:root[data-theme=dark]{color-scheme:dark;--ink:#e8edf6;--muted:#a4b3c9;--line:#2c3c52;--paper:#0c1421;--white:#152234;--blue:#8bb9ff;--navy:#254e85;--shadow:0 12px 40px #0003}
.preferences{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0;order:3}
.preferences select{width:76px;min-height:36px;padding:6px 8px;font-size:12px}
#theme-toggle{width:36px;height:36px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);font-size:21px;cursor:pointer}
.site-header{gap:20px}nav{gap:20px}
[data-theme=dark] .site-header,[data-theme=dark] nav,[data-theme=dark] #footer,[data-theme=dark] .community-bar,[data-theme=dark] .unit-card,[data-theme=dark] .table-wrap,[data-theme=dark] .empty,[data-theme=dark] .auth-box,[data-theme=dark] .step,[data-theme=dark] .sidebar,[data-theme=dark] .stat,[data-theme=dark] .surface,[data-theme=dark] dialog,[data-theme=dark] .tabs button{background:#152234}
[data-theme=dark] .hero{background:linear-gradient(120deg,#101e34,#152c4b)}
[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#0e1929;border-color:#354762;color:var(--ink)}
[data-theme=dark] th,[data-theme=dark] tbody tr:hover{background:#1b2b42}
[data-theme=dark] td{border-color:var(--line)}
[data-theme=dark] .button.light,[data-theme=dark] .enlist-banner,[data-theme=dark] .sidebar a.active,[data-theme=dark] .unit-detail-icon,[data-theme=dark] .codes,[data-theme=dark] .secret{background:#203550;color:var(--ink);border-color:#3c5578}
[data-theme=dark] .button{color:#fff}[data-theme=dark] .button.light{color:var(--ink)}
[data-theme=dark] .points,[data-theme=dark] .community-bar strong,[data-theme=dark] .brand-mark{color:#e2ecff}
[data-theme=dark] .badge,[data-theme=dark] .avatar{background:#263e60;color:#c7ddff}
[data-theme=dark] .badge.green{background:#163e34;color:#97e3bf}[data-theme=dark] .badge.red,[data-theme=dark] .button.danger{background:#52252e;color:#ffc1c7}
[data-theme=dark] .badge.gray{background:#323c4c;color:#d0d8e4}
[data-theme=dark] .notice{background:#1b3552;color:#bdd9ff;border-color:#365777}
[data-theme=dark] .notice.warning,[data-theme=dark] .preview-label{background:#3f3222;color:#ffdb9c;border-color:#675233}
[data-theme=dark] .error{color:#ff9aa8}[data-theme=dark] .unit-visual{background:#233752}
[data-theme=dark] .wheel-hub{color:#10284b}[data-theme=dark] .wheel-stage{background:#12233b}
[data-theme=dark] .unit-card:hover,[data-theme=dark] .unit-card:focus-visible{border-color:#739cdb}
[data-theme=dark] .tabs button.active{background:#254e85;border-color:#6188bd;color:#fff}
@media(max-width:1100px){.brand-name{display:none}.site-header{gap:12px}nav{gap:14px}}
@media(max-width:760px){.preferences{order:0;margin-left:auto}.menu-toggle{order:3}.site-header{gap:12px}.preferences select{width:70px}.brand-name{display:none}}