@charset "UTF-8";:root{--bg: oklch(98.5% .005 240);--bg-tinted: oklch(97% .012 245);--surface: oklch(96% .008 240);--surface-2: oklch(93% .012 240);--rule: oklch(85% .014 240);--rule-strong: oklch(72% .02 240);--ink: oklch(18% .024 245);--ink-soft: oklch(34% .022 245);--ink-muted: oklch(52% .018 245);--ink-faint: oklch(68% .014 245);--brand-deep: oklch(38% .18 248);--brand-blue: oklch(55% .19 232);--brand-teal: oklch(64% .16 195);--brand-green: oklch(72% .2 148);--brand-yellow: oklch(83% .18 92);--brand-orange: oklch(66% .2 50);--brand-red: oklch(58% .22 28);--accent: oklch(60% .18 38);--accent-strong: oklch(50% .2 35);--accent-soft: oklch(94% .05 38);--focus: oklch(58% .2 248);--focus-glow: oklch(58% .2 248 / .25);--spectrum: linear-gradient(105deg, var(--brand-deep) 0%, var(--brand-blue) 16%, var(--brand-teal) 32%, var(--brand-green) 50%, var(--brand-yellow) 68%, var(--brand-orange) 84%, var(--brand-red) 100%);--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: "Funnel Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;--leading-tight: 1.05;--leading-snug: 1.25;--leading-base: 1.6;--letter-tight: -.022em;--letter-wide: .04em;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-pill: 9999px;--shadow-sm: 0 1px 2px oklch(20% .06 245 / .08);--side-w: 232px;--top-h: 60px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: oklch(15% .014 245);--bg-tinted: oklch(18% .018 245);--surface: oklch(20% .016 245);--surface-2: oklch(24% .018 245);--rule: oklch(34% .02 245);--rule-strong: oklch(46% .024 245);--ink: oklch(96% .008 245);--ink-soft: oklch(82% .012 245);--ink-muted: oklch(64% .016 245);--ink-faint: oklch(48% .018 245);--brand-deep: oklch(50% .2 248);--brand-blue: oklch(64% .2 232);--brand-teal: oklch(70% .16 195);--brand-green: oklch(76% .2 148);--brand-yellow: oklch(86% .18 92);--brand-orange: oklch(72% .2 50);--brand-red: oklch(66% .22 28);--accent: oklch(68% .18 38);--accent-strong: oklch(76% .16 38);--accent-soft: oklch(28% .07 38);color-scheme:dark}}:root{--shadow-sm: 0 1px 2px oklch(20% .06 245 / .1);--shadow-md: 0 8px 24px oklch(20% .06 245 / .14), 0 2px 6px oklch(20% .06 245 / .08)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-sm: 0 1px 2px oklch(0% 0 0 / .5);--shadow-md: 0 8px 24px oklch(0% 0 0 / .55), 0 2px 6px oklch(0% 0 0 / .35)}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}button{cursor:pointer;border-radius:8px;border:1px solid var(--rule);background:var(--surface);padding:6px 13px;transition:background .12s ease-out}button:hover{background:var(--surface-2)}button:disabled{opacity:.55;cursor:default}button.solid{background:var(--accent);border-color:var(--accent);color:#fdfbfb;font-weight:600}button.solid:hover{background:var(--accent-strong)}button.ghost{background:transparent}button.danger{background:transparent;border-color:var(--neg);color:var(--neg)}input[type=text],textarea{border:1px solid var(--rule);border-radius:8px;padding:6px 10px;background:var(--bg)}input[type=text]:focus,textarea:focus{border-color:var(--focus)}code,pre,textarea{font-family:var(--font-mono)}h2{margin:0;font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-weight:600}