:root{color-scheme:light;--bg-page: #f4f2ec;--bg-surface: #fdfdfc;--bg-sunken: #ecebe4;--bg-hover: #f3f2ec;--border: #e3e1d8;--border-strong: #cfcdc2;--ink: #1a1915;--ink-secondary: #52514e;--ink-muted: #6b6963;--ink-on-accent: #ffffff;--accent: #2a78d6;--accent-hover: #256abf;--accent-soft: #e5eefb;--ok: #0ca30c;--warn: #fab219;--err: #d03b3b;--reasoning: #6246b8;--reasoning-soft: #f3f0fb;--reasoning-border: #d6ccf2;--shadow-xs: 0 1px 2px rgb(26 25 21 / .06);--shadow-sm: 0 1px 2px rgb(26 25 21 / .05), 0 2px 8px rgb(26 25 21 / .06);--shadow-md: 0 2px 4px rgb(26 25 21 / .05), 0 8px 20px rgb(26 25 21 / .09);--shadow-lg: 0 4px 8px rgb(26 25 21 / .06), 0 16px 40px rgb(26 25 21 / .16);--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--font: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "Cascadia Code", Consolas, monospace}:root[data-theme=dark]{color-scheme:dark;--bg-page: #121210;--bg-surface: #1c1c1a;--bg-sunken: #0c0c0b;--bg-hover: #262623;--border: #2c2c2a;--border-strong: #45443f;--ink: #f2f1ec;--ink-secondary: #c3c2b7;--ink-muted: #969488;--ink-on-accent: #ffffff;--accent: #3987e5;--accent-hover: #5598e7;--accent-soft: #1c2b40;--reasoning: #b8a6f4;--reasoning-soft: #1f1b2e;--reasoning-border: #3f3666;--shadow-xs: 0 1px 2px rgb(0 0 0 / .4);--shadow-sm: 0 1px 2px rgb(0 0 0 / .35), 0 2px 8px rgb(0 0 0 / .35);--shadow-md: 0 2px 4px rgb(0 0 0 / .35), 0 8px 20px rgb(0 0 0 / .45);--shadow-lg: 0 4px 8px rgb(0 0 0 / .4), 0 16px 40px rgb(0 0 0 / .55)}*{box-sizing:border-box}html{height:100%;background:var(--bg-page);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .16s ease,color .16s ease}body{margin:0;min-height:100%;font:inherit;color:inherit}h1,h2,h3{font-weight:700;letter-spacing:-.015em;line-height:1.25}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:where(a,button,[role=button],summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}button{font:inherit;color:var(--ink);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.45rem .9rem;cursor:pointer;box-shadow:var(--shadow-xs);transition:box-shadow .14s ease,transform .14s ease,background-color .14s ease}button:hover{background:var(--bg-hover);box-shadow:var(--shadow-sm)}button:active{transform:translateY(1px);box-shadow:none}button.primary{background:var(--accent);color:var(--ink-on-accent);border-color:transparent;font-weight:600}button.primary:hover{background:var(--accent-hover)}button.ghost{background:transparent;border-color:transparent;box-shadow:none}button.ghost:hover{background:var(--bg-hover)}button:disabled{opacity:.45;cursor:default;transform:none}input,textarea{font:inherit;color:var(--ink);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .85rem;width:100%;box-shadow:inset 0 1px 2px #1a191508;transition:border-color .14s ease,box-shadow .14s ease}input::placeholder{color:var(--ink-muted)}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}input[type=checkbox]{width:auto;accent-color:var(--accent);box-shadow:none}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-sm)}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;padding:.45rem .75rem;border-bottom:1px solid var(--border)}td{font-variant-numeric:tabular-nums}th{color:var(--ink-muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}tbody tr:hover{background:var(--bg-hover)}code,pre{font-family:var(--font-mono);font-size:.84em}pre{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem;overflow-x:auto}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
