:where(:root){--color-paper-50:#fbf8f0;--color-paper-100:#f3eee0;--color-paper-200:#e6dfcb;--color-paper-300:#cfc5aa;--color-ink-900:#1d1d27;--color-ink-700:#3a3a48;--color-ink-500:#6b6b78;--color-ink-300:#a4a4ae;--color-red-600:#b3261e;--color-red-500:#e8222b;--color-blue-600:#1f5fbf;--color-amber-400:#ffc400;--color-white:#fff;--color-black:#000;--font-family-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-size-100:.75rem;--font-size-200:.875rem;--font-size-300:1rem;--font-size-400:1.25rem;--font-weight-regular:400;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:4px;--radius-md:8px;--radius-pill:999px;--duration-fast:.12s;--duration-normal:.22s;--easing-standard:cubic-bezier(.2, 0, 0, 1);--surface-page:var(--color-paper-100);--surface-panel:color-mix(in srgb, var(--color-paper-50) 88%, transparent);--surface-sunken:var(--color-paper-200);--surface-scrim:color-mix(in srgb, var(--color-ink-900) 55%, transparent);--text-primary:var(--color-ink-900);--text-secondary:var(--color-ink-500);--text-on-accent:var(--color-white);--text-heading:var(--color-red-600);--border-subtle:var(--color-paper-300);--border-strong:var(--color-ink-700);--accent:var(--color-red-600);--accent-hover:var(--color-red-500);--focus-ring:var(--color-blue-600);--shadow-panel:0 2px 12px color-mix(in srgb, var(--color-black) 18%, transparent);--panel-padding:var(--space-3);--panel-radius:var(--radius-md);--control-height:2rem;--minimap-width:min(15rem, 35vw);--minimap-height:min(20rem, 55dvh);--grain-opacity:.07;--grain-size:1;--grain-blend:overlay;--grain-speed:.5s;--z-grain:5;--z-hud:10;--z-overlay:20}@media (prefers-color-scheme:dark){:where(:root){--surface-page:var(--color-ink-900);--surface-panel:color-mix(in srgb, var(--color-ink-900) 85%, transparent);--surface-sunken:var(--color-ink-700);--text-primary:var(--color-paper-50);--text-secondary:var(--color-ink-300);--text-heading:var(--color-red-500);--border-subtle:var(--color-ink-700);--border-strong:var(--color-paper-300)}}@media (width<=640px){:where(:root){--minimap-width:min(9rem, 35vw);--minimap-height:min(12rem, 40dvh)}}*,:before,:after{box-sizing:border-box}html,body{background:var(--surface-page);height:100%;color:var(--text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-300);line-height:var(--line-height-normal);margin:0}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}