:root[data-theme=light]{
  --bg:#f2f5fa;--panel:#fff;--panel2:#eaf0f8;--line:#cbd5e3;--txt:#192636;
  --mut:#536174;--acc:#2267b0;--ok:#167342;--warn:#855a08;--bad:#b52f29;
}
:root[data-theme=light] a{color:#185b9f}
:root[data-theme=light] button{background:#e1e8f2}
:root[data-theme=light] button.primary{background:var(--acc);color:white}
:root[data-theme=light] button.ghost,:root[data-theme=light] nav button{background:transparent}
:root[data-theme=light] nav button.active{background:var(--panel2)}
:root[data-theme=light] button.danger{background:#fce6e4;color:#9d241f}
:root[data-theme=light] button.toggle:hover{background:#eaf0f8;border-color:#7a9bc3}
:root[data-theme=light] button.toggle.active,:root[data-theme=light] button.toggle.anfixed{color:#174d86;background:#dceafa}
:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea,
:root[data-theme=light] .finder,:root[data-theme=light] .bar,:root[data-theme=light] code,
:root[data-theme=light] .calfloor,:root[data-theme=light] .pill.combo{background:#f3f6fb}
:root[data-theme=light] input::placeholder{color:#64748b}
:root[data-theme=light] .finder-in{background:transparent}
:root[data-theme=light] input.andate{color-scheme:light}
:root[data-theme=light] .account-footer{background:#f5f8fc}
:root[data-theme=light] .pill.ok{background:#daf2e4;color:#116235}
:root[data-theme=light] .pill.warn{background:#fff0c9;color:#765008}
:root[data-theme=light] .pill.bad{background:#fce1de;color:#9d241f}
:root[data-theme=light] .pill.off{background:#edf1f6}
:root[data-theme=light] .pill.fable{background:#fae1eb;color:#8d2850;border-color:#be5680}
:root[data-theme=light] .account-alert.bad{background:#fff0ee;color:#9d241f;border-color:#ecc0bb}
:root[data-theme=light] .account-alert.warn{background:#fff7e5;color:#765008;border-color:#e7cf99}
:root[data-theme=light] .mdbody h2{color:var(--txt)}
.ui-preferences{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}
.ui-preferences select{font-size:12px;padding:4px 6px}
.theme-toggle{white-space:nowrap}
.login-preferences{display:flex;justify-content:center;margin-bottom:12px}
@media(max-width:1000px){header{flex-wrap:wrap;gap:8px 12px}header nav{order:3;flex-basis:100%;flex-wrap:wrap}}
@media(max-width:480px){main{padding:12px}.modal{min-width:0!important;width:calc(100vw - 24px);max-width:calc(100vw - 24px)!important}.ui-preferences{gap:4px}.theme-toggle{padding:4px 6px}}