:root{--ssn-soft:cubic-bezier(.25, 1.25, .5, 1);--ssn-spring:cubic-bezier(.34, 1.56, .64, 1);--ssn-ease:cubic-bezier(.22, 1, .36, 1)}.ssn-bell-panel.ssn-panel{-webkit-backdrop-filter:none;backdrop-filter:none;transform-origin:30% 0;animation:ssn-panel-in .36s var(--ssn-soft) both;background:#08080aad;border:0;border-radius:26px;box-shadow:0 0 0 .5px #ffffff1a,0 24px 80px 30px #0404068c,0 40px 100px -30px #000000d9}@keyframes ssn-panel-in{0%{background-color:#08080a00;transform:translateY(-6px)scale(.97)}}.ssn-head{justify-content:space-between;align-items:center;gap:10px;padding:16px 18px 10px;display:flex}.ssn-head-title{min-width:0;font-family:var(--font-display);letter-spacing:-.02em;color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.ssn-head-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.ssn-pill{--lg-tint:#ffffff0d;--lg-drop:0 6px 16px -8px #0009;--lg-blur:10px;height:30px;font-family:var(--font-display);letter-spacing:-.005em;color:#ffffffdb;white-space:nowrap;cursor:pointer;transition:scale .25s var(--ssn-spring), opacity .25s var(--ssn-ease), color .2s, background-color .2s;border-radius:999px;align-items:center;padding:0 13px;font-size:12px;font-weight:600;display:inline-flex}.ssn-pill:hover{--lg-tint:#ffffff1a;color:#fff}.ssn-pill:active{scale:.96}.ssn-pill:focus-visible,.ssn-card-face:focus-visible,.ssn-x:focus-visible,.ssn-capsule:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ssn-pill{animation:ssn-pop-in .38s var(--ssn-spring) backwards}@keyframes ssn-pop-in{0%{opacity:0;scale:.8}}.ssn-list{flex-direction:column;gap:8px;margin:0;padding:2px 10px 12px;list-style:none;display:flex;position:relative}.ssn-list[data-surface=screen]{padding:4px 14px 16px}.ssn-slot{position:relative}.ssn-card{--lg-tint:#ffffff0b;--lg-blur:18px;--lg-bright:.92;color:var(--text-primary,#fff);touch-action:pan-y;transition:background-color .25s, scale .35s var(--ssn-soft);border-radius:22px}.ssn-list[data-surface=screen] .ssn-card{--lg-blur:12px;--lg-bright:1;--lg-tint:#ffffff0d}@media (hover:hover){.ssn-card:hover{--lg-tint:#ffffff13}}.ssn-card:has(>.ssn-card-face:active){scale:.985}.ssn-card-sticky{--lg-tint:#fb923c1a}@media (hover:hover){.ssn-card-sticky:hover{--lg-tint:#fb923c26}}.ssn-card-face{border-radius:inherit;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:14px 14px 14px 12px;text-decoration:none;display:block}div.ssn-card-face{cursor:default}.ssn-card-grid{grid-template-columns:36px minmax(0,1fr) 10px;align-items:center;gap:12px;display:grid}.ssn-list[data-surface=panel] .ssn-card-grid{grid-template-columns:36px minmax(0,1fr) 26px}.ssn-list[data-surface=panel] .ssn-dot{justify-self:start}.ssn-card-text{flex-direction:column;min-width:0;display:flex}.ssn-card-title{font-family:var(--font-display);color:var(--text-primary,#fff);overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.3}.ssn-card-titlelink{text-decoration:none;transition:opacity .2s}.ssn-card-titlelink:hover{opacity:.8}.ssn-card-body{color:#ffffff9e;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:12.5px;font-weight:400;line-height:1.35;display:-webkit-box;overflow:hidden}.ssn-card-time{font-family:var(--font-mono), ui-monospace, monospace;color:#fff6;margin:4px 0 0;font-size:10.5px;font-weight:400}.ssn-tile{background:#ffffff0f;background:color-mix(in srgb, currentColor 14%, transparent);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.ssn-linked-accent stop:first-child{stop-color:color-mix(in srgb, #fff 55%, var(--accent))}.ssn-linked-accent stop:nth-child(2){stop-color:var(--accent)}.ssn-linked-accent stop:nth-child(3){stop-color:color-mix(in srgb, var(--accent) 82%, #000)}.ssn-dot{background:var(--accent);opacity:0;width:7px;height:7px;transition:transform .4s var(--ssn-spring), opacity .3s;border-radius:999px;place-self:start end;margin-top:6px;transform:scale(0)}.ssn-dot[data-on]{opacity:1;transform:scale(1)}.ssn-list[data-sweep] .ssn-dot{transition-delay:calc(var(--i,0) * 28ms)}.ssn-x{z-index:2;color:#fff9;cursor:pointer;width:30px;height:30px;transition:color .18s, opacity .2s, transform .22s var(--ssn-spring);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:6px;right:6px}.ssn-x:hover{color:#fff;transform:scale(1.12)}.ssn-x:active{transform:scale(.9)}@media (hover:hover){.ssn-x{opacity:0}.ssn-card:hover .ssn-x,.ssn-x:focus-visible{opacity:1}}.ssn-hint{letter-spacing:-.01em;pointer-events:none;transition:transform .2s var(--ssn-spring);align-items:center;padding:0 22px;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:15px;font-weight:600;display:flex;position:absolute;top:0;bottom:0}.ssn-hint[data-side=right]{right:0}.ssn-hint[data-side=left]{left:0}.ssn-hint[data-tone=danger]{color:#f87171}.ssn-hint[data-tone=affirm]{color:#fff}.ssn-hint[data-armed]{transform:scale(1.08)}.ssn-cta{letter-spacing:.005em;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-top:8px;padding:5px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.ssn-cta-stripe{color:#fff;background:#fb923c2e;box-shadow:inset 0 0 0 .5px #fb923c80}.ssn-cta-guide{color:#000;background:#e4ff30}.ssn-cta-sayhi{color:#000;transition:scale .22s var(--ssn-spring), opacity .18s;background:#fff;font-family:-apple-system,SF Pro Text,SF Pro,system-ui,sans-serif}.ssn-card-face:active .ssn-cta-sayhi{opacity:.82;scale:.96}.ssn-tile-avatar{background:#ffffff0f;border-radius:999px;overflow:hidden}.ssn-tile-avatar img{object-fit:cover;width:100%;height:100%}.ssn-answer{gap:8px;margin-top:10px;display:flex}.ssn-capsule{letter-spacing:-.02em;cursor:pointer;height:34px;transition:scale .22s var(--ssn-spring), opacity .18s, background-color .2s;border:0;border-radius:999px;flex:none;padding:0 16px;font-family:-apple-system,SF Pro Text,SF Pro,system-ui,sans-serif;font-size:14px;font-weight:600}.ssn-capsule:active:not(:disabled){opacity:.82;scale:.96}.ssn-capsule:disabled{opacity:.45;cursor:default}.ssn-capsule-primary{background:var(--accent);color:var(--accent-fg,#000)}.ssn-capsule-quiet{color:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 .5px #ffffff2e}@media (hover:hover){.ssn-capsule-quiet:hover:not(:disabled){background:#ffffff26}.ssn-capsule-primary:hover:not(:disabled){background:var(--accent-hover,var(--accent))}}.ssn-enter-open{animation:ssn-in-open .64s var(--ssn-soft) var(--d,0s) backwards}.ssn-enter-arrive{animation:ssn-in-arrive .72s var(--ssn-soft) var(--d,0s) backwards}@keyframes ssn-in-open{0%{opacity:0;filter:blur(6px);transform:translateY(14px)scale(.96)}to{opacity:1;filter:none;transform:none}}@keyframes ssn-in-arrive{0%{opacity:0;filter:blur(5px);transform:translateY(-18px)scale(.94)}to{opacity:1;filter:none;transform:none}}.ssn-empty{text-align:center;color:#fff6;animation:ssn-fade .42s var(--ssn-ease) .12s backwards;margin:0;padding:36px 20px 44px;font-size:14px}@keyframes ssn-fade{0%{opacity:0;transform:translateY(4px)}}.ssn-bell-glyph{transform-origin:50% 10%}.ssn-bell-glyph[data-ring]{animation:ssn-ring .7s var(--ssn-ease)}@keyframes ssn-ring{15%{transform:rotate(14deg)scale(1.05)}35%{transform:rotate(-11deg)scale(1.05)}55%{transform:rotate(6deg)scale(1.05)}75%{transform:rotate(-3deg)scale(1.05)}}.ssn-badge{animation:ssn-badge-in .45s var(--ssn-spring) backwards}.ssn-badge[data-bump]{animation:ssn-bump .5s var(--ssn-spring)}@keyframes ssn-badge-in{0%{transform:scale(0)}}@keyframes ssn-bump{40%{transform:scale(1.45)}}.ssn-ambient{z-index:0;pointer-events:none;background:radial-gradient(60% 38% at 12% 62%,#8c78ff29,#0000 70%),radial-gradient(55% 34% at 92% 38%,#3a8cf61f,#0000 70%),radial-gradient(70% 30% at 60% 96%,#b9ffe212,#0000 70%);position:fixed;inset:0}.ssn-screen-body{z-index:1;position:relative}.ssn-screen-actions{justify-content:flex-end;gap:6px;padding:2px 16px 12px;display:flex}@media (prefers-reduced-motion:reduce){.ssn-bell-panel.ssn-panel,.ssn-pill,.ssn-enter-open,.ssn-enter-arrive,.ssn-empty,.ssn-bell-glyph[data-ring],.ssn-badge,.ssn-badge[data-bump]{animation:none}.ssn-dot,.ssn-x,.ssn-hint,.ssn-card,.ssn-pill,.ssn-capsule{transition:none}}