.notification-bell-root{flex:none;position:relative}.notification-bell-button{position:relative}.notification-mobile-scrim{display:none}.notification-popover{z-index:80;top:calc(var(--private-topbar-height,60px) + .75rem);border:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--card) 94%, transparent);width:min(26rem,100vw - 2rem);color:var(--foreground);-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);border-radius:1.1rem;animation:.18s ease-out notification-enter;position:fixed;right:clamp(1rem,2vw,1.75rem);overflow:hidden;box-shadow:0 24px 70px -24px #0000009e}.notification-popover-header,.notification-popover-actions,.notification-popover-footer{justify-content:space-between;align-items:center;gap:.75rem;padding-inline:1rem;display:flex}.notification-popover-header{border-bottom:1px solid color-mix(in srgb, var(--border) 66%, transparent);min-height:4.6rem}.notification-popover-header>span{gap:.12rem;display:grid}.notification-popover-header small,.notification-preferences-heading small,.notification-page-kicker{color:var(--elixir,#ef4444);letter-spacing:.12em;text-transform:uppercase;font-size:.64rem;font-weight:800}.notification-popover-header strong{letter-spacing:-.02em;font-size:1.05rem}.notification-popover-header>div{gap:.25rem;display:flex}.notification-popover-header button,.notification-read-button,.notification-popover-footer a,.notification-popover-actions button{min-width:2.75rem;min-height:2.75rem}.notification-popover-header button,.notification-read-button{color:var(--muted-foreground);border-radius:.75rem;justify-content:center;align-items:center;transition:color .16s,background-color .16s;display:inline-flex}.notification-popover-header button:hover,.notification-popover-header button[aria-pressed=true],.notification-read-button:hover{background:color-mix(in srgb, var(--foreground) 8%, transparent);color:var(--foreground)}.notification-popover-actions{background:color-mix(in srgb, var(--muted) 45%, transparent);min-height:2.9rem;color:var(--muted-foreground);font-size:.72rem}.notification-popover-actions button{color:var(--foreground);align-items:center;gap:.4rem;font-size:.72rem;font-weight:720;display:inline-flex}.notification-popover-body{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(31rem,100svh - 13rem);overflow-y:auto}.notification-popover-footer{border-top:1px solid color-mix(in srgb, var(--border) 66%, transparent);min-height:3.5rem}.notification-popover-footer a{width:100%;color:var(--foreground);justify-content:center;align-items:center;gap:.35rem;font-size:.78rem;font-weight:760;display:flex}.notification-date-heading{color:var(--muted-foreground);letter-spacing:.11em;text-transform:uppercase;margin:0;padding:.8rem 1rem .4rem;font-size:.62rem;font-weight:800}.notification-row{border-bottom:1px solid color-mix(in srgb, var(--border) 54%, transparent);grid-template-columns:2.45rem minmax(0,1fr) 2.75rem;align-items:start;gap:.65rem;min-width:0;padding:.9rem 1rem;transition:background-color .16s;display:grid;position:relative}.notification-row:last-child{border-bottom:0}.notification-row:hover{background:color-mix(in srgb, var(--foreground) 3.5%, transparent)}.notification-row.is-unread{background:color-mix(in srgb, var(--elixir,#ef4444) 5%, transparent)}.notification-row.is-unread:before{background:var(--elixir,#ef4444);content:"";border-radius:0 999px 999px 0;width:.18rem;height:1.4rem;position:absolute;top:1.2rem;left:0}.notification-row-icon{border:1px solid color-mix(in srgb, var(--border) 72%, transparent);background:color-mix(in srgb, var(--muted) 55%, transparent);width:2.4rem;height:2.4rem;color:var(--muted-foreground);border-radius:.8rem;justify-content:center;align-items:center;display:inline-flex}.notification-row.is-important .notification-row-icon{border-color:color-mix(in srgb, var(--elixir,#ef4444) 35%, transparent);color:var(--elixir,#ef4444)}.notification-row-copy{min-width:0;color:inherit;gap:.22rem;text-decoration:none;display:grid}.notification-row-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.notification-row-meta small{color:var(--elixir,#ef4444);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-style:normal;font-weight:800}.notification-row-meta time{color:var(--muted-foreground);flex:none;font-size:.65rem}.notification-row-copy strong,.notification-row-copy p,.notification-row-copy em{overflow-wrap:anywhere}.notification-row-copy strong{font-size:.82rem;line-height:1.35}.notification-row-copy p{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.72rem;line-height:1.45;display:-webkit-box;overflow:hidden}.notification-row-copy em{color:var(--foreground);font-size:.65rem;font-style:normal;font-weight:700}.notification-read-button{align-self:center}.notification-row-chevron{color:var(--muted-foreground);place-self:center}.notification-empty,.notification-loading{text-align:center;place-items:center;min-height:13rem;padding:2rem;display:grid}.notification-loading-skeleton{gap:.4rem;padding:.45rem;display:grid}.notification-loading-row{border-radius:1rem;grid-template-columns:2.25rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:4.75rem;padding:.7rem;display:grid}.notification-loading-row>span{gap:.55rem;display:grid}.notification-loading-icon{border-radius:.75rem;width:2.25rem;height:2.25rem}.notification-loading-title{width:min(15rem,72%);height:.75rem}.notification-loading-copy{width:min(20rem,94%);height:.65rem}.notification-empty{color:var(--muted-foreground);gap:.45rem}.notification-empty svg{color:var(--elixir,#ef4444);margin-bottom:.35rem}.notification-empty strong{color:var(--foreground);font-size:.9rem}.notification-empty p,.notification-loading{color:var(--muted-foreground);margin:0;font-size:.76rem;line-height:1.55}.notification-empty button{border:1px solid var(--border);min-height:2.75rem;color:var(--foreground);border-radius:.7rem;margin-top:.5rem;padding:0 1rem;font-size:.75rem;font-weight:700}.notification-preferences{padding:1rem}.notification-preferences-heading>span{gap:.25rem;display:grid}.notification-preferences-heading strong{font-size:.88rem;line-height:1.4}.notification-preference-list{gap:.35rem;margin-top:1rem;display:grid}.notification-preference-row{background:color-mix(in srgb, var(--muted) 42%, transparent);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;min-height:3.7rem;padding:.6rem .7rem;display:flex}.notification-preference-row>span{gap:.14rem;min-width:0;display:grid}.notification-preference-row strong{font-size:.77rem}.notification-preference-row small{color:var(--muted-foreground);font-size:.67rem;line-height:1.35}.notification-preference-row input{appearance:none;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--muted-foreground) 25%, transparent);cursor:pointer;border-radius:999px;flex:none;width:2.75rem;height:1.55rem;transition:background-color .16s;position:relative}.notification-preference-row input:after{content:"";background:#fff;border-radius:50%;width:1.05rem;height:1.05rem;transition:transform .16s;position:absolute;top:.18rem;left:.2rem;box-shadow:0 2px 7px #00000040}.notification-preference-row input:checked{background:var(--elixir,#ef4444)}.notification-preference-row input:checked:after{transform:translate(1.22rem)}.notification-preference-row input:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.notification-preference-row.is-locked svg{color:var(--elixir,#ef4444);flex:none;margin-inline:.35rem}.notification-inline-error{color:var(--destructive);margin:.75rem 0 0;font-size:.72rem}.notification-page-shell{width:min(100%,77rem);padding:clamp(1rem,2.8vw,2.5rem);padding-bottom:max(6rem, calc(5rem + env(safe-area-inset-bottom)));margin-inline:auto}.notification-page-hero{border:1px solid color-mix(in srgb, var(--border) 68%, transparent);background:radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--elixir,#ef4444) 12%, transparent), transparent 36%), color-mix(in srgb, var(--card) 92%, transparent);border-radius:1.25rem;padding:clamp(1.1rem,3vw,2.2rem);box-shadow:0 24px 70px -48px #000000bf}.notification-page-kicker{align-items:center;gap:.4rem;display:inline-flex}.notification-page-title-row{justify-content:space-between;align-items:end;gap:1.5rem;margin-top:.9rem;display:flex}.notification-page-title-row h1{font-family:var(--font-display,inherit);letter-spacing:-.055em;margin:0;font-size:clamp(1.9rem,4vw,3.4rem);line-height:.95}.notification-page-title-row p{max-width:36rem;color:var(--muted-foreground);margin:.7rem 0 0;font-size:.86rem;line-height:1.55}.notification-page-title-row button{border:1px solid color-mix(in srgb, var(--elixir,#ef4444) 45%, transparent);background:color-mix(in srgb, var(--elixir,#ef4444) 9%, transparent);min-height:2.75rem;color:var(--foreground);border-radius:.8rem;flex:none;align-items:center;gap:.45rem;padding:0 1rem;font-size:.76rem;font-weight:760;display:inline-flex}.notification-stat-row{color:var(--muted-foreground);align-items:baseline;gap:.4rem;margin-top:1.5rem;font-size:.72rem;display:flex}.notification-stat-row strong{color:var(--foreground);font-size:1.25rem}.notification-stat-row i{background:var(--border);width:1px;height:.9rem;margin-inline:.45rem}.notification-page-grid{grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);gap:1.2rem;margin-top:1.2rem;display:grid}.notification-page-feed,.notification-page-aside>*{border:1px solid color-mix(in srgb, var(--border) 68%, transparent);background:color-mix(in srgb, var(--card) 90%, transparent);border-radius:1.1rem;overflow:hidden}.notification-page-toolbar{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);gap:.85rem;padding:1rem;display:grid}.notification-page-toolbar h2{margin:0;font-size:.92rem}.notification-filter-tabs{scrollbar-width:none;gap:.35rem;max-width:100%;padding-bottom:.15rem;display:flex;overflow-x:auto}.notification-filter-tabs::-webkit-scrollbar{display:none}.notification-filter-tabs button{min-height:2.75rem;color:var(--muted-foreground);border:1px solid #0000;border-radius:999px;flex:none;padding:0 .85rem;font-size:.7rem;font-weight:720}.notification-filter-tabs button.is-active{border-color:color-mix(in srgb, var(--elixir,#ef4444) 30%, transparent);background:color-mix(in srgb, var(--elixir,#ef4444) 9%, transparent);color:var(--foreground)}.notification-page-feed .notification-row{padding-block:1rem}.notification-page-aside{align-content:start;gap:1rem;display:grid}.notification-honesty-card{gap:.75rem;padding:1rem;display:flex}.notification-honesty-card>svg{color:var(--elixir,#ef4444);flex:none}.notification-honesty-card span{gap:.25rem;display:grid}.notification-honesty-card strong{font-size:.78rem}.notification-honesty-card small{color:var(--muted-foreground);font-size:.68rem;line-height:1.5}:root[data-theme=blanc] .notification-popover,:root[data-theme=blanc] .notification-page-feed,:root[data-theme=blanc] .notification-page-aside>*,:root[data-theme=blanc] .notification-page-hero{box-shadow:0 22px 55px -38px #41373059}@media (width<=63.99rem){.notification-page-grid{grid-template-columns:minmax(0,1fr)}.notification-page-aside{grid-template-columns:minmax(0,1fr) minmax(14rem,.7fr)}}@media (width<=47.99rem){.private-topbar-actions .notification-bell-button{display:inline-grid!important}.notification-mobile-scrim{z-index:78;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;width:100vw;height:100dvh;display:block;position:fixed;inset:0}.notification-popover{z-index:80;top:auto;right:.5rem;bottom:max(.5rem, env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - max(1rem, env(safe-area-inset-top)) - max(1rem, env(safe-area-inset-bottom)));transform-origin:bottom;border-radius:1.2rem;position:fixed;left:.5rem}.notification-popover-body{max-height:calc(100dvh - 12rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.notification-popover-close{display:inline-flex}.notification-page-shell{padding:.75rem;padding-bottom:max(6.5rem, calc(5.5rem + env(safe-area-inset-bottom)))}.notification-page-title-row{flex-direction:column;align-items:start}.notification-page-title-row button{justify-content:center;width:100%}.notification-page-aside{grid-template-columns:minmax(0,1fr)}.notification-row{grid-template-columns:2.35rem minmax(0,1fr) 2.75rem;padding-inline:.75rem}.notification-row-icon{width:2.25rem;height:2.25rem}}@media (width<=22.5rem){.notification-popover-actions{flex-direction:column;align-items:start;padding-block:.45rem}.notification-page-hero{padding:1rem}.notification-stat-row{flex-wrap:wrap}}@media (orientation:landscape) and (height<=30rem) and (width<=56rem){.notification-bell-button{width:44px;min-width:44px;height:44px;min-height:44px}.notification-popover{top:max(.4rem, env(safe-area-inset-top));bottom:max(.4rem, env(safe-area-inset-bottom))}.notification-popover-body{max-height:calc(100dvh - 11rem)}}@media (prefers-reduced-motion:reduce){.notification-popover,.notification-popover *,.notification-page-shell *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes notification-enter{0%{opacity:0;transform:translateY(-.35rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}
