.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--brand:#008fe7;--brand-navy:#00295e;--bg:#f4f8fc;--surface:#fff;--surface2:#eef3f8;--border:#e4eaf1;--border2:#d3dce6;--ink:#1b2230;--text2:#586172;--text3:#8a93a2;--shadow:0 1px 2px #141c2e0d,0 6px 22px #141c2e12;--shadow-lift:0 6px 18px #141c2e1a;--topbar-bg:#f4f8fcd9;--listen:#2f6fd8;--listen-soft:#eaf2fc;--listen-border:#cfe0f8;--listen-ink:#1b4a9c;--read:#d9822b;--read-soft:#fbf1e3;--read-border:#f1d9bb;--read-ink:#9a5612;--write:#7c5cda;--write-soft:#f1edfb;--write-border:#decff6;--write-ink:#54379f;--grammar:#0e9488;--grammar-soft:#e2f4f1;--grammar-border:#bfe5df;--grammar-ink:#0a6b62;--eval:#d6409f;--eval-soft:#fbe7f3;--eval-border:#f3c4e1;--eval-ink:#9c2e76;--tip:#2e9e6b;--tip-soft:#e5f4ec;--tip-border:#c6e6d5;--tip-ink:#1f7a50;--warn:#c9901e;--warn-soft:#fbf4df;--warn-border:#efe0b0;--warn-ink:#8a6116;--imp:#d8503e;--imp-soft:#fbeae7;--imp-border:#f3cfc8;--imp-ink:#a83a2c}.dark{--brand:#3baaf0;--brand-navy:#bad9f5;--bg:#0f1218;--surface:#171b23;--surface2:#1f242f;--border:#272e3a;--border2:#39414f;--ink:#eceff4;--text2:#a6afbe;--text3:#6e7888;--shadow:0 1px 2px #00000059,0 6px 22px #00000059;--shadow-lift:0 8px 24px #00000080;--topbar-bg:#0f1218d9;--listen:#5c95e8;--listen-soft:#16243a;--listen-border:#284663;--listen-ink:#a8c7f4;--read:#e5a053;--read-soft:#2a2013;--read-border:#4c3a20;--read-ink:#f0c68f;--write:#a083e8;--write-soft:#211b36;--write-border:#3c3059;--write-ink:#c7b5f2;--grammar:#3fbdb0;--grammar-soft:#0f2724;--grammar-border:#1e4a44;--grammar-ink:#77d6cb;--eval:#e870bc;--eval-soft:#2e1526;--eval-border:#4e2440;--eval-ink:#f0a0d2;--tip:#48b582;--tip-soft:#13271e;--tip-border:#1f4230;--tip-ink:#7bd1a8;--warn:#d9ae45;--warn-soft:#2b2312;--warn-border:#4c3f1d;--warn-ink:#e8c264;--imp:#e66b58;--imp-soft:#2e1a17;--imp-border:#4e2a24;--imp-ink:#f0988a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:Hanken Grotesk,system-ui,sans-serif;transition:background .2s,color .2s}::selection{background:#2f6fd82e}input::placeholder,textarea::placeholder{color:#98a1b0}textarea{outline:none;font-family:"Source Serif 4",Georgia,serif}input{outline:none}button{cursor:pointer;font-family:Hanken Grotesk,system-ui,sans-serif}@keyframes lrFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes lrPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes lrSheet{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes lrBar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes lrSpin{to{transform:rotate(360deg)}}.hidden{display:none!important}#app{min-height:100vh}.screen{animation:.4s both lrFade}#topbar{z-index:50;border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:16px;height:62px;padding:0 clamp(16px,4vw,40px);display:flex;position:sticky;top:0}#logo-btn{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:11px;min-width:0;padding:0;text-decoration:none;display:flex}#logo-icon{object-fit:contain;flex:none;width:38px;height:38px}#logo-text{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}#logo-name{letter-spacing:-.02em;color:var(--ink);white-space:nowrap;font-size:16px;font-weight:800;line-height:1}#logo-name .wm-aero{color:var(--brand)}#logo-name .wm-english{color:var(--brand-navy)}#logo-sub{color:var(--text3);letter-spacing:.06em;white-space:nowrap;font:600 9.5px JetBrains Mono}@media (width<=480px){#logo-sub{display:none}}#topbar-right{align-items:center;gap:8px;display:flex}#lesson-sidebar{flex-direction:column;flex:none;align-self:flex-start;gap:3px;width:208px;display:flex;position:sticky;top:88px}#sidebar-label{letter-spacing:.1em;color:var(--text3);padding:0 10px 10px;font:600 10.5px JetBrains Mono}.side-btn{cursor:pointer;text-align:left;color:var(--text2);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 10px;font:600 13.5px Hanken Grotesk;transition:all .15s;display:flex}.side-btn:hover{color:var(--ink)}.side-dot{border:2px solid;border-radius:99px;flex:none;width:8px;height:8px}#sidebar-divider{background:var(--border);height:1px;margin:12px 10px}#back-to-top{cursor:pointer;color:var(--text3);text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:9px;width:100%;padding:8px 10px;font:600 12.5px Hanken Grotesk;transition:color .15s;display:flex}#back-to-top:hover{color:var(--ink)}#back-to-top .mi{font-family:Material Symbols Rounded;font-size:17px}#theme-switch{border:1px solid var(--border);background:var(--surface2);cursor:pointer;border-radius:99px;flex:none;width:60px;height:32px;padding:0;transition:background .2s,border-color .2s;position:relative}#theme-switch:hover{border-color:var(--border2)}#theme-switch:focus{box-shadow:0 0 0 2px var(--listen-border)}#sw-sun,#sw-moon{color:var(--text3);pointer-events:none;font-family:Material Symbols Rounded;font-size:15px;position:absolute;top:50%;transform:translateY(-50%)}#sw-sun{left:8px}#sw-moon{right:8px}#sw-knob{background:var(--surface);border-radius:99px;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #141c2e38}#sw-knob .mi{font-family:Material Symbols Rounded;font-size:14px}.dark #sw-knob{transform:translate(28px);box-shadow:0 1px 3px #00000080}#all-topics-btn{border:1px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:8px 13px;font:600 13px Hanken Grotesk;text-decoration:none;transition:border-color .15s,color .15s;display:flex}#all-topics-btn:hover{border-color:var(--border2);color:var(--ink)}#all-topics-btn .mi{font-family:Material Symbols Rounded;font-size:18px}.badge{border:1px solid var(--border);background:var(--surface);border-radius:99px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 14px;display:inline-flex}.badge .mi{color:var(--read);font-family:Material Symbols Rounded;font-size:16px}.badge span{color:var(--text2);letter-spacing:.04em;font:600 12px JetBrains Mono}#search-wrap{border:1.5px solid var(--border);background:var(--surface);max-width:540px;height:54px;box-shadow:var(--shadow);text-align:left;border-radius:16px;align-items:center;gap:10px;margin:32px auto 0;padding:0 18px;transition:border-color .15s;display:flex}#search-wrap.focused{border-color:var(--listen)}#search-wrap .mi{color:var(--text3);font-family:Material Symbols Rounded;font-size:21px}#search-input{color:var(--ink);background:0 0;border:none;flex:1;min-width:0;font:500 15px Hanken Grotesk}.legend-chip{border-radius:99px;align-items:center;gap:7px;padding:7px 14px;font:700 12.5px Hanken Grotesk;display:inline-flex}.legend-chip .mi{font-family:Material Symbols Rounded;font-size:16px}.cat-btn,.level-btn{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text2);border-radius:99px;padding:8px 15px;font:600 13px Hanken Grotesk;transition:all .15s}.cat-btn:hover,.level-btn:hover{border-color:var(--border2)}.cat-btn.active,.level-btn.active{border-color:var(--ink);background:var(--ink);color:#fff}.dark .cat-btn.active,.dark .level-btn.active{color:#0f1218}.topic-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:16px;flex-direction:column;gap:11px;width:100%;min-height:168px;padding:20px;font-family:Hanken Grotesk,sans-serif;transition:all .18s;display:flex}.topic-card:hover{border-color:var(--border2);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.topic-card-top{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.topic-cat{letter-spacing:.08em;color:var(--text3);font:600 10.5px JetBrains Mono}.topic-level{border:1px solid var(--border);color:var(--text2);border-radius:7px;padding:3px 8px;font:600 11px JetBrains Mono}.topic-title{letter-spacing:-.015em;color:var(--ink);text-align:left;text-wrap:balance;font-size:18px;font-weight:700;line-height:1.25}.topic-desc{color:var(--text2);text-align:left;text-wrap:pretty;font-family:"Source Serif 4",serif;font-size:14px;line-height:1.5}.topic-footer{align-items:center;gap:12px;width:100%;margin-top:auto;padding-top:4px;display:flex}.topic-icons{gap:7px;display:flex}.topic-icons .mi{font-family:Material Symbols Rounded;font-size:15px}.topic-mins{color:var(--text3);margin-left:auto;font:500 12px JetBrains Mono}.module-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:16px;flex-direction:column;gap:10px;min-height:150px;padding:20px;font-family:Hanken Grotesk,sans-serif;text-decoration:none;transition:all .18s;display:flex}.module-card:hover{border-color:var(--border2);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.module-card:hover .module-open{color:var(--brand)}.module-card-body{flex-direction:column;gap:8px;display:flex}.module-name{letter-spacing:-.015em;color:var(--ink);text-wrap:balance;font-size:17px;font-weight:700;line-height:1.25}.module-desc{color:var(--text2);text-wrap:pretty;font-family:"Source Serif 4",serif;font-size:14px;line-height:1.5}.module-meta{color:var(--text3);align-items:center;gap:7px;font:500 12px JetBrains Mono;display:flex}.module-open{color:var(--text2);align-items:center;gap:6px;margin-top:auto;font:600 13px Hanken Grotesk;transition:color .15s;display:inline-flex}.module-open .mi{font-family:Material Symbols Rounded;font-size:16px}.jump-chip{cursor:pointer;border:none;border-radius:99px;align-items:center;gap:7px;padding:7px 13px;font:700 12.5px Hanken Grotesk;transition:transform .15s;display:inline-flex}.jump-chip:hover{transform:translateY(-1px)}.jump-chip .mi{font-family:Material Symbols Rounded;font-size:16px}#tab-bar{background:var(--surface2);border:1px solid var(--border);border-radius:14px;gap:5px;margin-top:24px;padding:5px;display:flex}.seg-btn{cursor:pointer;color:var(--text3);background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font:700 13.5px Hanken Grotesk;transition:all .15s;display:flex}.seg-btn.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.seg-btn .mi{color:var(--text3);font-family:Material Symbols Rounded;font-size:18px}.seg-btn.active .mi{color:var(--listen)}#jump-bar{z-index:40;background:var(--bg);border-bottom:1px solid var(--border);gap:8px;margin-top:8px;padding:12px 0;display:flex;position:sticky;top:62px;overflow-x:auto}.bar-chip{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text2);border-radius:99px;align-items:center;gap:8px;padding:8px 14px;font:700 12.5px Hanken Grotesk;transition:all .15s;display:inline-flex}.bar-chip .dot{border-radius:99px;flex:none;width:7px;height:7px}#audio-player{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:14px;margin-top:20px;padding:16px;display:flex}#play-btn{background:var(--listen);cursor:pointer;border:none;border-radius:14px;flex:none;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .15s;display:flex}#play-btn:hover{transform:scale(1.06)}#play-btn:active{transform:scale(.95)}#play-btn .mi{color:#fff;font-family:Material Symbols Rounded;font-size:27px}.spin{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:99px;width:20px;height:20px;animation:.7s linear infinite lrSpin}#audio-info{flex:1;min-width:0}#audio-info-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}#audio-title{color:var(--ink);font-size:13.5px;font-weight:700}#audio-time{color:var(--text3);font:500 11.5px JetBrains Mono}#playing-bars{align-items:flex-end;gap:2px;height:12px;display:flex}#playing-bars span{background:var(--listen);transform-origin:bottom;border-radius:2px;width:3px;height:12px}#playing-bars span:first-child{animation:.9s infinite lrBar}#playing-bars span:nth-child(2){animation:.9s .15s infinite lrBar}#playing-bars span:nth-child(3){animation:.9s .3s infinite lrBar}#progress-track{background:var(--surface2);cursor:pointer;touch-action:none;border-radius:99px;outline:none;height:6px;position:relative}#progress-track:before{content:"";position:absolute;inset:-9px 0}#progress-fill{background:var(--listen);border-radius:99px;width:0%;height:100%;transition:width .12s linear;position:relative}#progress-track.dragging #progress-fill{transition:none}#progress-fill:after{content:"";background:var(--listen);opacity:0;border-radius:50%;width:13px;height:13px;transition:opacity .15s;position:absolute;top:50%;right:0;transform:translate(50%,-50%);box-shadow:0 1px 4px #0a0f1e4d}#progress-track:hover #progress-fill:after,#progress-track.dragging #progress-fill:after,#progress-track:focus-visible #progress-fill:after{opacity:1}#progress-track:focus-visible{box-shadow:0 0 0 2px var(--listen-border);border-radius:99px}#speed-btn{border:1px solid var(--border);background:var(--surface2);color:var(--text2);cursor:pointer;border-radius:9px;flex:none;padding:8px 11px;font:600 12px JetBrains Mono;transition:color .15s}#speed-btn:hover{color:var(--ink)}#transcript-wrap{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-top:14px;overflow:hidden}#transcript-toggle{cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;align-items:center;gap:10px;padding:14px 16px;font:700 13.5px Hanken Grotesk;display:flex}#transcript-toggle .mi-sub{color:var(--listen);font-family:Material Symbols Rounded;font-size:19px}#transcript-toggle .mi-chev{color:var(--text3);margin-left:auto;font-family:Material Symbols Rounded;font-size:21px;transition:transform .2s}#transcript-toggle.open .mi-chev{transform:rotate(180deg)}#transcript-body{border-top:1px solid var(--border);padding:4px 16px 14px;display:none}#transcript-body.open{flex-direction:column;display:flex}.t-line{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:13px 0;display:flex}.t-line:last-child{border-bottom:none;padding-bottom:6px}.mini-play{border:1px solid var(--border);background:var(--surface2);cursor:pointer;border-radius:99px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.mini-play:hover{color:var(--listen);border-color:var(--listen-border)}.mini-play .mi{color:var(--text2);font-family:Material Symbols Rounded;font-size:17px}.mini-play.playing .mi{color:var(--listen)}.mini-spin{border:2px solid var(--listen-border);border-top-color:var(--listen);border-radius:99px;width:14px;height:14px;animation:.7s linear infinite lrSpin}.t-speaker{color:var(--text3);flex:none;padding-top:9px;font:600 11.5px JetBrains Mono}.t-text{color:var(--ink);padding-top:4px;font-family:"Source Serif 4",serif;font-size:16px;line-height:1.7}.info-box{border-radius:14px;margin-top:20px;padding:15px 17px}.info-box-head{align-items:center;gap:8px;margin-bottom:7px;display:flex}.info-box-head .mi{font-family:Material Symbols Rounded;font-size:18px}.info-box-head .label{letter-spacing:.1em;font:600 10.5px JetBrains Mono}.info-box-body{color:var(--text2);text-wrap:pretty;font-family:"Source Serif 4",serif;font-size:15px;line-height:1.6}.info-box.note{background:var(--listen-soft);border:1px solid var(--listen-border)}.info-box.note .mi{color:var(--listen)}.info-box.note .label{color:var(--listen-ink)}.info-box.tip{background:var(--tip-soft);border:1px solid var(--tip-border)}.info-box.tip .mi{color:var(--tip)}.info-box.tip .label{color:var(--tip-ink)}.info-box.example{background:var(--surface2);border:1px solid var(--border)}.info-box.example .mi{color:var(--text3)}.info-box.example .label{color:var(--text2)}.info-box.example .info-box-body{font-style:italic}.info-box.warn{background:var(--warn-soft);border:1px solid var(--warn-border)}.info-box.warn .mi{color:var(--warn)}.info-box.warn .label{color:var(--warn-ink)}.info-box.important{background:var(--imp-soft);border:1px solid var(--imp-border)}.info-box.important .mi{color:var(--imp)}.info-box.important .label{color:var(--imp-ink)}.w{cursor:pointer;text-underline-offset:4px;border-radius:4px;padding:0 1px;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:2px;transition:background .1s}.w[data-skill=listen]{text-decoration-color:var(--listen)}.w[data-skill=listen]:hover,.w[data-skill=listen].active{background:var(--listen-soft)}.w[data-skill=read]{text-decoration-color:var(--read)}.w[data-skill=read]:hover,.w[data-skill=read].active{background:var(--read-soft)}#vocab-scrim{z-index:70;background:#0a0e186b;display:none;position:fixed;inset:0}#vocab-scrim.open{display:block}#vocab-card{z-index:80;width:304px;padding:10px 0;display:none;position:fixed}#vocab-card.open{display:block}#vocab-card.open:not(.mobile) .vc-inner{animation:.16s both lrPop}#vocab-card.mobile{animation:.25s both lrSheet;width:auto!important;padding:0!important;inset:auto 14px 14px!important;transform:none!important}.vc-inner{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 18px 50px #0a0f1e38}.dark .vc-inner{box-shadow:0 18px 50px #0a0f1e99}.vc-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vc-word{color:var(--ink);font-family:"Source Serif 4",serif;font-size:22px;font-weight:600}.vc-pron-label{letter-spacing:.1em;color:var(--text3);text-transform:uppercase;margin-top:10px;font:600 9px JetBrains Mono}.vc-pron{letter-spacing:.03em;color:var(--brand);margin-top:2px;font:700 20px/1.2 Hanken Grotesk}.vc-pron.ipa-primary{letter-spacing:.04em;color:var(--ink);margin-top:3px;font:600 16px JetBrains Mono}.vc-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.vc-ipa-wrap{opacity:.75;align-items:baseline;gap:5px;display:flex}.vc-ipa-tag{letter-spacing:.08em;color:var(--text3);font:600 9px JetBrains Mono}.vc-ipa{color:var(--text3);font:500 12px JetBrains Mono}.vc-pos{border-radius:6px;padding:2px 9px;font:600 11px Hanken Grotesk}.vc-actions{flex:none;gap:6px;display:flex}.vc-audio{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s;display:flex}.vc-audio:hover{transform:scale(1.06)}.vc-audio .mi{color:#fff;font-family:Material Symbols Rounded;font-size:19px}.vc-close{border:1px solid var(--border);background:var(--surface2);width:36px;height:36px;color:var(--text2);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:flex}.vc-close .mi{font-family:Material Symbols Rounded;font-size:19px}.vc-divider{background:var(--border);height:1px;margin:13px 0}.vc-def-label{letter-spacing:.11em;color:var(--text3);margin-bottom:5px;font:600 9.5px JetBrains Mono}.vc-def{color:var(--text2);font-family:"Source Serif 4",serif;font-size:14.5px;line-height:1.6}.vc-es{color:var(--text3);align-items:center;gap:5px;margin-top:5px;font:500 12.5px Hanken Grotesk;display:flex}.vc-es:before{content:"🇪🇸";font-size:11px}.vc-ctx{background:var(--surface2);border-radius:11px;margin-top:12px;padding:11px 13px}.vc-ctx-label{letter-spacing:.11em;color:var(--text3);margin-bottom:5px;font:600 9.5px JetBrains Mono}.vc-ctx-text{color:var(--text2);font-family:"Source Serif 4",serif;font-size:13.5px;font-style:italic;line-height:1.55}#pn-nav{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:52px;padding-top:26px;display:grid}.pn-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;gap:8px;width:100%;padding:16px 18px;font-family:Hanken Grotesk,sans-serif;transition:all .18s;display:flex}.pn-card.right{text-align:right;align-items:flex-end}.pn-card:hover{border-color:var(--border2);box-shadow:var(--shadow-lift)}.pn-dir{letter-spacing:.08em;color:var(--text3);align-items:center;gap:6px;font:600 10.5px JetBrains Mono;display:flex}.pn-dir .mi{font-family:Material Symbols Rounded;font-size:15px}.pn-title{color:var(--ink);font-size:15px;font-weight:700}#home-hero{text-align:center;max-width:780px;margin:0 auto;padding:clamp(44px,7vw,88px) 24px clamp(24px,4vw,44px)}#home-hero h1{letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin-bottom:16px;font-size:clamp(32px,5vw,50px);font-weight:800;line-height:1.05}#home-hero h1 .hero-accent{color:var(--brand)}#home-hero p{max-width:500px;color:var(--text2);text-wrap:pretty;margin:0 auto;font-family:"Source Serif 4",serif;font-size:clamp(16px,2vw,18px);line-height:1.6}.legend-label{letter-spacing:.1em;color:var(--text3);margin-top:36px;font:600 10.5px JetBrains Mono}#legend{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}#topics-section{max-width:1080px;margin:0 auto;padding:16px clamp(16px,4vw,40px) 72px}#cat-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}#count-label{color:var(--text3);margin-left:auto;font:500 12px JetBrains Mono}#level-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}#level-nav{z-index:40;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;padding:12px 0;display:flex;position:sticky;top:62px}.level-nav-label{letter-spacing:.1em;color:var(--text3);margin-right:2px;font:600 10.5px JetBrains Mono}.level-nav-btn{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text2);border-radius:99px;padding:6px 14px;font:600 13px Hanken Grotesk;transition:all .15s}.level-nav-btn:hover{border-color:var(--border2);color:var(--ink)}.level-nav-btn.active{border-color:var(--ink);background:var(--ink);color:#fff}.dark .level-nav-btn.active{color:#0f1218}.level-block{margin-bottom:36px;scroll-margin-top:124px}.level-heading{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:9px;margin-bottom:16px;font-size:22px;font-weight:800;display:flex}.level-heading .lib-icon{font-family:Material Symbols Rounded;font-size:22px}.library-block{border-top:1px solid var(--border);margin-top:6px;padding-top:30px}.library-desc{color:var(--text2);text-wrap:pretty;margin:-8px 0 16px;font-family:"Source Serif 4",serif;font-size:15px;line-height:1.55}#module-head{max-width:1080px;margin:0 auto;padding:24px clamp(16px,4vw,40px) 8px}.module-head-level{color:var(--brand);letter-spacing:.06em;margin-bottom:6px;font:600 11.5px JetBrains Mono}.module-head-title{letter-spacing:-.025em;color:var(--ink);text-wrap:balance;margin-bottom:10px;font-size:clamp(26px,4vw,34px);font-weight:800;line-height:1.12}.module-head-desc{color:var(--text2);text-wrap:pretty;max-width:620px;margin-bottom:12px;font-family:"Source Serif 4",serif;font-size:16.5px;line-height:1.6}.module-head-meta{color:var(--text3);align-items:center;gap:7px;font:500 12.5px JetBrains Mono;display:flex}.module-dot{color:var(--text3)}#module-lessons{max-width:1080px;margin:0 auto;padding:10px clamp(16px,4vw,40px) 72px}#to-top{z-index:60;border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text2);cursor:pointer;box-shadow:var(--shadow-lift);opacity:0;visibility:hidden;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:fixed;bottom:clamp(16px,4vw,32px);right:clamp(16px,4vw,32px);transform:translateY(8px)}#to-top.show{opacity:1;visibility:visible;transform:none}#to-top:hover{color:var(--ink);border-color:var(--border2)}#to-top .mi{font-family:Material Symbols Rounded;font-size:22px}#no-results{text-align:center;color:var(--text3);padding:52px 20px;display:none}#no-results .mi{margin-bottom:10px;font-family:Material Symbols Rounded;font-size:36px;display:block}#no-results .nr-title{color:var(--ink);margin-bottom:4px;font-size:16px;font-weight:700}#home-footer{border-top:1px solid var(--border);text-align:center;color:var(--text3);padding:26px;font:500 12px JetBrains Mono}#lesson-wrap{align-items:flex-start;gap:52px;max-width:1120px;margin:0 auto;padding:30px clamp(16px,4vw,40px) 90px;display:flex}#article-col{flex:1;min-width:0;max-width:680px}.lesson-centered #article-col{margin:0 auto}nav.breadcrumb{color:var(--text3);flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:18px;font:600 12.5px Hanken Grotesk;display:flex}nav.breadcrumb button{cursor:pointer;font:inherit;color:var(--text3);background:0 0;border:none;padding:2px 4px;transition:color .15s}nav.breadcrumb button:hover{color:var(--ink)}nav.breadcrumb .mi{font-family:Material Symbols Rounded;font-size:14px}nav.breadcrumb span.cur{color:var(--text2);padding:2px 4px}#lesson-h1{letter-spacing:-.025em;color:var(--ink);text-wrap:balance;margin-bottom:12px;font-size:clamp(28px,4vw,38px);font-weight:800;line-height:1.12}#lesson-desc{color:var(--text2);text-wrap:pretty;margin-bottom:18px;font-family:"Source Serif 4",serif;font-size:17px;line-height:1.6}#lesson-goals{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:18px;padding:14px 18px}#lesson-goals .goals-label{letter-spacing:.1em;color:var(--brand);margin-bottom:8px;font:600 10.5px JetBrains Mono}#lesson-goals ul{flex-direction:column;gap:6px;list-style:none;display:flex}#lesson-goals li{color:var(--text2);align-items:flex-start;gap:8px;font-family:"Source Serif 4",serif;font-size:15px;line-height:1.5;display:flex}#lesson-goals li .mi{color:var(--brand);margin-top:2px;font-family:Material Symbols Rounded;font-size:16px}#lesson-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#lesson-level{border:1px solid var(--border);background:var(--surface);color:var(--text2);border-radius:8px;padding:5px 10px;font:600 11.5px JetBrains Mono}#lesson-mins{color:var(--text3);font:500 12px JetBrains Mono}.meta-spacer{flex:1}.lesson-section{border-top:1px solid var(--border);margin-top:46px;padding-top:38px;scroll-margin-top:84px}.sec-header{align-items:center;gap:14px;margin-bottom:14px;display:flex}.sec-icon{border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sec-icon .mi{color:#fff;font-family:Material Symbols Rounded;font-size:23px}.sec-tag{flex-direction:column;gap:2px;display:flex}.sec-tag small{letter-spacing:.1em;font:600 10.5px JetBrains Mono}.sec-tag h2{letter-spacing:-.02em;color:var(--ink);font-size:24px;font-weight:800}.sec-intro{color:var(--text2);text-wrap:pretty;font-family:"Source Serif 4",serif;font-size:16.5px;line-height:1.7}.read-figure{margin:22px 0 0}.read-img-placeholder{aspect-ratio:16/9;border:1px solid var(--border);background:repeating-linear-gradient(135deg,var(--surface2),var(--surface2) 12px,var(--surface) 12px,var(--surface) 24px);border-radius:16px;justify-content:center;align-items:center;display:flex}.read-img-placeholder span{color:var(--text3);font:500 12px JetBrains Mono}.read-img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border);border-radius:16px;width:100%;display:block}.read-figcaption{color:var(--text3);text-align:center;margin-top:9px;font:500 12px JetBrains Mono}.read-p{color:var(--ink);text-wrap:pretty;margin-top:24px;font-family:"Source Serif 4",serif;font-size:17px;line-height:1.75}.read-p+.read-p{margin-top:18px}.prose{margin-top:24px}.prose>:first-child{margin-top:0}.prose p{color:var(--ink);text-wrap:pretty;margin-top:18px;font-family:"Source Serif 4",serif;font-size:17px;line-height:1.75}.prose h2{letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin-top:38px;font-size:21px;font-weight:800}.prose h3{letter-spacing:-.01em;color:var(--ink);margin-top:28px;font-size:16.5px;font-weight:700}.prose h2+p,.prose h3+p{margin-top:10px}.prose ul,.prose ol{color:var(--ink);margin-top:14px;padding-left:24px;font-family:"Source Serif 4",serif;font-size:17px;line-height:1.7}.prose li{text-wrap:pretty;margin-top:7px}.prose li::marker{color:var(--text3)}.prose strong{color:var(--ink);font-weight:700}.prose em{font-style:italic}.prose a{color:var(--listen-ink);text-underline-offset:3px;text-decoration:underline}.prose code{background:var(--surface2);border:1px solid var(--border);color:var(--ink);border-radius:6px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:.86em}.prose hr{border:none;border-top:1px solid var(--border);margin:34px 0}.prose blockquote{border-left:3px solid var(--border2);color:var(--text2);margin:20px 0;padding:4px 18px;font-style:italic}.prose table{border-collapse:collapse;width:100%;margin-top:22px;font-family:"Source Serif 4",serif;font-size:15.5px}.prose th,.prose td{text-align:left;border:1px solid var(--border);vertical-align:top;padding:10px 14px;line-height:1.55}.prose th{background:var(--surface2);letter-spacing:.01em;color:var(--text2);font-family:Hanken Grotesk,sans-serif;font-size:13px;font-weight:700}.prose td{color:var(--ink)}.prose tr:nth-child(2n) td{background:var(--surface2)}#write-prompt{background:var(--write-soft);border:1px solid var(--write-border);border-radius:16px;margin-top:20px;padding:18px 20px}#write-prompt .plabel{letter-spacing:.1em;color:var(--write-ink);margin-bottom:8px;font:600 10.5px JetBrains Mono}#write-prompt .ptext{color:var(--ink);text-wrap:pretty;font-family:"Source Serif 4",serif;font-size:16.5px;line-height:1.6}#write-area-wrap{margin-top:14px}#write-area{border:1.5px solid var(--border2);background:var(--surface);width:100%;min-height:170px;color:var(--ink);resize:vertical;border-radius:14px;padding:16px 18px;font-size:16px;line-height:1.7;transition:border-color .15s}#write-area:focus{border-color:var(--write)}#word-count{color:var(--text3);justify-content:flex-end;margin-top:6px;font:500 12px JetBrains Mono;display:flex}#quiz-score{background:var(--surface2);border:1px solid var(--border);color:var(--text2);border-radius:99px;margin-top:18px;padding:6px 14px;font:600 12.5px JetBrains Mono;display:inline-block}#quiz-list{flex-direction:column;gap:20px;margin-top:20px;display:flex}.quiz-q{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:18px 20px}.quiz-q-text{color:var(--ink);text-wrap:pretty;margin-bottom:14px;font:700 15.5px Hanken Grotesk}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-opt{text-align:left;border:1.5px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:10px;padding:10px 14px;font:500 14.5px Hanken Grotesk;transition:border-color .15s,background .15s}.quiz-opt:hover:not(:disabled){border-color:var(--eval-border);background:var(--eval-soft)}.quiz-opt:disabled{cursor:default}.quiz-opt.correct{border-color:var(--tip-border);background:var(--tip-soft);color:var(--tip-ink);font-weight:700}.quiz-opt.incorrect{border-color:var(--imp-border);background:var(--imp-soft);color:var(--imp-ink)}.quiz-explain{border-top:1px dashed var(--border);color:var(--text2);margin-top:12px;padding-top:12px;font-family:"Source Serif 4",serif;font-size:14.5px;line-height:1.6}#check-yourself{background:var(--tip-soft);border:1px solid var(--tip-border);border-radius:16px;margin-top:46px;padding:20px 22px}#check-yourself .cy-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}#check-yourself .cy-head .mi{color:var(--tip);font-family:Material Symbols Rounded;font-size:18px}#check-yourself .cy-label{letter-spacing:.1em;color:var(--tip-ink);font:600 10.5px JetBrains Mono}#check-yourself .cy-intro{color:var(--text2);margin-bottom:12px;font-family:"Source Serif 4",serif;font-size:14.5px}#check-yourself .cy-item{cursor:pointer;color:var(--ink);align-items:flex-start;gap:10px;padding:7px 0;font-family:"Source Serif 4",serif;font-size:15.5px;line-height:1.5;display:flex}#check-yourself .cy-item input{width:16px;height:16px;accent-color:var(--tip);cursor:pointer;flex:none;margin-top:4px}#check-yourself .cy-item:has(input:checked) span{color:var(--tip-ink)}.cheat-sheet{border:1.5px solid var(--brand);background:var(--surface);border-radius:16px;margin-top:34px;overflow:hidden}.cs-head{background:var(--brand);color:#fff;align-items:center;gap:8px;padding:11px 17px;display:flex}.cs-head .mi{font-family:Material Symbols Rounded;font-size:17px}.cs-head .label{letter-spacing:.1em;font:600 11px JetBrains Mono}.cs-body{padding:4px 17px 15px}.cs-body p,.cs-body ul,.cs-body ol{margin-top:11px;font-size:15px}.cs-body li{margin-top:5px}