:root{--bg:#07121e;--panel:#0d1d2b;--panel2:#122637;--ink:#f7fbff;--muted:#9fb1bf;--line:#243b4c;--aqua:#64e5d0;--sun:#ffd166;--coral:#ff715b;--shadow:0 24px 70px rgba(0,0,0,.28);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 90% 0,rgba(100,229,208,.12),transparent 25rem),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}body.light{--bg:#f3f7f8;--panel:#fff;--panel2:#e9f1f3;--ink:#0a1c29;--muted:#607581;--line:#d5e0e4;--shadow:0 20px 60px rgba(32,60,74,.12)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--aqua);color:#06201c;font-size:.78rem;box-shadow:0 0 0 5px rgba(100,229,208,.1)}.icon-button,.back-button{border:1px solid var(--line);background:var(--panel);color:var(--ink);width:42px;height:42px;border-radius:14px;display:grid;place-items:center;cursor:pointer}.shell{max-width:1180px;margin:auto;padding:32px 28px 100px}.dashboard-card{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:58px;background:linear-gradient(135deg,#10293a,#0c2030 64%,#17384a);border:1px solid #25475a;border-radius:34px;box-shadow:var(--shadow);overflow:hidden;position:relative}.dashboard-card:after{content:"";position:absolute;width:280px;height:280px;border:50px solid rgba(100,229,208,.08);border-radius:50%;right:-100px;top:-130px}.eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:850;color:var(--aqua);margin:0 0 8px}.dashboard-card h1,.lesson-hero h1{font-size:clamp(2.7rem,7vw,5.6rem);line-height:.95;letter-spacing:-.065em;margin:0}.dashboard-card h1 span{color:var(--aqua)}.lede{color:#b9cad3;max-width:560px;font-size:1.08rem;margin:22px 0 0}.progress-ring{flex:0 0 132px;aspect-ratio:1;border:9px solid rgba(255,255,255,.1);border-top-color:var(--aqua);border-right-color:var(--aqua);border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(8deg)}.progress-ring strong,.progress-ring span{transform:rotate(-8deg)}.progress-ring strong{font-size:2.4rem;line-height:1}.progress-ring span{font-size:.72rem;color:#b9cad3}.continue-card{margin-top:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:flex;align-items:center;justify-content:space-between;gap:32px}.continue-copy p{color:var(--muted);margin:5px 0}.continue-copy h2{font-size:1.65rem;margin:2px 0;letter-spacing:-.025em}.pill{color:#06201c;background:var(--aqua);padding:4px 9px;border-radius:99px;font-size:.65rem;font-weight:900;letter-spacing:.1em}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:20px;border:0;border-radius:15px;background:var(--aqua);color:#06201c;padding:14px 20px;font-weight:850;white-space:nowrap;cursor:pointer}.primary-button:hover{filter:brightness(1.08)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 52px}.stats-grid article{border-bottom:1px solid var(--line);padding:18px 4px}.stats-grid span{display:block;color:var(--muted);font-size:.78rem}.stats-grid strong{font-size:1.35rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{font-size:2rem;letter-spacing:-.04em;margin:0}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:0 14px}.search input{border:0;outline:0;background:transparent;color:var(--ink);padding:11px 0;min-width:210px}.lesson-list{display:grid;gap:12px}.lesson-row{display:flex;align-items:center;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px;transition:.2s ease}.lesson-row:hover{transform:translateY(-2px);border-color:var(--aqua)}.day-tile{flex:0 0 62px;height:62px;border-radius:16px;display:grid;place-content:center;text-align:center;background:var(--panel2);color:var(--aqua);font-size:1.35rem;font-weight:900;line-height:1}.day-tile small{font-size:.55rem;letter-spacing:.15em;color:var(--muted);margin-bottom:5px}.lesson-meta{display:grid;min-width:0}.lesson-meta small{color:var(--aqua);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-style:normal}.lesson-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-meta em{color:var(--muted);font-size:.78rem;font-style:normal}.row-arrow{margin-left:auto;font-size:2rem;color:var(--muted)}.notice{display:flex;gap:12px;margin-top:28px;padding:16px;border-left:3px solid var(--sun);background:rgba(255,209,102,.07);font-size:.84rem}.notice span{color:var(--muted)}.mobile-nav{display:none}.lesson-bar{max-width:900px}.lesson-bar>span{color:var(--muted);font-size:.82rem}.lesson-shell{padding-bottom:80px}.lesson-hero{max-width:900px;margin:25px auto 60px;padding:50px 34px 34px}.lesson-hero>p:not(.eyebrow){font-size:1.15rem;color:var(--muted);max-width:680px}.lesson-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.lesson-chips span{border:1px solid var(--line);border-radius:99px;padding:4px 10px;font-size:.65rem;font-weight:850;color:var(--muted)}.listen-panel{display:flex;align-items:center;gap:14px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:18px;margin-top:28px;max-width:560px}.play-button{width:48px;height:48px;border:0;border-radius:50%;background:var(--coral);color:#fff;cursor:pointer}.listen-panel div{display:grid;flex:1}.listen-panel span{font-size:.75rem;color:var(--muted)}.listen-panel select{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:7px}.lesson-layout{max-width:1060px;margin:auto;display:grid;grid-template-columns:minmax(0,720px) 240px;gap:70px;padding:0 28px}.lesson-content section{position:relative;margin-bottom:60px}.section-number{position:absolute;right:calc(100% + 18px);top:5px;color:var(--aqua);font-size:.7rem;font-weight:900}.lesson-content h2{font-size:clamp(1.65rem,4vw,2.3rem);letter-spacing:-.04em;line-height:1.15;margin:0 0 16px}.lesson-content p,.lesson-content li{color:var(--muted)}.lesson-content li{margin-bottom:8px}.memory-card{border:1px solid var(--line);border-left:4px solid var(--aqua);border-radius:4px 16px 16px 4px;padding:16px 20px;margin-top:22px;background:var(--panel)}.memory-card p{margin:4px 0 0;color:var(--ink)}.lesson-toc{position:sticky;top:24px;height:max-content;border-left:1px solid var(--line);padding-left:20px;display:grid;gap:10px;color:var(--muted);font-size:.76rem}.lesson-toc strong{color:var(--ink);font-size:.85rem;margin-bottom:6px}.review-card{background:linear-gradient(135deg,rgba(100,229,208,.11),transparent);border:1px solid var(--line);border-radius:var(--radius);padding:28px!important}.quiz fieldset{border:0;padding:22px 0;margin:0;border-bottom:1px solid var(--line)}.quiz legend{font-weight:750;line-height:1.4;margin-bottom:14px}.quiz legend span{display:inline-grid;place-content:center;width:28px;height:28px;border-radius:9px;background:var(--panel2);color:var(--aqua);font-size:.75rem;margin-right:10px}.quiz label{display:flex;cursor:pointer;margin:9px 0}.quiz input{position:absolute;opacity:0}.quiz label span{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.quiz input:checked+span{border-color:var(--aqua);background:rgba(100,229,208,.08);color:var(--ink)}.quiz fieldset.correct label:has(input:checked) span{border-color:var(--aqua)}.quiz fieldset.incorrect label:has(input:checked) span{border-color:var(--coral)}.explanation{font-size:.82rem}.full{width:100%;margin-top:22px}.score-card{margin-top:14px;padding:18px;border-radius:15px;text-align:center;background:var(--panel2);font-weight:800}.action-card{border-radius:var(--radius);padding:30px!important;background:var(--sun);color:#2d2305}.action-card span{font-size:.7rem;font-weight:900;letter-spacing:.12em}.action-card p{color:#4c3b08}.sources{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:22px;font-size:.82rem}.sources a{color:var(--aqua)}
@media(max-width:760px){body{padding-bottom:72px}.topbar{height:62px;padding:0 18px}.shell{padding:18px 16px 70px}.dashboard-card{padding:34px 25px;align-items:center}.dashboard-card h1{font-size:3.05rem}.progress-ring{display:none}.continue-card{align-items:stretch;flex-direction:column}.stats-grid{gap:8px;margin-bottom:38px}.stats-grid article{padding:12px 2px}.stats-grid strong{font-size:1rem}.section-heading{align-items:stretch;flex-direction:column}.search input{width:100%}.lesson-row{gap:12px}.mobile-nav{position:fixed;z-index:20;display:flex;justify-content:space-around;bottom:0;left:0;right:0;padding:9px 14px calc(9px + env(safe-area-inset-bottom));background:rgba(7,18,30,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.mobile-nav a{display:grid;place-items:center;color:#8da2af;font-size:.62rem}.mobile-nav a span{font-size:1.1rem}.mobile-nav .active{color:var(--aqua)}.lesson-hero{padding:34px 20px 25px;margin:10px auto 35px}.lesson-hero h1{font-size:3.1rem}.lesson-layout{display:block;padding:0 24px}.lesson-toc{display:none}.section-number{position:static;display:block;margin-bottom:7px}.lesson-content section{margin-bottom:48px}.listen-panel{position:sticky;top:8px;z-index:10;box-shadow:var(--shadow)}.notice{display:grid}.lesson-bar>span{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}