:root{color:#17212b;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7fb}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:24px}.hero-panel{max-width:960px;margin:0 auto;padding:32px}.eyebrow{margin:0 0 8px;color:#0f766e;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.brand-mark{display:inline-flex;align-items:center;margin-bottom:14px;color:#17212b;font-weight:900}.brand-mark img{display:block;width:74px;height:44px;object-fit:contain}.brand-mark.compact{margin-bottom:12px}.brand-mark.compact img{width:82px;height:48px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.narrow{max-width:920px;margin:0 auto}.topbar,.screen-header{max-width:1100px;margin:0 auto 24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.profile-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1100px;margin:0 auto 24px}.profile-summary{display:grid;gap:8px;max-width:1100px;margin:0 auto 24px;padding:18px 20px;border:1px solid #d9e2ec;border-radius:8px;background:#fff;box-shadow:0 10px 24px #17212b0d}.profile-summary-kicker{margin:0;color:#0f766e;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.profile-summary h2{margin:0;font-size:1.2rem}.profile-summary p{margin:0;color:#5b6878;line-height:1.6}.profile-group{display:grid;gap:10px;padding:16px;border:1px solid #d9e2ec;border-radius:8px;background:#fff;box-shadow:0 10px 24px #17212b0d}.profile-label{color:#334155;font-size:.8rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.segment-button{min-height:42px;padding:0 12px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#17212b;font-weight:800}.segment-button.selected{border-color:#0f766e;background:#ccfbf1;color:#0f766e}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}.subtitle{color:#5b6878;line-height:1.6}.primary-action,.module-card,.lesson-row,.text-button{border:0}.primary-action{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:8px;color:#fff;background:#0f766e;font-weight:800}.stats-grid,.module-grid{display:grid;max-width:1100px;margin:0 auto 24px;gap:16px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.module-card,.lesson-row{border:1px solid #d9e2ec;border-radius:8px;background:#fff;box-shadow:0 10px 24px #17212b0f}.stat-card{display:grid;gap:6px;padding:18px}.module-card{padding:20px;text-align:left}.module-kicker,.lesson-row small{color:#64748b}.progress-block{max-width:1100px;margin:0 auto 24px}.progress-label{display:flex;justify-content:space-between;margin-bottom:8px;color:#334155;font-size:.92rem}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:#dbeafe}.progress-fill{height:100%;border-radius:inherit;background:#14b8a6}.text-button{margin-bottom:18px;padding:0;color:#0f766e;background:transparent;font-weight:800}.lesson-list{display:grid;gap:12px}.lesson-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:14px;text-align:left}.lesson-number{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;color:#0f766e;background:#ccfbf1;font-weight:900}.badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:.8rem;font-weight:800}.badge-neutral{color:#334155;background:#e2e8f0}.badge-success{color:#166534;background:#dcfce7}.phrase-panel,.exercise-stack{display:grid;gap:14px;margin-bottom:24px}.lesson-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.lesson-guide article{display:grid;gap:8px;padding:16px;border:1px solid #d9e2ec;border-radius:8px;background:#fff;box-shadow:0 10px 24px #17212b0d}.lesson-guide span{color:#0f766e;font-size:.78rem;font-weight:900;text-transform:uppercase}.phrase-with-audio{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.audio-actions{display:inline-flex;gap:6px}.audio-button{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid #cbd5e1;border-radius:8px;color:#0f766e;background:#f8fafc}.audio-button:hover{border-color:#0f766e;background:#ecfdf5}.audio-button.slow{width:46px;font-size:.75rem;font-weight:900}.phrase-row,.exercise-card{border:1px solid #d9e2ec;border-radius:8px;background:#fff;box-shadow:0 10px 24px #17212b0d}.phrase-row{display:grid;gap:6px;padding:16px}.phrase-row span,.phrase-row small{color:#5b6878}.exercise-card{padding:18px}.exercise-count{margin-bottom:6px;color:#0f766e;font-size:.8rem;font-weight:800}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.answer-button{min-height:44px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#17212b}.answer-button.selected{border-color:#0f766e;background:#ccfbf1;font-weight:800}.order-builder{display:grid;gap:10px}.ordered-answer{min-height:44px;padding:12px;border:1px dashed #94a3b8;border-radius:8px;color:#334155;background:#f8fafc}.text-button.compact{justify-self:start;margin-bottom:0}.feedback{margin:12px 0 0;padding:12px;border-radius:8px}.feedback.success{color:#166534;background:#dcfce7}.feedback.error{color:#991b1b;background:#fee2e2}.ai-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.ai-guidance{margin:10px 0 0;padding:12px;border:1px solid #bae6fd;border-radius:8px;color:#0c4a6e;background:#f0f9ff;line-height:1.5}.sticky-action{margin-top:8px}.sticky-action:disabled{cursor:not-allowed;opacity:.55}.lesson-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.lesson-actions .primary-action:disabled{cursor:not-allowed;opacity:.55}.result-screen{display:grid;min-height:80vh;align-content:center;justify-items:start}.result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.secondary-action{min-height:44px;padding:0 18px;border:1px solid #cbd5e1;border-radius:8px;color:#17212b;background:#fff;font-weight:800}.secondary-action.compact{min-height:38px;padding:0 14px;font-size:.92rem}.secondary-action:disabled{cursor:not-allowed;opacity:.55}@media(max-width:720px){.app-shell{padding:18px}.topbar{align-items:stretch;flex-direction:column}.profile-panel,.stats-grid,.module-grid,.lesson-guide{grid-template-columns:1fr}.lesson-row{grid-template-columns:38px 1fr}.lesson-row .badge{grid-column:2;justify-self:start}.answer-grid{grid-template-columns:1fr}}