:root{--bg:#f6f7f4;--surface:#fff;--surface-soft:#f7fbf9;--surface-warm:#fff8ef;--ink:#17211d;--muted:#64716b;--line:#dce2dd;--primary:#116b58;--primary-dark:#0a4d40;--accent:#d8792b;--accent-soft:#fff0df;--blue:#4c6fb8;--danger:#b93838;--shadow:0 18px 60px #232d281c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #fff8efb8, #f6f7f400 360px), var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.58}textarea,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px}textarea{resize:vertical;min-height:168px;padding:16px;line-height:1.65}textarea:focus,button:focus-visible{outline-offset:2px;outline:3px solid #116b5838}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:0}.app-shell{width:min(1280px,100%);margin:0 auto;padding:28px}.masthead{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.brand{align-items:flex-start;gap:14px;max-width:720px;display:flex}.brand-mark,.category-icon,.coach-card-icon,.recording-orb{flex:none;place-items:center;display:grid}.brand-mark{width:52px;height:52px;color:var(--primary);background:#e8f2ee;border-radius:8px}.eyebrow{color:var(--primary);text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:900;display:block}.masthead h1{margin-bottom:12px;font-size:clamp(2rem,4vw,3.8rem);line-height:1}.masthead p,.muted{color:var(--muted);line-height:1.6}.top-metrics,.start-layout,.history-grid,.session-layout,.session-grid,.summary-grid{gap:16px;display:grid}.top-metrics{grid-template-columns:repeat(2,minmax(120px,1fr));min-width:min(460px,100%)}.metric-wide{grid-column:1/-1}.start-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);margin-bottom:16px}.history-grid,.session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.72fr);align-items:start}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}.panel,.practice-panel,.coach-card,.metric,.history-card,.note,.prompt-stage,.recording-stage,.review-stage,.summary-hero,.system-status{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 30px #242d280f}.panel,.practice-panel,.coach-card,.history-card,.prompt-stage,.recording-stage,.review-stage,.summary-hero,.system-status{padding:24px}.metric{padding:18px}.metric strong{margin-top:8px;font-size:1.7rem;line-height:1.25;display:block}.metric-wide strong{font-size:1.02rem;line-height:1.45}.primary-button{background:var(--primary);color:#fff}.primary-button:hover{background:var(--primary-dark)}.secondary-button{background:var(--accent);color:#fff}.secondary-button:hover{background:#a95717}.ghost-button{border:1px solid var(--line);color:var(--ink);background:0 0}.ghost-button:hover{background:var(--ink);color:#fff}.danger-button{background:var(--danger);color:#fff}.large-button{min-height:52px;padding:0 22px}.chip-row,.button-row,.panel-head,.stage-meta{align-items:center;gap:10px;display:flex}.panel-head,.stage-meta{flex-wrap:wrap;justify-content:space-between}.button-row,.chip-row{flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:800}.category-list,.summary-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.category-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.category-button{border:1px solid var(--line);background:var(--surface);width:100%;min-height:92px;color:inherit;text-align:left;justify-content:flex-start;align-items:center;gap:12px;padding:16px 18px}.category-button:hover{background:var(--surface-soft);border-color:#116b5866}.category-button.active{background:#eaf5f1;border-color:#116b588c;box-shadow:inset 0 0 0 1px #116b5829}.category-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:8px}.category-button strong,.history-card strong,.note strong{display:block}.category-button strong{margin-bottom:0}.history-card strong,.note strong{margin-bottom:6px}.category-cue,.category-examples{display:block}.category-cue{color:var(--ink);margin-bottom:6px;font-weight:800}.category-examples{color:var(--primary);margin-top:12px;font-size:.9rem;font-weight:800}.start-action{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.coach-card{background:var(--surface-warm)}.coach-card-icon{width:54px;height:54px;color:var(--accent);background:#fff;border-radius:8px;margin-bottom:18px}.flow-list,.stack,.session-main,.session-side,.summary-layout{gap:16px;display:grid}.flow-list div{color:var(--muted);grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;line-height:1.5;display:grid}.flow-list svg{color:var(--primary);margin-top:2px}.quiet-panel{background:var(--surface-soft)}.prompt-stage{background:#eef6f3}.prompt-stage h2{max-width:900px;margin-bottom:18px;font-size:clamp(1.45rem,2.5vw,2.35rem);line-height:1.18}.recording-stage{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:18px;display:grid}.recording-stage.is-recording{background:#fff7f7;border-color:#b938385c}.recording-orb{background:var(--primary);color:#fff;border-radius:999px;width:96px;height:96px;box-shadow:0 18px 50px #116b5840}.recording-stage.is-recording .recording-orb{background:var(--danger);box-shadow:0 18px 50px #b9383838}.recording-stage h2{margin-bottom:8px;font-size:clamp(1.6rem,3vw,2.75rem)}.recording-actions,.status-strip{grid-column:1/-1}.recording-actions{flex-wrap:wrap;gap:10px;display:flex}.status-strip{color:var(--muted);flex-wrap:wrap;gap:8px;padding-top:4px;font-size:.92rem;display:flex}.status-strip span{background:var(--surface-soft);border-radius:999px;padding:8px 10px}.review-stage{opacity:.72}.review-stage.is-ready,.review-stage:focus-within{opacity:1}.review-stage textarea{margin:14px 0}.progress-track{background:#e7ece8;border-radius:999px;height:10px;margin:14px 0;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--accent));height:100%;display:block}.timeline{gap:12px;margin-top:14px;display:grid}.timeline-item{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:14px}.timeline-item p{color:var(--ink);margin-bottom:0;line-height:1.6}.timeline-role{color:var(--primary);text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:900}.note{background:var(--surface-soft);padding:16px}.coach-response-panel .note+.note{margin-top:12px}.audio-evaluation-list{gap:10px;margin:12px 0 0;display:grid}.audio-evaluation-list div{grid-template-columns:120px minmax(0,1fr);gap:10px;display:grid}.audio-evaluation-list dt,.audio-evaluation-list dd{margin:0;line-height:1.45}.audio-evaluation-list dt{color:var(--ink);font-weight:800}.audio-evaluation-list dd{color:var(--muted)}.note[data-area=fluency]{border-left:3px solid var(--accent)}.note[data-area=grammar]{border-left:3px solid var(--primary)}.note[data-area=vocabulary]{border-left:3px solid #3d7f67}.note[data-area=pronunciation]{border-left:3px solid var(--blue)}.highlight-note{background:#eef6f3}.summary-hero{background:var(--primary);color:#fff}.summary-hero .eyebrow,.summary-hero .chip,.summary-hero p{color:#fff}.summary-hero h2{margin-bottom:10px;font-size:clamp(2rem,4vw,3.4rem)}.summary-hero p{max-width:820px;line-height:1.55}.summary-hero .chip{background:#ffffff1f;border-color:#ffffff59}.small{font-size:.92rem}.empty{border:1px dashed var(--line);color:var(--muted);border-radius:8px;padding:24px}.system-status{box-shadow:none;background:0 0}.system-status summary{cursor:pointer;color:var(--muted);font-weight:800}.system-status .chip-row{margin-top:14px}@media (max-width:1120px){.masthead,.start-layout,.session-layout,.session-grid,.history-grid,.top-metrics,.summary-grid{grid-template-columns:1fr}.masthead{display:grid}.top-metrics{min-width:0}}@media (max-width:760px){.app-shell{padding:16px}.brand{display:grid}.category-list{grid-template-columns:1fr}.panel,.practice-panel,.coach-card,.history-card,.prompt-stage,.recording-stage,.review-stage,.summary-hero,.system-status{padding:18px}.recording-stage{grid-template-columns:1fr}.recording-orb{width:84px;height:84px}.large-button,.recording-actions .ghost-button,.review-stage .secondary-button{width:100%}.audio-evaluation-list div{grid-template-columns:1fr}}