:root{color-scheme:dark;--bg: oklch(.169 .004 286);--bg-dark: oklch(.146 .004 286);--panel: oklch(.224 .008 286);--panel-2: oklch(.155 .004 286);--panel-surface: oklch(.197 .004 286);--panel-hover: oklch(.237 .008 286);--surface-2: oklch(.26 .009 286);--border: oklch(.304 .011 286);--border-strong: oklch(.513 .014 286);--border-subtle: oklch(.27 .005 286);--grid: oklch(.3 .005 286);--text: oklch(.947 .004 286);--muted: oklch(.735 .014 286);--dim: oklch(.637 .015 286);--accent: oklch(.704 .123 183);--accent-foreground: oklch(.221 .028 183);--accent-hover: oklch(.6 .104 185);--accent-dim: oklch(.371 .06 185);--accent-strong: oklch(.8 .14 183);--accent-fill: oklch(.704 .123 183 / .16);--good: oklch(.723 .192 150);--warn: oklch(.769 .165 70);--danger: oklch(.637 .208 25);--danger-rim: oklch(.45 .1 25);--surface-1: var(--panel);--rim: var(--border);--rim-strong: var(--border-strong);--text-dim: var(--muted);--text-mute: var(--dim);--piece-area-fill: oklch(.62 .13 250 / .28);--piece-area-stroke: oklch(.62 .15 250);--piece-feature-fill: oklch(.74 .14 75 / .5);--piece-feature-stroke: oklch(.74 .15 75);--font-heading: "Barlow Condensed", system-ui, sans-serif;--font-body: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 26px;--text-display: 30px;--tracking-wide: .05em;--tracking-wider: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--shadow-sm: 0 1px 0 0 rgba(255, 255, 255, .04) inset, 0 1px 0 0 rgba(0, 0, 0, .6), 0 4px 8px -2px rgba(0, 0, 0, .8);--shadow-md: 0 1px 0 0 rgba(255, 255, 255, .08) inset, 0 2px 0 0 rgba(0, 0, 0, .8), 0 10px 20px -4px rgba(0, 0, 0, .95);--shadow-xl: 0 1px 0 0 rgba(255, 255, 255, .14) inset, 0 -1px 0 0 rgba(0, 0, 0, .6) inset, 0 4px 0 0 rgba(0, 0, 0, .9), 0 20px 30px -6px rgba(0, 0, 0, .95), 0 40px 80px -20px rgba(0, 0, 0, .8);--shadow-focus: 0 0 0 2px var(--accent)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}*::-webkit-scrollbar-track{background:transparent}button:not(:disabled),select:not(:disabled),summary,[role=button]:not([aria-disabled=true]){cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}