:root,:root[data-theme=dark]{--bg-0: oklch(.18 .005 250);--bg-1: oklch(.205 .006 250);--bg-2: oklch(.235 .007 250);--bg-3: oklch(.27 .008 250);--bg-4: oklch(.32 .009 250);--line: oklch(.3 .008 250);--line-soft: oklch(.25 .007 250);--line-strong: oklch(.42 .012 250);--fg-0: oklch(.97 .005 250);--fg-1: oklch(.86 .006 250);--fg-2: oklch(.68 .008 250);--fg-3: oklch(.52 .008 250);--fg-3-strong: oklch(.7 .01 250);--accent: oklch(.78 .15 75);--accent-hi: oklch(.86 .16 80);--accent-ink: oklch(.22 .04 75);--ok: oklch(.78 .13 150);--warn: oklch(.78 .14 60);--err: oklch(.7 .18 25);--info: oklch(.74 .1 230);--tested: oklch(.78 .13 290);--radius: 6px;--radius-lg: 10px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Roboto Mono", ui-monospace, monospace;--shadow-card: 0 1px 0 oklch(1 0 0 / .02) inset, 0 0 0 1px var(--line-soft);--shadow-pop: 0 12px 32px oklch(0 0 0 / .4), 0 0 0 1px var(--line)}:root[data-theme=light]{--bg-0: oklch(.986 .0024 85);--bg-1: oklch(.953 .008 85);--bg-2: oklch(.986 .0024 85);--bg-3: oklch(.918 .008 85);--bg-4: oklch(.868 .008 85);--line: oklch(.84 .008 85);--line-soft: oklch(.92 .008 85);--line-strong: oklch(.74 .014 85);--fg-0: oklch(.22 .018 60);--fg-1: oklch(.32 .016 60);--fg-2: oklch(.48 .014 60);--fg-3: oklch(.6 .012 60);--fg-3-strong: oklch(.42 .014 60);--accent: oklch(.62 .14 60);--accent-hi: oklch(.55 .15 55);--accent-ink: oklch(.99 .005 75);--ok: oklch(.58 .13 150);--warn: oklch(.65 .15 60);--err: oklch(.55 .2 25);--info: oklch(.55 .13 230);--tested: oklch(.55 .16 290);--shadow-card: 0 1px 2px oklch(0 0 0 / .04), 0 0 0 1px var(--line-soft);--shadow-pop: 0 12px 32px oklch(0 0 0 / .12), 0 0 0 1px var(--line)}:root{--touch-min: 44px;--touch-comfy: 56px;--touch-large: 64px;--topbar-h: 56px;--bottombar-h: 64px;--syncbanner-h: 40px;--sheet-peek: 220px;--sheet-mid: 60vh;--sheet-full: 92vh;--sheet-radius: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--transition-fast: .12s ease;--transition-sheet: .22s cubic-bezier(.32, .72, 0, 1);--z-topbar: 50;--z-bottombar: 45;--z-sheet: 40;--z-sheet-backdrop: 35;--z-banner: 30;--z-toast: 60}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body{margin:0;padding:0;background:var(--bg-0);color:var(--fg-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}#app{min-height:100dvh;display:flex;flex-direction:column}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer}input,textarea{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);color:var(--fg-1);padding:10px 12px;outline:none}input:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px oklch(from var(--accent) l c h / .25)}a{color:var(--accent);text-decoration:none}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
