.empty-state{gap:var(--space-3);padding:var(--space-6) var(--space-4);display:grid}.empty-state__title{font-size:var(--text-2xl)}.empty-state__body{color:var(--color-text-muted);max-width:40ch}.empty-state__badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);justify-self:start}.shell{min-height:100dvh}.shell__main{max-width:var(--content-max);padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--space-4));outline:none;margin-inline:auto}.shell__nav{z-index:var(--z-nav);background:var(--color-surface);border-top:var(--border-width) solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);position:fixed;inset:auto 0 0}.shell__brand{display:none}.shell__tabs{height:var(--tabbar-height);grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}.shell__tab{height:100%;min-height:var(--tap-min);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);transition:color var(--duration-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.shell__tab:hover{color:var(--color-text)}.shell__tab[aria-current=page]{color:var(--color-nav-active);font-weight:var(--weight-semibold)}.shell__icon{flex:none}@media (min-width:900px){.shell{grid-template-columns:var(--sidebar-width) 1fr;display:grid}.shell__main{width:100%;padding:var(--space-6) var(--space-8)}.shell__nav{border-top:none;border-right:var(--border-width) solid var(--color-border);height:100dvh;padding:var(--space-6) var(--space-3);position:sticky;inset:0 auto auto 0}.shell__brand{padding:0 var(--space-3) var(--space-6);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.01em;display:block}.shell__tabs{gap:var(--space-1);flex-direction:column;height:auto;display:flex}.shell__tab{justify-content:flex-start;gap:var(--space-3);padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--text-md);flex-direction:row}.shell__tab:hover,.shell__tab[aria-current=page]{background:var(--color-surface-2)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#f5f7fb;--color-surface:#fff;--color-surface-2:#eaeef7;--color-grid:#dce3f2;--color-text:#1a2140;--color-text-muted:#555e7a;--color-border:#d5dcec;--color-primary:#2b3a8c;--color-on-primary:#fff;--color-accent:#6b3fa0;--color-on-accent:#fff;--color-success:#1f7a4d;--color-danger:#b42335;--color-focus:#2b3a8c;--color-nav-active:var(--color-accent);--cube-white:#fff;--cube-yellow:#ffd500;--cube-red:#c41e3a;--cube-orange:#ff5800;--cube-blue:#0051ba;--cube-green:#009e60;--cube-unset:#8a8f98;--cube-plastic:#1b1d22;--font-display:"Lexend", "Be Vietnam Pro", system-ui, sans-serif;--font-sans:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-timer:clamp(3.5rem, 18vw, 8rem);--leading-tight:1.25;--leading-normal:1.55;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--border-width:1px;--shadow-1:0 1px 2px #1c23330f, 0 1px 1px #1c23330a;--tap-min:44px;--tabbar-height:64px;--sidebar-width:240px;--content-max:720px;--duration-fast:.12s;--duration-base:.2s;--ease-out:cubic-bezier(.2, .8, .2, 1);--z-nav:10}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--color-bg:#0f1424;--color-surface:#161c30;--color-surface-2:#1e2640;--color-grid:#2a3352;--color-text:#e6e9f5;--color-text-muted:#a0a8c3;--color-border:#2a3352;--color-primary:#aeb9f5;--color-on-primary:#0f1424;--color-accent:#c4a6f0;--color-on-accent:#0f1424;--color-success:#5fd39a;--color-danger:#ff7a85;--color-focus:#aeb9f5;--shadow-1:none}}:root[data-theme=dark]{--color-bg:#0f1424;--color-surface:#161c30;--color-surface-2:#1e2640;--color-grid:#2a3352;--color-text:#e6e9f5;--color-text-muted:#a0a8c3;--color-border:#2a3352;--color-primary:#aeb9f5;--color-on-primary:#0f1424;--color-accent:#c4a6f0;--color-on-accent:#0f1424;--color-success:#5fd39a;--color-danger:#ff7a85;--color-focus:#aeb9f5;--shadow-1:none}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-tight);font-weight:var(--weight-semibold);text-wrap:balance}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-2);top:var(--space-2);z-index:calc(var(--z-nav) + 1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}