/* 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"] .info-box,
html[data-theme="dark"] .offers-table{background:#0f172a}
html[data-theme="dark"] thead th{background:#1e293b}
html[data-theme="dark"] tbody tr:hover{background:#1e293b}
html[data-theme="dark"] .tag{background:#1e3a5f;color:#93c5fd}
html[data-theme="dark"] .tag.green{background:#14532d;color:#bbf7d0}
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.6}
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"]) .info-box{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;margin:2rem 0}
html:not([data-theme="dark"]) .offers-table{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);margin:1.5rem 0;background:#fff}
html:not([data-theme="dark"]) thead th{background:var(--soft);padding:.75rem 1rem;text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--line)}
html:not([data-theme="dark"]) thead th{background:var(--soft);padding:.75rem 1rem;text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line);position:sticky;top:0;cursor:pointer}
html:not([data-theme="dark"]) tbody tr:hover{background:var(--soft)}
html:not([data-theme="dark"]) tbody tr:hover{background:var(--surface-2)}
html:not([data-theme="dark"]) .tag{display:inline-block;background:#eff6ff;color:#1e40af;padding:.2rem.6rem;border-radius:999px;font-size:.78rem;font-weight:600;margin:.15rem}
html:not([data-theme="dark"]) .tag.green{background:#dcfce7;color:#166534}
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);}