:root{color-scheme:light}.header-actions{display:flex;align-items:center;gap:12px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 13px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink);font:450 11px Inter,'IBM Plex Sans Thai',sans-serif;cursor:pointer;white-space:nowrap}.theme-toggle:hover{background:#80808012}.theme-toggle:focus-visible{outline:2px solid #83929c;outline-offset:4px}.theme-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.theme-sun{display:none}html[data-theme=dark] .theme-sun{display:block}html[data-theme=dark] .theme-moon{display:none}
html[data-theme=dark]{color-scheme:dark;--paper:#101214;--ink:#eceef0;--muted:#a4a8ae;--line:#303438;--surface:#191c1f;--soft:#22262a;--secondary:#b0b5bb}
html[data-theme=dark] body,html[data-theme=dark] .learning-body{background:var(--paper);color:var(--ink)}
html[data-theme=dark] header,html[data-theme=dark] footer{border-color:var(--line)}
html[data-theme=dark] .brand-symbol{mix-blend-mode:screen}html[data-theme=dark] .brand-symbol img{filter:invert(1)}html[data-theme=dark] .brand-signature{filter:invert(1);mix-blend-mode:screen}
html[data-theme=dark] .hero{background:radial-gradient(ellipse at 76% 50%,#2c3238,transparent 55%)}html[data-theme=dark] .eyebrow i{background:#bdc4ca;box-shadow:0 0 0 4px #ffffff10}html[data-theme=dark] .orbit{border-color:#65707a55}html[data-theme=dark] .candles{filter:drop-shadow(20px 35px 20px #0006)}
html[data-theme=dark] :is(nav,.platform-nav,.hero-copy,.text-link,.hero-bottom,.axis,.section-label,.two-copy p,.section-top p,.steps p,.steps span,.risk p,.faq p,.community p,.plan-intro p,.plans-note,.journey-strip p,.platform-shell .intro,.platform-card p,.muted,.checkout-state,.checkout-summary dt,.learning-intro p,.lesson-details p,.learning-panel p,.learning-panel label,.learning-tabs button,footer p,footer>span,footer small){color:var(--secondary)}
html[data-theme=dark] :is(h1 span,h2 span){color:#969fa8}html[data-theme=dark] :is(.nav-cta,.hero-bottom,.steps article,details,.journey-strip,.learning-tabs){border-color:var(--line)}
html[data-theme=dark] :is(.plan-section,.risk){background:#191d21}html[data-theme=dark] :is(.plan,.social-link,.platform-card,.lesson-sidebar,dialog,.bank-account){background:var(--surface);border-color:var(--line);color:var(--ink)}html[data-theme=dark] .plan.featured{background:#252a30;border-color:#5d6670}html[data-theme=dark] .plan :is(p,li,.plan-label,.plan-price small),html[data-theme=dark] .social-link small{color:var(--secondary)}html[data-theme=dark] .plan ul{border-color:var(--line)}
html[data-theme=dark] :is(.button.dark,.plan.featured .button){background:#e5e8eb;color:#171b1f;border-color:#e5e8eb}html[data-theme=dark] :is(.button.light,.plan:not(.featured) .button,.bank-account .button){background:#292e34;color:#e7e9ec;border-color:#4c545d}html[data-theme=dark] .button:disabled{background:#30363c;color:#a1a8b0;border-color:#30363c}
html[data-theme=dark] .notice{background:#252a2f;color:#c0c5cc;border-color:#3b424a}html[data-theme=dark] :is(.status-chip,.learner-badge){color:#bcc4cc;border-color:#49515a}html[data-theme=dark] .platform-card input,html[data-theme=dark] .learning-panel textarea{background:#101316;border-color:#4a525b;color:#eef0f2}html[data-theme=dark] :is(input,textarea)::placeholder{color:#989fa6}html[data-theme=dark] .auth-copy blockquote{color:#bcc3cb;border-color:#4b545e}html[data-theme=dark] .separator{color:#adb5bd}html[data-theme=dark] .separator:before,html[data-theme=dark] .separator:after{background:var(--line)}
html[data-theme=dark] :is(.order-lines li,.checkout-summary dd,.bank-account p,.member-order small){color:var(--secondary)}html[data-theme=dark] .order-lines li{border-color:var(--line)}html[data-theme=dark] :is(.billing-link,.dialog-close){color:#c4cbd3;border-color:#65707c}html[data-theme=dark] .payment-qr{background:#fff;border-color:#5c6268}html[data-theme=dark] .payment-total-label{color:#b0b7bf}html[data-theme=dark] .device-session-block .platform-card{background:var(--surface)}
html[data-theme=dark] .lesson-sidebar :is(h2,button){border-color:var(--line);color:#c1c7ce}html[data-theme=dark] .lesson-sidebar button.active{background:#30373e;color:#f4f5f6}html[data-theme=dark] .lesson-sidebar button:disabled{color:#929ba5}html[data-theme=dark] .learning-tabs button[aria-selected=true]{color:#e7ebef;border-color:#e7ebef}html[data-theme=dark] .learning-panel .button{color:#d6dce3;border-color:#697481}
@media(max-width:750px){.theme-toggle{width:42px;min-width:42px;padding:10px}.theme-label{display:none}.header-actions{gap:8px}.header-actions .platform-nav{gap:14px}.platform-header .brand{font-size:15px}}
@media(max-width:390px){.header-actions .platform-nav a:first-child{display:none}.nav-cta span{margin-left:3px}.header-actions{gap:6px}}