*{box-sizing:border-box}body{background:#f9f9f9;margin:0;padding:0;font-family:sans-serif}canvas{display:block}button{cursor:pointer}
:root,[data-theme=light]{--bg-page:#f9f9f9;--bg-card:#fff;--bg-input:#fff;--bg-hover:#f5f5f5;--bg-subtle:#f0f0f0;--border:#eee;--border-input:#ddd;--text-primary:#111;--text-secondary:#444;--text-muted:#888;--text-faint:#aaa;--nav-bg:#fff;--nav-border:#eee;--nav-text:#111;--nav-text-muted:#888;--accent:#111;--accent-text:#fff;--shadow:#00000014;--shadow-strong:#00000029}[data-theme=dim]{--bg-page:#1e2025;--bg-card:#282c34;--bg-input:#2f3440;--bg-hover:#343a47;--bg-subtle:#343a47;--border:#373d4a;--border-input:#444c5c;--text-primary:#dde1ea;--text-secondary:#b0b8c8;--text-muted:#7a8599;--text-faint:#555e70;--nav-bg:#21252d;--nav-border:#373d4a;--nav-text:#dde1ea;--nav-text-muted:#7a8599;--accent:#5b8dee;--accent-text:#fff;--shadow:#0000004d;--shadow-strong:#00000080}[data-theme=dark]{--bg-page:#0d0d0d;--bg-card:#161616;--bg-input:#1c1c1c;--bg-hover:#222;--bg-subtle:#1a1a1a;--border:#2a2a2a;--border-input:#333;--text-primary:#f0f0f0;--text-secondary:silver;--text-muted:#777;--text-faint:#444;--nav-bg:#111;--nav-border:#222;--nav-text:#f0f0f0;--nav-text-muted:#777;--accent:#fff;--accent-text:#000;--shadow:#00000080;--shadow-strong:#000c}body{background-color:var(--bg-page);color:var(--text-primary);transition:background-color .2s,color .2s}