:root[data-theme="light"]{color-scheme:light;--paper:#f7f6f2;--bg:#f7f6f2;--panel:#fffefa;--card:#fff;--white:#fff;--ink:#24232b;--text:#24232b;--muted:#625f6c;--purple:#6845dc;--light:#e9e3f8;--tint:#e9e3f8;--line:#dedce3;--green:#276a48;--red:#a52b42;--surface-soft:#f0edf7;--code-bg:#f0eef6;--code-ink:#2c243b;--accent-fill:#6845dc;--on-accent:#fff;--selection:#ded3ff}
:root[data-theme="dark"]{color-scheme:dark;--paper:#0b0e14;--bg:#0b0e14;--panel:#131720;--card:#131720;--white:#131720;--ink:#f2f4f8;--text:#f2f4f8;--muted:#bec6d4;--purple:#b39bff;--light:#221c3d;--tint:#221c3d;--line:#303848;--green:#5fd6a8;--red:#ff8a80;--surface-soft:#1b2130;--code-bg:#10151f;--code-ink:#e8ddff;--accent-fill:#6a4beb;--on-accent:#fff;--selection:#43336c}
[data-theme] ::selection{background:var(--selection)}
.appearance-picker{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;font-size:11px;line-height:1.3}.appearance-picker select{font:600 12px/1.3 system-ui;min-height:44px;width:100px;margin:0;padding:9px 24px 9px 10px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:8px;cursor:pointer}.appearance-picker select:focus-visible{outline:3px solid var(--purple);outline-offset:3px}[data-theme-status]{font-size:12px;color:var(--muted)}
[data-theme] .code-window,[data-theme] .interview-session,[data-theme] .lesson-infographic,[data-theme] .price-card.launch,[data-theme] .app-demo,[data-theme] .app-home-details{background:var(--card);border-color:var(--line)}
[data-theme] .search,[data-theme] .copy-code,[data-theme] .support-form select,[data-theme] .support-form textarea,[data-theme] .interview-filters input,[data-theme] .interview-filters select{background:var(--card);color:var(--ink);border-color:var(--line)}
[data-theme] .search::placeholder,[data-theme] .interview-filters input::placeholder{color:var(--muted);opacity:1}
[data-theme] .float-note,[data-theme] .skip{background:var(--accent-fill);color:var(--on-accent)}
[data-theme] pre,[data-theme] .code-window pre,[data-theme] .app-demo pre{background:var(--code-bg);color:var(--code-ink)}
[data-theme] .windowtabs,[data-theme] .outputbar,[data-theme] .app-demo-files,[data-theme] .app-demo-tab,[data-theme] .app-demo-output,[data-theme] .feature-band,[data-theme] .debugger-section,[data-theme] .product-boundaries{background:var(--surface-soft);border-color:var(--line)}
[data-theme] .course,[data-theme] .price-card,[data-theme] .comparison-wrap{background:var(--card)}
[data-theme] .comparison caption,[data-theme] .comparison thead th,[data-theme] .availability-pill,[data-theme] .price-card.featured{background:var(--tint);color:var(--ink);border-color:var(--line)}
[data-theme] .workflow-grid p,[data-theme] .price-card .price-note,[data-theme] .debugger-detail p{color:var(--muted)}
[data-theme] .lesson-prose p code,[data-theme] .lesson-prose li code{background:var(--tint);color:var(--ink)}
[data-theme] .lesson-output{background:var(--tint);color:var(--green)}
[data-theme] .kw{color:var(--purple)}[data-theme] .str,[data-theme] .app-demo-status{color:var(--green)}
[data-theme] .button:not(.secondary),[data-theme] button.primary,[data-theme] button#step,[data-theme] .tabs button[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}
[data-theme="dark"] .footer{background:#0f131b;color:#eef0f8}[data-theme="dark"] .footer p,[data-theme="dark"] .footer h3,[data-theme="dark"] .footer-bottom{color:#b8bfcd}
[data-theme] .files{background:var(--surface-soft)}[data-theme] .file.active{background:var(--tint);border-color:var(--line)}[data-theme] .files select,[data-theme] #code,[data-theme] #stdin{background:var(--card);color:var(--ink);border-color:var(--line)}[data-theme] .output{background:var(--surface-soft)}
.journal-figure{margin:36px 0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.journal-figure img{width:100%;height:auto;border-radius:7px}.journal-figure figcaption{font-size:12px;color:var(--muted);line-height:1.7;margin:12px 4px 0}.article-cover{background:var(--card)}.journal-lab{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--tint);margin:30px 0}
@media(max-width:1380px){.nav{position:relative;gap:17px}.navlinks{display:none}.mobile-menu{display:block;margin-left:0}.navlinks.open{display:flex;position:absolute;top:80px;right:0;z-index:10;flex-direction:column;gap:0;width:min(320px,100%);padding:12px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 30px #0003}.navlinks.open a{padding:11px}.nav>.appearance-picker{margin-left:auto}}
@media(max-width:700px){.nav>.button{display:none}.nav{min-height:80px;height:auto;gap:10px;padding:16px 0}.nav .brand{font-size:21px}.nav .brand img{width:30px;height:30px}.nav .appearance-picker span{display:none}.nav .appearance-picker select{width:91px}.navlinks.open{top:72px}header:has(.brand span):not(.header){flex-wrap:wrap}.brand:has(span){min-width:0}.top>.appearance-picker{margin-left:auto}}
[hidden]{display:none!important}