/* 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"]{--brand:#10B981;--prize:#F59E0B}
html[data-theme="dark"]{--ink:#e2e8f0;--muted:#94a3b8;--line:#1e293b;--soft:#0f172a;--bg:#0b1220}
html[data-theme="dark"] body{background:#0b1220}
html[data-theme="dark"] .site-header{background:#060a14}
html[data-theme="dark"] nav a:hover{background:#1e293b}
html[data-theme="dark"] .comparison-table{background:#0f172a}
html[data-theme="dark"] .comparison-table th{background:#1e293b}
html[data-theme="dark"] .comparison-table td{border-color:#1e293b}
html[data-theme="dark"] .faq-section details{background:#0f172a;border-color:#1e293b}
html:not([data-theme="dark"]){--brand:#047857;--brand-dark:#065F46;--prize:#B45309;--prize-on-dark:#F59E0B;--wm-accent:#10B981;--font:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ink:#0f172a;--muted:#475569;--line:#e2e8f0;--soft:#f8fafc;--bg:#fff;--radius:.75rem}
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, 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"]) body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.7}
html:not([data-theme="dark"]) body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;padding-left:264px;overflow-x:hidden}
@media(max-width:960px){html:not([data-theme="dark"]) body{padding-left:0}}
html:not([data-theme="dark"]) .site-header{background:#0b1220;color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #1e293b}
html:not([data-theme="dark"]) .site-header{background:var(--panel);color:var(--ink);position:sticky;top:0;z-index:70;border-bottom:1px solid var(--line);box-shadow:0 6px 24px rgba(2,6,16,.45)}
html:not([data-theme="dark"]) nav a:hover{background:#1e293b;color:#fff;text-decoration:none}
html:not([data-theme="dark"]) .comparison-table{overflow-x:auto;margin:1.5rem 0;border:1px solid var(--line);border-radius:var(--radius)}
html:not([data-theme="dark"]) .comparison-table th{background:var(--soft);padding:.75rem 1rem;text-align:left;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--line)}
html:not([data-theme="dark"]) .comparison-table td{padding:.85rem 1rem;border-top:1px solid var(--line);color:var(--muted)}
html:not([data-theme="dark"]) .faq-section details{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.75rem;padding:.25rem 1.15rem;background:var(--soft)}
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);}