/* Miltima – sötét mód (a tools/sotet.py állítja elő a világos stíluslapokból; kézzel ne szerkeszd) */
html[data-mode=dark]{color-scheme:dark;--bg:#0b0e1b;--surface:#141a2d;--line:#262d45;--line-2:#1e2439;--text:#e7eaf6;--muted:#9aa2c0;--faint:#6c7493;--accent-soft:rgba(var(--accent-rgb),.2);--shadow:0 1px 2px rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.28)}
/* --- layout.css --- */
:where(html[data-mode=dark]) .board::-webkit-scrollbar-track{background:#181c26}
:where(html[data-mode=dark]) .uh-top span{color:#7beba5}
:where(html[data-mode=dark]) .modal{background:var(--surface)}
:where(html[data-mode=dark]) .modal .sel select,:where(html[data-mode=dark]) .modal input[type=date]{background:var(--surface)}
:where(html[data-mode=dark]) .modal .chk{color:#b6bcd1}
:where(html[data-mode=dark]) .modal .rep{background:#1b1e29}
:where(html[data-mode=dark]) .rep-days button{color:#b6bcd1;background:var(--surface)}
:where(html[data-mode=dark]) .rep-days button:hover{border-color:#464b57}
:where(html[data-mode=dark]) .rep-info{color:#b6bcd1}
:where(html[data-mode=dark]) .modal .act{background:#1c1f28}
:where(html[data-mode=dark]) .btn{background:var(--surface)}
:where(html[data-mode=dark]) .btn:hover{background:#20242d}
:where(html[data-mode=dark]) .fld label{color:#b6bcd1}
:where(html[data-mode=dark]) .sel svg{color:#b6bcd1}
:where(html[data-mode=dark]) .t-iroda{--bg:#14213d;--bd:#1e2e53;--fg:#527adf}
:where(html[data-mode=dark]) .t-home{--bg:#243d2f;--bd:#385c47;--fg:#8fe6b6}
:where(html[data-mode=dark]) .t-szabadsag{--bg:#23163b;--bd:#2f1f52}
:where(html[data-mode=dark]) .t-beteg{--bg:#3c1616;--bd:#542323}
:where(html[data-mode=dark]) .t-kepzes{--bg:#493819;--bd:#745b2d;--fg:#efad5e}
:where(html[data-mode=dark]) .t-egyeb{--bg:#24282f;--bd:#343740;--fg:#b5bbcd}
:where(html[data-mode=dark]) .t-gyasz{--bg:#243c3e;--bd:#395c61;--fg:#8bdbf1}
:where(html[data-mode=dark]) .t-apa{--bg:#1b3040;--bd:#29475d;--fg:#7ecef9}
:where(html[data-mode=dark]) .t-szuloi{--bg:#1d3d42;--bd:#2e5e67;--fg:#70dbf5}
:where(html[data-mode=dark]) .t-mentes{--bg:#273839;--bd:#3b5457;--fg:#a0daed}
:where(html[data-mode=dark]) .t-kulon{--bg:#243c3e;--bd:#395c61;--fg:#8bdbf1}
:where(html[data-mode=dark]) .sw-tg i{background:var(--surface)}
/* --- kezdolap.css --- */
:where(html[data-mode=dark]) .k-delta{background:#22252d}
:where(html[data-mode=dark]) .k-bar{background:#242830}
:where(html[data-mode=dark]) .kpi.warn{--bg:#3e2f14;--bd:#70592b;--fg:#efad5e}
:where(html[data-mode=dark]) .kpi.ok{--bg:#243d2f;--bd:#385c47;--fg:#8fe6b6}
:where(html[data-mode=dark]) .legend{color:#b6bcd1}
:where(html[data-mode=dark]) .legend i.none{background:repeating-linear-gradient(135deg,#393c46 0 2px,#21232a 2px 4px)}
:where(html[data-mode=dark]) .wk-plot .gl{border-top:1px dashed #272a32}
:where(html[data-mode=dark]) .wk-stack i.none{background:repeating-linear-gradient(135deg,#393c46 0 3px,#21232a 3px 6px)}
:where(html[data-mode=dark]) .mtabs{background:#22252d}
:where(html[data-mode=dark]) .mtabs button{color:#b6bcd1}
:where(html[data-mode=dark]) .mtabs button.on{background:var(--surface)}
:where(html[data-mode=dark]) .pr:hover{background:#1c1f28}
:where(html[data-mode=dark]) .pr .av{background:hsl(var(--h) 41% 16%);color:hsl(var(--h) 50% 70%);box-shadow:inset 0 0 0 1px hsl(var(--h) 33% 27%)}
:where(html[data-mode=dark]) .live{color:#7beba5;background:#22392a}
:where(html[data-mode=dark]) .tm-bar i.none{background:repeating-linear-gradient(135deg,#393c46 0 3px,#21232a 3px 6px)}
:where(html[data-mode=dark]) .todo-n{color:#efad5e;background:#3e2f14}
:where(html[data-mode=dark]) .allok svg.i{background:#22392a;color:#7beba5}
:where(html[data-mode=dark]) .hl-bar{background:#282c39}
:where(html[data-mode=dark]) .hbar p{color:#b6bcd1}
:where(html[data-mode=dark]) .hb{color:#b6bcd1}
:where(html[data-mode=dark]) .hb:hover:not(:disabled){border-color:#404551;background:#181c26}
:where(html[data-mode=dark]) .tl-day{background:var(--bg,#1d202a)}
:where(html[data-mode=dark]) .tl-day:not([class*=t-]){--bg:#1d202a}
:where(html[data-mode=dark]) .tl-clock small svg.i{color:#efad5e}
:where(html[data-mode=dark]) .tl-sc button{background:#1d202a;color:#b6bcd1}
:where(html[data-mode=dark]) .tcell{border:1.5px dashed #333742}
:where(html[data-mode=dark]) .tghost.bad{border-color:#c35c5c}
:where(html[data-mode=dark]) .tl-name em{background:#22252d}
:where(html[data-mode=dark]) .tl-rm:hover{background:#431515}
:where(html[data-mode=dark]) .ac line{stroke:#b5bbc8}
:where(html[data-mode=dark]) .ac line.mj{stroke:#b6bcd1}
:where(html[data-mode=dark]) .ac text{fill:#b6bcd1}
:where(html[data-mode=dark]) .cp-bar{background:#242830}
/* --- statisztika.css --- */
:where(html[data-mode=dark]) .sx-ib{color:#b6bcd1}
:where(html[data-mode=dark]) .sx-ib:hover{background:#1a202c;border-color:#393e49}
:where(html[data-mode=dark]) .sx-d{background:#22252d}
:where(html[data-mode=dark]) .sx-d.good{background:#243d2f;color:#8fe6b6}
:where(html[data-mode=dark]) .sx-d.bad{background:#3e2f14;color:#efad5e}
:where(html[data-mode=dark]) .sx-k.warn{--bg:#3e2f14;--bd:#70592b;--fg:#efad5e}
:where(html[data-mode=dark]) .sx-k.ok{--bg:#243d2f;--bd:#385c47;--fg:#8fe6b6}
:where(html[data-mode=dark]) .sx-k:not([class*=t-]):not(.warn):not(.ok){--bg:#22252d;--bd:#2e313c;--fg:#b6bcd1}
:where(html[data-mode=dark]) .sx-plot .gl{border-top:1px dashed #272a32}
:where(html[data-mode=dark]) .sx-stack i.none,:where(html[data-mode=dark]) .sx-hbar i.none{background:repeating-linear-gradient(135deg,#393c46 0 3px,#21232a 3px 6px)}
:where(html[data-mode=dark]) .sx-t tbody tr:hover td{background:#1a1e26}
:where(html[data-mode=dark]) td.sx-warn{color:#efad5e}
:where(html[data-mode=dark]) .sx-donut circle.none{stroke:#c4c7d2}
:where(html[data-mode=dark]) .sx-dl i.none{background:repeating-linear-gradient(135deg,#393c46 0 2px,#21232a 2px 4px)}
:where(html[data-mode=dark]) .sx-wdb{background:#1e232c}
:where(html[data-mode=dark]) .sx-note svg.i{color:#efad5e}
/* --- jelenlet.css --- */
:where(html[data-mode=dark]) .pv-tg{color:#b6bcd1}
:where(html[data-mode=dark]) .pv-f{color:#b6bcd1}
:where(html[data-mode=dark]) .pv-f:hover{border-color:#464b57}
:where(html[data-mode=dark]) .s-bent{--fg:#527adf}
:where(html[data-mode=dark]) .s-otthon{--fg:#8fe6b6}
:where(html[data-mode=dark]) .s-egyeb{--fg:#efad5e}
:where(html[data-mode=dark]) .pv-t th{background:#1c1f28}
:where(html[data-mode=dark]) .pv-t th.pv-who em{background:#262932;color:#b6bcd1}
:where(html[data-mode=dark]) .pv-d small{color:#efad5e}
:where(html[data-mode=dark]) .pv-t tbody tr:hover td{background:#181c26}
:where(html[data-mode=dark]) .pv-t tbody tr:hover td.pv-who{background:#181c26}
:where(html[data-mode=dark]) .pv-c.na{background:repeating-linear-gradient(135deg,#21232a 0 3px,transparent 3px 6px)}
:where(html[data-mode=dark]) .t-tavol{--bg:#211f32;--bd:#322e47;--fg:#8c8bb8}
:where(html[data-mode=dark]) .pv-g td{background:#1e232c}
:where(html[data-mode=dark]) .pv-foot svg.i{color:#8fe6b6}
/* --- tervezo.css --- */
:where(html[data-mode=dark]) .seg{background:#262932}
:where(html[data-mode=dark]) .seg button{color:#b6bcd1}
:where(html[data-mode=dark]) .seg button.on{background:var(--surface)}
:where(html[data-mode=dark]) .period button{color:#b6bcd1}
:where(html[data-mode=dark]) .period button:hover,:where(html[data-mode=dark]) .today-btn:hover,:where(html[data-mode=dark]) .filter-btn:hover{background:#20242d}
:where(html[data-mode=dark]) .ghead{background:var(--surface)}
:where(html[data-mode=dark]) .corner{background:var(--surface)}
:where(html[data-mode=dark]) .corner .mini{background:#1d202a}
:where(html[data-mode=dark]) .corner .hd{color:#b6bcd1}
:where(html[data-mode=dark]) .corner .hd span{background:#22252d}
:where(html[data-mode=dark]) .corner .hd button:hover{background:#20242d}
:where(html[data-mode=dark]) .dh.over b{background:#431515;box-shadow:inset 0 0 0 1.5px #a83838}
:where(html[data-mode=dark]) .col.we{background:#1d2028}
:where(html[data-mode=dark]) .col.hol{background:repeating-linear-gradient(135deg,#23252d 0 4px,#1b1f24 4px 8px)}
:where(html[data-mode=dark]) .emp{background:var(--surface)}
:where(html[data-mode=dark]) .row:hover .emp{background:#161a2a}
:where(html[data-mode=dark]) .emp .av{background:hsl(var(--h) 41% 16%);color:hsl(var(--h) 50% 70%);box-shadow:inset 0 0 0 1px hsl(var(--h) 33% 27%)}
:where(html[data-mode=dark]) .now.none{border:1px dashed #353942}
:where(html[data-mode=dark]) .more:hover{background:#242830}
:where(html[data-mode=dark]) .emp-t small em.st-future{color:#527adf}
:where(html[data-mode=dark]) .bar.bad{--bg:#431515;--bd:#c35c5c}
:where(html[data-mode=dark]) .bar.bad .lbl{color:#e66969}
:where(html[data-mode=dark]) .bar.clash{border-color:#c35c5c}
:where(html[data-mode=dark]) .drop-hint.bad{border-color:#c35c5c}
:where(html[data-mode=dark]) .foot{color:#b6bcd1}
:where(html[data-mode=dark]) .zoom button{color:#b6bcd1}
:where(html[data-mode=dark]) .foot .sq{color:#b6bcd1}
:where(html[data-mode=dark]) .pi.tpl{--bg:#1c1f28;--fg:#b6bcd1}
:where(html[data-mode=dark]) .hint{background:#181c26}
:where(html[data-mode=dark]) .qa svg.i{color:#b6bcd1}
:where(html[data-mode=dark]) .qa button:hover{background:#1c1f28;border-color:#333640}
@media (max-width:1280px){:where(html[data-mode=dark]) .aside .tabs button.on{background:#262932}}
/* --- dolgozok.css --- */
:where(html[data-mode=dark]) .ebtn{color:#b6bcd1}
:where(html[data-mode=dark]) .ebtn:hover{background:#20242d}
:where(html[data-mode=dark]) .etable th{background:var(--surface)}
:where(html[data-mode=dark]) .etable tbody tr:hover td{background:#161a2a}
:where(html[data-mode=dark]) .etable tbody tr.is-sel td{background:#101b36}
:where(html[data-mode=dark]) .e-person .av{background:hsl(var(--h) 41% 16%);color:hsl(var(--h) 50% 70%);box-shadow:inset 0 0 0 1px hsl(var(--h) 33% 27%)}
:where(html[data-mode=dark]) .c-role,:where(html[data-mode=dark]) .c-site,:where(html[data-mode=dark]) .c-mgr{color:#b6bcd1}
:where(html[data-mode=dark]) .e-adm{background:#23163b}
:where(html[data-mode=dark]) .etable td.c-code{color:#b6bcd1}
:where(html[data-mode=dark]) .code-gen{background:var(--surface);color:#b6bcd1}
:where(html[data-mode=dark]) .js.on{background:#22392a;color:#97ecb7}
:where(html[data-mode=dark]) .js.left{background:#22252d;color:#8d94ab}
:where(html[data-mode=dark]) .js.fut{background:#121f3e;color:#527adf}
:where(html[data-mode=dark]) .js-n{background:#23163b}
:where(html[data-mode=dark]) .e-bar i.none{background:repeating-linear-gradient(135deg,#393c46 0 3px,#21232a 3px 6px)}
:where(html[data-mode=dark]) .e-btn:hover{background:#242830}
:where(html[data-mode=dark]) .e-empty svg.i{background:#22252d}
:where(html[data-mode=dark]) .per-row label{color:#b6bcd1}
:where(html[data-mode=dark]) .per-row input{background:var(--surface)}
:where(html[data-mode=dark]) .per-del:hover{background:#381616}
:where(html[data-mode=dark]) .modal .fld input:not([type=checkbox]):not([type=radio]){background:var(--surface)}
:where(html[data-mode=dark]) .derr{background:#381616;color:#e66969}
:where(html[data-mode=dark]) .imp-pill{background:#22252d;color:#b6bcd1}
:where(html[data-mode=dark]) .imp-pill.ok{background:#22392a;color:#97ecb7}
:where(html[data-mode=dark]) .imp-pill.up{background:#121f3e;color:#527adf}
:where(html[data-mode=dark]) .imp-pill.bad{background:#381616;color:#e66969}
:where(html[data-mode=dark]) .imp-mode label:has(input:checked){background:#0f1932}
:where(html[data-mode=dark]) .imp-table th{background:#1c1f28}
:where(html[data-mode=dark]) .imp-table tr.bad td{background:#310e0e}
:where(html[data-mode=dark]) .imp-st{background:#22252d;color:#8d94ab}
:where(html[data-mode=dark]) .imp-st.ok{background:#22392a;color:#97ecb7}
:where(html[data-mode=dark]) .imp-st.up{background:#121f3e;color:#527adf}
:where(html[data-mode=dark]) .imp-st.bad{background:#381616;color:#e66969}
:where(html[data-mode=dark]) .imp-err{background:#381616;color:#e66969}
:where(html[data-mode=dark]) .e-lbar{background:#292238}
:where(html[data-mode=dark]) .e-lbar i.pl{background:#422f6f}
:where(html[data-mode=dark]) .e-leave.over .e-lbar{background:#581b1b}
:where(html[data-mode=dark]) .kid-row label{color:#b6bcd1}
:where(html[data-mode=dark]) .kid-row input[type=number]{background:var(--surface)}
:where(html[data-mode=dark]) .lvf-prev{background:#180e30;border:1px solid #241740}
:where(html[data-mode=dark]) .lv-parts li{border-bottom:1px dashed #2e273f}
:where(html[data-mode=dark]) .lv-parts li.sum{border-top:1px solid #322652}
:where(html[data-mode=dark]) .e-leave:hover{background:#1b0f35}
:where(html[data-mode=dark]) .lvd-sum>div{background:#1b1e29}
:where(html[data-mode=dark]) .lvd-sum .left{background:#1b0f35;border-color:#2b1c4a}
:where(html[data-mode=dark]) .lvd-sum.over .left{background:#331212;border-color:#581b1b}
:where(html[data-mode=dark]) .lvd-note svg.i{color:#efad5e}
:where(html[data-mode=dark]) .lvd-it input{background:var(--surface)}
:where(html[data-mode=dark]) .lvd-it span{color:#b6bcd1}
:where(html[data-mode=dark]) .e-acc.none{background:#22252d;color:#8d94ab}
:where(html[data-mode=dark]) .e-acc.wait{background:#3e2f14;color:#efad5e}
:where(html[data-mode=dark]) .acc-st{color:#b6bcd1}
:where(html[data-mode=dark]) .acc-note{background:#1b1e29;color:#b6bcd1}
:where(html[data-mode=dark]) .acc-pwv code{background:#1b1e29;border:1px dashed #464b57}
/* --- naptar.css --- */
:where(html[data-mode=dark]) .kp-nav{color:#b6bcd1}
:where(html[data-mode=dark]) .kp-nav:hover{background:#262932}
:where(html[data-mode=dark]) .kemp .av{background:hsl(var(--h) 41% 16%);color:hsl(var(--h) 50% 70%);box-shadow:inset 0 0 0 1px hsl(var(--h) 33% 27%)}
:where(html[data-mode=dark]) .kpk .av{background:hsl(var(--h) 33% 24%);color:hsl(var(--h) 50% 77%)}
:where(html[data-mode=dark]) .kdow{background:var(--surface)}
:where(html[data-mode=dark]) .kdow span{color:#b6bcd1}
:where(html[data-mode=dark]) .kday:hover{background:#131929}
:where(html[data-mode=dark]) .kday.we{background:#1d2028}
:where(html[data-mode=dark]) .kday.hol{background:repeating-linear-gradient(135deg,#23252d 0 4px,#1b1f24 4px 8px)}
:where(html[data-mode=dark]) .kday.kbad,:where(html[data-mode=dark]) .kc.kbad{box-shadow:inset 0 0 0 1.5px #c35c5c}
:where(html[data-mode=dark]) .kpend{color:#f4a96f}
:where(html[data-mode=dark]) .kc{color:#b6bcd1}
:where(html[data-mode=dark]) .kc.we{background:#1d2028}
:where(html[data-mode=dark]) .kc.hol{background:repeating-linear-gradient(135deg,#272a32 0 3px,#1b1f24 3px 6px)}
:where(html[data-mode=dark]) .kp-top .av{background:hsl(var(--h) 41% 16%);color:hsl(var(--h) 50% 70%);box-shadow:inset 0 0 0 1px hsl(var(--h) 33% 27%),0 0 0 2px var(--surface),0 0 0 3.5px var(--tc)}
:where(html[data-mode=dark]) .kp-edit{color:#b6bcd1}
:where(html[data-mode=dark]) .ks .sw.none{border:1px dashed #3d414d}
:where(html[data-mode=dark]) .ks i{background:linear-gradient(90deg,var(--fg) var(--p),#242830 var(--p))}
:where(html[data-mode=dark]) .ks.none i{background:linear-gradient(90deg,#5d616f var(--p),#242830 var(--p))}
:where(html[data-mode=dark]) .ks-vac{background:#180e30;border:1px solid #241740;color:#b6bcd1}
:where(html[data-mode=dark]) .ks-vbar{background:#292238}
:where(html[data-mode=dark]) .ks-vbar i.pl{background:#422f6f}
:where(html[data-mode=dark]) .ks-vl i.pl{background:#422f6f}
:where(html[data-mode=dark]) .ks-vac small{color:#f4a96f}
:where(html[data-mode=dark]) .ks-vac.over{background:#331212;border-color:#581b1b}
:where(html[data-mode=dark]) .kreq{border-color:#70592b;background:#34280f}
:where(html[data-mode=dark]) .kreq h3{color:#f4a96f}
:where(html[data-mode=dark]) .kr{border-top:1px solid #5d4a26}
:where(html[data-mode=dark]) .kr ul{color:#b6bcd1}
:where(html[data-mode=dark]) .kr-a button{background:var(--surface);color:#b6bcd1}
:where(html[data-mode=dark]) .ks-vac[data-kleave]:hover{border-color:#422f6f}
/* --- jovahagyas.css --- */
:where(html[data-mode=dark]) .akpi .k-ic{background:#101a39}
:where(html[data-mode=dark]) .akpi.warn .k-ic{background:#5b4f1c;color:#f4a96f}
:where(html[data-mode=dark]) .akpi.ok .k-ic{background:#22392a;color:#97ecb7}
:where(html[data-mode=dark]) .akpi span{color:#b6bcd1}
:where(html[data-mode=dark]) .atable thead th{background:#1c1f28}
:where(html[data-mode=dark]) .arow:hover td{background:#1a1e26}
:where(html[data-mode=dark]) .arow.open td{background:#12192f}
:where(html[data-mode=dark]) .a-off{background:#5b4f1c;color:#f4a96f}
:where(html[data-mode=dark]) .a-stale{background:#431515;color:#e66969}
:where(html[data-mode=dark]) .ar-st.pend{background:#5b4f1c;color:#f4a96f}
:where(html[data-mode=dark]) .ar-st.ok{background:#22392a;color:#97ecb7}
:where(html[data-mode=dark]) .ar-st.bad{background:#431515}
:where(html[data-mode=dark]) .ar-st.off{background:#22252d;color:#8d94ab}
:where(html[data-mode=dark]) .aib{color:#b6bcd1}
:where(html[data-mode=dark]) .aib.bad:hover{background:#431515;border-color:#7a2727}
:where(html[data-mode=dark]) .aib.ghost:hover{background:#22252d}
:where(html[data-mode=dark]) .chip.none{--bg:var(--surface);--bd:#343740}
:where(html[data-mode=dark]) .chip.del{--bg:var(--surface);--bd:#7a2727}
:where(html[data-mode=dark]) .adet td{background:#12192f}
:where(html[data-mode=dark]) .ar-warn{background:#3b3311;color:#f1b189}
:where(html[data-mode=dark]) .ar-note{background:#1c1f28;color:#b6bcd1}
:where(html[data-mode=dark]) .abtn{color:#b6bcd1}
/* --- ertesitesek.css --- */
:where(html[data-mode=dark]) .npanel{background:var(--surface)}
:where(html[data-mode=dark]) .np-tabs{background:#22252d}
:where(html[data-mode=dark]) .np-tabs button{color:#b6bcd1}
:where(html[data-mode=dark]) .np-tabs button.on{background:var(--surface)}
:where(html[data-mode=dark]) .ni:hover{background:#181e2c}
:where(html[data-mode=dark]) .ni-ic.warn{--bg:#3e2f14;--bd:#70592b;--fg:#efad5e}
:where(html[data-mode=dark]) .ni-b span{color:#b6bcd1}
:where(html[data-mode=dark]) .np-empty svg.i{background:#22252d}
/* --- naplo.css --- */
:where(html[data-mode=dark]) .nl-info svg.i{color:#8fe6b6}
:where(html[data-mode=dark]) .nl-it[data-lcal]:hover{background:#1c1f28}
:where(html[data-mode=dark]) .nl-it .av{background:hsl(var(--h) 41% 16%);color:hsl(var(--h) 50% 70%);box-shadow:inset 0 0 0 1px hsl(var(--h) 33% 27%)}
:where(html[data-mode=dark]) .nl-sys{background:#22252d!important}
:where(html[data-mode=dark]) .nl-t{color:#b6bcd1}
:where(html[data-mode=dark]) .nl-runs .chip.none{--bg:#21232a;--bd:#2e313c}
:where(html[data-mode=dark]) .nl-err svg.i{background:#431515}
/* --- beallitasok.css --- */
:where(html[data-mode=dark]) .st-av{box-shadow:0 0 0 5px var(--surface),0 12px 30px rgba(var(--navy-rgb),.25)}
:where(html[data-mode=dark]) .st-av-btn{box-shadow:0 0 0 3px var(--surface),0 6px 14px rgba(var(--t-a2-rgb),.4)}
:where(html[data-mode=dark]) .st-tags span{background:#1e232c;color:#b6bcd1}
:where(html[data-mode=dark]) .st-mini div{background:#1c1f28}
:where(html[data-mode=dark]) .st-mini div:hover{background:#182035}
:where(html[data-mode=dark]) .st-mini div:nth-child(1) b{color:#527adf}
:where(html[data-mode=dark]) .st-mini div:nth-child(2) b{color:#8fe6b6}
:where(html[data-mode=dark]) .st-contact a{color:#b6bcd1}
:where(html[data-mode=dark]) .st-contact a:hover{background:#1c1f28}
:where(html[data-mode=dark]) .st-info>div{background:#1c1f28}
:where(html[data-mode=dark]) .st-info>div:hover{background:var(--surface)}
:where(html[data-mode=dark]) .st-info-ic{background:var(--surface)}
:where(html[data-mode=dark]) .st-ro{background:#1c1f28}
:where(html[data-mode=dark]) .st-badge{color:#527adf;background:#121f3e}
:where(html[data-mode=dark]) .st-in input{background:var(--surface)}
:where(html[data-mode=dark]) .st-in:hover input{border-color:#3c4251}
:where(html[data-mode=dark]) .st-in.bad input{border-color:#843636}
:where(html[data-mode=dark]) .st-btn{background:var(--surface);color:#b6bcd1}
:where(html[data-mode=dark]) .st-btn:hover{background:#1b202b;border-color:#3c4251}
:where(html[data-mode=dark]) .st-btn.danger:hover{background:#381616;border-color:#542323}
:where(html[data-mode=dark]) .st-dirty{color:#efad5e}
:where(html[data-mode=dark]) .st-av.lg{box-shadow:0 0 0 4px var(--surface),0 8px 20px rgba(var(--navy-rgb),.18)}
:where(html[data-mode=dark]) .st-drop{border:1.5px dashed #3a4357;background:#131929}
:where(html[data-mode=dark]) .st-drop:hover,:where(html[data-mode=dark]) .st-drop.over{background:#0f1b35}
:where(html[data-mode=dark]) .th-card{background:var(--surface)}
:where(html[data-mode=dark]) .th-card:hover{border-color:#3c4251}
:where(html[data-mode=dark]) .th-prev{background:#1d202a}
:where(html[data-mode=dark]) .th-body b{background:var(--surface)}
:where(html[data-mode=dark]) .th-dots i{box-shadow:0 0 0 2px var(--surface),0 0 0 3px rgba(16,24,64,.08)}
:where(html[data-mode=dark]) .st-cap{background:#1c1f28}
:where(html[data-mode=dark]) .st-chk{color:#b6bcd1}