
/* theme-attr layers (unified dark/light) */
.theme-toggle{background:var(--surface);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:all .2s;flex-shrink:0}
.theme-toggle:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}
[data-theme="dark"] .icon-sun{display:inline}
[data-theme="dark"] .icon-moon{display:none}
:not([data-theme="dark"]) .icon-sun{display:none}
:not([data-theme="dark"]) .icon-moon{display:inline}
html[data-theme="dark"]{--anim-primary:#6366f1;--anim-accent:#a855f7;--anim-glow:rgba(99,102,241,.3);--anim-ease:cubic-bezier(.4,0,.2,1)}
html[data-theme="dark"]{--brand:#047857;--brand-dark:#065F46;--brand-soft:rgba(16,185,129,.13);
 --prize:#F59E0B;--prize-on-dark:#F59E0B;--wm-accent:#10B981;
 --font:Inter, "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:.75rem;
 --bg:#0a0e17;--panel:#0e1422;--surface:#121a2c;--surface-2:#172134;
 --soft:#141d30;--ink:#dde5f0;--ink-strong:#e9eff9;--muted:#93a4bd;
 --line:#22314c;--line-2:#2e4060;--on-accent:#f7fafc;
 --anim-primary:#047857;--anim-accent:#10B981;--anim-glow:rgba(16,185,129,.35);}
html:not([data-theme="dark"]){--anim-primary:#6366f1;--anim-accent:#a855f7;--anim-glow:rgba(99,102,241,.3);--anim-ease:cubic-bezier(.4,0,.2,1)}
html:not([data-theme="dark"]){--brand:#047857;--brand-dark:#065F46;--brand-soft:rgba(16,185,129,.13);
 --prize:#F59E0B;--prize-on-dark:#F59E0B;--wm-accent:#10B981;
 --font:Inter, "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:.75rem;
 --bg:#0a0e17;--panel:#0e1422;--surface:#121a2c;--surface-2:#172134;
 --soft:#141d30;--ink:#dde5f0;--ink-strong:#e9eff9;--muted:#93a4bd;
 --line:#22314c;--line-2:#2e4060;--on-accent:#f7fafc;
 --anim-primary:#047857;--anim-accent:#10B981;--anim-glow:rgba(16,185,129,.35);}
html:not([data-theme="dark"]){--brand: #047857; --brand-dark: #065F46; --brand-soft: rgba(4,120,87,.10); --prize: #B45309; --prize-on-dark: #F59E0B; --wm-accent: #10B981; --bg: #ffffff; --panel: #f1f5f9; --surface: #ffffff; --surface-2: #e9eef5; --soft: #f8fafc; --ink: #0f172a; --ink-strong: #0f172a; --muted: #475569; --line: #e2e8f0; --on-accent: #ffffff;}
html:not([data-theme="dark"]) .stat b,
html:not([data-theme="dark"]) .stats > span > b,
html:not([data-theme="dark"]) .stats > span.b > b{color: var(--ink);}
html:not([data-theme="dark"]) .status b,
html:not([data-theme="dark"]) .status > b{color: var(--ink);}
