.nav-bell-wrap,.nav-notif-wrap{align-items:center;display:inline-flex;position:relative}.nav-bell{background:transparent;border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink,#161a14);cursor:pointer;display:grid;height:40px;place-items:center;position:relative;transition:background var(--dur-1,.12s) var(--ease,ease),color var(--dur-1,.12s) var(--ease,ease);width:40px}.nav-bell-wrap.is-open .nav-bell,.nav-bell:hover,.nav-bell[aria-expanded=true]{background:var(--stg-paper-deep,#f3f2ee)}.nav-bell.has-unread{color:var(--stg-ink,#161a14)}.nav-bell svg{display:block}.bell-badge{background:var(--stg-ink,#161a14);border:2px solid var(--stg-paper,#fff);border-radius:var(--stg-r-pill,9999px);color:var(--stg-paper,#fff);display:grid;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:10px;font-variant-numeric:tabular-nums;font-weight:700;height:18px;line-height:1;min-width:18px;padding:0 4px;place-items:center;position:absolute;right:4px;top:4px}.notif-dropdown{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-2,0 2px 6px rgba(22,26,20,.06),0 20px 60px -16px rgba(22,26,20,.16));overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:min(400px,calc(100vw - 24px));z-index:240}.notif-dropdown.hidden{display:none!important}.notif-dropdown-header{align-items:center;border-bottom:1px solid var(--stg-border,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-dropdown-title{color:var(--stg-ink,#161a14);flex:1;font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:1.125rem;font-weight:400;line-height:1.1;margin:0;min-width:0}.notif-dropdown-actions,.notif-page-actions{align-items:center;display:inline-flex;flex-shrink:0;gap:4px}.notif-prefs-btn{background:transparent;border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink-3,#6b6b5f);cursor:pointer;display:inline-grid;height:36px;place-items:center;text-decoration:none;transition:background var(--dur-1,.12s) var(--ease,ease),color var(--dur-1,.12s) var(--ease,ease);width:36px}.notif-prefs-btn:hover{background:var(--stg-paper-deep,#f3f2ee);color:var(--stg-ink,#161a14)}.notif-prefs-btn svg{display:block}.notif-mark-all{background:transparent;border:none;border-radius:var(--stg-r-sm,8px);color:var(--stg-ink-3,#6b6b5f);cursor:pointer;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-caption,.75rem);font-weight:600;padding:4px 8px;transition:background var(--dur-1,.12s) var(--ease,ease),color var(--dur-1,.12s) var(--ease,ease)}.notif-mark-all:hover:not(:disabled){background:var(--stg-paper-deep,#f3f2ee);color:var(--stg-ink,#161a14)}.notif-mark-all:disabled{cursor:default;opacity:.55}.notif-dropdown-list{display:flex;flex-direction:column;max-height:min(420px,calc(100vh - 180px));overflow-y:auto}.notif-dropdown-status{color:var(--stg-ink-3,#6b6b5f);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.9375rem;line-height:1.5;padding:var(--sp-5,24px);text-align:center}.notif-dropdown-footer{background:var(--stg-paper-2,#fafaf7);border-top:1px solid var(--stg-border,rgba(22,26,20,.08));padding:var(--sp-3,12px) var(--sp-5,24px);text-align:center}.notif-view-all{align-items:center;color:var(--stg-ink,#161a14);display:inline-flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.8125rem;font-weight:600;gap:6px;text-decoration:none}.notif-view-all:hover{text-decoration:underline}.notif-view-all svg{flex-shrink:0}.notif-row{align-items:start;background:var(--stg-paper,#fff);border-bottom:1px solid var(--stg-border,rgba(22,26,20,.08));color:inherit;display:grid;gap:var(--sp-3,12px);grid-template-columns:48px minmax(0,1fr) auto;padding:var(--sp-4,16px) var(--sp-5,24px);position:relative;text-decoration:none;transition:background var(--dur-1,.12s) var(--ease,ease)}.notif-row:last-child{border-bottom:none}.notif-row:hover{background:var(--stg-paper-2,#fafaf7)}.notif-row.unread{background:var(--stg-paper-deep,#f3f2ee)}.notif-row.unread:before{background:var(--stg-accent,#d9f274);border-radius:0 3px 3px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.notif-icon{flex-shrink:0;height:48px;position:relative;width:48px}.notif-avatar{border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink,#161a14);display:grid;font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:1.125rem;height:48px;line-height:1;overflow:hidden;place-items:center;width:48px}.notif-avatar svg{height:22px;width:22px}.notif-avatar--sky{background:var(--stg-pop-sky,#b9dee6)}.notif-avatar--cream{background:var(--stg-pop-cream,#f4ecd8)}.notif-avatar--mint{background:var(--stg-pop-mint,#b8e6c9)}.notif-avatar--lavender{background:var(--stg-pop-lavender,#cbb9e0)}.notif-avatar--neutral{background:var(--stg-paper-deep,#f3f2ee)}.notif-avatar--system{background:var(--stg-accent,#d9f274);color:var(--stg-accent-ink,#161a14)}.notif-avatar.is-pattern{background:var(--stg-ink,#161a14);border-radius:var(--stg-r-sm,8px)}.notif-type-badge{border:2px solid var(--stg-paper,#fff);border-radius:var(--stg-r-pill,9999px);bottom:-3px;color:var(--stg-paper,#fff);display:grid;height:20px;place-items:center;position:absolute;right:-5px;width:20px}.notif-row.unread .notif-type-badge{border-color:var(--stg-paper-deep,#f3f2ee)}.badge-like{background:var(--stg-pop-peach,#f6c7b8)}.badge-comment,.badge-like{color:var(--stg-ink,#161a14)}.badge-comment{background:var(--stg-pop-sky,#b9dee6)}.badge-reply{background:var(--stg-pop-mint,#b8e6c9)}.badge-forum,.badge-reply{color:var(--stg-ink,#161a14)}.badge-forum{background:var(--stg-pop-lavender,#cbb9e0)}.badge-system{background:var(--stg-accent,#d9f274);color:var(--stg-accent-ink,#161a14)}.notif-content{display:flex;flex-direction:column;gap:4px;min-width:0;padding-top:2px}.notif-text{color:var(--stg-ink,#161a14);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.875rem;line-height:1.45;word-break:break-word}.notif-text strong{font-weight:600}.notif-text .notif-actor-link,.notif-text .tm-profile-deep-link{color:var(--stg-ink,#161a14);font-weight:600;text-decoration:none;text-underline-offset:2px}.notif-text .notif-actor-link:hover,.notif-text .tm-profile-deep-link:hover{color:var(--stg-ink,#161a14);text-decoration:underline}.notif-text em{color:var(--stg-ink-2,#38382f);font-style:normal}.notif-preview{color:var(--stg-ink-3,#6b6b5f);font-size:.8125rem;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-preview,.notif-time{font-family:var(--font-ui,"Inter Tight",sans-serif)}.notif-time{color:var(--stg-ink-4,#a6a59b);font-size:.6875rem;font-variant-numeric:tabular-nums;margin-top:2px}.notif-time time{color:inherit;font:inherit}.notif-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--sp-2,8px);padding-top:4px}.notif-dot{background:var(--stg-accent,#d9f274);border-radius:var(--stg-r-pill,9999px);height:8px;width:8px}.notif-row:not(.unread) .notif-dot{display:none}.notif-dismiss{background:transparent;border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink-4,#a6a59b);cursor:pointer;display:grid;height:24px;opacity:0;place-items:center;transition:opacity var(--dur-1,.12s) var(--ease,ease),background var(--dur-1,.12s) var(--ease,ease),color var(--dur-1,.12s) var(--ease,ease);width:24px}.notif-dismiss:focus-visible,.notif-row:hover .notif-dismiss{opacity:1}.notif-dismiss:hover:not(:disabled){background:var(--stg-paper-deep,#f3f2ee);color:var(--stg-ink,#161a14)}.notif-dismiss:disabled{cursor:default;opacity:0}.pad-grid{display:grid;gap:2px;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(2,1fr);height:100%;padding:6px;width:100%}.pad-cell{background:rgba(244,236,216,.14);border-radius:2px}.pad-cell.on{background:var(--stg-pop-cream,#f4ecd8)}.pad-cell.on-2{background:var(--stg-pop-mint,#b8e6c9)}#page-notifications{background:var(--stg-paper-2,#fafaf7)}#page-notifications .notif-page-wrap{margin:0 auto;max-width:720px;padding:var(--sp-7,48px) var(--sp-4,16px) var(--sp-8,64px)}.notif-page-head{margin-bottom:var(--sp-5,24px)}.notif-page-eyebrow{align-items:center;color:var(--stg-ink-4,#a6a59b);display:flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.6875rem;font-weight:600;gap:var(--sp-2,8px);letter-spacing:.12em;margin-bottom:var(--sp-2,8px);text-transform:uppercase}.notif-page-eyebrow a{color:inherit;text-decoration:none}.notif-page-eyebrow a:hover{color:var(--stg-ink,#161a14)}.notif-page-eyebrow .sep{opacity:.5}.notif-page-title-row{align-items:flex-start;display:flex;gap:var(--sp-4,16px);justify-content:space-between}.notif-page-actions .notif-prefs-btn{height:40px;width:40px}.notif-page-title{color:var(--stg-ink,#161a14);font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:clamp(2rem,4vw,3rem);font-weight:400;letter-spacing:-.03em;line-height:1;margin:0}.notif-tabs{background:var(--stg-paper-deep,#f3f2ee);border-radius:var(--stg-r-pill,9999px);display:inline-flex;gap:4px;margin-bottom:var(--sp-5,24px);padding:4px}.notif-tab{align-items:center;background:transparent;border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink-3,#6b6b5f);cursor:pointer;display:inline-flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.875rem;font-weight:500;gap:6px;padding:8px 18px;transition:background var(--dur-1,.12s) var(--ease,ease),color var(--dur-1,.12s) var(--ease,ease),box-shadow var(--dur-1,.12s) var(--ease,ease)}.notif-tab.active,.notif-tab:hover{color:var(--stg-ink,#161a14)}.notif-tab.active{background:var(--stg-paper,#fff);box-shadow:var(--stg-lift,0 1px 2px rgba(22,26,20,.04),0 6px 24px -8px rgba(22,26,20,.08))}.notif-tab-count{align-items:center;background:var(--stg-ink,#161a14);border-radius:var(--stg-r-pill,9999px);color:var(--stg-paper,#fff);display:inline-flex;font-size:.6875rem;font-variant-numeric:tabular-nums;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 5px}.notif-tab:not(.active) .notif-tab-count{background:var(--stg-ink-4,#a6a59b)}.notif-page-content{display:flex;flex-direction:column}.notif-page-msg{color:var(--stg-ink-3,#6b6b5f);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.9375rem;margin:0;padding:var(--sp-4,16px) 0}.notif-page-msg--compact{font-size:.8125rem;padding:var(--sp-2,8px) 0 0;text-align:center}.notif-page-msg.hidden{display:none!important}.notif-page-groups{gap:var(--sp-4,16px)}.notif-group,.notif-page-groups{display:flex;flex-direction:column}.notif-group{gap:var(--sp-2,8px)}.notif-group-label{color:var(--stg-ink-4,#a6a59b);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.6875rem;font-weight:600;letter-spacing:.12em;padding:var(--sp-3,12px) 0 var(--sp-2,8px);text-transform:uppercase}.notif-group-list{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));overflow:hidden}.notif-group-list .notif-row{grid-template-columns:52px minmax(0,1fr) auto}.notif-group-list .notif-avatar,.notif-group-list .notif-icon{height:52px;width:52px}.notif-group-list .notif-avatar{font-size:1.25rem}.notif-group-list .notif-preview{display:-webkit-box;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical}.notif-empty{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));padding:var(--sp-8,64px) var(--sp-5,24px);text-align:center}.notif-empty.hidden{display:none!important}.notif-empty-icon{background:var(--stg-paper-deep,#f3f2ee);border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink-4,#a6a59b);display:grid;height:56px;margin:0 auto var(--sp-4,16px);place-items:center;width:56px}.notif-empty-title{color:var(--stg-ink,#161a14);font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:1.5rem;font-weight:400;line-height:1.15;margin:0 0 var(--sp-2,8px)}.notif-empty-sub{color:var(--stg-ink-3,#6b6b5f);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.9375rem;line-height:1.55;margin:0 auto;max-width:360px}.notif-load-more{align-items:center;display:flex;flex-direction:column;margin-top:var(--sp-4,16px)}.notif-load-more.hidden{display:none!important}.notif-load-btn{align-items:center;background:var(--stg-paper,#fff);border:1px solid var(--stg-border-strong,rgba(22,26,20,.16));border-radius:var(--stg-r-pill,9999px);box-shadow:var(--stg-lift,0 1px 2px rgba(22,26,20,.04),0 6px 24px -8px rgba(22,26,20,.08));color:var(--stg-ink-3,#6b6b5f);cursor:default;display:inline-flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.875rem;font-weight:500;gap:var(--sp-2,8px);padding:10px 24px}.notif-load-btn svg{flex-shrink:0}.notif-load-btn:disabled{opacity:.92}.notif-settings-row{display:flex;justify-content:center;margin-top:var(--sp-5,24px)}.notif-settings-link{align-items:center;border-radius:var(--stg-r-sm,8px);color:var(--stg-ink-3,#6b6b5f);display:inline-flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.8125rem;gap:6px;justify-content:center;padding:6px 12px;text-decoration:none;transition:background var(--dur-1,.12s) var(--ease,ease),color var(--dur-1,.12s) var(--ease,ease)}.notif-settings-link:hover{background:var(--stg-paper-deep,#f3f2ee);color:var(--stg-ink,#161a14)}.notif-settings-link.is-disabled{opacity:.75;pointer-events:none}#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}}