/* generated by tools/gen_lang_theme.py - do not edit by hand. Theme layer of the language learning app. */
html[data-theme]{--t:var(--ink);--m:var(--mut);--card:var(--panel);--bd0:var(--line);--g:var(--acc-x);--b:var(--acc2-x);--vi:var(--acc2-x);color-scheme:light}
html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate]){color-scheme:dark;--sh:0 10px 30px rgba(0,0,0,.35)}
html[data-theme=ocean]{--acc-x:#38bdf8;--acc2-x:#a78bfa;--gd:#08a1e5;--bd:#6939f6;--onacc:#0b1226;--onacc2:#0b1226}
html[data-theme=violet]{--acc-x:#c084fc;--acc2-x:#f472b6;--gd:#9632fa;--bd:#ee2990;--onacc:#0b1226;--onacc2:#0b1226}
html[data-theme=forest]{--acc-x:#4ade80;--acc2-x:#2dd4bf;--gd:#24c35e;--bd:#22a696;--onacc:#0b1226;--onacc2:#0b1226}
html[data-theme=sunset]{--acc-x:#fb923c;--acc2-x:#f43f5e;--gd:#ee6e05;--bd:#e20d32;--onacc:#0b1226;--onacc2:#0b1226}
html[data-theme=carbon]{--acc-x:#22d3ee;--acc2-x:#f97316;--gd:#0fadc5;--bd:#ce5805;--onacc:#0b1226;--onacc2:#0b1226}
html[data-theme=aurora]{--acc-x:#2dd4bf;--acc2-x:#f472b6;--gd:#22a696;--bd:#ee2990;--onacc:#0b1226;--onacc2:#0b1226}
html[data-theme=rose]{--acc-x:#fb7185;--acc2-x:#c084fc;--gd:#f92342;--bd:#9632fa;--onacc:#0b1226;--onacc2:#0b1226}
html[data-theme=light]{--acc-x:#4338ca;--acc2-x:#0369a1;--gd:#332a9f;--bd:#02527e;--onacc:#ffffff;--onacc2:#ffffff}
html[data-theme=light]{--m:#4e5b79}
html[data-theme=sky]{--acc-x:#0369a1;--acc2-x:#c2410c;--gd:#02527e;--bd:#973309;--onacc:#ffffff;--onacc2:#ffffff}
html[data-theme=sky]{--m:#445d75}
html[data-theme=mint]{--acc-x:#047857;--acc2-x:#6d28d9;--gd:#035e44;--bd:#551eaa;--onacc:#ffffff;--onacc2:#ffffff}
html[data-theme=mint]{--m:#406654}
html[data-theme=sand]{--acc-x:#b45309;--acc2-x:#be123c;--gd:#8c4107;--bd:#940e2f;--onacc:#ffffff;--onacc2:#ffffff}
html[data-theme=sand]{--m:#69583e}
html[data-theme=lavender]{--acc-x:#6d28d9;--acc2-x:#be185d;--gd:#551eaa;--bd:#941349;--onacc:#ffffff;--onacc2:#ffffff}
html[data-theme=lavender]{--m:#594e77}
html[data-theme=midnight]{--acc-x:#fbbf24;--acc2-x:#38bdf8;--gd:#dca004;--bd:#08a1e5;--onacc:#0b1226;--onacc2:#0b1226}
html[data-theme=ember]{--acc-x:#f87171;--acc2-x:#fb923c;--gd:#f42525;--bd:#ee6e05;--onacc:#0b1226;--onacc2:#0b1226}
html[data-theme=neon]{--acc-x:#e879f9;--acc2-x:#4ade80;--gd:#db2bf6;--bd:#24c35e;--onacc:#0b1226;--onacc2:#0b1226}
html[data-theme=cosmos]{--acc-x:#818cf8;--acc2-x:#2dd4bf;--gd:#3244f4;--bd:#22a696;--onacc:#0b1226;--onacc2:#0b1226}
html[data-theme=slate]{--acc-x:#60a5fa;--acc2-x:#fbbf24;--gd:#167bf8;--bd:#dca004;--onacc:#0b1226;--onacc2:#0b1226}
html[data-theme=citrus]{--acc-x:#9e6607;--acc2-x:#12833c;--gd:#7b5005;--bd:#0e662f;--onacc:#ffffff;--onacc2:#ffffff}
html[data-theme=citrus]{--m:#6b5b1b}
html[data-theme=coral]{--acc-x:#c4334b;--acc2-x:#0a776d;--gd:#99283a;--bd:#085d55;--onacc:#ffffff;--onacc2:#ffffff}
html[data-theme=coral]{--m:#774a3e}
html[data-theme=bubblegum]{--acc-x:#be3a7b;--acc2-x:#2f69c6;--gd:#942d60;--bd:#25529a;--onacc:#ffffff;--onacc2:#ffffff}
html[data-theme=bubblegum]{--m:#774568}
html[data-theme=meadow]{--acc-x:#4b7a09;--acc2-x:#0972a3;--gd:#3b5f07;--bd:#07597f;--onacc:#ffffff;--onacc2:#ffffff}
html[data-theme=meadow]{--m:#4c6537}
html[data-theme=paper]{--acc-x:#2563eb;--acc2-x:#7c3aed;--gd:#1249c2;--bd:#5a13d3;--onacc:#ffffff;--onacc2:#ffffff}
html[data-theme=paper]{--m:#54545c}
html[data-theme] body{background:var(--bg);color:var(--t)}
html[data-theme] header .themes,html[data-theme] header .mot,html[data-theme] header .zm{flex:none}
@media(max-width:760px){html[data-theme] header .zm,html[data-theme] header .mot{display:none}html[data-theme] header .thbtn .tl2{display:none}html[data-theme] header{flex-wrap:wrap;row-gap:6px}html[data-theme] header h1{min-width:0}html[data-theme] header .right{flex-wrap:wrap;justify-content:flex-end;min-width:0;gap:5px;max-width:100%}html[data-theme] header .thbtn{padding:5px 10px;min-height:38px;min-width:40px;justify-content:center}html[data-theme] header .acct{padding:5px 8px;font-size:16px}html[data-theme] header #stats{padding:4px 9px;font-size:12px}html[data-theme] .thpop{position:fixed;left:8px;right:8px;top:calc(56px + env(safe-area-inset-top));width:auto;max-height:calc(100vh - 80px);overflow:auto}}
html[data-theme] .thpop{max-height:calc(100vh - 90px);overflow:auto;z-index:200}html[data-theme] header .themes{position:relative}
html[data-theme] header .themes .thbtn,html[data-theme] header .zm button,html[data-theme] header .mot{border-width:1px;border-bottom-width:1px;box-shadow:none;transform:none}
html[data-theme] header .themes .thbtn{min-height:36px}html[data-theme] header .mot{padding:4px 12px;border-radius:99px;min-height:36px}html[data-theme] header .zm button{padding:2px 8px;border-radius:99px;background:transparent;color:var(--ink);border-color:transparent}html[data-theme] header .zm{display:flex;align-items:center;border:1px solid var(--line);border-radius:99px;background:var(--panel2)}
html[data-theme] .thpop button{border-bottom-width:1px}
:where(html[data-theme]) body{background:var(--bg);color:var(--t)}
:where(html[data-theme]) header{background:var(--card);border-bottom:1px solid var(--bd0)}
:where(html[data-theme]) h1{color:var(--gd)}
:where(html[data-theme]) #stats{background:rgba(255,205,0,.17);color:#9a6b00}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) #stats{color:#ffd77a}
:where(html[data-theme]) .hero{background:linear-gradient(135deg,rgba(125,224,31,.17),rgba(0,150,255,.17))}
:where(html[data-theme]) .hero img{background:var(--card)}
:where(html[data-theme]) .hero p{color:var(--m)}
:where(html[data-theme]) .unit{background:var(--card);border:1px solid var(--bd0)}
:where(html[data-theme]) .banner h2{color:#fff;background:linear-gradient(transparent,rgba(10,20,40,.7))}
:where(html[data-theme]) .lesson{border-top:1px solid var(--bd0)}
:where(html[data-theme]) .lesson:first-of-type{border-top:0}
:where(html[data-theme]) button{border:2px solid var(--bd0);background:var(--card);color:var(--t)}
:where(html[data-theme]) button:hover:not(:disabled){background:rgba(0,106,255,.17)}
:where(html[data-theme]) button.go{background:var(--g);border-color:var(--gd);color:var(--onacc)}
:where(html[data-theme]) button.go:hover:not(:disabled){background:var(--g)}
:where(html[data-theme]) button.done{background:var(--y);border-color:#d9a900;color:#5a4300}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) button.done{color:#ffdd7a}
:where(html[data-theme]) .bar{background:rgba(57,127,198,.17)}
:where(html[data-theme]) .bar i{background:linear-gradient(90deg,var(--g),#8ee000)}
:where(html[data-theme]) .spk{background:rgba(0,173,255,.17);border-color:#a8dcf5;color:var(--bd)}
:where(html[data-theme]) .sub{color:var(--m)}
:where(html[data-theme]) .opts button.sel{border-color:var(--b);background:rgba(0,173,255,.17);color:var(--bd)}
:where(html[data-theme]) .ok{background:rgba(111,255,0,.17);color:var(--gd)}
:where(html[data-theme]) .no{background:rgba(255,0,8,.17);color:#c62828}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .no{color:#ef8a8a}
:where(html[data-theme]) .ans{border-bottom:2px solid var(--bd0)}
:where(html[data-theme]) .pic{background:var(--card);border:1px solid var(--bd0)}
:where(html[data-theme]) .vl select{border:1px solid var(--bd0);background:var(--card);color:var(--t)}
:where(html[data-theme]) .opts button.hl{border-color:var(--b);background:rgba(0,173,255,.17)}
:where(html[data-theme]) .resume{background:var(--card);border:2px solid var(--g)}
:where(html[data-theme]) .resume span{color:var(--m)}
:where(html[data-theme]) .oi{background:var(--card)}
:where(html[data-theme]) .pulse{background:linear-gradient(90deg,var(--g),#8ee000)}
:where(html[data-theme]) .soft{color:var(--m)}
:where(html[data-theme]) .dt{border:2px solid var(--bd0);outline:none;background:var(--card);color:var(--t)}
:where(html[data-theme]) .dt:focus{border-color:var(--b)}
:where(html[data-theme]) .vc{background:var(--card);border:1px solid var(--bd0)}
:where(html[data-theme]) .ve{color:var(--m)}
:where(html[data-theme]) .tw{border-bottom:2px dotted #9fb3c8}
:where(html[data-theme]) .tw:hover{color:var(--bd);border-bottom-color:var(--b)}
:where(html[data-theme]) .rv{border-color:var(--y)}
:where(html[data-theme]) .rv .rimg{background:rgba(255,205,0,.17)}
:where(html[data-theme]) .say{background:var(--card);border:1px solid var(--bd0)}
:where(html[data-theme]) .se{color:var(--m)}
:where(html[data-theme]) .mic{background:#ff4b4b;border-color:#d63a3a;color:#fff}
:where(html[data-theme]) .score span{color:var(--m)}
:where(html[data-theme]) .score.good b{color:var(--gd)}
:where(html[data-theme]) .score.low b{color:#d63a3a}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .score.low b{color:#ef8b8b}
:where(html[data-theme]) .wd.g{background:rgba(111,255,0,.17);color:#2f7d00}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .wd.g{color:#acff7a}
:where(html[data-theme]) .wd.y{background:rgba(255,203,0,.17);color:#8a6300}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .wd.y{color:#ffda7a}
:where(html[data-theme]) .wd.r{background:rgba(255,0,8,.17);color:#c62828}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .wd.r{color:#ef8a8a}
:where(html[data-theme]) .skill{background:var(--card)}
:where(html[data-theme]) .skill small{color:var(--m)}
:where(html[data-theme]) .lvl{background:rgba(57,122,198,.17)}
:where(html[data-theme]) .lvl i{background:linear-gradient(90deg,var(--g),var(--b))}
:where(html[data-theme]) .cols button.matched{background:rgba(111,255,0,.17);border-color:var(--g);color:#2f7d00}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .cols button.matched{color:#acff7a}
:where(html[data-theme]) .acct.on::after{background:var(--g);border:2px solid var(--bd0)}
:where(html[data-theme]) .sheet{background:rgba(20,35,55,.5)}
:where(html[data-theme]) .scard{background:var(--card)}
:where(html[data-theme]) .code{background:rgba(57,117,198,.17);border:2px dashed #9fb3c8}
:where(html[data-theme]) .dc{background:var(--card);border:1px solid var(--bd0)}
:where(html[data-theme]) .dc small{color:var(--m)}
:where(html[data-theme]) .xpb{background:rgba(57,122,198,.17)}
:where(html[data-theme]) .xpb i{background:linear-gradient(90deg,var(--g),#8ee000)}
:where(html[data-theme]) .qcard{background:var(--card);border:1px solid var(--bd0)}
:where(html[data-theme]) .qrow small{color:var(--m)}
:where(html[data-theme]) .qb{background:rgba(57,122,198,.17)}
:where(html[data-theme]) .qb i{background:var(--b)}
:where(html[data-theme]) .qd .qb i{background:var(--g)}
:where(html[data-theme]) .qd span:first-child{color:var(--gd)}
:where(html[data-theme]) .tool{background:var(--card)}
:where(html[data-theme]) .tool small{color:var(--m)}
:where(html[data-theme]) .tool.tutor{background:linear-gradient(135deg,rgba(125,224,31,.17),rgba(0,150,255,.17));border-color:#9be15d}
:where(html[data-theme]) .mw img{background:var(--card)}
:where(html[data-theme]) .path{background:linear-gradient(var(--card),rgba(0,127,255,.17))}
:where(html[data-theme]) .nt small{color:var(--m)}
:where(html[data-theme]) .node{background:rgba(57,122,198,.17);border-color:var(--bd0);color:var(--m)}
:where(html[data-theme]) .node.dn{background:var(--y);border-color:#d9a900;color:#5a4300}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .node.dn{color:#ffdd7a}
:where(html[data-theme]) .node.cur{background:var(--g);border-color:var(--gd);color:var(--onacc)}
:where(html[data-theme]) .node.boss{background:rgba(255,203,0,.17);border-color:#e0b800}
:where(html[data-theme]) .node.boss.dn{background:var(--y)}
:where(html[data-theme]) .combo{color:#ff7a00}
:where(html[data-theme]) .note{background:rgba(255,205,0,.17);color:#8a6300}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .note{color:#ffda7a}
:where(html[data-theme]) .toast{background:#2b3a4a;color:#fff}
:where(html[data-theme]) .wr{background:rgba(0,127,255,.17)}
:where(html[data-theme]) .wr small{color:var(--m)}
:where(html[data-theme]) .dots{color:var(--g)}
:where(html[data-theme]) .bd{background:rgba(57,117,198,.17)}
:where(html[data-theme]) .bd.on{background:rgba(255,205,0,.17)}
:where(html[data-theme]) .si2{background:rgba(0,127,255,.17)}
:where(html[data-theme]) .si2 small{color:var(--m)}
:where(html[data-theme]) .mini.on{background:var(--y);border-color:#d9a900}
:where(html[data-theme]) .lb li{background:rgba(0,127,255,.17)}
:where(html[data-theme]) .lb li::before{color:var(--m)}
:where(html[data-theme]) .lb li.me{background:rgba(130,255,0,.17)}
:where(html[data-theme]) .mine{background:rgba(0,173,255,.17)}
:where(html[data-theme]) .chips button.on{background:var(--g);color:var(--onacc);border-color:var(--gd)}
:where(html[data-theme]) .tb{background:var(--card)}
:where(html[data-theme]) .mb{background:var(--b);color:var(--onacc)}
:where(html[data-theme]) .tb .en{color:var(--m)}
:where(html[data-theme]) .fix{background:rgba(255,205,0,.17)}
:where(html[data-theme]) .fix s{color:#c62828}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .fix s{color:#ef8a8a}
:where(html[data-theme]) .fix em{color:#8a6300}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .fix em{color:#ffda7a}
:where(html[data-theme]) .sysmsg{color:var(--m)}
:where(html[data-theme]) .auto{color:var(--m)}
:where(html[data-theme]) #fb:not(:empty){background:var(--bg)}
@media (max-width:959px){:where(html[data-theme]) .ttin{background:var(--bg)}}
:where(html[data-theme]) #gscore{color:var(--m)}
:where(html[data-theme]) .gcard{background:var(--card)}
:where(html[data-theme]) .gcard small{color:var(--m)}
:where(html[data-theme]) .bpic{background:var(--card);border:1px solid var(--bd0)}
:where(html[data-theme]) .mcard{background:var(--card)}
:where(html[data-theme]) .mcard .mc{background:var(--card)}
:where(html[data-theme]) .mcard .mc small{color:var(--m)}
:where(html[data-theme]) .mcard.ok{border-color:var(--g);background:rgba(111,255,0,.17)}
:where(html[data-theme]) .mcard.ok .mc{background:rgba(111,255,0,.17)}
:where(html[data-theme]) .bmode .mini.on{background:var(--b);color:var(--onacc);border-color:var(--bd)}
:where(html[data-theme]) .bstage{background:#bfe9f7 url(img/game-sea-bg.jpg) center/cover;background-image:url(img/game-sea-bg.jpg)}
:where(html[data-theme]) .bub{background:radial-gradient(circle at 30% 28%,var(--card),rgba(255,255,255,.35) 45%,rgba(28,176,246,.28));border:3px solid rgba(255,255,255,.9)}
:where(html[data-theme]) .tbar{background:rgba(57,122,198,.17)}
:where(html[data-theme]) .tbar i{background:var(--g)}
:where(html[data-theme]) .slot{border-bottom:4px solid #9fb3c8}
:where(html[data-theme]) .slot.on{color:var(--gd);border-color:var(--g)}
:where(html[data-theme]) .pre{color:var(--m)}
:where(html[data-theme]) .track{background:rgba(0,165,255,.17) url(img/game-track-bg.jpg) center/cover}
:where(html[data-theme]) .car{border:3px dashed var(--bd0);background:rgba(255,255,255,.45);color:var(--t)}
:where(html[data-theme]) .car.full{border:3px solid #e0b800;background:#ffe27a}
:where(html[data-theme]) .pcell{background:var(--card)}
:where(html[data-theme]) .pcell.lit{background:rgba(255,203,0,.17);border-color:#ffc800}
:where(html[data-theme]) .pcell.on{background:rgba(111,255,0,.17);border-color:var(--g)}
:where(html[data-theme]) .pcell.bad{background:rgba(255,0,8,.17);border-color:#ff7b7b}
:where(html[data-theme]) .cap{color:var(--m)}
:where(html[data-theme]) .kw.on{background:rgba(0,173,255,.17);color:var(--bd)}
:where(html[data-theme]) .tool.exam{background:linear-gradient(135deg,rgba(255,203,0,.17),#ffe0a8);border-color:#ffc800}
:where(html[data-theme]) .lvlb{background:var(--card)}
:where(html[data-theme]) .lvlb small{color:var(--m)}
:where(html[data-theme]) .lvlb.on{background:var(--g);border-color:var(--gd);color:var(--onacc)}
:where(html[data-theme]) .lvlb.on small{color:#fff}
:where(html[data-theme]) .etopic{background:var(--card)}
:where(html[data-theme]) .eparts i{color:var(--m);background:rgba(57,128,198,.17)}
:where(html[data-theme]) .eparts i.on{background:rgba(130,255,0,.17);color:var(--gd)}
:where(html[data-theme]) .epart{background:var(--card)}
:where(html[data-theme]) .epart small{color:var(--m)}
:where(html[data-theme]) .epart em{color:var(--gd)}
:where(html[data-theme]) .epart.study{background:rgba(0,153,255,.17)}
:where(html[data-theme]) .epart.mock{background:linear-gradient(135deg,rgba(125,224,31,.17),rgba(0,150,255,.17));border-color:#9be15d}
:where(html[data-theme]) .eitem{background:var(--card);border:1px solid var(--bd0)}
:where(html[data-theme]) .eh{color:var(--m)}
:where(html[data-theme]) .eenw{color:var(--m)}
:where(html[data-theme]) .eqen{color:var(--m)}
:where(html[data-theme]) .eo small{color:var(--m)}
:where(html[data-theme]) .eo.sel{border-color:var(--b);background:rgba(0,173,255,.17)}
:where(html[data-theme]) .eo.right{border-color:var(--g);background:rgba(111,255,0,.17);color:var(--gd)}
:where(html[data-theme]) .eo.wrong{border-color:#ff7b7b;background:rgba(255,0,8,.17)}
:where(html[data-theme]) .etrans{background:rgba(57,117,198,.17)}
:where(html[data-theme]) .tl b{color:var(--bd)}
:where(html[data-theme]) .eresult{background:rgba(255,205,0,.17)}
:where(html[data-theme]) .eresult.big{background:linear-gradient(135deg,rgba(125,224,31,.17),rgba(0,150,255,.17))}
:where(html[data-theme]) .cr small{color:var(--m)}
:where(html[data-theme]) .better{background:rgba(0,153,255,.17)}
:where(html[data-theme]) .better small{color:var(--m)}
:where(html[data-theme]) .tool.xr{background:linear-gradient(160deg,var(--card),rgba(0,116,255,.17))}
:where(html[data-theme]) .xsec{background:var(--card);border:1px solid var(--bd0)}
:where(html[data-theme]) .ximg{background:var(--card);border-bottom:1px solid var(--bd0)}
:where(html[data-theme]) .xen{color:var(--m)}
:where(html[data-theme]) .tool.studio{background:linear-gradient(135deg,rgba(255,0,128,.17),rgba(49,0,255,.17));border-color:#f3a6d0}
:where(html[data-theme]) .gpic{background:var(--card)}
:where(html[data-theme]) .gpic small{color:var(--m)}
:where(html[data-theme]) .tool.explorecard{background:linear-gradient(135deg,rgba(0,156,255,.17),rgba(0,255,31,.17));border-color:#8fd3ff}
:where(html[data-theme]) .startmascot img{background:var(--card)}
:where(html[data-theme]) .goal,:where(html[data-theme]) .pathc{background:var(--card)}
:where(html[data-theme]) .goal small,:where(html[data-theme]) .pathc small{color:var(--m)}
:where(html[data-theme]) .goal .gc{border:2px solid var(--bd0);color:transparent}
:where(html[data-theme]) .goal.on{border-color:var(--g);background:rgba(128,255,0,.17)}
:where(html[data-theme]) .goal.on .gc{background:var(--g);border-color:var(--gd);color:var(--onacc)}
:where(html[data-theme]) .lvlq small{color:var(--m)}
:where(html[data-theme]) .lvlq.on{border-color:var(--b);background:rgba(0,173,255,.17)}
:where(html[data-theme]) .pathc{border-color:rgba(0,138,255,.4);background:linear-gradient(135deg,var(--card),rgba(0,146,255,.17))}
:where(html[data-theme]) .pathc em{color:var(--b)}
:where(html[data-theme]) .vimg{background:#111}
:where(html[data-theme]) .vw.on{background:#ffe38a}
:where(html[data-theme]) .vsub{color:var(--m)}
:where(html[data-theme]) .vdots i{background:var(--bd0)}
:where(html[data-theme]) .vdots i.on{background:var(--g)}
:where(html[data-theme]) .vdots i.past{background:#9ad66b}
:where(html[data-theme]) .hot{background:transparent;border:2px solid transparent}
:where(html[data-theme]) .hot:hover{border-color:#fff8}
:where(html[data-theme]) .hot.got{border-color:var(--g);background:#58cc0233}
:where(html[data-theme]) .hot.hint{border-color:#ffc800;background:#ffc80044}
:where(html[data-theme]) .chipfr span{color:var(--m)}
:where(html[data-theme]) .gpic{border:0;background:none}
:where(html[data-theme]) .gpic img,:where(html[data-theme]) .nopic{background:var(--panel2)}
:where(html[data-theme]) .vs{color:var(--m)}
:where(html[data-theme]) .mini.on{background:var(--g);color:#fff}
:where(html[data-theme]) .lvgroup{background:var(--card,var(--card))}
:where(html[data-theme]) .lvbadge{background:var(--g);color:#fff}
:where(html[data-theme]) .lvgroup small{color:var(--m)}
:where(html[data-theme]) .lvbar{background:rgba(198,57,57,.17)}
:where(html[data-theme]) .lvbar i{background:var(--g)}
:where(html[data-theme]) .plancard{background:var(--card,var(--card))}
:where(html[data-theme]) .planbar{background:rgba(198,57,57,.17)}
:where(html[data-theme]) .planbar i{background:var(--g)}
:where(html[data-theme]) .plantask{border:0;background:rgba(135,198,57,.17)}
:where(html[data-theme]) .plantask em{color:#58a700}
:where(html[data-theme]) .wkrow .qb{background:rgba(198,57,57,.17)}
:where(html[data-theme]) .wkrow .qb i{background:var(--g)}
:where(html[data-theme]) .newsitem{border:0;background:var(--card,var(--card))}
:where(html[data-theme]) .newsitem small{color:var(--m)}
:where(html[data-theme]) .villagecard{border:0;background:linear-gradient(135deg,#d9f2c4,rgba(255,213,0,.17))}
:where(html[data-theme]) .villagecard .vcimg{background:url(img/village-map.jpg) center/cover}
:where(html[data-theme]) .vctext span{color:var(--t)}
:where(html[data-theme]) .vctext small{color:#3a7d0a}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .vctext small{color:#b2fc7e}
:where(html[data-theme]) .villagecard em{color:#3a7d0a}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .villagecard em{color:#b2fc7e}
:where(html[data-theme]) .vmap{background:var(--card)}
:where(html[data-theme]) .vpin{border:0;background:#fffd}
:where(html[data-theme]) .vpin i{color:#3a7d0a}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .vpin i{color:#b2fc7e}
:where(html[data-theme]) .vwho{background:#fffd}
:where(html[data-theme]) .vwho small{color:var(--m)}
:where(html[data-theme]) .vbub{background:#fffef;background:#fffffff2}
:where(html[data-theme]) .vdots2 i{background:#fff9}
:where(html[data-theme]) .vdots2 i.on{background:var(--g)}
:where(html[data-theme]) .vdots2 i.past{background:#9ad66b}
:where(html[data-theme]) .vopts .eo small{color:var(--m)}
:where(html[data-theme]) .eo.hint{outline:3px solid #ffc800}
:where(html[data-theme]) .vhear{background:rgba(128,198,57,.17)}
:where(html[data-theme]) .cols button.matched{background:rgba(109,219,36,.17) !important;border-color:var(--g) !important;color:#2b6a00}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .cols button.matched{color:#b0ff7a}
:where(html[data-theme]) .cols button.bad{background:rgba(255,0,8,.17) !important;border-color:#ff4b4b !important;color:#a30000}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .cols button.bad{color:#ff7a7a}
:where(html[data-theme]) .kw.on,:where(html[data-theme]) .tw.on{background:#ffe38a;color:#a33b00}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .kw.on,:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .tw.on{color:#ffaa7a}
:where(html[data-theme]) .chip{border:2px solid var(--bd0);background:var(--card);color:var(--t)}
:where(html[data-theme]) .chip.on{background:var(--g);border-color:var(--g);color:#fff}
:where(html[data-theme]) .kw:hover,:where(html[data-theme]) .tw:hover{outline:2px solid var(--b);background:rgba(0,155,255,.17)}
:where(html[data-theme]) .kw:active,:where(html[data-theme]) .tw:active{background:rgba(0,155,255,.17)}
:where(html[data-theme]) #abar{background:rgba(31,42,68,.94)}
:where(html[data-theme]) #abar button{border:0;background:rgba(255,255,255,.14);color:#fff}
:where(html[data-theme]) #abar button:hover{background:rgba(255,255,255,.26)}
:where(html[data-theme]) #abar #apause{background:var(--g)}
:where(html[data-theme]) #abar #apause:hover{background:#6ddc14}
:where(html[data-theme]) .wtip{background:#1f2a44;color:#fff}
:where(html[data-theme]) .armk span{background:var(--card)}
:where(html[data-theme]) .armk.me span{background:var(--g)}
:where(html[data-theme]) .tool.aroundcard{background:linear-gradient(135deg,rgba(0,163,255,.17),rgba(68,255,0,.17));border-color:#9bd8ff}
:where(html[data-theme]) .arsk{background:linear-gradient(90deg,rgba(57,121,198,.17) 25%,var(--card) 50%,rgba(57,121,198,.17) 75%)}
:where(html[data-theme]) .arinfo{background:var(--card);border:1px solid var(--bd0)}
:where(html[data-theme]) .ptag{background:rgba(255,205,0,.17);border:2px dashed #e0b84a;color:#7a5a00}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .ptag{color:#ffdc7a}
:where(html[data-theme]) .ptag.good{background:rgba(111,255,0,.17);border-color:var(--g);color:#2b7a00}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .ptag.good{color:#a9ff7a}
:where(html[data-theme]) .ptag.bad{background:rgba(255,0,8,.17);border-color:#ea2b2b;color:#a31111}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .ptag.bad{color:#f98080}
:where(html[data-theme]) .dirbtns .good,:where(html[data-theme]) .eo.good{outline:3px solid var(--g)}
:where(html[data-theme]) .dirbtns .bad,:where(html[data-theme]) .eo.bad{outline:3px solid #ea2b2b}
:where(html[data-theme]) .arsec.found{border-color:var(--g);background:rgba(104,255,0,.17)}
:where(html[data-theme]) .tool.funcard{background:linear-gradient(135deg,rgba(255,162,0,.17),rgba(255,0,128,.17));border-color:#f3b27a}
:where(html[data-theme]) .num{background:rgba(255,0,0,.17);border:2px solid #ffb4b4;color:#8a1111}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .num{color:#f78282}
:where(html[data-theme]) .note.emg{background:rgba(255,0,0,.17);border-color:#ffb4b4;color:#8a1111}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .note.emg{color:#f78282}
:where(html[data-theme]) .cardph{background:var(--card);border:1px solid var(--bd0)}
:where(html[data-theme]) .cardph small{color:var(--m)}
:where(html[data-theme]) .showbig{background:rgba(10,20,40,.88)}
:where(html[data-theme]) .sbx{background:var(--card)}
:where(html[data-theme]) .sben{color:var(--m)}
:where(html[data-theme]) .tool.lifecard{background:linear-gradient(135deg,rgba(0,94,255,.17),rgba(49,0,255,.17));border-color:#9bb5ff}
:where(html[data-theme]) .kcat,:where(html[data-theme]) .kw2{background:var(--card)}
:where(html[data-theme]) .kw2 small,:where(html[data-theme]) .kcat small{color:var(--m)}
:where(html[data-theme]) .kopt{background:var(--card)}
:where(html[data-theme]) .kopt.good{outline:4px solid var(--g)}
:where(html[data-theme]) .kopt.bad{outline:4px solid #ea2b2b}
:where(html[data-theme]) .kcard{background:rgba(0,100,255,.17)}
:where(html[data-theme]) .kcard.up{background:var(--card)}
:where(html[data-theme]) .kcard.done{background:rgba(111,255,0,.17)}
:where(html[data-theme]) .imic.on{outline:4px solid #ffc800}
:where(html[data-theme]) .ilogrow{background:var(--card);border:1px solid var(--bd0)}
:where(html[data-theme]) .ilogrow.b{background:rgba(0,150,255,.17)}
:where(html[data-theme]) .ilogrow small{color:var(--m)}
:where(html[data-theme]) .tool.workcard{background:linear-gradient(135deg,rgba(57,198,106,.17),rgba(0,127,255,.17));border-color:#8fd3a8}
:where(html[data-theme]) .tool.kidscard{background:linear-gradient(135deg,rgba(255,203,0,.17),rgba(255,0,132,.17));border-color:#ffc86b}
:where(html[data-theme]) .tool.interpcard{background:linear-gradient(135deg,rgba(49,0,255,.17),rgba(0,167,255,.17));border-color:#b0a3ff}
:where(html[data-theme]) .achip{background:var(--card);border:2px solid var(--bd0)}
:where(html[data-theme]) .achip small{color:var(--m)}
:where(html[data-theme]) .achip.on{border-color:var(--g);background:rgba(123,255,0,.17)}
:where(html[data-theme]) .tool.artcard{background:linear-gradient(135deg,rgba(255,0,128,.17),rgba(255,168,0,.17));border-color:#f3a6d0}
:where(html[data-theme]) .tool.worldcard{background:linear-gradient(135deg,rgba(0,183,255,.17),rgba(66,255,0,.17));border-color:#7fd4a6}
:where(html[data-theme]) .wcat,:where(html[data-theme]) .wcard,:where(html[data-theme]) .wopt{border:2px solid var(--bd0);background:var(--card)}
:where(html[data-theme]) .wcat small{color:var(--m)}
:where(html[data-theme]) .wcat.on{border-color:var(--g);background:rgba(118,255,0,.17)}
:where(html[data-theme]) .wcard small{color:var(--m)}
:where(html[data-theme]) .wdet{background:var(--card);border:2px solid var(--bd0)}
:where(html[data-theme]) .wvid{background:#000}
:where(html[data-theme]) .wopt.right{border-color:var(--g);background:rgba(125,255,0,.17)}
:where(html[data-theme]) .wopt.wrong{border-color:#ff4b4b;background:rgba(255,0,0,.17)}
:where(html[data-theme]) .pcard,:where(html[data-theme]) .pchoice{background:var(--card);border:2px solid var(--bd0);color:var(--t)}
:where(html[data-theme]) .pcard small,:where(html[data-theme]) .pchoice small{color:var(--m)}
:where(html[data-theme]) .pcard em{color:var(--m);background:var(--bg)}
:where(html[data-theme]) .pcard:hover:not(.soon),:where(html[data-theme]) .pchoice:hover{border-color:var(--b)}
:where(html[data-theme]) .pcard.cont{border-color:var(--g)}
:where(html[data-theme]) #uilang{border:1px solid var(--bd0);background:var(--card);color:var(--t)}
:where(html[data-theme]) body{background:var(--bg);color:var(--t)}
:where(html[data-theme]) button.go:hover:not(:disabled){background:var(--gd)}
:where(html[data-theme]) button.done{background:var(--y);border-color:#d99a1e;color:#4a3200}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) button.done{color:#ffd47a}
:where(html[data-theme]) header{background:var(--card);border-bottom:1px solid var(--bd0)}
:where(html[data-theme]) header h1{color:var(--ink)}
:where(html[data-theme]) .acct{color:var(--ink)}
:where(html[data-theme]) .phead{color:var(--ink)}
:where(html[data-theme]) .pcard,:where(html[data-theme]) .pchoice{border:1px solid var(--bd0)}
:where(html[data-theme]) .pcard:hover:not(.soon),:where(html[data-theme]) .pchoice:hover{border-color:rgba(4,54,251,.4)}
:where(html[data-theme]) .pcard.cont{border:1px solid rgba(4,54,251,.4);background:linear-gradient(135deg,rgba(0,60,255,.17),rgba(0,242,255,.17))}
:where(html[data-theme]) .pi{color:#fff;background:linear-gradient(135deg,#14b8a6,var(--g))}
:where(html[data-theme]) .pi svg{stroke:currentColor;fill:none}
:where(html[data-theme]) .pi-studio{background:linear-gradient(135deg,#8b5cf6,#ec4899)}
:where(html[data-theme]) .pi-coach{background:linear-gradient(135deg,var(--g),#0ea5e9)}
:where(html[data-theme]) .pi-reading{background:linear-gradient(135deg,#14b8a6,#22c55e)}
:where(html[data-theme]) .pi-exams{background:linear-gradient(135deg,#f5b942,#f97316)}
:where(html[data-theme]) .pi-career{background:linear-gradient(135deg,#334155,var(--g))}
:where(html[data-theme]) .pi-kids{background:linear-gradient(135deg,#ec4899,#f5b942)}
:where(html[data-theme]) .pi-devops{background:linear-gradient(135deg,#475569,#94a3b8)}
:where(html[data-theme]) .pcard b,:where(html[data-theme]) .pchoice b{color:var(--ink)}
:where(html[data-theme]) #uilang{border-color:var(--bd0);color:var(--ink)}
:where(html[data-theme]) .lvlq.on{border-color:var(--g);background:rgba(0,60,255,.17)}
:where(html[data-theme]) .chip.on{background:rgba(0,60,255,.17);border-color:var(--g);color:var(--gd)}
:where(html[data-theme]) .pi{background:linear-gradient(135deg,#0d9488,var(--g))}
:where(html[data-theme]) .pi-reading{background:linear-gradient(135deg,#0d9488,#15803d)}
:where(html[data-theme]) .pi-exams{background:linear-gradient(135deg,#d97706,#ea580c)}
:where(html[data-theme]) .pi-kids{background:linear-gradient(135deg,#db2777,#d97706)}
:where(html[data-theme]) .pi-download{background:linear-gradient(135deg,var(--g),#8b5cf6)}
:where(html[data-theme]) .pcard.static:hover{border-color:var(--bd0)}
:where(html[data-theme]) a.go.dl,:where(html[data-theme]) button.go.dl{color:var(--onacc);background:var(--g);border:0}
:where(html[data-theme]) .steps{color:var(--m)}
:where(html[data-theme]) .pi-academy{background:linear-gradient(135deg,var(--g),#0d9488)}
:where(html[data-theme]) .acthumb{border:1px solid var(--bd0)}
:where(html[data-theme]) .acimg{border:1px solid var(--bd0);background:var(--card)}
:where(html[data-theme]) .actext{color:var(--t)}
:where(html[data-theme]) .acprog span{background:var(--bd0)}
:where(html[data-theme]) .acprog .done{background:#0d9488}
:where(html[data-theme]) .acprog .now{background:var(--g)}
:where(html[data-theme]) .acopt.right{border-color:#0d9488;background:rgba(24,231,134,.17)}
:where(html[data-theme]) .acopt.wrong{border-color:#dc2626;background:rgba(237,18,18,.17)}
:where(html[data-theme]) .aclang .mini.on{background:var(--g);color:#fff;border-color:var(--gd)}
:where(html[data-theme]) .actext .w.said{color:#0f766e}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .actext .w.said{color:#83f7ee}
:where(html[data-theme]) .actext .w.on{background:#fde68a;color:#0b1226}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .actext .w.on{color:#92a8e8}
:where(html[data-theme]) .acstage{border:1px solid var(--bd0);background:var(--card)}
:where(html[data-theme]) .acstage .acimg{border:0}
:where(html[data-theme]) .acwave{background:var(--card)}
:where(html[data-theme]) .acwave i{background:var(--g)}
:where(html[data-theme]) .acwave i:nth-child(2){background:#0d9488}
:where(html[data-theme]) .acwave i:nth-child(4){background:#0d9488}
:where(html[data-theme]) .acscene{background:var(--card)}
:where(html[data-theme]) .acth{border:2px solid var(--bd0);background:var(--card)}
:where(html[data-theme]) .acth.on{border-color:var(--g)}
:where(html[data-theme]) .acth:focus-visible{outline:3px solid #f5b942}
:where(html[data-theme]) .actext .sen.sel{background:rgba(79,70,229,.08)}
:where(html[data-theme]) .acmodes .mini.on{background:var(--g);color:#fff;border-color:var(--gd)}
:where(html[data-theme]) .acbar{background:var(--bd0)}
:where(html[data-theme]) .acbar i{background:linear-gradient(90deg,var(--g),#0d9488)}
:where(html[data-theme]) .acrates .mini.on{background:var(--g);color:#fff;border-color:var(--gd)}
:where(html[data-theme]) .acname{border:1px solid var(--bd0)}
:where(html[data-theme]) .accert{border:3px double var(--g);background:linear-gradient(180deg,var(--card),rgba(0,60,255,.17))}
:where(html[data-theme]) .accert .cert-k{color:#0d9488}
:where(html[data-theme]) .accert h2{color:#0b1226}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .accert h2{color:#92a8e8}
:where(html[data-theme]) .accert .cert-name{color:var(--g)}
:where(html[data-theme]) .accert small{color:var(--m)}
:where(html[data-theme]) .acprompt{background:rgba(57,127,198,.17);border:1px solid var(--bd0)}
:where(html[data-theme]) .acprompt .aclabel{color:var(--m)}
:where(html[data-theme]) .acprompt .seg{background:color-mix(in srgb,var(--c) 14%,var(--card));border:1.5px solid var(--c);color:#0b1226}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .acprompt .seg{color:#92a8e8}
:where(html[data-theme]) .aclegend .lg{color:#fff;background:var(--c)}
:where(html[data-theme]) .accap{background:rgba(11,18,38,.82);color:#fff}
:where(html[data-theme]) .acspin{border:5px solid var(--bd0);border-top-color:var(--g)}
:where(html[data-theme]) .achead2{color:var(--ink,#0b1226)}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .achead2{color:var(--ink,#92a8e8)}
:where(html[data-theme]) .acrow{background:var(--card);border:1px solid var(--bd0);color:var(--t)}
:where(html[data-theme]) .acrow:hover{border-color:rgba(4,54,251,.4)}
:where(html[data-theme]) .acrow.done{background:rgba(30,225,90,.17);border-color:#bbf7d0}
:where(html[data-theme]) .acnum{background:rgba(0,60,255,.17);color:var(--g)}
:where(html[data-theme]) .acrow.done .acnum{background:#0d9488;color:#fff}
:where(html[data-theme]) .acrt b{color:var(--ink,#0b1226)}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .acrt b{color:var(--ink,#92a8e8)}
:where(html[data-theme]) .acrt small{color:var(--m)}
:where(html[data-theme]) .acdur{color:var(--m)}
:where(html[data-theme]) .achero,:where(html[data-theme]) .acouthero{color:#fff;background:linear-gradient(135deg,#0b1226 0%,#312e81 55%,#0f766e 100%)}
:where(html[data-theme]) .achero h1,:where(html[data-theme]) .acouthero h1{color:#fff}
:where(html[data-theme]) .achero p,:where(html[data-theme]) .acouthero p{color:#dbe4ff}
:where(html[data-theme]) .achips span{background:rgba(255,255,255,.14);color:#fff}
:where(html[data-theme]) .acouthero .crumb{color:#a5b4fc}
:where(html[data-theme]) .accourse{background:var(--card);border:1px solid var(--bd0);color:var(--t)}
:where(html[data-theme]) .accourse:hover:not(.soon){border-color:rgba(4,54,251,.4)}
:where(html[data-theme]) .accourse.cont{border-color:rgba(4,54,251,.4)}
:where(html[data-theme]) .accourse.soon .acthumbbox{background:linear-gradient(135deg,#94a3b8,#cbd5e1)}
:where(html[data-theme]) .acthumbbox,:where(html[data-theme]) .acpreview{background:linear-gradient(135deg,var(--g),#0d9488)}
:where(html[data-theme]) .acbadge{background:var(--card);color:var(--g)}
:where(html[data-theme]) .acinfo b{color:var(--ink,#0b1226)}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .acinfo b{color:var(--ink,#92a8e8)}
:where(html[data-theme]) .acinfo small{color:var(--m)}
:where(html[data-theme]) .acstart{color:var(--g)}
:where(html[data-theme]) .acbox{border:1px solid var(--bd0);background:var(--card)}
:where(html[data-theme]) .acbox h3,:where(html[data-theme]) .acmain h3{color:var(--ink,#0b1226)}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .acbox h3,:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .acmain h3{color:var(--ink,#92a8e8)}
:where(html[data-theme]) .aclearn li::before{color:#0d9488}
:where(html[data-theme]) .acsidebox{border:1px solid var(--bd0);background:var(--card)}
:where(html[data-theme]) .acincl{color:var(--t)}
:where(html[data-theme]) .acincl li::before{color:#0d9488}
:where(html[data-theme]) .acstage,:where(html[data-theme]) .acscene{background:rgba(57,128,198,.17)}
:where(html[data-theme]) .acterm{border:1px solid var(--bd0);background:var(--card)}
:where(html[data-theme]) .actasks li{color:var(--m)}
:where(html[data-theme]) .actasks .tk{background:rgba(57,117,198,.17);color:var(--t)}
:where(html[data-theme]) .actasks li.cur{color:var(--ink,#0b1226)}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .actasks li.cur{color:var(--ink,#92a8e8)}
:where(html[data-theme]) .actasks li.cur .tk{background:var(--g);color:#fff}
:where(html[data-theme]) .actasks li.done .tk{background:#0d9488;color:#fff}
:where(html[data-theme]) .actasks li.done{color:#0f766e}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .actasks li.done{color:#83f7ee}
:where(html[data-theme]) .actasks li.alldone{color:#0f766e}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .actasks li.alldone{color:#83f7ee}
:where(html[data-theme]) .acscreen{background:#0f172a;color:#e2e8f0}
:where(html[data-theme]) .acscreen .p{color:#5eead4}
:where(html[data-theme]) .acscreen .e{color:#fca5a5}
:where(html[data-theme]) .acscreen .t{color:#86efac}
:where(html[data-theme]) .acscreen .m{color:var(--m)}
:where(html[data-theme]) .acps1{color:#0f766e}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .acps1{color:#83f7ee}
:where(html[data-theme]) .acform input{border:1px solid var(--bd0)}
:where(html[data-theme]) .acterr{color:#dc2626}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .acterr{color:#f38686}
:where(html[data-theme]) .acdet{border-top:1px solid var(--bd0)}
:where(html[data-theme]) .acdet code{background:rgba(57,128,198,.17)}
:where(html[data-theme]) .accheat td{border-bottom:1px solid var(--bd0)}
:where(html[data-theme]) .acbanner{background:rgba(57,128,198,.17);color:var(--m)}
:where(html[data-theme]) .acbanner.on{background:rgba(0,60,255,.17);border:2px solid var(--g);color:var(--ink,#0b1226)}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .acbanner.on{color:var(--ink,#92a8e8)}
:where(html[data-theme]) .acbanner.done{background:rgba(24,231,134,.17);border:2px solid #0d9488;color:#0f766e}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .acbanner.done{color:#83f7ee}
:where(html[data-theme]) .acbanner b{color:var(--g)}
:where(html[data-theme]) .acbanner.done b{color:#0f766e}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .acbanner.done b{color:#83f7ee}
:where(html[data-theme]) .achelp{color:#92400e}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .achelp{color:#faae7f}
:where(html[data-theme]) .achelp:not(:empty){background:rgba(251,201,4,.17);border:1px solid #fde68a}
:where(html[data-theme]) .achelp code{background:var(--card)}
:where(html[data-theme]) .achelpbtns .mini.pulse{border-color:#d97706}
:where(html[data-theme]) .acscreen .x{color:#a7f3d0}
:where(html[data-theme]) .actasks li.skip .tk{background:#94a3b8;color:#fff}
:where(html[data-theme]) .actasks li.skip{color:var(--m)}
:where(html[data-theme]) .accmd{background:rgba(79,70,229,.1)}
:where(html[data-theme]) .actapbar{border:0;background:var(--g);color:#fff}
:where(html[data-theme]) .acnl.top>li{background:rgba(79,70,229,.06)}
:where(html[data-theme]) .acnl.top>li.ok{background:rgba(13,148,136,.10)}
:where(html[data-theme]) .acnl li.ok>b,:where(html[data-theme]) .acnl li.ok>span:first-child{color:#0d9488}
:where(html[data-theme]) .acnl code{background:rgba(15,23,42,.07)}
:where(html[data-theme]) #ac-own{border:2px solid var(--bd0)}
@media print{:where(html[data-theme]) #sheet{background:var(--card) !important}}
:where(html[data-theme]) .vlp{border:2px solid var(--bd0)}
:where(html[data-theme]) .vlitem{background:#0f172a;color:#e2e8f0}
:where(html[data-theme]) .vlcap{background:rgba(0,0,0,.55);color:#fff}
:where(html[data-theme]) .vlspin{border:3px solid rgba(255,255,255,.25);border-top-color:#5eead4}
:where(html[data-theme]) .pi-videolab{background:linear-gradient(135deg,#ec4899,#8b5cf6)}
:where(html[data-theme]) .pi-ai-basics{background:linear-gradient(135deg,var(--g),#0ea5e9)}
:where(html[data-theme]) .pi-lab1-prompt{background:linear-gradient(135deg,#d97706,#ec4899)}
:where(html[data-theme]) .pi-ai-art{background:linear-gradient(135deg,#8b5cf6,#ec4899)}
:where(html[data-theme]) .pi-linux-beginners{background:linear-gradient(135deg,#334155,#0d9488)}
:where(html[data-theme]) .pi-flask{background:linear-gradient(135deg,#0d9488,#22c55e)}
:where(html[data-theme]) .vlchip2.on{background:var(--g);color:#fff;border-color:var(--g)}
:where(html[data-theme]) .updbanner{border:0;background:#0d9488;color:#fff}
:where(html[data-theme]) .vlitem video{background:#000}
:where(html[data-theme]) .vlitem{background:var(--card) !important;color:var(--ink,#0b1226) !important;border:1px solid var(--bd0)}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .vlitem{color:var(--ink,#92a8e8) !important}
:where(html[data-theme]) .vlmedia{background:linear-gradient(135deg,rgba(43,0,255,.17),rgba(0,242,255,.17))}
:where(html[data-theme]) .vlmedia video{background:transparent !important}
:where(html[data-theme]) .vlmedia .vlwait{color:var(--t)}
:where(html[data-theme]) .vlmedia.pend{background:linear-gradient(110deg,rgba(43,0,255,.17) 8%,rgba(221,34,136,.17) 18%,rgba(0,242,255,.17) 33%)}
:where(html[data-theme]) .vlmedia.bad{background:rgba(237,18,18,.17)}
:where(html[data-theme]) .vlspin{border:3px solid rgba(79,70,229,.2) !important;border-top-color:var(--g) !important}
:where(html[data-theme]) .vlic{border:0;background:transparent;color:inherit}
:where(html[data-theme]) .vlic:hover{background:rgba(79,70,229,.08)}
:where(html[data-theme]) .vlmeta{color:var(--m)}
:where(html[data-theme]) .vlcap2{color:var(--t)}
:where(html[data-theme]) .vlsheet video{background:transparent !important}
:where(html[data-theme]) .vlcats .mini.on,:where(html[data-theme]) .vlfilter .mini.on{background:var(--g);color:#fff;border-color:var(--g)}
:where(html[data-theme]) .vlic.fav{color:#e11d48}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .vlic.fav{color:#f6839c}
:where(html[data-theme]) .vlmedia.hov:not(.playing)::after{background:rgba(15,23,42,.55);color:#fff}
:where(html[data-theme]) .vlitem.dragover{outline:3px dashed var(--g)}
:where(html[data-theme]) .vlmedia.vp:not(.playing)::after{background:rgba(15,23,42,.55);color:#fff}
:where(html[data-theme]) .vlf{border:1px solid var(--bd0);background:var(--card);color:#0b1226}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .vlf{color:#92a8e8}
:where(html[data-theme]) .vlf i{color:var(--m)}
:where(html[data-theme]) .vlf.on{background:var(--g);border-color:var(--g);color:#fff}
:where(html[data-theme]) .vlf.on i{color:#e0e7ff}
:where(html[data-theme]) .vlf.over{outline:3px dashed var(--g)}
:where(html[data-theme]) .vlfn{border:0;background:transparent;color:inherit}
:where(html[data-theme]) .vlfi{border:0;background:transparent;color:inherit}
:where(html[data-theme]) .vlnew{color:var(--g)}
:where(html[data-theme]) .vlmvi{border:1px solid var(--bd0);background:var(--card)}
:where(html[data-theme]) .vlmvi.on{border-color:var(--g);background:rgba(0,60,255,.17)}
@media (min-width:1100px){:where(html[data-theme]) .vidlab .vlstudio{background:var(--card);border:1px solid var(--bd0)}}
:where(html[data-theme]) .vlselbar{background:rgba(247,248,255,.92)}
:where(html[data-theme]) .vlck{border:2px solid var(--bd0);background:rgba(15,23,42,.35);color:transparent}
:where(html[data-theme]) .vlitem.picked .vlck{background:var(--g);color:#fff}
:where(html[data-theme]) .vlitem.picked{outline:3px solid var(--g)}
:where(html[data-theme]) .vlerr{color:#b91c1c}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .vlerr{color:#f48585}
:where(html[data-theme]) .pi-imageart{background:linear-gradient(135deg,#f59e0b,#ec4899)}
:where(html[data-theme]) .ia-hero{background:linear-gradient(135deg,#7c3aed,#db2777 60%,#f59e0b) !important}
:where(html[data-theme]) .iarefine{background:linear-gradient(135deg,rgba(55,11,244,.17),rgba(227,28,142,.17)) !important;border-color:#c4b5fd !important}
:where(html[data-theme]) .iam{border:2px solid var(--bd0);background:var(--card)}
:where(html[data-theme]) .iam b{color:#0b1226}
:where(html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate])) .iam b{color:#92a8e8}
:where(html[data-theme]) .iam small{color:var(--m)}
:where(html[data-theme]) .iam.on{border-color:var(--g);background:rgba(0,60,255,.17)}
:where(html[data-theme]) .iarefimg{border:1px solid var(--bd0)}
:where(html[data-theme]) .vlq{background:rgba(0,60,255,.17);color:var(--g)}
:where(html[data-theme]) .vld{color:var(--m)}
:where(html[data-theme]) .ctstudio{background:rgba(127,127,127,.12)}
:where(html[data-theme]) .wkrow{border-bottom:1px solid rgba(127,127,127,.2)}
:where(html[data-theme]) .wkrow:last-child{border:0}
:where(html[data-theme]) .wkdot{background:#94a3b8}
:where(html[data-theme]) .wkdot.on{background:#16a34a}
:where(html[data-theme]) .wkconf{background:rgba(79,70,229,.08)}
:where(html[data-theme]) .aucard{background:var(--card);color:var(--t);border:1px solid var(--bd0)}
:where(html[data-theme]) .aucover{background:linear-gradient(135deg,hsl(var(--h),72%,58%),hsl(calc(var(--h) + 50),70%,42%))}
:where(html[data-theme]) .aucover.pend{background:var(--bd0)}
:where(html[data-theme]) .aucover.bad{background:rgba(235,20,20,.17)}
:where(html[data-theme]) .aueq b{background:var(--card)}
:where(html[data-theme]) .auplay{border:0;background:var(--g);color:var(--onacc)}
:where(html[data-theme]) .autime{color:var(--m)}
:where(html[data-theme]) .auacts .vlic,:where(html[data-theme]) .auacts a.mini{background:var(--bg);color:var(--t);border:1px solid var(--bd0)}
:where(html[data-theme]) .aumeta .vlq{background:rgba(79,70,229,.12);color:var(--g)}
:where(html[data-theme]) .aumeta .vld{color:var(--m)}
:where(html[data-theme]) .aulic{color:var(--m)}
:where(html[data-theme]) .rlvid{background:#000}
:where(html[data-theme]) .rlq{background:var(--card,rgba(57,104,198,.17));border:1px solid rgba(128,128,128,.25)}
:where(html[data-theme]) .rla{background:#2f6df6;color:#fff}
:where(html[data-theme]) .rlhook{border:1px solid rgba(128,128,128,.35);background:transparent;color:inherit}
:where(html[data-theme]) .rlhook:hover{border-color:#2f6df6}
:where(html[data-theme]) .rlscene>b{background:#2f6df6;color:#fff}
:where(html[data-theme]) .rltip{background:transparent}
:where(html[data-theme]) .rlphi{border:1px solid rgba(128,128,128,.3)}
:where(html[data-theme]) .rlphi button{border:0;background:rgba(0,0,0,.65);color:#fff}
:where(html[data-theme]) .rlphadd{border:2px dashed rgba(128,128,128,.5);background:transparent;color:inherit}
:where(html[data-theme]) .rlmic.rec{background:#e11d48;color:#fff;border-color:#e11d48}
:where(html[data-theme]) .vlchip2.on{color:var(--onacc)}:where(html[data-theme]) .on>small{color:var(--t)}
html[data-theme] img[data-stk="1"]{background:transparent;border-color:transparent;box-shadow:none;border-radius:0;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}
html[data-theme] button img[data-stk="1"],html[data-theme] .opts img[data-stk="1"]{filter:drop-shadow(0 3px 6px rgba(0,0,0,.28))}
html[data-theme] .fb.ok,html[data-theme] .ok{color:#2b6a00;background:rgba(88,204,2,.18)}
html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate]) .fb.ok,html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate]) .ok{color:#b0ff7a}
html[data-theme] .tw.on,html[data-theme] .kw.on{background:#ffe38a;color:#a33b00;box-shadow:0 0 0 2px #ffe38a}
html[data-theme] .opts button.sel{color:var(--t);border-color:var(--g)}
@media(max-width:560px){html[data-theme] #thbtn{width:46px;height:46px;padding:5px;box-shadow:none;justify-content:center}html[data-theme] header .right{flex-wrap:nowrap;gap:4px}}
html[data-theme] header .thbtn .dt{display:grid;grid-template-columns:repeat(2,11px);gap:3px;width:auto;height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;margin:0;min-height:0}
html[data-theme] header .thbtn .dt i{display:block;width:11px;height:11px;margin:0;flex:none;border:0;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.18)}html[data-theme] header .thbtn .dt i:nth-child(n+5){display:none}
html[data-theme] #goalb svg text{fill:var(--t)}html[data-theme] #goalb svg circle:first-child{stroke:var(--bd0)}
html[data-theme] .planbar,html[data-theme] .lvbar{background:var(--panel2)}
html[data-theme] .cols button.matched{border-color:#58cc02!important}
html[data-theme] body:has(.ttin) #abar{bottom:96px}html[data-theme] #abar{background:var(--panel2);border:1px solid var(--bd0)}
html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate]) #acct,html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate]) .pcard .pe{filter:brightness(1.9) saturate(.7)}
html[data-theme] .villagecard{background:var(--card);border:1px solid var(--bd0)}html[data-theme] .villagecard em,html[data-theme] .villagecard small{color:var(--g)}
html[data-theme] .lvbadge{color:var(--onacc)}
html[data-theme] .bar i{background:var(--g)}
html[data-theme] .toast{background:var(--panel2);color:var(--t);border:1px solid var(--bd0)}
html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate]) img.pic[src*="mascot"]{border-radius:50%;width:180px;height:180px;object-fit:cover}
html[data-theme] #imb{border-color:var(--bd)}
html[data-theme] .plantask em{color:#2b6a00}html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate]) .plantask em{color:#b0ff7a}
html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate]) [style^="color:#c62828"],html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate]) [style*=";color:#c62828"],html:is([data-theme=ocean],[data-theme=violet],[data-theme=forest],[data-theme=sunset],[data-theme=carbon],[data-theme=aurora],[data-theme=rose],[data-theme=midnight],[data-theme=ember],[data-theme=neon],[data-theme=cosmos],[data-theme=slate]) [style*="; color:#c62828"]{color:#ef8a8a !important}
html[data-theme] [style*="background:#e6f9d4"]{background:rgba(125,224,31,.17) !important}
html[data-theme] [style*="border:1px solid #cbd5e1"]{border:1px solid var(--bd0) !important}
html[data-theme] [style*="background:#1cb0f6"]{background:var(--b) !important}