:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f6f7fb;line-height:1.5}*{box-sizing:border-box}body{margin:0}.topbar{height:64px;background:#fff;border-bottom:1px solid #e7e9ef;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:5}.brand{font-weight:800;font-size:24px;letter-spacing:-.5px}.badge{font-size:12px;border:1px solid #dfe3ec;border-radius:99px;padding:4px 9px;color:#667085}main{max-width:760px;margin:auto;padding:24px 18px 48px}.screen{display:none}.screen.active{display:block}.hero{padding:28px 0}.eyebrow{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#667085}.hero h1{font-size:clamp(32px,7vw,52px);line-height:1.04;letter-spacing:-1.8px;margin:10px 0 16px}.hero p{font-size:17px;color:#667085;max-width:620px}.upload-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:34px 20px;background:#fff;border:2px dashed #cdd3df;border-radius:22px;cursor:pointer}.upload-card input{display:none}.upload-icon{font-size:42px}.upload-card strong{font-size:18px}.upload-card small{color:#667085}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.preview-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;background:#ddd}.primary{width:100%;border:0;border-radius:14px;padding:15px 18px;background:#172033;color:white;font-size:16px;font-weight:750;cursor:pointer;margin-top:12px}.primary:disabled{opacity:.35;cursor:not-allowed}.status{min-height:24px;text-align:center;color:#667085}.back{border:0;background:none;padding:8px 0;color:#667085;font-size:15px}.lesson-card,.question-card,.result-card{background:#fff;border-radius:20px;padding:22px;margin:14px 0;border:1px solid #e7e9ef}.lesson-card h2{margin-top:0}.lesson-card h3{margin-bottom:7px}.pill{display:inline-block;background:#eef1f6;border-radius:99px;padding:5px 10px;font-size:12px;margin-right:6px}.choice{display:block;width:100%;text-align:left;background:#fff;border:1px solid #d9dee8;border-radius:13px;padding:14px;margin:9px 0;font-size:16px;cursor:pointer}.choice.selected{border-color:#172033;background:#f0f2f6}.choice.correct{border-color:#2e7d32;background:#edf7ee}.choice.wrong{border-color:#b42318;background:#fff1f0}.oral-box{background:#f0f2f6;border-radius:16px;padding:18px;margin-top:12px}.mic{font-size:28px}.recording{animation:pulse 1s infinite}@keyframes pulse{50%{transform:scale(1.08)}}textarea{width:100%;min-height:150px;border:1px solid #d9dee8;border-radius:14px;padding:14px;font:inherit}.progress{height:6px;background:#e1e5ec;border-radius:99px;overflow:hidden;margin:4px 0 20px}.progress span{display:block;height:100%;width:0;background:#172033;transition:width .25s}.feedback{margin-top:12px;color:#4b5565}.score{font-size:58px;font-weight:850;letter-spacing:-3px}.muted{color:#667085}.warning{padding:12px;border-radius:12px;background:#fff7e6;color:#7a4d00}.error{padding:12px;border-radius:12px;background:#fff1f0;color:#9b1c13}