:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7fbf8;background:#071b13;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#194d38,#071b13 55%)}button{min-height:76px;padding:16px 20px;border:2px solid #9bc8ad;border-radius:14px;color:#f7fbf8;background:#174b36;font:inherit;font-size:1.25rem;font-weight:750;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button:hover:not(:disabled){background:#21694c}button.primary{color:#071b13;background:#f3c84b;border-color:#fff0ad}button.danger{background:#6b2528;border-color:#e69a9d}.app{width:min(560px,100%);min-height:100dvh;margin:0 auto;padding:28px 18px 50px}header{text-align:center}h1{margin:8px 0;font-size:clamp(2rem,8vw,3.5rem);line-height:1.05}p{line-height:1.45}.home{display:grid;align-content:center;gap:16px}.home>button{width:100%}.eyebrow,.progress,.mode,.phase{color:#b9dec8;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.hero-button{min-height:120px;font-size:clamp(1.7rem,7vw,2.6rem);color:#071b13;background:#f3c84b;border-color:#fff0ad}.notice{padding:12px;color:#d8e7de;text-align:center}.offline-status{display:grid;gap:5px;padding:16px;border:2px solid #a78328;border-radius:14px;color:#fff2bd;background:#47370d;text-align:center}.offline-status.ready{color:#eaffef;background:#12502f;border-color:#8de0ad}.offline-status.unavailable{color:#ffe3e3;background:#61282b;border-color:#e69a9d}.offline-status span{font-size:.95rem}.practice-card,.recording-card{margin:24px 0;padding:22px;border:2px solid #548b6d;border-radius:18px;background:#0d2d20}.practice-card{min-height:280px;display:grid;align-content:center;text-align:center}.prompt{margin:10px 0;font-size:clamp(1rem,4vw,1.3rem);font-weight:650}.model-answer{padding-top:18px;border-top:1px solid #548b6d;color:#f7da79;font-size:1.25rem}.status{color:#c6d8cd}.timing-reminder{margin:8px 0 0;color:#f7da79;font-size:.85rem;font-weight:750}.countdown{color:#f3c84b;font-size:clamp(5rem,25vw,9rem);font-weight:900;line-height:1}.button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.button-grid .danger:last-child{grid-column:1 / -1}.practice-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.practice-actions .large-action,.practice-actions .end-action{grid-column:1 / -1}.practice-actions .large-action{min-height:94px;font-size:1.45rem}.practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:12px}.practice-main{min-width:0}.practice-progress{display:grid;grid-template-rows:auto minmax(160px,1fr) auto;gap:7px;align-items:stretch;justify-items:center;min-height:280px;color:#b9dec8}.progress-bar{display:flex;flex-direction:column-reverse;width:24px;overflow:hidden;border:2px solid #8db9a0;border-radius:9px;background:#071b13}.progress-segment{flex:1;min-height:8px;border-top:1px solid #35654b;background:color-mix(in srgb,#55e790 calc(var(--practice-level) * 100%),#102b1e)}.progress-count{font-weight:850;font-size:.82rem}.progress-label{font-size:.68rem;font-weight:750;text-transform:uppercase;writing-mode:vertical-rl}.recording-list{display:grid;gap:14px;margin-top:24px}.recording-card{display:grid;gap:8px;margin:0}.compact-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.compact-buttons button{min-height:52px;padding:8px;font-size:.9rem}.empty{text-align:center;color:#c6d8cd}.listen-controls{display:grid;gap:10px;margin:22px 0}.repeat-status{position:sticky;top:8px;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border:2px solid #fff0ad;border-radius:14px;color:#071b13;background:#f3c84b;font-size:1.45rem}.repeat-status span{font-size:2rem;font-weight:900}.listen-complete{padding:14px;border-radius:12px;background:#12502f;text-align:center;font-weight:800}.talking-points-list{display:grid;gap:12px}.talking-point-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px 12px;padding:16px;border:2px solid #548b6d;border-radius:16px;background:#0d2d20}.talking-point-card.active{border-color:#f3c84b;box-shadow:0 0 0 3px #f3c84b33}.talking-point-card h2{margin:0 0 6px;font-size:1.15rem}.talking-point-card p{margin:0;color:#d8e7de;font-size:.98rem}.talking-point-card button{grid-column:1 / -1;min-height:60px}.talking-point-number{font-size:1.25rem;font-weight:900;color:#f3c84b}@media(max-width:560px){.app{padding:16px 12px 30px}.practice header h1{font-size:1.55rem}.practice header .progress,.practice header .mode{margin:5px 0;font-size:.78rem}.practice-card{margin:12px 0;padding:14px;min-height:250px}.practice-layout{grid-template-columns:minmax(0,1fr) 34px;gap:8px}.practice-progress{min-height:250px}.progress-bar{width:22px}.button-grid,.compact-buttons{grid-template-columns:1fr}.button-grid .danger:last-child{grid-column:auto}}