#page-notification-preferences{background:var(--stg-paper,#fff)}.notif-prefs-wrap{max-width:640px}.notif-prefs-lead{color:var(--stg-ink-3,#6b6b5f);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.9375rem;line-height:1.5;margin:var(--sp-3,12px) 0 0}.notif-prefs-content{margin-top:var(--sp-5,24px)}.notif-prefs-form{display:flex;flex-direction:column;gap:var(--sp-6,32px)}.notif-prefs-section{display:flex;flex-direction:column;gap:var(--sp-4,16px)}.notif-prefs-section-title{color:var(--stg-ink,#161a14);font-family:var(--font-display,"Fraunces",serif);font-size:1.125rem;font-weight:600;margin:0}.notif-prefs-section-note{color:var(--stg-ink-3,#6b6b5f);font-size:.8125rem;line-height:1.45;margin:calc(var(--sp-2, 8px)*-1) 0 0}.notif-prefs-list{display:flex;flex-direction:column;gap:var(--sp-3,12px);list-style:none;margin:0;padding:0}.notif-prefs-item{align-items:center;background:var(--stg-paper,#fff);border:1px solid var(--stg-border,rgba(22,26,20,.08));border-radius:var(--stg-r-lg,24px);box-shadow:var(--stg-lift,0 1px 2px rgba(22,26,20,.04),0 6px 24px -8px rgba(22,26,20,.08));display:flex;gap:var(--sp-4,16px);justify-content:space-between;padding:var(--sp-4,16px) var(--sp-5,24px)}.notif-prefs-item-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.notif-prefs-item-label{color:var(--stg-ink,#161a14);font-size:.9375rem;font-weight:600}.notif-prefs-item-desc,.notif-prefs-item-label{font-family:var(--font-ui,"Inter Tight",sans-serif)}.notif-prefs-item-desc{color:var(--stg-ink-3,#6b6b5f);font-size:.8125rem;line-height:1.45}.notif-prefs-switch{cursor:pointer;display:inline-flex;flex-shrink:0;position:relative}.notif-prefs-switch input{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0)}.notif-prefs-switch-ui{background:var(--stg-paper-deep,#f3f2ee);border:1px solid var(--stg-border,rgba(22,26,20,.08));border-radius:var(--stg-r-pill,9999px);height:26px;position:relative;transition:background var(--dur-1,.12s) var(--ease,ease),border-color var(--dur-1,.12s) var(--ease,ease);width:44px}.notif-prefs-switch-ui:after{background:var(--stg-paper,#fff);border-radius:50%;box-shadow:0 1px 3px rgba(22,26,20,.12);content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform var(--dur-1,.12s) var(--ease,ease);width:20px}.notif-prefs-switch input:checked+.notif-prefs-switch-ui{background:var(--stg-ink,#161a14);border-color:var(--stg-ink,#161a14)}.notif-prefs-switch input:checked+.notif-prefs-switch-ui:after{transform:translateX(18px)}.notif-prefs-switch input:focus-visible+.notif-prefs-switch-ui{outline:2px solid var(--stg-focus,#161a14);outline-offset:2px}.notif-prefs-email-row{display:flex;flex-direction:column;gap:var(--sp-2,8px)}.notif-prefs-select{max-width:320px}.notif-prefs-actions{align-items:flex-start;display:flex;flex-direction:column;gap:var(--sp-3,12px)}.notif-prefs-status{color:var(--stg-ink-2,#3d3d36);font-size:.875rem;margin:0}.notif-prefs-status.is-error{color:#9b2c2c}.notif-prefs-actions .primary-btn:focus-visible,.notif-prefs-select:focus-visible,.notif-prefs-switch:focus-visible{outline:2px solid var(--stg-focus,#161a14);outline-offset:2px}@media (max-width:640px){.notif-prefs-item{align-items:flex-start;flex-direction:column}}.nav-bell:focus-visible,.notif-dismiss:focus-visible,.notif-load-btn:focus-visible,.notif-mark-all:focus-visible,.notif-prefs-btn:focus-visible,.notif-row:focus-visible,.notif-tab:focus-visible,.notif-view-all:focus-visible{outline:2px solid var(--stg-focus,#161a14);outline-offset:2px}@media (max-width:760px){.notif-page-title-row{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.notif-dropdown{border-radius:var(--stg-r-xl,32px);bottom:12px;left:12px;max-height:min(560px,calc(100vh - 24px));position:fixed;right:12px;top:auto;width:auto}.notif-dropdown-list{max-height:none}#page-notifications .notif-page-wrap{padding:var(--sp-6,32px) var(--sp-3,12px) var(--sp-7,48px)}.notif-group-list .notif-row,.notif-row{grid-template-columns:44px minmax(0,1fr) auto;padding:var(--sp-4,16px)}.notif-avatar,.notif-group-list .notif-avatar,.notif-group-list .notif-icon,.notif-icon{height:44px;width:44px}}.notif-contrib-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}@media (prefers-reduced-motion:reduce){.nav-bell,.notif-dismiss,.notif-mark-all,.notif-row,.notif-tab{transition:none!important}}