/* Clear, opaque answer states keep text legible in both themes. */
.crypto-mention{white-space:nowrap}.crypto-mention img{display:inline-block;width:1em;height:1em;min-width:16px;min-height:16px;max-width:32px;max-height:32px;object-fit:contain;vertical-align:-.14em;margin-right:.25em}.crypto-mention img[src$="hyperliquid.png"]{border-radius:50%}
.lesson-distinction{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.distinction-pair{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:stretch;gap:12px;margin:24px 0}.distinction-pair>div{padding:20px;border:1px solid var(--accent);border-radius:14px;background:var(--tint);display:flex;flex-direction:column;gap:12px}.distinction-pair>div>span{font-size:12px;color:var(--muted)}.distinction-pair strong{font-size:19px;line-height:1.45;overflow-wrap:anywhere}.distinction-sign{align-self:center;text-align:center;font-size:32px;color:var(--accent)}.lesson-distinction>p{color:var(--text)!important}.lesson-distinction details{margin:20px 0 0}.lesson-distinction summary{min-height:44px}
@media(max-width:600px){.lesson-distinction{padding:20px 16px}.distinction-pair{grid-template-columns:1fr;gap:8px}.distinction-pair>div{padding:16px}.distinction-sign{line-height:1.2}.distinction-pair strong{font-size:18px}}
.crypto-meteor{animation-duration:36s!important}.crypto-meteor img{filter:none!important}
.asset-overview .asset-card-brand h3{font-size:22px;overflow-wrap:anywhere}.asset-overview .eyebrow{font-size:11px;letter-spacing:.05em;margin-bottom:14px}
@media(max-width:600px){.crypto-meteor{width:34px!important;height:34px!important}.asset-overview{grid-template-columns:1fr}}
.asset-category-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.asset-category-nav a,.asset-identity>a{padding:10px 16px;min-height:44px;border:1px solid var(--line);border-radius:30px;text-decoration:none;background:var(--panel);font-size:14px}.asset-category-nav a:hover{background:var(--tint);border-color:var(--accent)}.asset-reading-key{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;line-height:1.8}.asset-reading-key p{margin:10px 0 0;color:var(--muted);max-width:950px}.asset-category{scroll-margin-top:150px}.asset-category .section-head{margin-bottom:12px}.asset-category .section-head>span{font-size:14px;color:var(--muted)}.category-description{color:var(--muted);max-width:850px;line-height:1.75;margin:0 0 24px}.asset-card-brand{display:flex;align-items:center;gap:16px;margin-bottom:24px}.asset-card-brand .coin{margin:0;flex-shrink:0}.asset-card-brand h3{margin:0 0 5px}.asset-card-brand>div>span{font-size:13px;color:var(--accent);font-weight:650}.asset-roles{margin:0 0 24px}.asset-roles dt{font-size:12px;color:var(--muted);margin:16px 0 6px}.asset-roles dd{margin:0;font-size:15px;line-height:1.7;color:var(--text)}.asset-identity{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0 0}.asset-identity>span{font-weight:700;color:var(--accent)}.asset-identity p{flex-basis:100%;margin:0;font-size:14px;line-height:1.7;color:var(--muted)}
[data-asset=usdc]{--accent:#2468aa;--tint:#edf5ff}[data-asset=usdt]{--accent:#19735b;--tint:#e9f7f1}
html[data-theme=dark] [data-asset=usdc]{--accent:#9bcaff;--tint:#182e49}html[data-theme=dark] [data-asset=usdt]{--accent:#8bd9bd;--tint:#183c32}
.coin.stable-symbol{font:750 13px/1 system-ui;width:54px;height:54px;background:var(--tint);color:var(--accent);border-color:var(--accent)}
.qcm-feedback :is(p,a,span,strong),.quiz-feedback :is(p,a,span,strong),.qcm-explanation :is(p,a,span,strong){color:inherit!important;-webkit-text-fill-color:currentColor}
.quiz-feedback:not([data-result]){color:var(--text);background:var(--panel);border-radius:10px;line-height:1.75}
.quiz-feedback:not([data-result]):not(:empty){padding:16px 18px;border:1px solid var(--line)}
.qcm-explanation a,.quiz-feedback a{text-decoration:underline;text-underline-offset:3px}
.fingerprint-lab [data-hash-feedback]{opacity:1;font-weight:550;border:1px solid currentColor;line-height:1.75;overflow-wrap:anywhere}
.fingerprint-lab [data-hash-feedback][data-correct=true]{background:var(--answer-good-bg)!important;color:var(--answer-good-ink)!important;-webkit-text-fill-color:var(--answer-good-ink)}
.fingerprint-lab [data-hash-feedback][data-correct=false]{background:var(--answer-bad-bg)!important;color:var(--answer-bad-ink)!important;-webkit-text-fill-color:var(--answer-bad-ink)}
.fingerprint-lab .fingerprint-status{color:var(--text)!important}
.crypto-meteor{position:absolute;left:100%;top:var(--meteor-top);width:38px;height:38px;opacity:0;animation:crypto-flight 24s linear infinite;animation-delay:var(--meteor-delay);pointer-events:none}
.crypto-meteor img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px var(--meteor-color))}
.crypto-meteor:after{content:'';position:absolute;width:130px;height:2px;left:28px;top:12px;transform:rotate(-12deg);transform-origin:left;background:linear-gradient(to right,var(--meteor-color),transparent);border-radius:100%}
@keyframes crypto-flight{0%{transform:translate(60px,-30px);opacity:0}2%{opacity:.42}16%{opacity:.42}20%,100%{transform:translate(calc(-100vw - 180px),220px);opacity:0}}
html[data-motion=off] .crypto-meteor{display:none}
@media(max-width:600px){.crypto-meteor{width:28px;height:28px}.crypto-meteor:after{width:75px;left:20px;top:9px}}
@media(prefers-reduced-motion:reduce){.crypto-meteor{display:none;animation:none}}
:root{--answer-good-bg:#e4f6ec;--answer-good-ink:#135534;--answer-bad-bg:#ffebed;--answer-bad-ink:#8b2030}
html[data-theme=dark]{--answer-good-bg:#173e30;--answer-good-ink:#bdffda;--answer-bad-bg:#492530;--answer-bad-ink:#ffd0d7}
.qcm-options button,.quiz-options button{white-space:normal;overflow-wrap:anywhere;min-width:0;opacity:1!important}.qcm-options button>span:last-child{min-width:0;flex:1}.qcm-options .answer-letter{color:inherit;background:transparent;border:1px solid currentColor;align-self:flex-start}
.qcm-options button.answer-correct,.quiz-options button.answer-correct,.qcm-feedback[data-result=correct],.quiz-feedback[data-result=correct]{background:var(--answer-good-bg)!important;color:var(--answer-good-ink)!important;border-color:var(--answer-good-ink)!important;-webkit-text-fill-color:var(--answer-good-ink)}
.qcm-options button.answer-wrong,.quiz-options button.answer-wrong,.qcm-feedback[data-result=wrong],.quiz-feedback[data-result=wrong]{background:var(--answer-bad-bg)!important;color:var(--answer-bad-ink)!important;border-color:var(--answer-bad-ink)!important;-webkit-text-fill-color:var(--answer-bad-ink)}
.qcm-options button:disabled:not(.answer-correct):not(.answer-wrong),.quiz-options button:disabled:not(.answer-correct):not(.answer-wrong){background:var(--panel)!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)}.qcm-feedback a,.quiz-feedback a{color:inherit;text-decoration:underline}.qcm-explanation{background:var(--panel);color:var(--text);border-radius:12px;padding:16px 20px;margin:12px 0}.qcm-explanation p{color:inherit!important;margin:0;line-height:1.8}
.visual-lesson{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--panel);margin:28px 0;--visual:var(--accent)}.visual-toolbar{padding:22px 24px 0}.visual-toolbar .eyebrow{font-size:12px;margin:0 0 16px}.visual-tabs{display:flex;gap:7px;flex-wrap:wrap}.visual-tabs button{font-size:14px;padding:10px 14px;min-height:44px;background:transparent;border:1px solid var(--line);border-radius:30px}.visual-tabs button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}[data-visual-panel]{padding:24px}[data-visual-panel][hidden]{display:none}.concept-map{position:relative;padding:12px 0;background:radial-gradient(ellipse at center,var(--tint),transparent 72%)}.concept-center{border:1px solid var(--accent);border-radius:16px;background:var(--bg);max-width:420px;padding:22px;text-align:center;margin:0 auto 32px;position:relative;box-shadow:0 10px 26px #00000008}.concept-center:after{content:'';position:absolute;height:33px;bottom:-33px;left:50%;border-left:2px solid var(--accent);opacity:.4}.concept-center strong{font-size:21px;line-height:1.35;display:block}.concept-center>span:last-child{font-size:13px;color:var(--muted);display:block;margin-top:12px}.concept-orbit{font-size:40px;display:block;color:var(--accent);line-height:1.4}.concept-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}.concept-nodes li{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:20px;display:flex;align-items:center;gap:14px;min-height:90px}.concept-nodes strong{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.concept-index{font-size:14px;font-weight:750;background:var(--tint);color:var(--accent);border-radius:10px;padding:10px;flex-shrink:0}.visual-caption{font-size:13px!important;color:var(--muted)!important;margin:16px 0!important}.visual-details{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.visual-details summary{cursor:pointer;min-height:44px;font-weight:650;font-size:15px}.visual-case{display:flex;gap:20px;padding:24px;background:var(--tint);border-radius:15px}.visual-case h3{font-size:24px;margin:12px 0}.visual-case p{font-size:17px;line-height:1.8}.visual-symbol{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border:1px solid var(--accent);border-radius:14px;color:var(--accent);font-size:28px}.caution .visual-symbol{color:#ac6a13;border-color:currentColor}.visual-case .eyebrow{font-size:12px}.visual-tabs button:focus-visible,.motion-toggle:focus-visible,.hero-motion:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.living-hero{position:relative;isolation:isolate;padding-bottom:82px!important}.living-hero>.ambient-field{position:absolute;inset:-25px -20px 0;pointer-events:none;overflow:hidden;z-index:-1}.ambient-field i{position:absolute;width:55%;height:85%;border-radius:50%;filter:blur(45px);opacity:.17;background:radial-gradient(ellipse,#30bba0,transparent 68%);left:42%;top:5%;animation:ambient-drift 16s ease-in-out infinite alternate}.ambient-field i:nth-child(2){background:radial-gradient(ellipse,#527de8,transparent 68%);left:9%;top:14%;animation-delay:-7s;animation-duration:21s}.ambient-field i:nth-child(3){background:radial-gradient(ellipse,#d4a449,transparent 68%);left:55%;top:20%;animation-delay:-12s;animation-duration:19s}.ambient-grid{position:absolute;inset:0;background-image:radial-gradient(var(--accent) 1px,transparent 1px);background-size:30px 30px;opacity:.075;mask-image:radial-gradient(ellipse at 70% 40%,black,transparent 70%)}.hero-motion{position:absolute;bottom:16px;right:0;min-height:40px;font-size:12px;background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:30px}.motion-toggle{font-size:12px;background:transparent;border:1px solid var(--line);border-radius:25px;min-height:36px;color:var(--muted)}.living-hero .diagram{box-shadow:0 25px 70px #214f7820;animation:diagram-breathe 7s ease-in-out infinite}.living-hero .chain-box{position:relative}.living-hero .chain-box:before{content:'';height:3px;position:absolute;top:0;left:15%;right:15%;border-radius:3px;background:var(--accent);animation:chain-signal 4s ease-in-out infinite}.living-hero .chain-box:nth-child(2):before{animation-delay:.8s}.living-hero .chain-box:nth-child(3):before{animation-delay:1.6s}
.achievement{position:fixed;z-index:90;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:16px;align-items:center;width:min(540px,calc(100% - 32px));border:1px solid var(--accent);border-radius:20px;background:var(--panel);color:var(--text);box-shadow:0 20px 60px #0003;padding:20px;animation:achievement-enter .4s ease-out}.achievement[hidden]{display:none}.achievement>div:not(.reward-particles){min-width:0;flex:1}.achievement strong{display:block;font-size:20px}.achievement p{font-size:14px;line-height:1.6;margin:4px 0 0;color:var(--muted)}.achievement-icon{display:grid;place-items:center;width:56px;height:56px;flex-shrink:0;background:var(--tint);border-radius:50%;color:var(--accent);font-size:30px}.achievement>button{background:transparent;border:0;font-size:25px;padding:4px;min-width:36px;min-height:44px}.reward-particles{position:absolute;left:50%;top:0;pointer-events:none}.reward-particles i{position:absolute;width:7px;height:11px;background:#c49d46;animation:reward-spark 1.1s ease-out both;animation-delay:var(--delay)}.reward-particles i:nth-child(3n){background:#409f89}.reward-particles i:nth-child(3n + 1){background:#7598e5}.earned .badge-emblem{filter:drop-shadow(0 4px 8px #a7792540)}
@keyframes ambient-drift{to{transform:translate(8%,-10%) scale(1.16)}}@keyframes diagram-breathe{50%{transform:translateY(-5px)}}@keyframes chain-signal{0%,70%,100%{opacity:.15}30%{opacity:1}}@keyframes achievement-enter{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes reward-spark{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--x),-160px) rotate(var(--r))}}
html[data-motion=off] .ambient-field i,html[data-motion=off] .living-hero .diagram,html[data-motion=off] .living-hero .chain-box:before,html[data-motion=off] .achievement,html[data-motion=off] .reward-particles i{animation:none!important}html[data-motion=off] .reward-particles{display:none}
@media(max-width:600px){.visual-toolbar{padding:18px 16px 0}[data-visual-panel]{padding:18px 16px}.concept-nodes{grid-template-columns:1fr}.concept-nodes li{min-height:68px;padding:15px}.concept-center strong{font-size:19px}.visual-tabs{gap:5px}.visual-tabs button{font-size:13px;padding:10px}.visual-case{display:block;padding:18px}.visual-case .visual-symbol{margin-bottom:18px}.visual-case p{font-size:16px}.achievement{bottom:76px;padding:16px;gap:12px}.achievement strong{font-size:18px}.achievement-icon{width:44px;height:44px}.ambient-field i{filter:blur(25px)}.living-hero{padding-bottom:74px!important}.qcm-options button{padding:14px 12px;gap:10px}}
@media(max-width:380px){.living-hero .chain{grid-template-columns:1fr;gap:14px;margin:20px 0}.living-hero .chain-box{padding:14px;display:flex;align-items:center;gap:16px}.living-hero .chain-box strong{margin:0}.living-hero .chain-box .hash-line{display:none}.living-hero .chain-box:not(:last-child):after{width:1px;height:15px;right:auto;left:50%;top:100%}}
@media(prefers-reduced-motion:reduce){.ambient-field i,.living-hero .diagram,.living-hero .chain-box:before,.achievement,.reward-particles i{animation:none!important}.reward-particles{display:none}}