.notif-center{display:inline-flex}.notif-center .notif-center__panel{border-color:var(--line-strong);width:min(420px,100vw - 20px);padding:0;overflow:hidden;box-shadow:0 18px 50px #0000002e,0 2px 8px #00000014}.notif-center__head{justify-content:space-between;align-items:center;padding:15px 16px 12px;display:flex}.notif-center__head h5{font-size:12px;font-weight:var(--font-weight-semibold);letter-spacing:.1em;color:var(--ink-soft);text-transform:uppercase;margin:0}.notif-center__tabs{scrollbar-width:none;border-bottom:1px solid var(--line);gap:2px;padding:0 10px;display:flex;overflow-x:auto}.notif-center__tabs::-webkit-scrollbar{display:none}.notif-center .notif-center__tabs .notif-center__tab{appearance:none;cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.notif-center .notif-center__tabs .notif-center__tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notif-center .notif-center__tabs .notif-center__tab{text-align:center;color:var(--muted);white-space:nowrap;cursor:pointer;border-bottom:2px solid #0000;flex:none;margin:0;padding:9px 8px 10px;font-size:11px;font-weight:650}.notif-center .notif-center__tabs .notif-center__tab:hover{color:var(--ink)}.notif-center .notif-center__tabs .notif-center__tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.notif-center .notif-center__tabs .notif-center__tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px;outline-offset:-2px}.notif-center__filterbar{letter-spacing:.11em;color:var(--muted);text-transform:uppercase;background:var(--chrome);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;font-size:9.5px;font-weight:650;display:flex}.notif-center__filterbar label{height:27px;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:0 4px 0 8px;display:flex}.notif-center .notif-center__filterbar .form-select{width:auto;height:auto;min-height:0;color:inherit;letter-spacing:0;text-transform:none;box-shadow:none;background-color:#0000;background-position:right 2px center;background-size:10px;border:0;border-radius:0;padding:0 15px 0 0;font-size:11px;font-weight:600}.notif-center__invites{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--ink);background:var(--accent-soft);border-bottom:1px solid var(--line);padding:9px 16px;text-decoration:none;display:block}.notif-center__invites:hover{color:var(--accent-ink);text-decoration:underline}.notif-center .notif-center__list{max-height:min(450px,62vh);padding:4px 0;overflow-y:auto}.notif-center__empty{color:var(--muted);text-align:center;margin:0;padding:40px 14px;font-size:12.5px}.notif-center__footer{font-size:11.5px;font-weight:var(--font-weight-semibold);color:var(--ink-soft);text-align:center;border-top:1px solid var(--line);padding:10px 16px;text-decoration:none;display:block}.notif-center__footer:hover{color:var(--accent-ink);text-decoration:underline}.notif-row{width:100%;color:inherit;border-bottom:1px solid var(--line);transition:background var(--transition-fast);align-items:flex-start;gap:12px;padding:12px 16px;text-decoration:none;display:flex;position:relative}.notif-row:last-child{border-bottom:0}.notif-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px;outline-offset:-2px}.notif-row--unread{background:color-mix(in srgb, var(--accent-soft) 58%, var(--paper))}.notif-row__media{object-fit:cover;border:1px solid var(--line);border-radius:5px;flex:none;width:46px;height:46px}.notif-row__media--cohort{background:var(--paper);border-radius:50%}.notif-row__avatar.avatar{background:var(--chrome-active);border:1px solid var(--line);flex:none;margin-top:2px;font-size:10px}.notif-row__avatar.avatar .avatar__fallback{font-weight:var(--font-weight-bold);color:var(--ink-soft)}.notif-row__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.notif-row__line{justify-content:space-between;align-items:center;gap:8px;display:flex}.notif-row__copy{color:var(--ink-soft);flex-wrap:wrap;align-items:baseline;gap:0 5px;font-size:12.5px;line-height:1.35;display:flex}.notif-row__copy b,.notif-row__title-inline{color:var(--ink);font-weight:650}.notif-row__title{color:var(--ink);font-size:12.5px;font-weight:650;line-height:1.35}.notif-row__preview{color:var(--muted);font-size:11.5px;line-height:1.42;display:block}.notif-row__dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%;flex:none}.notif-row__when{font-size:10.5px;font-weight:var(--font-weight-medium);color:var(--muted);align-items:center;gap:7px;margin-top:2px;display:flex}.notif-row__cohort{color:var(--ink-soft);background:var(--chrome-active);border-radius:var(--radius-pill);padding:2px 6px}.notif-center__markall.button{height:auto;min-height:24px;color:var(--ink-soft);background:0 0;border:0;border-radius:0;padding:4px 0;font-size:11px;font-weight:650;line-height:normal}.notif-center__markall.button:hover:not(:disabled){color:var(--accent-ink);background:0 0;border-color:#0000;text-decoration:underline}
.tabs__list{border-bottom:1px solid var(--line);display:flex}.tabs__trigger{appearance:none;cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.tabs__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tabs__trigger{padding:var(--spacing-2) var(--spacing-4);font-size:13px;font-weight:var(--font-weight-medium);color:var(--muted);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);border-bottom:2px solid #0000;margin-bottom:-1px}.tabs__trigger:hover:not(:disabled){color:var(--ink-soft)}.tabs__trigger--active{color:var(--ink);border-bottom-color:var(--accent)}.tabs__content{padding:var(--spacing-4) 0}