/* ===== Light theme (t75u, 20 Oct 2026). The existing glass-navy design stays the default ("Dark").
   html[data-theme="light"] is set by the inline head script (no flash) + /assets/i18n.js toggle; saved in localStorage 'atc_theme'. ===== */
html[data-theme=light]{color-scheme:light;--bg0:#eef2f8;--bg1:#f8fafd;--bg2:#dde6f3;--ink:#0f1d3a;--mute:#475877;--mute2:#66769a;--y:#1f6fe0;--y2:#1858c4;
 --yg:linear-gradient(180deg,#3b8cff 0%,#1f6fe0 100%);--glass:rgba(255,255,255,.88);--glass2:rgba(15,40,90,.07);--bd:rgba(15,40,90,.13);--bd2:rgba(15,40,90,.22);
 --ok:#11845a;--bad:#c23434;--warn:#8a5a00;--tile:#ffffff}
html[data-theme=dark]{color-scheme:dark}
html[data-theme=light]{background:var(--bg0)}
html[data-theme=light] body{background:radial-gradient(900px 600px at 85% -10%,rgba(77,163,255,.14),transparent 60%),radial-gradient(700px 500px at -10% 30%,rgba(46,92,200,.08),transparent 60%),linear-gradient(180deg,#f8fafd,#eaf0f8)}
html[data-theme=light] .g{box-shadow:0 1px 2px rgba(15,40,90,.06),0 4px 14px rgba(15,40,90,.05)}
html[data-theme=light] .hdr{background:rgba(255,255,255,.86)}
html[data-theme=light] .bnav{background:rgba(255,255,255,.94);box-shadow:0 -2px 12px rgba(15,40,90,.08)}
html[data-theme=light] .foot{background:rgba(255,255,255,.7)}
html[data-theme=light] .drawer,html[data-theme=light] .sheet,html[data-theme=light] .pop,html[data-theme=light] .menu,html[data-theme=light] .vfbox,html[data-theme=light] .ttsbar{background:rgba(255,255,255,.98);color:var(--ink)}
html[data-theme=light] .menu,html[data-theme=light] .pop{box-shadow:0 18px 44px rgba(15,40,90,.18)}
html[data-theme=light] .drawer.peek{box-shadow:-12px 0 40px rgba(15,40,90,.18)}
html[data-theme=light] .askin{background:linear-gradient(transparent,rgba(255,255,255,.98) 30%)}
html[data-theme=light] .toast{background:rgba(15,29,58,.96);color:#fff}
html[data-theme=light] .dov,html[data-theme=light] .vfov{background:rgba(15,29,58,.35)}
html[data-theme=light] .ov,html[data-theme=light] .pt-modal{background:rgba(15,29,58,.45)}
html[data-theme=light] .hsrch input,html[data-theme=light] .msrch input,html[data-theme=light] .f input,html[data-theme=light] .f textarea,html[data-theme=light] .f select,
html[data-theme=light] .askin input,html[data-theme=light] .vtext,html[data-theme=light] .qf.nl,html[data-theme=light] .wbar{background:#fff;color:var(--ink)}
html[data-theme=light] .sel,html[data-theme=light] .ttsbar select,html[data-theme=light] .slu,html[data-theme=light] .vl select,html[data-theme=light] .pe select,html[data-theme=light] .pe input[type=text]{background:#fff;color:var(--ink)}
html[data-theme=light] select option{background:#fff;color:#0f1d3a}
html[data-theme=light] .stp{background:#fff}
html[data-theme=light] .stp button,html[data-theme=light] .ttsbar .tb{color:var(--ink)}
html[data-theme=light] .rate .v,html[data-theme=light] .cnum{color:var(--ink)}
html[data-theme=light] .msg{background:#f1f5fb;color:var(--ink)}
html[data-theme=light] .note{color:var(--ink);background-color:#fff7e0;border-color:rgba(138,90,0,.25)}
html[data-theme=light] .cpath a,html[data-theme=light] .cpclr,html[data-theme=light] .crw i{color:#1858c4}
html[data-theme=light] .crw{background:rgba(15,40,90,.03)}
html[data-theme=light] .pl{background:#fff;border-color:var(--bd)}
html[data-theme=light] .sw span{background:rgba(15,40,90,.2)}
html[data-theme=light] .sft{background:linear-gradient(160deg,#fff,#f3f7fd);box-shadow:0 6px 18px rgba(15,40,90,.1)}
html[data-theme=light] .askc{background:linear-gradient(135deg,rgba(77,163,255,.10),rgba(255,255,255,.6))}
html[data-theme=light] .hcart{color:#fff}
html[data-theme=light] .pt-sheet{background:#fff;color:var(--ink);box-shadow:0 -10px 40px rgba(15,40,90,.2)}
html[data-theme=light] .pt-sheet input{background:#fff;border-color:var(--bd2);color:var(--ink)}
html[data-theme=light] .kick{color:#1858c4}
html[data-theme=light] .hbox,html[data-theme=light] .ctile .im,html[data-theme=light] .sfi{border:1px solid var(--bd)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){html[data-theme=light] .g,html[data-theme=light] .hdr,html[data-theme=light] .bnav,html[data-theme=light] .drawer{background:#fff!important}}
/* header controls: theme toggle + language picker */
.thm .i-sun{display:none}html[data-theme=light] .thm .i-sun{display:block}html[data-theme=light] .thm .i-moon{display:none}
.lsel{height:44px;max-width:92px;border-radius:12px;border:1px solid var(--bd);background:var(--glass);color:var(--ink);padding:0 6px;font-size:14px;font-weight:600;cursor:pointer}
.lsel option{background:var(--bg1);color:var(--ink)}
.lwrap{position:relative;display:flex;flex:none}.lcode{display:none}
@media(max-width:520px){.lwrap{width:44px;height:44px}.lcode{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:12px;border:1px solid var(--bd);background:var(--glass);color:var(--ink);font-size:13px;font-weight:700;pointer-events:none}
 .lwrap .lsel{position:absolute;inset:0;width:100%;height:100%;max-width:none;opacity:0;padding:0}
 .lwrap:focus-within .lcode{outline:2px solid var(--y2);outline-offset:2px}}
@media(max-width:400px){.hdr .wrap{gap:8px}.hact{gap:6px}.hact .ib,.lwrap{width:40px;height:40px}}
@media(max-width:370px){.hact{gap:4px}.hact .ib,.lwrap{width:38px;height:38px}.logo{gap:8px}.logo b{font-size:15px}}
/* picker related strip (20 Oct release) */
html[data-theme=light] .prel{background:#fff;border-color:rgba(31,111,224,.35)}
html[data-theme=light] .rchip{background:#f4f7fc}
html[data-theme=light] .utab{background:rgba(31,111,224,.07);border-color:rgba(31,111,224,.35)}