:root[data-theme=light]{color-scheme:light;--canvas:#F7F8F3;--surface:#FFFFFF;--sunken:#EEF1E8;--text:#0E2A22;--muted:#4A5C54;--border:#DDE3D8;--border-strong:#66776F;
--focus:#1D5C8F;--primary:#0E2A22;--primary-contrast:#F7F8F3;--accent-soft:#EEF6DA;--link:#1D5C8F;--stop:#1E7B4E;--profit:#1E7B4E;--profit-soft:#E8F3EC;
--warning:#7A5A00;--warning-soft:#FFF3D6;--critical:#B23A26;--critical-soft:#FBECE8;--info-soft:#E8F0F7;
--band-dark:#0E2A22;--band-dark-card:#13332A;--band-dark-text:#F7F8F3;--band-dark-muted:#B8C6BF;--band-dark-link:#9CCBF2;
}
:root[data-theme=dark]{color-scheme:dark;--canvas:#0E2A22;--surface:#13332A;--sunken:#1A3D31;--text:#F7F8F3;--muted:#B8C6BF;--border:#24493C;--border-strong:#8AA096;
--focus:#D2EC3C;--primary:#F7F8F3;--primary-contrast:#0E2A22;--accent-soft:#1F4436;--link:#9CCBF2;--stop:#D2EC3C;--profit:#B5DE6E;--profit-soft:#1D3A2B;
--warning:#F5C451;--warning-soft:#302F25;--critical:#FF8A73;--critical-soft:#33292A;--info-soft:#1C3442;--band-dark:#0B231C;--band-dark-card:#13332A}
:root[data-theme=dark] .logo .wm-l{display:none}:root[data-theme=dark] .logo .wm-d{display:inline}
.logo .wm-d{display:none}
.ts{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:14px;cursor:pointer}
.ts svg{width:20px;height:20px}
.ts:focus-visible,.seg button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.ts .moon,:root[data-theme=dark] .ts .sun{display:none}:root[data-theme=dark] .ts .moon{display:inline}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ts .moon{display:none}:root[data-theme=dark] .ts .sun{display:none}:root[data-theme=dark] .ts .moon{display:inline}
header.site .ts:hover{background:var(--sunken)}header.site .ts:active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--border-strong)}
header.site .btn{white-space:nowrap}
@media (max-width:760px){header.site .wrap{gap:8px}header.site .wrap>.btn{padding:8px 12px;font-size:14px}}
@media (max-width:360px){header.site .wrap>.btn{padding:8px 10px;font-size:13px}.ts{min-width:44px;padding:0 8px}}