/* A continuous charcoal canvas with quiet white accents. */
body{background:#0e0e0e}
body:not(.member-view) header{background:#0e0e0ef5;border-color:#2a2a2a}
.hero,#academy,#network,#lab,#simulator,#strategies,#glossary,#sources{background:#0e0e0e;color:#e5e5e5}
#academy,#network,#lab,#simulator,#strategies,#glossary,#sources{border-top:1px solid #2a2a2a}
.hero{background:radial-gradient(ellipse at 77% 42%,#1c1c1c44,transparent 52%),#0e0e0e}
.hero .intro,.hero-bottom{color:#aeaeae}.hero-bottom{border-color:#333333}
:is(#academy,#network,#lab,#simulator,#strategies,#glossary,#sources) .eyebrow{color:#b7b7b7}
:is(#academy,#network,#lab,#simulator,#strategies,#glossary,#sources) .section-heading>p{color:#a6a6a6}
:is(#academy,#network,#lab,#simulator,#strategies,#glossary,#sources) .small{color:#a2a2a2!important}
#academy #progressText{color:#b1b1b1}#academy .progress{background:#313131;height:3px;border-radius:2px}#academy .progress i{background:#dbdbdb}
#academy .filters button{color:#a1a1a1;border-color:#353535;transition:color .2s,border-color .2s}
#academy .filters button.active{color:#f0f0f0;border-bottom-color:#d2d2d2}#academy .filters button:hover{color:#fff}
#academy .chapter{color:#e3e3e3;border-color:#343434;border-radius:0;transition:background .2s,padding .2s}
#academy .chapter:hover{background:#ffffff04}#academy .chapter p,#academy .chapter .num,#academy .chapter .time{color:#a3a3a3}#academy .chapter .arrow{color:#cccccc}
#network .node>span{background:#151515;border-color:#3c3c3c;border-radius:12px}#network .node.active>span{background:#e0e0e0;color:#121212}
#network .transfer-check{background:#161616;border-color:#343434;border-radius:14px}
#network .transfer-check select,#network .network-search input{background:#1c1c1c;border-color:#454545;border-radius:7px;color:#e3e3e3;color-scheme:dark}
#lab .trade-tabs{border-color:#383838}#lab .trade-tabs button{color:#a3a3a3}#lab .trade-tabs button.active{color:#ececec;border-bottom-color:#e0e0e0}
#lab :is(.trade-info p,.method p,.risk-grid p,.trade-review p,.execution-heading p,.execution-inputs>p,.case-heading p){color:#adadad}
#lab :is(.trade-levels div,.method,.execution-panel,.case-heading,.candle-record){border-color:#383838}
#lab :is(.trade-levels span,.input-grid label,.portfolio-inputs label,.execution-inputs label){color:#a3a3a3}
#lab :is(.portfolio-inputs input,.execution-inputs input,.input-grid input){color:#ececec;border-color:#4b4b4b;color-scheme:dark}
#lab :is(.portfolio-inputs input,.execution-inputs input,.input-grid input):focus{border-color:#d2d2d2;outline:1px solid #a5a5a5;outline-offset:5px}
#lab :is(#riskResult,.execution-stats,.portfolio-stats){background:#181818;color:#e7e7e7;border:1px solid #373737;border-radius:12px}
#lab :is(#riskResult span,.execution-stats span,.portfolio-stats span){color:#b1b1b1}
#lab .execution-stats>div{border-color:#343434}
#lab :is(.trade-ledger th,.trade-ledger td,.candle-table-wrap th,.candle-table-wrap td){border-color:#343434;color:#d9d9d9}
#lab :is(.trade-ledger thead th,.candle-table-wrap thead th){background:#1c1c1c;color:#b5b5b5}
#lab .candle-table-wrap .event-row{background:#262626;color:#ececec}
#lab .terminal,#lab .portfolio-chart-wrap{background:#121212;border:1px solid #363636;border-radius:14px;overflow:hidden}
#lab .portfolio-chart-wrap{overflow-x:auto}#lab .terminal .chart-wrap{overflow-x:auto}
#simulator :is(.sim-notice,.sim-chart-wrap,.hindsight-chart-wrap,.sim-result-grid){border-color:#343434;border-radius:12px;background:#121212}
#simulator .sim-result-grid{background:#181818}#simulator .sim-stats span,#simulator .sim-result-grid span{color:#aaaaaa}
#strategies .strategy-grid article{border-color:#414141}#strategies .strategy-grid p,#strategies .strategy-grid li{color:#aaaaaa}
#glossary .term{border-color:#353535}#glossary .term p{color:#aeaeae}#glossary .term-example{border-color:#686868}#glossary .term-example .eyebrow{color:#b0b0b0}
#glossary .search-label{color:#acacac}#glossary .search-label input{color:#e8e8e8;border-color:#575757;color-scheme:dark}#glossary .search-label input::placeholder{color:#949494}
#glossary .outline{color:#e2e2e2;border-color:#616161;border-radius:7px;background:transparent}#glossary .outline:hover{background:#ffffff08}
#sources .source-links a{color:#bcbcbc;border-color:#343434}#sources .source-links a:hover{color:white}#sources .source-copy{color:#a6a6a6}
body:not(.member-view) footer{border-color:#333333;color:#d5d5d5}body:not(.member-view) footer small{color:#a1a1a1}
/* Keep the palette neutral, including secondary panels. */
.hero,#academy,#network,#lab,#simulator,#strategies,#glossary,#sources{--panel:#181818;--edge:#383838;--ink:#e2e2e2;--secondary:#a8a8a8}
:is(#lab,#simulator) :is(.terminal,.portfolio-chart-wrap,.sim-notice,.sim-chart-wrap,.hindsight-chart-wrap){background:#121212;border-color:var(--edge)}
:is(#lab,#simulator) :is(#riskResult,.execution-stats,.portfolio-stats,.sim-result-grid){background:var(--panel);border-color:var(--edge);color:var(--ink)}
:is(#academy,#network,#lab,#simulator,#strategies,#glossary,#sources) :is(p,li,label,small,.small,.num,.time,.source-links a){color:var(--secondary)}
:is(#lab,#glossary) :is(input,select){color:var(--ink);border-color:#535353}
#lab :is(.trade-ledger th,.trade-ledger td,.candle-table-wrap th,.candle-table-wrap td){border-color:var(--edge);color:#d6d6d6}
#lab :is(.trade-ledger thead th,.candle-table-wrap thead th){background:#1e1e1e;color:#b6b6b6}#lab .candle-table-wrap .event-row{background:#292929}
#lab :is(#riskResult span,.execution-stats span,.portfolio-stats span),#simulator :is(.sim-stats span,.sim-result-grid span){color:#adadad}
#lesson{background:#151515;color:#e1e1e1;border:1px solid #414141;border-radius:14px;color-scheme:dark}
#lesson :is(p,li){color:#b6b6b6}#lesson .dialog-toolbar{background:#151515;border-color:#393939}#lesson .close{background:#202020;color:#e9e9e9;border-color:#595959;border-radius:8px}
#lesson :is(.takeaway,.lesson-question,.mc-feedback){background:#1e1e1e;border:1px solid #3c3c3c;border-radius:10px;color:#dcdcdc}
#lesson :is(.lesson-section,.quiz,.model-answer){border-color:#3c3c3c}#lesson .mc-option{color:#dcdcdc;border-color:#545454;border-radius:7px;background:transparent}
#lesson .mc-option:hover{background:#292929;border-color:#c5c5c5}#lesson .mc-option[aria-pressed=true]{outline-color:#c5c5c5}#lesson .mc-option.correct{background:#363636;border-color:#d9d9d9}#lesson .mc-option.incorrect{background:#262626;border-style:dashed}
#lesson .button{background:#dfdfdf;color:#151515;border-color:#dfdfdf}#lesson .mc-feedback p{color:#c0c0c0}
/* Neutral charcoal and white surfaces, without colored accents. */
#lesson{background:#151515;border-color:#444444;color:#e2e2e2}#lesson :is(p,li){color:#b7b7b7}#lesson .dialog-toolbar{background:#151515;border-color:#3b3b3b}#lesson .close{background:#222222;border-color:#5c5c5c;color:#eaeaea}
#lesson :is(.takeaway,.lesson-question,.mc-feedback){background:#1f1f1f;border-color:#3f3f3f;color:#dedede}#lesson :is(.lesson-section,.quiz,.model-answer){border-color:#3f3f3f}#lesson .mc-option{border-color:#565656;color:#dedede}#lesson .mc-option:hover{background:#2b2b2b;border-color:#c7c7c7}#lesson .mc-option.correct{background:#383838;border-color:#dcdcdc}#lesson .mc-option.incorrect{background:#272727}#lesson .button{background:#e0e0e0;color:#151515}
/* Keep the complete animated Ethereum sculpture inside the mobile hero. */
@media(max-width:700px){
 .hero{height:auto;min-height:0;max-height:none;padding:24px 20px 26px;display:flex;flex-direction:column;overflow:hidden}
 .hero-top{flex:0 0 auto}.hero-copy{width:100%;margin-top:46px;flex:0 0 auto}.hero-copy .intro{max-width:100%}
 .hero .sculpture{position:relative;inset:auto;right:auto;top:auto;align-self:center;width:100%;max-width:360px;height:360px;min-height:360px;margin:26px auto 24px;opacity:1;flex:0 0 auto;perspective:1200px}
 .hero .eth-sculpt{display:block;width:auto;max-width:66%;height:82%;overflow:visible;animation:mobile-eth-float 9s ease-in-out infinite}
 .hero .orbit{width:84%;height:34%;transform:rotate(-28deg);border-color:#ffffff14}.hero .orbit-two{width:88%;height:34%;transform:rotate(28deg);border-color:#ffffff09}
 .hero .object-label{right:0;left:0;bottom:0;text-align:center;font-size:8px;letter-spacing:1.2px;line-height:1.8;color:#9c9c9c}
 .hero-bottom{position:relative;inset:auto;width:100%;margin-top:8px;padding-top:20px;gap:14px;flex-wrap:wrap;font-size:8px;line-height:1.7;flex:0 0 auto}
}
@media(max-width:360px){.hero .sculpture{height:310px;min-height:310px;margin-top:22px}.hero-copy{margin-top:36px}.hero-bottom{font-size:7px}}
@keyframes mobile-eth-float{0%,100%{transform:translateY(4px) rotate(-4deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.hero .eth-sculpt{animation:none}}