:root{--surface:#f4f7f2;--soft:#eef6ef;--border:#d7dfd4;--heading:#18231e;--text:#4f5f58;--muted:#697971;--muted-strong:#bdebd9;--panel-text:#fff;--accent:#0f766e;--button:#0f766e;--button-hover:#115e59;--button-border:#0d615b;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);color:var(--text);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}html{background:var(--surface);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.landing-shell,.placeholder-shell{background:linear-gradient(#f4f7f2e0,#f4f7f2f0),url(/assets/hero-CLDdwZDr.png) 50%/cover;place-items:center;min-height:100vh;padding:32px;display:grid}.landing-panel,.placeholder-panel{text-align:center;justify-items:center;gap:22px;width:min(100%,720px);display:grid}.student-shell{background:var(--surface);align-content:start;gap:24px;min-height:100vh;padding:32px;display:grid}.student-header{justify-content:space-between;align-items:start;gap:24px;display:flex}.header-actions{flex-wrap:wrap;justify-content:end;gap:10px;display:flex}.eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--accent);margin:0;font-size:.82rem;font-weight:700}h1,h2,h3,p{margin:0}h1{max-width:12ch;color:var(--heading);font-size:clamp(2.4rem,7vw,5.6rem);line-height:.96}h2{color:var(--heading);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1}h3{color:var(--heading);font-size:clamp(2.2rem,6vw,4.8rem);line-height:.95}button{border:1px solid var(--button-border);color:#fff;background:var(--button);min-height:48px;font:inherit;cursor:pointer;border-radius:7px;padding:0 18px;font-weight:700}button:hover:not(:disabled){background:var(--button-hover)}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,.video-room:focus-visible{outline-offset:2px;outline:3px solid #0f766e42}button.secondary{color:var(--heading);background:#fff}button.secondary:hover:not(:disabled){background:var(--soft)}.landing-copy,.section-copy p,.student-menu-copy p,.muted-text{max-width:42rem;color:var(--text)}.landing-copy{font-size:1.15rem}.landing-actions,.activity-grid{gap:12px;display:grid}.landing-actions{grid-template-columns:repeat(2,minmax(150px,1fr));width:min(100%,380px);margin-top:8px}.placeholder-panel h1{max-width:none;font-size:clamp(2.2rem,6vw,4.6rem)}.placeholder-panel button{margin-top:8px}.student-menu,.demo-class,.card-study{border:1px solid var(--border);background:#fff;border-radius:8px;gap:22px;padding:24px;display:grid}.student-menu-copy,.section-copy{gap:8px;display:grid}.activity-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.activity-button{min-height:128px;color:var(--heading);background:var(--soft);text-align:left;align-content:center;justify-items:start;gap:10px;padding:20px;display:grid}.activity-button:hover:not(:disabled){color:#fff}.activity-button strong,.activity-button span{display:block}.activity-button strong{font-size:1.35rem;line-height:1.05}.activity-button span{color:inherit;opacity:.78}.error-text{color:#b91c1c}.video-room{border:1px solid var(--border);background:#111827;border-radius:8px;width:100%;height:min(72vh,760px);min-height:520px}.card-study{justify-self:center;width:100%;max-width:920px}.study-word-card{border:1px solid var(--border);background:var(--soft);border-radius:8px;align-content:center;gap:18px;min-height:420px;padding:clamp(24px,5vw,56px);display:grid}.word-card-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.word-card-header span{min-width:44px;color:var(--accent);text-align:center;background:#fff;border-radius:999px;padding:4px 8px;font-size:.82rem;font-weight:700}.translation-text{color:var(--accent);font-size:1.25rem;font-weight:700}.pronunciation{color:var(--muted)}.sentence-list{color:var(--muted);gap:8px;margin:0;padding-left:20px;display:grid}.sentence-list li{line-height:1.45}.card-actions{grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;display:grid}@media (width<=860px){.activity-grid{grid-template-columns:1fr}}@media (width<=640px){.landing-shell,.placeholder-shell,.student-shell{padding:22px}.student-header{display:grid}.header-actions{justify-content:start}.landing-actions,.card-actions,.word-card-header{grid-template-columns:1fr}.word-card-header{display:grid}.student-menu,.demo-class,.card-study{padding:16px}.video-room{min-height:460px}}