/* Ask It Simply: one shared dark theme for every page. Palette: bg #07060B, purples #7A3FE0 #A77BFF #C9B2FF, light green #7EE2B8, yellow #FFD84D */
:root{color-scheme:dark;--bg:#07060B;--s1:#13101C;--s2:#1B1728;--line:#2F2747;--tx:#F2EDFC;--tx2:#D3CBE6;--g:#7EE2B8;--y:#FFD84D;
--k:#0E0B15;--k2:#1B1728;--w:#13101C;--lav:#1E1932;--lav2:#2A2340;--ink:#F2EDFC;--ink2:#D3CBE6;--mut:#BDB3D6;--pd:#C9B2FF;--lp:#A77BFF;--ok:#7EE2B8;--warn:#FFD84D;
--glass:rgba(23,20,31,.78);--tx2:#D3CBE6;--acc:#A77BFF;--acc2:#7A3FE0}
/* text colors mapped from light theme */
.scard dt{color:#C9B2FF}
.scard dt:nth-of-type(3){color:#7EE2B8}
.done{color:#7EE2B8}
.iask.iask .iask-q{color:var(--tx2)}
.iask.iask .iask-q::placeholder{color:var(--tx2)}
.ls-disc{color:var(--tx2)}
.ls-disc button{color:#C9B2FF}
.ls-track .who{color:var(--tx2)}
.ls-track a{color:var(--tx2)}
.ls-track a .n{color:#C9B2FF}
.ls-track a.reading .n{color:var(--tx2)}
.ls-track a span{color:var(--tx2)}
.ls-track a .go{color:#C9B2FF}
.ls-card-pct{color:#C9B2FF}
.ls-badge{color:#C9B2FF}
.ls-tool b{color:#C9B2FF}
.ls-save .fine{color:var(--tx2)}
.ls-xpnote{color:var(--tx2)}
details.m-acc>summary{color:var(--tx2)}
.m-swipe-hint{color:#C9B2FF}
a:hover{color:#C9B2FF}
.skip{color:#fff}
.top{color:#fff}
.brand{color:#fff}
.brand:hover{color:#fff}
.nav a:hover,.nav a[aria-current=page]{color:#fff}
.tsize{color:#fff}
.answer .lbl{color:#C9B2FF}
.copy{color:#fff}
.note{color:#F7D98A}
.note strong{color:#F7D98A}
.rel .k{color:#C9B2FF}
.gcard .k{color:#C9B2FF}
.join{color:#fff}
.join h2{color:#fff}
.foot h2{color:#fff}
.rhead{color:#fff}
.rhead h2{color:#fff}
.quiz legend .qn{color:#C9B2FF}
.err{color:#FF9E9E}
.ribbon{color:#F7D98A}
.mdisc p{color:#F7D98A}
.mdisc a{color:#F7D98A}
.bw-prev{color:#F7D98A}
.lesson-video figcaption{color:var(--tx2)}
.content blockquote{color:#C9B2FF}
.content blockquote a{color:#C9B2FF}
.tu-tag{color:#C9B2FF}
.tu-asof{color:var(--tx2)}
body{color:#fff}
.nav a:hover{color:#fff}
.ai{color:#fff}
.ai b{color:#C9B2FF}
.light{color:#fff}
.lead{color:var(--tx2)}
.card p{color:var(--tx2)}
.glist a{color:#fff}
.glist a span{color:#C9B2FF}
.light .tag,.card .tag,.issue .tag{color:#C9B2FF}
.issue{color:#fff}
.issue p{color:var(--tx2)}
.issue .go{color:#C9B2FF}
.links a{color:#C9B2FF}
.about p{color:var(--tx2)}
.tracks .k{color:#C9B2FF}
.pend{color:#F7D98A}
.pend b{color:#F7D98A}
.smt td{color:var(--tx2)}
.signal{color:#F7D98A}
.signal b{color:#F7D98A}
.vnote{color:#7EE2B8}
.pendtag{color:#F7D98A}
.vok{color:#7EE2B8}
.tick{color:#C9B2FF}
.ut .oa{color:#C9B2FF}
/* theme */
html{background:var(--bg)}
body,body.tt-dark,body.m-home{background:radial-gradient(1200px 600px at 85% -10%,rgba(122,63,224,.16),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(126,226,184,.06),transparent 60%),var(--bg) fixed;color:var(--tx)}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(167,123,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(167,123,255,.05) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(180deg,#000,transparent 70%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%)}
a{color:#C9B2FF}a:hover{color:#fff}
:focus-visible{outline:3px solid var(--y)!important;outline-offset:3px}
h1,h2,h3,h4,strong,b,dt,legend,th,.content strong{color:#fff}
p,li,dd,td,caption,.content p,.content li,.hint,.sub,.alts,.fine,.byline{color:var(--tx2)}
/* header, footer */
.top,header.top{background:rgba(7,6,11,.92);border-bottom:1px solid var(--line);color:#fff}
.top .brand,.brand,.brand:hover,.nav a,.top h1,.foot h2,.join h2,.rhead h2{color:#fff}
.tsize{color:#fff;border-color:#8A6BD1}
.mnav-btn{color:#fff;border:1px solid #8A6BD1!important}
.foot{background:#05040A;border-top:1px solid var(--line);color:var(--tx2)}
.foot a{color:#E4DCF5}.foot .legal{color:#BDB3D6}
.skip{background:#fff;color:#0B0912}
/* surfaces */
.answer,.tool,.rel,.gcard,.finder,.rbody,.quiz fieldset,.feat li,.mchart,.tcard2 a,.task,.cat,.ls-track,.ls-steps li,.ls-save,.ls-tool,details.m-acc,body.m-home section.light details.m-acc,.routine li,.sg-toc a,.scard,.rec,.region,.how section,.perks li,.iask.iask .iask-q,.card,.glist a,.issue,.flags li,.tracks li a,.tracks li div,.smt td,.cocard,.tu-card,.recap-frame,.join,.prompt,.rhead,.ng-new,.tt-card{background:var(--glass);border-color:var(--line);color:var(--tx2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 32px -22px rgba(122,63,224,.55)}
.answer{border-left-color:#A77BFF}
.rel:hover,.gcard:hover,.card:hover,.tracks li a:hover,.glist a:hover,.tu-card:hover{border-color:#A77BFF;box-shadow:0 0 0 1px rgba(167,123,255,.35),0 14px 34px -20px rgba(122,63,224,.7)}
.rel,.gcard,.rel:hover,.gcard:hover,.tu-card,.card{color:var(--tx)}
.light,section.light,.ai,.pick,.copy,.chip,.flags li,.key,.how ol li:before,.pbook,.tcard2 .tico,.more,.secmore,.ut .oa,.tsubs,.mstrip2,.cmp th,.tu-tag,.ls-track a .n,.ls-card-pct,.ls-badge,.tcard2 .soon,.content blockquote,.sg-toc a:hover,.opt:has(input:checked),.opt:hover{background:var(--s2);color:var(--tx);border-color:var(--line)}
.light,section.light{background:transparent}
.chip,.copy{border:1.5px solid #8A6BD1;color:#fff}
.chip[aria-pressed=true]{background:#7A3FE0;border-color:#C9B2FF;color:#fff}
.finder input[type=search],input,select,textarea{background:#0B0912;color:#fff;border-color:#8A6BD1}
.opt{border-color:#5A4A85}
/* notices stay bright: yellow for disclaimers, green for done, purple tint for notes */
.note,.ribbon,.mdisc,.pend,.pendtag,.signal,.bw-prev{background:rgba(255,216,77,.08);border:1px solid rgba(255,216,77,.55);color:#F7EEC8}
.note strong,.ribbon strong,.mdisc strong,.pend strong,.signal strong,.bw-prev strong{color:var(--y)}
.done,.vnote{background:rgba(126,226,184,.08);border:1px solid rgba(126,226,184,.5);color:#D6F7E9}
.done strong,.vnote strong{color:var(--g)}
/* labels and accents */
.answer .lbl,.rel .k,.gcard .k,.quiz legend .qn,.rhead .k,.prompt .lbl,.tool .where{color:#C9B2FF}
.gcard .go,.btn.ghost{color:var(--g)}
.btn.ghost{border-color:var(--g)}
.eyebrow,body.tt-dark .eyebrow{color:#E4D8FF;background:rgba(167,123,255,.12);border-color:rgba(167,123,255,.45)}
.err{color:#FF9E9E}
/* progress bars */
.pbar,.level span,.ls-bar .pbar,.ls-readbar .pbar{background:#2A2340;box-shadow:inset 0 0 0 1px #6B5A9C}
.pbar i,.ls-bar .pbar>i,.ls-readbar .pbar>i{background:linear-gradient(90deg,#A77BFF,var(--g))}
.level span.on{background:var(--g)}
.progress{background:rgba(7,6,11,.9)}
/* unified accents inside the token and sector lessons */
.tt-card,[style*="--c"]{--c:#A77BFF!important}
/* motion: reduced motion keeps everything still */
@media (prefers-reduced-motion:reduce){body:before{display:none}}
/* inline-styled blocks and remaining fixes */
.broker-disclosure{background:rgba(255,216,77,.08)!important;border-left-color:var(--y)!important;color:#F7EEC8!important}
.broker-disclosure p{color:#F7EEC8!important}.broker-disclosure strong{color:var(--y)}.broker-disclosure a{color:#FFE9A3}
[style*="color:#5A5270"]{color:var(--tx2)!important}
.mdisc p,.note p,.ribbon p,.pend p,.signal p,.bw-prev p{color:#F7EEC8}
.done p,.vnote p{color:#D6F7E9}
.btn,a.btn,.btn:hover{color:#fff}
.btn.ghost,a.btn.ghost{color:var(--g);background:transparent}
.fine b,.hero b,.ai,.light{color:#fff}
summary,details summary{color:#fff}
.ls-disc button,.cat,.more,.secmore,textarea,select,.iask-q{border:1.5px solid #8A6BD1!important}
.cat{background:var(--s2);color:#fff}
.cat[aria-pressed=true]{background:#7A3FE0;border-color:#C9B2FF!important;color:#fff}
.pbar,.ls-bar .pbar,.ls-readbar .pbar{border:1px solid #8A6BD1;box-shadow:none}
.ls-bar{border:1px solid #6B5A9C}
input[type=radio],input[type=checkbox]{accent-color:#A77BFF}
body .mdisc p{color:#F7EEC8!important}
body a.btn,body.tt-dark a.btn,body.tt-dark a.btn:hover{color:#fff}
body.tt-dark a.btn.ghost{color:var(--g)}
.recap-frame{background:#07060B}.recap-frame video{filter:brightness(.72) saturate(1.05)}