:root{--gray-0:#fff;--gray-50:#f7f8fa;--gray-100:#eef0f3;--gray-200:#dee1e6;--gray-300:#c3c7d0;--gray-400:#9ba1ad;--gray-500:#767c89;--gray-600:#565c68;--gray-700:#3d414b;--gray-800:#282b33;--gray-900:#16181d;--gray-950:#0a0b0e;--brand-100:#ffeee9;--brand-200:#ffd7ca;--brand-300:#ffb199;--brand-400:#ff7d5c;--brand-500:#ff5a36;--brand-600:#e8431f;--brand-700:#c2340f;--green-100:#edf9f1;--green-300:#a7d9bc;--green-700:#15803d;--red-100:#fdecec;--red-300:#f5b5b5;--red-700:#dc2626;--font-ui-name:"Figtree";--font-mono-name:"JetBrains Mono";--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:40px;--leading-xs:16px;--leading-sm:20px;--leading-base:24px;--leading-lg:28px;--leading-xl:32px;--leading-2xl:40px;--leading-3xl:48px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--space-96:96px;--icon-size-16:16px;--icon-size-20:20px;--icon-size-24:24px;--icon-size-32:32px;--icon-size-40:40px;--icon-size-48:48px;--icon-size-64:64px;--icon-size-96:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px;--ink:var(--gray-950);--ink-strong:var(--gray-800);--ink-soft:var(--gray-600);--ink-muted:var(--gray-500);--ink-subtle:var(--gray-400);--ink-faint:var(--gray-300);--ink-inverse:var(--gray-0);--surface:var(--gray-0);--surface-muted:var(--gray-50);--surface-sunken:var(--gray-100);--border:var(--gray-200);--border-soft:var(--gray-100);--border-strong:var(--gray-300);--border-accent:var(--brand-400);--accent:var(--brand-500);--accent-strong:var(--brand-600);--accent-surface:var(--brand-100);--accent-border:var(--brand-300);--accent-ink:var(--brand-700);--success:var(--green-700);--success-surface:var(--green-100);--success-border:var(--green-300);--warning:var(--brand-500);--warning-surface:var(--brand-100);--warning-border:var(--brand-300);--danger:var(--red-700);--danger-surface:var(--red-100);--danger-border:var(--red-300);--icon-color:var(--gray-950);--icon-accent:var(--brand-500);--filter-ink:invert(2%) sepia(4%) saturate(4817%) hue-rotate(193deg) brightness(114%) contrast(96%);--filter-ink-soft:invert(33%) sepia(18%) saturate(323%) hue-rotate(182deg) brightness(100%) contrast(90%);--filter-ink-muted:invert(55%) sepia(23%) saturate(191%) hue-rotate(181deg) brightness(84%) contrast(89%);--filter-ink-subtle:invert(70%) sepia(11%) saturate(284%) hue-rotate(181deg) brightness(91%) contrast(86%);--filter-ink-faint:invert(76%) sepia(17%) saturate(99%) hue-rotate(184deg) brightness(99%) contrast(100%);--filter-ink-inverse:invert(100%);--filter-accent:invert(49%) sepia(65%) saturate(3508%) hue-rotate(337deg) brightness(106%) contrast(113%);--filter-accent-strong:invert(29%) sepia(85%) saturate(1790%) hue-rotate(350deg) brightness(94%) contrast(93%);--filter-success:invert(38%) sepia(22%) saturate(2045%) hue-rotate(94deg) brightness(92%) contrast(84%);--filter-warning:var(--filter-accent);--filter-danger:invert(48%) sepia(74%) saturate(7139%) hue-rotate(343deg) brightness(84%) contrast(105%);--font-ui:var(--font-ui-name), "Figtree fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:var(--font-mono-name), ui-monospace, SFMono-Regular, Menlo, monospace;--gutter:clamp(var(--space-16), 5vw, var(--space-48));--shadow-sm:0 0 7.5px color-mix(in srgb, var(--gray-400) 20%, transparent);--shadow-accent:0 0 7.5px color-mix(in srgb, var(--accent-strong) 40%, transparent)}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(./figtree-latin-D_ZTVpCC.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(./figtree-latin-ext-DCwSJGxG.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree fallback;src:local(Arial),local(Liberation Sans);size-adjust:100.3%;ascent-override:94.7%;descent-override:24.9%;line-gap-override:0%}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--surface);color:var(--ink);--icon-filter:var(--filter-ink);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-base);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{-webkit-user-select:none;user-select:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}lord-icon{width:var(--icon-size-32);height:var(--icon-size-32);display:inline-block}lord-icon:not(:defined)>img{width:100%;height:100%;display:block}lord-icon>img{filter:var(--icon-filter)}.popover{border:0;margin:0;padding:0;position:fixed;inset:auto;overflow:visible}.popover:not(:popover-open){display:none}.popover{--popover-leave:var(--space-12);opacity:0;translate:0 var(--popover-leave);transition:opacity .16s ease-in, translate .16s ease-in, overlay .16s allow-discrete, display .16s allow-discrete}.popover:popover-open{opacity:1;transition:none;translate:0}.popover[data-direction=up]{--popover-leave:calc(var(--space-12) * -1);justify-content:flex-end}.popover[data-direction=up]>*{flex-shrink:0}@media (prefers-reduced-motion:reduce){.popover{transition:none;translate:0}}.menu{gap:var(--menu-gap,var(--space-12));width:var(--menu-width);padding:var(--menu-pad,var(--space-12));border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink);flex-direction:column;display:flex}.menu[data-keys]:focus{outline:none}.menu__group{gap:var(--space-4);flex-direction:column;display:flex}.menu__heading{color:var(--ink-muted);font-size:var(--text-sm);line-height:var(--leading-sm);margin:0;font-weight:600}.menu__list{flex-direction:column;flex:none;display:flex}.row{--row-fill:transparent;--row-hover:var(--surface-muted);align-items:var(--row-align,center);gap:var(--row-gap,var(--space-8));width:100%;padding:var(--row-pad,var(--space-8));border-radius:var(--radius-md);background:var(--row-fill);color:var(--ink);font:inherit;text-align:start;cursor:pointer;border:0;display:flex}.row:hover,.row[data-active=true]{background:var(--row-hover)}.row:focus-visible{outline-offset:-2px}.row__icon{width:var(--icon-size-24);height:var(--icon-size-24);flex:none;display:block}.row__label{flex:1;font-weight:500}.demo{justify-items:center;gap:var(--space-48);min-height:100dvh;padding:var(--space-48) var(--gutter) var(--space-32);grid-template-rows:1fr auto;display:grid}.stage{align-self:start;justify-items:center;display:grid}.bell{padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);cursor:pointer;--icon-filter:var(--filter-ink);place-items:center;display:grid;position:relative}.bell:hover{background:var(--surface-muted)}.bell[aria-expanded=true]{background:var(--border-soft)}.bell__mark{width:var(--icon-size-24);height:var(--icon-size-24);display:block}.bell__badge{top:calc(var(--space-8) * -1);right:calc(var(--space-12) * -1);min-width:var(--icon-size-24);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--accent);color:var(--ink-inverse);font-size:var(--text-xs);line-height:var(--leading-base);text-align:center;transform-origin:50%;font-weight:700;position:absolute}.menu{--menu-width:350px;max-width:calc(100vw - var(--space-24))}.menu__head{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.menu__title{font-size:var(--text-sm);line-height:var(--leading-base);margin:0;font-weight:700}.menu__read{padding:var(--space-4) var(--space-12);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-sm);line-height:var(--leading-base);cursor:pointer;font-weight:500}.menu__read:hover{background:var(--surface-muted)}.feed{margin:0;padding:0;list-style:none}.feed__row{--row-fill:transparent;--row-hover:var(--surface-muted)}.feed__row[data-unread]{--row-fill:var(--accent-surface);--row-hover:color-mix(in srgb, var(--accent) 10%, var(--accent-surface))}.feed__row:has(.row:hover){--row-fill:var(--row-hover)}.feed__row{border-radius:var(--radius-md);background-image:linear-gradient(var(--row-fill), var(--row-fill));background-repeat:no-repeat;background-size:100% 100%}.feed__row[data-unread]:has(+[data-unread]){border-end-end-radius:0;border-end-start-radius:0}[data-unread]+.feed__row[data-unread]{border-start-start-radius:0;border-start-end-radius:0}.row{--row-align:flex-start;--row-gap:var(--space-12);--row-pad:var(--space-12);--row-hover:transparent;border-radius:inherit}.row__mark{width:var(--icon-size-40);height:var(--icon-size-40);border-radius:var(--radius-pill);background:var(--surface-muted);flex:none;place-items:center;display:grid}.row__body{min-width:0;font-size:var(--text-sm);flex-direction:column;flex:1;font-weight:500;display:flex}.row__title{line-height:var(--leading-base)}.row__time{color:var(--ink-subtle);line-height:var(--leading-sm)}.row__dot{width:6px;height:6px;margin-top:var(--space-4);border-radius:var(--radius-pill);background:var(--accent);flex:none}.controls{align-items:center;gap:var(--space-8);padding:var(--space-12);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);display:flex}.controls__label{font-size:var(--text-sm);font-weight:500}.controls__input{width:72px;padding:var(--space-4) var(--space-8);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-sm);font-weight:500}.controls__go{padding:var(--space-4) var(--space-12);border-radius:var(--radius-md);background:var(--accent);color:var(--ink-inverse);font-size:var(--text-sm);cursor:pointer;border:0;font-weight:500}.controls__go:hover{background:var(--accent-strong)}