:root{--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--font-size-xs:.6875rem;--font-size-sm:.8125rem;--font-size-md:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--leading-tight:1.3;--leading-normal:1.55;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--duration-fast:.12s;--duration-base:.18s;--ease-out:cubic-bezier(.2, .7, .3, 1);--layout-sidebar-width:264px;--layout-rail-width:72px;--layout-topbar-height:56px;--layout-bottomnav-height:64px;--layout-content-max:1120px;--z-nav:40;--z-overlay:50;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f5f2;--color-surface:#fffefc;--color-surface-elevated:#fff;--color-nav:#f2efea;--color-text:#21201d;--color-text-muted:#57534b;--color-text-subtle:#6f6a61;--color-border:#e2dfd8;--color-divider:#ebe8e2;--color-accent:#c2410c;--color-accent-hover:#a63a0a;--color-accent-pressed:#8f3209;--color-accent-strong:#9a3412;--color-accent-soft:#f9ece2;--color-on-accent:#fff;--color-focus:#21201d;--color-success:#1a7f37;--color-success-soft:#e8f3ea;--color-warning:#92400e;--color-warning-soft:#fbf3e3;--color-danger:#b42318;--color-danger-soft:#fbeae8;--subject-orange:#c2410c;--subject-teal:#0f766e;--subject-green:#1a7f37;--subject-blue:#1d4ed8;--subject-purple:#7c3aed;--subject-rose:#be123c;--subject-sand:#8a6d3b;--shadow-1:0 1px 2px #1c19170d, 0 2px 6px #1c19170f;--shadow-2:0 6px 18px #1c19171f}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0b0b0a;--color-surface:#151412;--color-surface-elevated:#1c1a18;--color-nav:#131211;--color-text:#f1efec;--color-text-muted:#a8a29a;--color-text-subtle:#86817a;--color-border:#2c2a27;--color-divider:#211f1d;--color-accent:#f97316;--color-accent-hover:#fb923c;--color-accent-pressed:#ea6a0d;--color-accent-strong:#fdba74;--color-accent-soft:#2b1b10;--color-on-accent:#201004;--color-focus:#f5f4f1;--color-success:#4cc38a;--color-success-soft:#142619;--color-warning:#d9a53c;--color-warning-soft:#271f0e;--color-danger:#f2726b;--color-danger-soft:#2b1512;--subject-orange:#f97316;--subject-teal:#2dd4bf;--subject-green:#4cc38a;--subject-blue:#60a5fa;--subject-purple:#c084fc;--subject-rose:#fb7185;--subject-sand:#d6b370;--shadow-1:0 1px 2px #0000008c;--shadow-2:0 8px 20px #0000008c}*,:before,:after{box-sizing:border-box}html{height:100%}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);margin:0}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--color-accent-soft)}.skip-link{left:var(--space-4);top:calc(var(--space-2) + env(safe-area-inset-top,0px));z-index:calc(var(--z-overlay) + 1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-2);color:var(--color-text);font-size:var(--font-size-sm);transform:translateY(calc(-100% - var(--space-3)));position:absolute}.skip-link:focus-visible{transform:translateY(0)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.theme-toggle.svelte-1cmi4dh{border-radius:var(--radius-md);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;display:inline-flex}.theme-toggle.svelte-1cmi4dh:hover{background:var(--color-accent-soft);color:var(--color-accent-strong)}.theme-toggle.svelte-1cmi4dh:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sidebar.svelte-129hoe0{gap:var(--space-5);height:100dvh;padding:var(--space-4) var(--space-3);background:var(--color-nav);border-right:1px solid var(--color-divider);flex-direction:column;grid-area:rail;display:none;position:sticky;top:0;overflow-y:auto}.brand.svelte-129hoe0{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-3);display:flex}.mark.svelte-129hoe0{border-radius:var(--radius-md);background:var(--color-accent);width:32px;height:32px;color:var(--color-on-accent);font-weight:700;font-size:var(--font-size-md);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.name.svelte-129hoe0{font-weight:650;font-size:var(--font-size-md);color:var(--color-text);letter-spacing:-.01em}nav.svelte-129hoe0 ul:where(.svelte-129hoe0){gap:var(--space-1);flex-direction:column;display:flex}nav.svelte-129hoe0+nav:where(.svelte-129hoe0){margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-divider)}nav.svelte-129hoe0 a:where(.svelte-129hoe0){align-items:center;gap:var(--space-3);min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);display:flex}nav.svelte-129hoe0 a:where(.svelte-129hoe0):hover{background:var(--color-divider);color:var(--color-text)}nav.svelte-129hoe0 a.active:where(.svelte-129hoe0){background:var(--color-accent-soft);color:var(--color-accent-strong);font-weight:600}nav.svelte-129hoe0 a.active:where(.svelte-129hoe0) .icon:where(.svelte-129hoe0){color:var(--color-accent-strong)}.icon.svelte-129hoe0{color:var(--color-text-subtle);flex-shrink:0;display:inline-flex}nav.svelte-129hoe0 a:where(.svelte-129hoe0):hover .icon:where(.svelte-129hoe0){color:var(--color-text)}.footer.svelte-129hoe0{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-divider);margin-top:auto;display:flex}.demo-chip.svelte-129hoe0{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-subtle);font-size:var(--font-size-xs)}@media (width>=768px){.sidebar.svelte-129hoe0{display:flex}.name.svelte-129hoe0,nav.svelte-129hoe0 a:where(.svelte-129hoe0) .label:where(.svelte-129hoe0){display:none}nav.svelte-129hoe0 a:where(.svelte-129hoe0){padding:var(--space-2);justify-content:center;width:44px}.brand.svelte-129hoe0{padding:var(--space-2);justify-content:center}.footer.svelte-129hoe0{flex-direction:column}}@media (width>=1024px){.name.svelte-129hoe0,nav.svelte-129hoe0 a:where(.svelte-129hoe0) .label:where(.svelte-129hoe0){display:block}nav.svelte-129hoe0 a:where(.svelte-129hoe0){width:auto;padding:var(--space-2) var(--space-3);justify-content:flex-start}.brand.svelte-129hoe0{padding:var(--space-2) var(--space-2);justify-content:flex-start}.footer.svelte-129hoe0{flex-direction:row}}.bell.svelte-nnv7cy{position:relative}.trigger.svelte-nnv7cy{border-radius:var(--radius-md);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;display:inline-flex;position:relative}.trigger.svelte-nnv7cy:hover{background:var(--color-accent-soft);color:var(--color-accent-strong)}.unread-dot.svelte-nnv7cy{border-radius:var(--radius-full);background:var(--color-accent);width:8px;height:8px;position:absolute;top:7px;right:7px}.panel.svelte-nnv7cy{top:calc(var(--layout-topbar-height) + var(--space-2) + env(safe-area-inset-top,0px));right:var(--space-2);z-index:var(--z-overlay);width:min(340px,100vw - 16px);max-height:min(420px, calc(100dvh - var(--layout-topbar-height) - 32px));padding:var(--space-2);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);position:fixed;overflow-y:auto}ul.svelte-nnv7cy{gap:var(--space-1);flex-direction:column;display:flex}li.svelte-nnv7cy{border-radius:var(--radius-md)}li.svelte-nnv7cy>a:where(.svelte-nnv7cy),li.svelte-nnv7cy>div:where(.svelte-nnv7cy){padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);flex-direction:column;gap:3px;min-width:0;display:flex}li.svelte-nnv7cy>a:where(.svelte-nnv7cy):hover{background:var(--color-divider)}li.unread.svelte-nnv7cy>a:where(.svelte-nnv7cy),li.unread.svelte-nnv7cy>div:where(.svelte-nnv7cy){background:var(--color-accent-soft)}.new.svelte-nnv7cy{font-size:var(--font-size-xs);color:var(--color-accent-strong);align-self:flex-start;font-weight:650}.title.svelte-nnv7cy{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.message.svelte-nnv7cy{font-size:var(--font-size-xs);color:var(--color-text-muted)}.time.svelte-nnv7cy{font-size:var(--font-size-xs);color:var(--color-text-subtle)}li.read.svelte-nnv7cy .title:where(.svelte-nnv7cy){font-weight:500}.unavailable.svelte-nnv7cy{padding:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}li.svelte-nnv7cy>a:where(.svelte-nnv7cy):focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.topbar.svelte-yic9pk{align-items:center;gap:var(--space-4);height:calc(var(--layout-topbar-height) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--space-4) 0;background:var(--color-surface);border-bottom:1px solid var(--color-divider);grid-area:topbar;display:flex}.brand.svelte-yic9pk{font-weight:650;font-size:var(--font-size-md);letter-spacing:-.01em;display:none}.section-title.svelte-yic9pk{color:var(--color-text-subtle);font-size:var(--font-size-sm)}.actions.svelte-yic9pk{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}@media (width<=767px){.brand.svelte-yic9pk{display:block}.section-title.svelte-yic9pk{display:none}}.bottom-nav.svelte-oeh3u8{z-index:var(--z-nav);background:var(--color-nav);border-top:1px solid var(--color-divider);padding:var(--space-1) var(--space-2) max(var(--space-1), env(safe-area-inset-bottom,0px));grid-area:bottomnav;position:sticky;bottom:0}.bottom-nav.svelte-oeh3u8>ul:where(.svelte-oeh3u8){grid-template-columns:repeat(5,1fr);display:grid}.bottom-nav.svelte-oeh3u8 a:where(.svelte-oeh3u8),.more-button.svelte-oeh3u8{border-radius:var(--radius-md);width:100%;min-height:56px;color:var(--color-text-muted);font-size:var(--font-size-xs);padding:var(--space-1) 0;transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.bottom-nav.svelte-oeh3u8 a:where(.svelte-oeh3u8):hover,.more-button.svelte-oeh3u8:hover{color:var(--color-text)}.bottom-nav.svelte-oeh3u8 a.active:where(.svelte-oeh3u8),.more-button.active.svelte-oeh3u8{color:var(--color-accent-strong);font-weight:600}.icon.svelte-oeh3u8{display:inline-flex}.more-panel.svelte-oeh3u8{right:var(--space-3);bottom:calc(var(--layout-bottomnav-height) + var(--space-2) + env(safe-area-inset-bottom,0px));z-index:var(--z-overlay);min-width:200px;padding:var(--space-1);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);position:fixed}.more-panel.svelte-oeh3u8 a:where(.svelte-oeh3u8){align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);display:flex}.more-panel.svelte-oeh3u8 a:where(.svelte-oeh3u8):hover{background:var(--color-divider);color:var(--color-text)}.more-panel.svelte-oeh3u8 a.active:where(.svelte-oeh3u8){background:var(--color-accent-soft);color:var(--color-accent-strong);font-weight:600}.more-panel.svelte-oeh3u8 .icon:where(.svelte-oeh3u8){color:var(--color-text-subtle)}@media (width>=768px){.bottom-nav.svelte-oeh3u8{display:none}}.shell.svelte-whg6dh{grid-template:"topbar""main"1fr"bottomnav"/1fr;min-height:100dvh;display:grid}main.svelte-whg6dh{min-width:0;min-height:0;padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px);grid-area:main}@media (width>=768px){.shell.svelte-whg6dh{grid-template-areas:"rail topbar""rail main";grid-template-columns:var(--layout-rail-width) 1fr;grid-template-rows:var(--layout-topbar-height) 1fr}}@media (width>=1024px){.shell.svelte-whg6dh{grid-template-columns:var(--layout-sidebar-width) 1fr}}