html[data-theme="dark"] {
 color-scheme:dark;
 --color-ink:#e8edf5; --color-ink-2:#c7d1e0; --color-muted:#a3afc2;
 --color-paper:#111827; --color-surface:#1b2536; --color-rule:#334155; --color-rule-strong:#64748b;
 --color-accent:#a6bdff; --color-accent-wash:#25365a; --color-focus:#a6bdff;
 --color-green:#95ddbb; --color-green-wash:#193b32;
 --color-amber:#f3cb8b; --color-amber-wash:#423522;
 --color-rail:#182233; --color-rail-soft:#253247; --color-rail-text:#e8edf5; --color-rail-muted:#a3afc2;
}
html[data-theme="light"] {color-scheme:light;}
.theme-toggle {position:fixed;bottom:18px;right:20px;z-index:50;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid var(--color-rule-strong);border-radius:24px;background:var(--color-surface);color:var(--color-ink);font:600 12px var(--font-ui);box-shadow:0 3px 16px #0002;cursor:pointer;}
.theme-toggle[hidden] {display:none;}
.theme-toggle:focus-visible {outline:3px solid var(--color-focus);outline-offset:3px;}
.workspace-footer {padding-bottom:52px;}
@media(max-width:600px) {.theme-toggle {bottom:12px;right:12px;}}
@media print {.theme-toggle {display:none;}}