/* Dark appearance: navy and gold. Applied with <html data-theme="dark"> by the boot script in index.html (Light is the default). */
html[data-theme=dark]{color-scheme:dark;--bg:#0d1530;--card:#16224a;--tx:#eef1fb;--sub:#9aa6cc;--line:rgba(255,255,255,.12);--acc:#a2a1ff;--r1:#ff6b5f;--navy:#e9edfb;--gold:#e0b659;--k0:#3b4678;--k1:#e9edfb;--k1rim:inset 0 0 0 1px rgba(255,255,255,.35);--dkcard:#16224a}
/* GENERATED by tools/gen_dark.py from the light CSS; hand-tuned rules are in theme-extra.css */
/* ---- index.html ---- */
html[data-theme=dark] .nav{background:rgba(24,36,80,0.90)}
html[data-theme=dark] .ndone{color:#e9edfb;background:rgba(24,36,80,0.70);border:1px solid rgba(255,255,255,0.14);box-shadow:0 2px 10px rgba(0,0,0,0.42),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] .dacts button{color:#e9edfb;background:rgba(22,34,74,0.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.14)}
html[data-theme=dark] .dedit .dsw.dragging .dk{background:rgba(22,34,74,0.90);box-shadow:0 16px 34px rgba(0,0,0,0.60),0 2px 6px rgba(0,0,0,0.36)}
html[data-theme=dark] .nav.col h1{color:#e9edfb}
html[data-theme=dark] .nbtn.glass{color:#e9edfb;background:rgba(24,36,80,0.67);border:1px solid rgba(255,255,255,0.14);box-shadow:0 2px 10px rgba(0,0,0,0.42),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] .pushed{box-shadow:-10px 0 30px rgba(0,0,0,0.30)}
html[data-theme=dark] #card{box-shadow:0 1px 2px rgba(0,0,0,0.28),0 8px 28px rgba(0,0,0,0.28)}
html[data-theme=dark] #thumb{background:#16224a;box-shadow:0 2px 8px rgba(0,0,0,0.54)}
html[data-theme=dark] #track.drag #thumb{box-shadow:0 0 0 6px rgba(94,92,230,.15),0 2px 10px rgba(0,0,0,0.60)}
html[data-theme=dark] .row:active{background:#243060}
html[data-theme=dark] .bar{background:#243060}
html[data-theme=dark] .tabs .pill{background:rgba(24,36,80,0.62);border:1px solid rgba(255,255,255,0.13);box-shadow:0 8px 28px rgba(0,0,0,0.48),0 1px 3px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] .tab{color:#9aa6cc}
html[data-theme=dark] .tab.on{box-shadow:0 3px 10px rgba(0,0,0,0.60),inset 0 1px 0 rgba(255,255,255,0.18)}
html[data-theme=dark] .sheet{box-shadow:0 -6px 30px rgba(0,0,0,0.36)}
html[data-theme=dark] .grab{background:#1f2b5c}
html[data-theme=dark] .ag{background:rgba(22,34,74,0.96)}
html[data-theme=dark] .ag button:active{background:#243060}
html[data-theme=dark] .dk,html[data-theme=dark] .dnew{background:rgba(24,36,80,0.67);border:1px solid rgba(255,255,255,0.14);box-shadow:0 6px 20px rgba(0,0,0,0.28),0 1px 2px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] .dk:active,html[data-theme=dark] .dnew:active{background:rgba(24,36,80,0.82)}
html[data-theme=dark] .dn{color:#e9edfb}
html[data-theme=dark] .dm{color:#e9edfb}
html[data-theme=dark] .dbar{background:rgba(255,255,255,0.09)}
html[data-theme=dark] .dnew{color:#e9edfb}
html[data-theme=dark] .swr .row:active{background:#243060}
html[data-theme=dark] .sw-row button{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07)}
html[data-theme=dark] .imres b{color:#e9edfb}
html[data-theme=dark] #prog .stats div{background:rgba(24,36,80,0.67);border:1px solid rgba(255,255,255,0.14);box-shadow:0 6px 20px rgba(0,0,0,0.28),0 1px 2px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] #prog .stats b{color:#e9edfb}
html[data-theme=dark] #prog .stats span{color:#9aa6cc}
html[data-theme=dark] #prog .sec{color:#e9edfb}
html[data-theme=dark] #prog .group{background:rgba(24,36,80,0.67);border:1px solid rgba(255,255,255,0.14);box-shadow:0 6px 20px rgba(0,0,0,0.28),0 1px 2px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] #prog .prow{border-bottom:.5px solid rgba(0,0,0,0.28)}
html[data-theme=dark] #prog .rb{stroke:rgba(233,237,251,0.15)}
html[data-theme=dark] #prog svg text{fill:#e9edfb}
html[data-theme=dark] #prog .pn{color:#e9edfb}
html[data-theme=dark] #prog .pl{color:#9aa6cc}
html[data-theme=dark] #prog .bar{background:rgba(255,255,255,0.09)}
html[data-theme=dark] #prog .danger{background:rgba(24,36,80,0.67);border:1px solid rgba(255,255,255,0.14);box-shadow:0 6px 20px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.14);color:#f0c35c}
html[data-theme=dark] #prog .attr{color:#9aa6cc}
html[data-theme=dark] #card{background:rgba(24,36,80,0.80);border:1px solid rgba(255,255,255,0.14);box-shadow:0 12px 34px rgba(0,0,0,0.39),0 1px 3px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] #s-study .meta{color:#9aa6cc}
html[data-theme=dark] #s-study #count{color:#e9edfb}
html[data-theme=dark] #s-study #mast{color:#f0c35c}
html[data-theme=dark] #s-study #ref{color:#e9edfb}
html[data-theme=dark] #s-study #ref .tr{color:#f0c35c}
html[data-theme=dark] #s-study #vt{color:#e9edfb}
html[data-theme=dark] #s-study .hint{color:#9aa6cc}
html[data-theme=dark] #s-study .rate{color:#e9edfb;background:rgba(24,36,80,0.72);border:1px solid rgba(255,255,255,0.14);box-shadow:0 6px 18px rgba(0,0,0,0.30),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] #s-study .rate[data-r="1"]{background:rgba(24,36,80,0.72);color:#e9edfb}
html[data-theme=dark] #s-study .rate[data-r="2"]{color:#e9edfb}
html[data-theme=dark] #s-study .rate[data-r="2"] b,html[data-theme=dark] #s-study .rate[data-r="2"] span{color:#e9edfb}
html[data-theme=dark] #s-study .rate[data-r="3"]{color:#1a2349;border-color:rgba(255,255,255,0.09);box-shadow:0 0 14px rgba(246,196,83,.55),inset 0 1px 0 rgba(255,255,255,0.10),inset 0 0 12px rgba(255,255,255,0.06)}
html[data-theme=dark] #s-study .rate[data-r="3"] b{color:#e9edfb}
html[data-theme=dark] #s-study #track{background:rgba(24,36,80,0.67);border:1px solid rgba(255,255,255,0.14);box-shadow:0 6px 18px rgba(0,0,0,0.30),inset 0 1px 2px rgba(0,0,0,0.16)}
html[data-theme=dark] #s-study .tl{color:#9aa6cc}
html[data-theme=dark] #s-study #thumb{background:#16224a;color:#e9edfb;box-shadow:0 3px 10px rgba(0,0,0,0.60)}
html[data-theme=dark] #s-study #track.drag #thumb{box-shadow:0 0 0 6px rgba(200,162,74,.22),0 3px 12px rgba(0,0,0,0.60)}
html[data-theme=dark] #s-study #empty h2{color:#e9edfb}
html[data-theme=dark] body:has(#s-study:not([hidden])) .nbar .ntitle{color:#e9edfb}
html[data-theme=dark] .nbar .nback,html[data-theme=dark] .nbar .nbtn{color:#e9edfb}
html[data-theme=dark] .nbar .ntitle{color:#e9edfb}
html[data-theme=dark] #s-deck .dhead .n{color:#e9edfb}
html[data-theme=dark] #s-deck .sec{color:#e9edfb}
html[data-theme=dark] #s-deck .group{border:1px solid rgba(255,255,255,0.14);box-shadow:0 6px 20px rgba(0,0,0,0.28),0 1px 2px rgba(0,0,0,0.28)}
html[data-theme=dark] #s-deck .addrow{color:#e9edfb}
html[data-theme=dark] #s-deck .btn.study{box-shadow:0 8px 22px rgba(0,0,0,0.60)}
html[data-theme=dark] #s-deck .rref{color:#e9edfb}
html[data-theme=dark] #s-deck .tr{color:#f0c35c}
html[data-theme=dark] #s-deck .attr{color:#9aa6cc}
html[data-theme=dark] .nback.gb{color:#e9edfb;background:rgba(24,36,80,0.67);border:1px solid rgba(255,255,255,0.14);box-shadow:0 2px 10px rgba(0,0,0,0.36),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] .nback.gb.dn{box-shadow:0 2px 10px rgba(0,0,0,0.60),inset 0 1px 0 rgba(255,255,255,0.18)}
html[data-theme=dark] .ntitle.stt b{color:#e9edfb}
html[data-theme=dark] .ntitle.stt .stsub{color:#9aa6cc}
html[data-theme=dark] .ntitle.stt .stdk{color:#e9edfb}
html[data-theme=dark] .ntitle.stt .stmd{color:#f0c35c}
html[data-theme=dark] #s-deck .dhead .n{color:#e9edfb}
html[data-theme=dark] #s-deck .dhead .s{color:#9aa6cc}
html[data-theme=dark] #s-deck .btn.study{color:#e9edfb;background:linear-gradient(180deg,rgba(22,34,74,0.82),rgba(24,36,80,0.78));box-shadow:0 8px 22px rgba(160,120,30,.2),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] #s-deck .btn.study .due{color:#f0c35c}
html[data-theme=dark] .gpill{color:#e9edfb;background:rgba(24,36,80,0.72);box-shadow:0 2px 8px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] #s-deck .swr .row{background:linear-gradient(180deg,#16224a,#16224a);border:1px solid rgba(255,255,255,0.14);box-shadow:0 5px 16px rgba(0,0,0,0.28),0 1px 2px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] #s-deck .swr .row:active{background:#16224a}
html[data-theme=dark] #s-deck .emp{background:rgba(24,36,80,0.67);border:1px solid rgba(255,255,255,0.14)}
html[data-theme=dark] #s-deck .addrow{color:#e9edfb;background:rgba(24,36,80,0.67);border:1px solid rgba(255,255,255,0.14);box-shadow:0 6px 20px rgba(0,0,0,0.28),0 1px 2px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] .nav .dsum{color:#9aa6cc}
html[data-theme=dark] .nav .dcnt{color:#9aa6cc}
html[data-theme=dark] .nav .dtitle{color:#e9edfb}
html[data-theme=dark] .nav.dkn .bar{background:rgba(255,255,255,0.09)}
html[data-theme=dark] .dopt .gpill{color:#9aa6cc;border-color:rgba(0,0,0,0.42);background:rgba(24,36,80,0.62)}
html[data-theme=dark] .dq{color:#e9edfb}
html[data-theme=dark] .dqs{color:#9aa6cc}
html[data-theme=dark] .dmn .ag button{color:#e9edfb}
html[data-theme=dark] .dmn .ag button.d{color:#ff7a6e}
html[data-theme=dark] .dmn .ag.c button{color:#e9edfb}
html[data-theme=dark] .nedit{color:#e9edfb;background:rgba(24,36,80,0.67);border:1px solid rgba(255,255,255,0.14);box-shadow:0 2px 10px rgba(0,0,0,0.36),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] .dsc .fld{box-shadow:0 0 0 1px rgba(0,0,0,0.42)}
html[data-theme=dark] .sw.xs .btn.red{color:#ff7a6e}
html[data-theme=dark] .sw.xs .sref{color:#e9edfb}
html[data-theme=dark] .sw.xs .shead .sb-r{color:#e9edfb}
html[data-theme=dark] .sw.xs .shead .sb-l{color:#9aa6cc}
html[data-theme=dark] #p-home,html[data-theme=dark] #p-progress,html[data-theme=dark] #p-explore,html[data-theme=dark] #s-study,html[data-theme=dark] #s-deck,html[data-theme=dark] .ov{background:radial-gradient(120% 40% at 0% 0%,rgba(70,95,190,.13),transparent 70%),radial-gradient(90% 38% at 100% 30%,rgba(200,162,74,.20),transparent 70%),radial-gradient(110% 40% at 0% 78%,rgba(70,95,190,.06),transparent 70%),linear-gradient(180deg,#16224a 0%,#0d1530 45%,#16224a 100%)}
html[data-theme=dark] .sw.xs .btn.sec2{background:rgba(255,255,255,0.09);color:#e9edfb}
html[data-theme=dark] .cmpc .h b{color:#e9edfb}
html[data-theme=dark] .cadd{color:#1a2349;border:1px solid rgba(255,255,255,0.14);box-shadow:0 3px 10px rgba(160,120,30,.28),inset 0 1px 0 rgba(255,255,255,0.10)}
html[data-theme=dark] .cadd:disabled:not(.done){background:rgba(255,255,255,0.08)}
html[data-theme=dark] .trseg button{color:#e9edfb}
html[data-theme=dark] .trseg button.on{color:#1a2349;box-shadow:0 1px 4px rgba(0,0,0,0.60),inset 0 1px 0 rgba(255,255,255,0.09)}
html[data-theme=dark] .strow{background:rgba(24,36,80,0.82);border:1px solid rgba(255,255,255,0.14);box-shadow:0 4px 14px rgba(0,0,0,0.28),0 1px 2px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] .stt b{color:#e9edfb}
html[data-theme=dark] .stplus{color:#f0c35c}
html[data-theme=dark] .trrow b{color:#e9edfb}
html.host[data-theme=dark],html.host[data-theme=dark] body{background:#16224a}
html[data-theme=dark] .dev{box-shadow:inset 0 0 0 2px rgba(255,255,255,.14),inset 0 0 0 5px rgba(255,255,255,.14),0 0 0 1.5px #77777d,0 40px 90px rgba(0,0,0,0.60)}
html[data-theme=dark] .scr{background:#0d1530}
html[data-theme=dark] .stat{color:#eef1fb}
html[data-theme=dark] .stat svg{fill:#eef1fb}
html[data-theme=dark] .bat{border:1.2px solid rgba(0,0,0,0.60)}
html[data-theme=dark] .selc{border:1.5px solid rgba(0,0,0,0.60);background:rgba(24,36,80,0.77)}
html[data-theme=dark] .dsel #s-deck .swr.on .row{box-shadow:0 5px 16px rgba(0,0,0,0.28),inset 0 0 0 1.5px rgba(200,162,74,.75),inset 0 1px 0 rgba(255,255,255,0.14);background:linear-gradient(180deg,#16224a,#16224a)}
html[data-theme=dark] .selbar{background:rgba(24,36,80,0.74);border:1px solid rgba(255,255,255,0.14);box-shadow:0 8px 28px rgba(0,0,0,0.54),0 1px 3px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] .selcnt{color:#e9edfb}
html[data-theme=dark] .selbar .sbm{color:#e9edfb;background:rgba(24,36,80,0.87)}
html[data-theme=dark] .pdd{box-shadow:0 0 0 1px rgba(200,162,74,.55),0 8px 22px rgba(0,0,0,0.42)}
html[data-theme=dark] .pdo{border-bottom:1px solid rgba(0,0,0,0.28)}
html[data-theme=dark] .pdr{color:#e9edfb}
html[data-theme=dark] .pdt{color:#f0c35c}
html[data-theme=dark] .pds mark{color:#e9edfb}
html[data-theme=dark] .dacts .ds{color:#1a2349}
html[data-theme=dark] :is(.dsw,.swr):is(.open,.openl,.pan) :is(.dk,.row){box-shadow:inset 0 1px 0 rgba(255,255,255,0.14)!important;border-color:rgba(255,255,255,0.14)}
html[data-theme=dark] .dsw.pan .dk:active{background:rgba(24,36,80,0.67)}
html[data-theme=dark] #s-deck .swr.pan .row:active{background:linear-gradient(180deg,#16224a,#16224a)}
html[data-theme=dark] .popm{background:rgba(24,36,80,0.86);border:1px solid rgba(255,255,255,0.14);box-shadow:0 14px 36px rgba(0,0,0,0.54),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] .popm button{color:#e9edfb}
html[data-theme=dark] .popm button+button::before{background:rgba(255,255,255,0.08)}
html[data-theme=dark] .popm button:active,html[data-theme=dark] .popm button:focus-visible{background:rgba(255,255,255,0.08)}
html[data-theme=dark] .addv{color:#e9edfb;background:linear-gradient(180deg,rgba(22,34,74,0.85),rgba(22,34,74,0.80));box-shadow:inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] .addv:active{background:rgba(22,34,74,0.95)}
html[data-theme=dark] .sdn{color:#e9edfb;background:rgba(24,36,80,0.84);box-shadow:inset 0 1px 0 rgba(255,255,255,0.14),0 4px 14px rgba(0,0,0,0.36)}
html[data-theme=dark] .chk.chk.chk{box-shadow:inset 0 1px 0 rgba(255,255,255,0.20),inset 0 -1px 0 rgba(246,196,83,.14),0 3px 12px rgba(0,0,0,0.60)}
html[data-theme=dark] .dempty b{color:#e9edfb}
html[data-theme=dark] .ovt{color:#e9edfb}
html[data-theme=dark] .ovf:before{background:linear-gradient(180deg,rgba(242,242,247,0),rgba(22,34,74,0.92) 55%)}
html[data-theme=dark] .addgold{color:#1a2349;box-shadow:inset 0 1px 0 rgba(255,255,255,0.09),0 6px 18px rgba(200,150,40,.32)}
html[data-theme=dark] .pvn{color:#e9edfb}
html[data-theme=dark] .pvc{color:#f0c35c}
html[data-theme=dark] .pvr{background:linear-gradient(180deg,#16224a,#16224a);border:1px solid rgba(255,255,255,0.14);box-shadow:0 5px 16px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] .pvref{color:#e9edfb}
html[data-theme=dark] .pvtx{color:#e9edfb}
html[data-theme=dark] .pav{box-shadow:inset 0 1px 0 rgba(255,255,255,0.22),0 8px 24px rgba(0,0,0,0.60)}
html[data-theme=dark] .pnm{color:#e9edfb}
html[data-theme=dark] .pst>div{background:rgba(24,36,80,0.74);border:1px solid rgba(255,255,255,0.14);box-shadow:inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] .pst b{color:#e9edfb}
html[data-theme=dark] .prow{color:#e9edfb;background:rgba(24,36,80,0.78);border:1px solid rgba(255,255,255,0.14);box-shadow:0 4px 14px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] .prow:active{background:rgba(22,34,74,0.85)}
html[data-theme=dark] .sgl{color:#9aa6cc}
html[data-theme=dark] .sgc{background:rgba(24,36,80,0.74);border:1px solid rgba(255,255,255,0.14)}
html[data-theme=dark] .ncard{background:rgba(24,36,80,0.78);border:1px solid rgba(255,255,255,0.14)}
html[data-theme=dark] .ncard .nh b{color:#e9edfb}
html[data-theme=dark] .ncard p{color:#e9edfb}
html[data-theme=dark] .dstart{box-shadow:inset 0 1px 0 rgba(255,255,255,0.20),inset 0 -1px 0 rgba(246,196,83,.16),0 5px 16px rgba(0,0,0,0.60)}
html[data-theme=dark] #spl .hw i{background:linear-gradient(105deg,transparent 44%,rgba(255,244,200,.0) 46%,rgba(24,36,80,0.74) 50%,rgba(255,244,200,.0) 54%,transparent 56%) 90% 0/300% 100% no-repeat}
html[data-theme=dark] #spl .pt{background:radial-gradient(circle,#16224a 0%,#F6C453 45%,rgba(246,196,83,0) 72%)}
/* ---- social.css ---- */
html[data-theme=dark] .av{box-shadow:inset 0 1px 0 rgba(255,255,255,0.22),0 3px 10px rgba(0,0,0,0.60)}
html[data-theme=dark] .acc-ring_shield{box-shadow:0 0 0 2.5px #8fb0e8,0 0 0 4px rgba(0,0,0,0.60)}
html[data-theme=dark] .acc-ring_crystal{box-shadow:0 0 0 2px rgba(255,255,255,.12),0 0 0 4px #9cc8ff,0 0 12px 3px rgba(156,200,255,.7)}
html[data-theme=dark] .prof .ptl{color:#f0c35c}
html[data-theme=dark] .pdot{box-shadow:0 0 0 2px rgba(0,0,0,.45)}
html[data-theme=dark] .pcnt{color:#1a2349}
html[data-theme=dark] .pv{color:#9aa6cc}
html[data-theme=dark] .prow.static:active{background:rgba(24,36,80,0.78)}
html[data-theme=dark] .prow .pt small{color:#9aa6cc}
html[data-theme=dark] .tgl{background:rgba(255,255,255,0.20)}
html[data-theme=dark] .tgl:after{background:#16224a;box-shadow:0 1px 3px rgba(0,0,0,0.60)}
html[data-theme=dark] .pshl{box-shadow:inset 0 1px 0 rgba(255,255,255,0.20),0 4px 14px rgba(0,0,0,0.60)}
html[data-theme=dark] .pshl.risk{box-shadow:0 0 0 2px #F6A33A,0 4px 14px rgba(0,0,0,0.60)}
html[data-theme=dark] .gcard{background:rgba(24,36,80,0.78);border:1px solid rgba(255,255,255,0.14);box-shadow:0 4px 14px rgba(0,0,0,0.28)}
html[data-theme=dark] .gcard b{color:#e9edfb}
html[data-theme=dark] .gcard p{color:#9aa6cc}
html[data-theme=dark] .signout{box-shadow:inset 0 1px 0 rgba(255,255,255,0.20),0 6px 18px rgba(0,0,0,0.60)}
html[data-theme=dark] .delacct{color:#f0c35c}
html[data-theme=dark] .avs{box-shadow:inset 0 1px 0 rgba(255,255,255,0.20),inset 0 0 0 1px rgba(246,196,83,.22),0 -6px 30px rgba(0,0,0,0.60)}
html[data-theme=dark] .avs-b.gold{color:#1a2349;box-shadow:inset 0 1px 0 rgba(255,255,255,0.09)}
html[data-theme=dark] .avs-r.lite{color:#9aa6cc}
html[data-theme=dark] .cmask{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06)}
html[data-theme=dark] .unw{box-shadow:0 0 0 1px rgba(0,0,0,0.42)}
html[data-theme=dark] .unw .una{color:#9aa6cc}
html[data-theme=dark] .unst{color:#9aa6cc}
html[data-theme=dark] .unst.bad{color:#ff7a6e}
html[data-theme=dark] .unsg{color:#9aa6cc}
html[data-theme=dark] #unSg .chip{color:#e9edfb}
html[data-theme=dark] .au-x{box-shadow:inset 0 1px 0 rgba(255,255,255,0.20)}
html[data-theme=dark] .au-b{box-shadow:inset 0 1px 0 rgba(255,255,255,0.28),inset 0 0 0 1px rgba(246,196,83,.5),0 8px 22px rgba(0,0,0,0.60)}
html[data-theme=dark] .au-seg button.on{color:#1a2349}
html[data-theme=dark] .au-f{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18)}
html[data-theme=dark] .au-go{color:#1a2349;box-shadow:inset 0 1px 0 rgba(255,255,255,0.09)}
html[data-theme=dark] .flx .frow,html[data-theme=dark] .frow{background:rgba(24,36,80,0.78);border:1px solid rgba(255,255,255,0.14);box-shadow:0 3px 10px rgba(0,0,0,0.28)}
html[data-theme=dark] .ftx b{color:#e9edfb}
html[data-theme=dark] .ftx b em{color:#1a2349}
html[data-theme=dark] .ftx i{color:#f0c35c}
html[data-theme=dark] .frk{color:#9aa6cc}
html[data-theme=dark] .ftm{color:#e9edfb}
html[data-theme=dark] .fch,html[data-theme=dark] .fmo,html[data-theme=dark] .fy,html[data-theme=dark] .fn{box-shadow:inset 0 1px 0 rgba(255,255,255,0.20)}
html[data-theme=dark] .fmo{background:rgba(255,255,255,0.09);color:#e9edfb}
html[data-theme=dark] .fn{background:rgba(255,255,255,0.09);color:#9aa6cc}
html[data-theme=dark] .fy{color:#1a2349}
html[data-theme=dark] .fy.ghost{background:rgba(255,255,255,0.09);color:#e9edfb}
html[data-theme=dark] .fst{color:#f0c35c}
html[data-theme=dark] .fgo{color:#1a2349}
html[data-theme=dark] .ferr{color:#ff7a6e}
html[data-theme=dark] .frow.in .ftx p,html[data-theme=dark] .imsg,html[data-theme=dark] .iv p{color:#e9edfb}
html[data-theme=dark] .iv b{color:#e9edfb}
html[data-theme=dark] .fcard{background:rgba(24,36,80,0.78);border:1px solid rgba(255,255,255,0.14);box-shadow:0 4px 14px rgba(0,0,0,0.28)}
html[data-theme=dark] .fhd b{color:#e9edfb}
html[data-theme=dark] .fhd i{color:#f0c35c}
html[data-theme=dark] .fbd p{color:#e9edfb}
html[data-theme=dark] .fbd p b{color:#e9edfb}
html[data-theme=dark] .dday{box-shadow:inset 0 1px 0 rgba(255,255,255,0.20),inset 0 0 0 1px rgba(246,196,83,.28),0 6px 18px rgba(0,0,0,0.60)}
html[data-theme=dark] .dday .dgo{color:#1a2349}
html[data-theme=dark] .dsh{color:#e9edfb;background:rgba(24,36,80,0.74);border:1px solid rgba(255,255,255,0.14);box-shadow:0 2px 8px rgba(0,0,0,0.28)}
html[data-theme=dark] .dsh em{color:#9aa6cc}
html[data-theme=dark] .dsh.ready em{color:#f0c35c}
html[data-theme=dark] .dsh.risk svg{color:#f0c35c}
html[data-theme=dark] .dsh.risk em{color:#f0c35c}
html[data-theme=dark] .drisk div{color:#f0c35c}
html[data-theme=dark] .drisk svg{color:#f0c35c}
html[data-theme=dark] .drisk button{color:#1a2349}
html[data-theme=dark] .chkl{color:#f0c35c}
html[data-theme=dark] .chref{color:#e9edfb}
html[data-theme=dark] .chp{color:#9aa6cc}
html[data-theme=dark] .chn{color:#9aa6cc}
html[data-theme=dark] .chtm{color:#e9edfb}
html[data-theme=dark] .chtm.big{color:#f0c35c}
html[data-theme=dark] .chv{color:#e9edfb}
html[data-theme=dark] .chta{box-shadow:0 0 0 1px rgba(0,0,0,0.42)}
html[data-theme=dark] .chmsg{color:#9aa6cc}
html[data-theme=dark] .chmsg.bad{color:#f0c35c}
html[data-theme=dark] .chwin{color:#f0c35c}
html[data-theme=dark] .bgc b{color:#e9edfb}
html[data-theme=dark] .bgc.lk b{color:#9aa6cc}
html[data-theme=dark] .bgc:active{background:rgba(24,36,80,0.72)}
html[data-theme=dark] .rwr{background:rgba(24,36,80,0.78);border:1px solid rgba(255,255,255,0.14)}
html[data-theme=dark] .rwr b{color:#e9edfb}
html[data-theme=dark] .rwr i{color:#9aa6cc}
html[data-theme=dark] .rwr em{color:#f0c35c}
html[data-theme=dark] .rwa,html[data-theme=dark] .rwt{background:rgba(24,36,80,0.78);border:1px solid rgba(255,255,255,0.14)}
html[data-theme=dark] .rwa b,html[data-theme=dark] .rwt b{color:#e9edfb}
html[data-theme=dark] .rwa i,html[data-theme=dark] .rwt i{color:#9aa6cc}
html[data-theme=dark] .sw3{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.10)}
html[data-theme=dark] .invcode{box-shadow:inset 0 1px 0 rgba(255,255,255,0.20),inset 0 -1px 0 rgba(246,196,83,.16),0 8px 24px rgba(0,0,0,0.60)}
html[data-theme=dark] .invlink{color:#9aa6cc}
html[data-theme=dark] .invreg{color:#ff7a6e}
html[data-theme=dark] .ctc h3{color:#e9edfb}
html[data-theme=dark] .ctl li{background:rgba(24,36,80,0.82);border:1px solid rgba(255,255,255,0.14);color:#e9edfb}
html[data-theme=dark] .ctl b{color:#e9edfb}
html[data-theme=dark] .ctn{color:#9aa6cc}
html[data-theme=dark] .hbtns .hstk{color:#e9edfb;background:rgba(24,36,80,0.74);border:1px solid rgba(255,255,255,0.14);box-shadow:0 2px 8px rgba(0,0,0,0.28)}
html[data-theme=dark] .dv{box-shadow:inset 0 1px 0 rgba(255,255,255,0.20),inset 0 0 0 1px rgba(246,196,83,.28),0 6px 18px rgba(0,0,0,0.60)}
html[data-theme=dark] .dvadd{color:#1a2349;box-shadow:inset 0 1px 0 rgba(255,255,255,0.09)}
html[data-theme=dark] .dpb{box-shadow:inset 0 1px 0 rgba(255,255,255,0.20),inset 0 0 0 1px rgba(246,196,83,.6),0 6px 18px rgba(0,0,0,0.60)}
html[data-theme=dark] body.dpick .dk{box-shadow:inset 0 0 0 1.5px rgba(200,162,74,.7),0 2px 10px rgba(0,0,0,0.30)}
html[data-theme=dark] .mdsw{background:rgba(24,36,80,0.67);border:1px solid rgba(255,255,255,0.14);box-shadow:0 4px 14px rgba(0,0,0,0.28),inset 0 1px 2px rgba(0,0,0,0.16)}
html[data-theme=dark] .mdth{box-shadow:0 3px 10px rgba(0,0,0,0.60),inset 0 1px 0 rgba(255,255,255,0.18)}
html[data-theme=dark] .vx{color:#e9edfb}
html[data-theme=dark] .rr{background:rgba(255,255,255,0.14)}
html[data-theme=dark] .bds{color:#9aa6cc}
html[data-theme=dark] .bxt{background:rgba(24,36,80,0.82);box-shadow:0 3px 10px rgba(0,0,0,0.36),inset 0 1px 0 rgba(255,255,255,0.14)}
html[data-theme=dark] .us{border-bottom:2px solid rgba(0,0,0,0.45)}
html[data-theme=dark] .uw{color:#e9edfb;background:rgba(22,34,74,0.88);box-shadow:0 0 0 4px rgba(255,255,255,0.12),0 0 0 5px rgba(200,162,74,.55),0 3px 10px rgba(0,0,0,0.42)}
html[data-theme=dark] .uw.placed{box-shadow:0 0 0 4px rgba(255,255,255,0.00),0 0 0 5px rgba(200,162,74,0),0 0 0 rgba(0,0,0,0.28)}
html[data-theme=dark] .uw.fly{box-shadow:0 0 0 4px rgba(255,255,255,0.13),0 0 0 5px rgba(200,162,74,.85),0 10px 20px rgba(0,0,0,0.60)}
html[data-theme=dark] .rsx{color:#e9edfb}
html[data-theme=dark] .rsl b{color:#e9edfb}
html[data-theme=dark] .rsl span{color:#f0c35c}
html[data-theme=dark] .rsc{color:#e9edfb;background:rgba(24,36,80,0.82);border:1px solid rgba(255,255,255,0.14);box-shadow:0 2px 8px rgba(0,0,0,0.28)}
html[data-theme=dark] .rsc.on{box-shadow:0 3px 10px rgba(0,0,0,0.60)}
html[data-theme=dark] .rsp{background:rgba(24,36,80,0.74);border:1px solid rgba(255,255,255,0.14);color:#e9edfb}
html[data-theme=dark] .rsp div{border-bottom:1.5px solid rgba(0,0,0,0.30)}
html[data-theme=dark] .rsd{color:#e9edfb}
html[data-theme=dark] .rsn{color:#9aa6cc}
/* ---- Explore (was a prefers-color-scheme:dark block; now follows the Appearance setting) ---- */
html[data-theme=dark] #p-explore{--xg:#F6C453;--xs:#9aa6cc;--xt:#eef1fb;--xv:#cdd5f1;--xcard:#16224a;--xrim:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.35);
  --xseg:rgba(255,255,255,.07);--xsegon:linear-gradient(180deg,#F8CE66,#EDB041 55%,#E5A13A);--xsegt:#1a2349;--xtg:rgba(255,255,255,.09);--xwm:rgba(246,196,83,.17);--xtile:radial-gradient(90% 90% at 0% 0%,rgba(246,196,83,.16),transparent 60%);
  --xchip:#1a2755;--xchipt:#dfe5fb;--xmi:rgba(246,196,83,.14);--xmir:inset 0 0 0 1px rgba(246,196,83,.35);--xgl:0 0 18px rgba(246,196,83,.45),0 6px 14px rgba(0,0,0,.35);
  background:radial-gradient(120% 55% at 85% -5%,rgba(246,196,83,.16),transparent 60%),radial-gradient(90% 50% at -10% 35%,rgba(94,120,255,.17),transparent 65%),radial-gradient(100% 40% at 100% 85%,rgba(60,90,200,.2),transparent 70%),linear-gradient(180deg,#0b1332 0%,#0a1130 50%,#070c22 100%)}
html[data-theme=dark] #p-explore .xsegon,html[data-theme=dark] #p-explore .xseg button.on{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 14px rgba(246,196,83,.4)}
html[data-theme=dark] #p-explore .xt,html[data-theme=dark] #p-explore .xdk,html[data-theme=dark] #p-explore .rb,html[data-theme=dark] #p-explore .xchip,html[data-theme=dark] #p-explore .xsf{background:linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.04) 55%,rgba(255,255,255,.07)),#16224a}
html[data-theme=dark] #p-explore .xchip.on{background:var(--xgold)}
html[data-theme=dark] #p-explore .xr,html[data-theme=dark] #p-explore .xrow{background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04) 55%,rgba(255,255,255,.06)),#16224a}
html[data-theme=dark] #p-explore .xr{background:#16224a}
html[data-theme=dark] #p-explore .xrow{background:linear-gradient(160deg,#243060,#17224c 60%,#1a2654)}
html[data-theme=dark] #p-explore .ib{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 18px rgba(246,196,83,.5)}
html[data-theme=dark] #p-explore .xhero{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.09),0 14px 30px rgba(0,0,0,.45)}
html[data-theme=dark] #p-explore .xplus,html[data-theme=dark] #p-explore .xhero .all{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 14px rgba(246,196,83,.45)}
html[data-theme=dark] #p-explore .xsf{box-shadow:var(--xrim),0 0 0 1.5px rgba(229,161,58,.85)}
html[data-theme=dark] body[data-tab=explore] .tabs .pill{background:linear-gradient(160deg,rgba(40,55,110,.93),rgba(18,28,68,.97));border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 34px rgba(0,0,0,.55)}
html[data-theme=dark] body[data-tab=explore] .tabs .tab{color:#8f9bc4}
html[data-theme=dark] body[data-tab=explore] .tabs .tab.on{background:linear-gradient(180deg,#F8CE66,#EDB041 55%,#E5A13A);color:#1a2349;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 20px rgba(246,196,83,.5)}
html[data-theme=dark] body[data-tab=explore] .tabs .tab.on svg{color:#1a2349}
/* hand-tuned dark rules (things the generator cannot infer) */
html[data-theme=dark] .tab.on{background:linear-gradient(180deg,#F8CE66,#EDB041 55%,#E5A13A);color:#1a2349;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 18px rgba(246,196,83,.4)}
html[data-theme=dark] .tab.on svg{color:#1a2349}
html[data-theme=dark] .sw.xs .btn:not(.sec2):not(.red),html[data-theme=dark] #s-study #empty .btn{background:linear-gradient(180deg,#F8CE66,#EDB041 55%,#E5A13A);color:#1a2349;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 14px rgba(246,196,83,.3)}
html[data-theme=dark] .swr.on .selc{background:#F6C453;border-color:#F6C453;color:#1a2349}
html[data-theme=dark] .lt{color:rgba(233,237,251,var(--a));border-bottom-color:rgba(233,237,251,calc(.22*(1 - var(--a))))}
html[data-theme=dark] .nav.col{background:rgba(13,21,48,calc(.86*var(--p,0)));border-bottom-color:rgba(255,255,255,calc(.14*var(--p,0)))}