:root{--color-bg:#f4f5f7;--color-surface:#ffffff;--color-surface-sunken:#eceef2;--color-surface-hover:#f5f6f9;--color-sidebar-bg:#141922;--color-sidebar-surface:#1e2530;--color-sidebar-border:#2a3341;--color-sidebar-text:#e6eaf1;--color-sidebar-text-muted:#8d99ad;--color-sidebar-text-faint:#64718a;--color-sidebar-active-bg:#2b3748;--color-sidebar-active-text:#ffffff;--color-sidebar-accent:#5b9dff;--color-border:#dde1e8;--color-border-strong:#b4bccb;--color-text:#141922;--color-text-muted:#5b6878;--color-text-faint:#8a94a4;--color-text-inverse:#ffffff;--color-accent:#1f5fd0;--color-accent-hover:#1a50b0;--color-accent-active:#164392;--color-accent-soft:#e8effc;--color-accent-border:#b9d0f5;--color-danger:#c0362c;--color-danger-hover:#a52d24;--color-danger-soft:#fceae8;--color-success:#1c7a4e;--color-success-soft:#e3f4ec;--color-warning:#2197ce;--color-warning-soft:#e4f2fa;--label-1-bg:#e5eefb;--label-1-fg:#1b4d8f;--label-2-bg:#ddf0ee;--label-2-fg:#14625c;--label-3-bg:#e3f2e3;--label-3-fg:#2c6b33;--label-4-bg:#edf0d9;--label-4-fg:#55631f;--label-5-bg:#fbeed6;--label-5-fg:#7a5314;--label-6-bg:#fae4d8;--label-6-fg:#8a4420;--label-7-bg:#fbe3e6;--label-7-fg:#8e2f3f;--label-8-bg:#ece4f6;--label-8-fg:#593a83;--color-timer-running-bg:#141922;--color-timer-running-fg:#ffffff;--color-timer-warning-bg:#8f5d08;--color-timer-done-bg:#1c7a4e;--color-timer-done-fg:#ffffff;--color-focus-ring:#1f5fd0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--touch-min:56px;--row-height:48px;--button-height:38px;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"Cascadia Mono","SF Mono",Menlo,Consolas,monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:21px;--text-2xl:26px;--text-3xl:34px;--text-timer:clamp(72px,22vw,260px);--line-tight:1.2;--line-normal:1.55;--weight-normal:400;--weight-medium:550;--weight-bold:680;--tracking-wide:0.06em;--border-width:1px;--shadow-sm:0 1px 2px rgba(20,25,34,0.06);--shadow-md:0 6px 20px rgba(20,25,34,0.1);--shadow-lg:0 16px 40px rgba(20,25,34,0.16);--content-max:1080px;--sidebar-width:240px;--transition-fast:120ms ease;--transition-base:200ms ease}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}figure,h1,h2,h3,h4,ol,p,ul{margin:0}ol,ul{padding:0;list-style:none}img{display:block;max-width:100%}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}textarea{resize:vertical}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--color-surface) inset;-webkit-text-fill-color:var(--color-text);caret-color:var(--color-text);-webkit-transition:background-color 100000s ease-in-out 0s;transition:background-color 100000s ease-in-out 0s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}