@import url('placement.css?v=20260802-1');
[hidden]{display:none!important}
:root{--night:#10231d}body{min-height:100vh;background:radial-gradient(circle at 15% 15%,#fffdf6 0 18%,transparent 40%),var(--cream)}main{align-items:start;grid-template-columns:minmax(0,1fr) 340px}header h1 em{color:var(--green);font-style:normal}.tutor{background:var(--paper);border:1px solid var(--ink);box-shadow:11px 11px 0 var(--lime);padding:28px;min-height:620px}.session-top,.session-actions{display:flex;justify-content:space-between;align-items:center;gap:9px}.session-top{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.12em}.journey-toggle{border:1px solid var(--green);border-radius:99px;background:transparent;color:var(--green);padding:9px 13px;font:700 10px 'DM Sans';letter-spacing:.04em;cursor:pointer}.icon{width:44px;height:44px;border:0;border-radius:50%;background:white;font-size:20px;cursor:pointer}.progress{height:5px;background:#e4e1d7;margin:18px 0 28px;overflow:hidden}.progress i{display:block;height:100%;width:8%;background:var(--coral);transition:width .7s}.guide{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;background:#f8f6ee;padding:16px;border-radius:24px}.avatar{width:68px;height:68px;border-radius:50%;background:var(--blue);display:grid;place-items:center}.avatar span{position:relative;width:34px;height:38px;border-radius:50% 50% 42% 42%;background:#d99569;border:2px solid var(--ink)}.avatar span:before{content:'';position:absolute;width:40px;height:18px;background:var(--coral);border-radius:20px 20px 8px 8px;left:-5px;top:27px}.guide small{font-weight:800;letter-spacing:.12em;color:var(--green)}.guide h2{font:600 25px 'Fraunces';margin:5px 0}.guide>b{width:14px;height:14px;border-radius:50%;background:#b9b9ae}.guide>b.live{background:#2d805f;animation:pulse 1.2s infinite}.lesson-card{min-height:210px;border:1px solid var(--line);border-radius:30px;margin:22px 0 17px;padding:30px;display:flex;flex-direction:column;justify-content:center}.lesson-card>span{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--green)}.lesson-card h3{font:700 clamp(38px,5vw,58px)/1.08 'Fraunces';margin:20px 0 12px}.lesson-card p{color:var(--muted);font-size:15px;margin:0}.transcript{min-height:76px;line-height:1.5}.transcript p{margin:7px 0}.transcript #learnerLine{color:var(--green);font-weight:700}.primary{width:100%;min-height:68px;border:0;border-radius:22px;background:var(--night);color:white;font:700 18px 'DM Sans';cursor:pointer}.primary:disabled{opacity:.6}.primary span{color:var(--coral);margin-right:9px}.privacy{color:var(--muted);font-size:10px;line-height:1.45;text-align:center}.fallback{display:flex;gap:7px}.fallback input{min-width:0;flex:1;padding:13px;border:1px solid var(--line);font:inherit}.fallback button{border:0;background:var(--green);color:white;padding:12px 17px;font-weight:700}.journey{position:sticky;top:24px;background:var(--paper);padding:22px;transform:none;box-shadow:7px 7px 0 var(--ink);display:block;max-height:calc(100vh - 48px);overflow:auto}.journey-head{display:flex;align-items:start;justify-content:space-between}.journey-head small{display:block;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.13em}.journey-head b{display:block;font:600 24px 'Fraunces';margin-top:7px}.journey-head button{display:none;border:0;background:none;font-size:30px;cursor:pointer}.journey-progress{height:5px;background:#e4e1d7;margin:17px 0}.journey-progress i{display:block;height:100%;background:var(--green);transition:.4s}.journey-list{display:grid;gap:7px}.journey-item{position:relative;width:100%;border:1px solid var(--line);background:white;padding:13px 82px 13px 13px;text-align:left;cursor:pointer}.journey-item span,.journey-item small{display:block;font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--muted)}.journey-item b{display:block;font:600 16px 'Fraunces';margin:5px 0}.journey-item small{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--green)}.journey-item.current{border-color:var(--ink);box-shadow:inset 5px 0 var(--lime);background:#fffef9}.journey-item.complete{background:#f2f6e5}.voice-help{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.voice-help strong,.voice-help span{display:block;font-size:11px}.voice-help span{color:var(--muted);margin-top:5px}@keyframes pulse{50%{box-shadow:0 0 0 8px #2d805f22}}@media(max-width:720px){main{padding-bottom:40px;grid-template-columns:1fr}.tutor{padding:18px;box-shadow:6px 6px 0 var(--lime)}.lesson-card{padding:23px;min-height:190px}.guide{grid-template-columns:58px 1fr auto}.avatar{width:56px;height:56px}.guide h2{font-size:21px}.session-top{align-items:flex-start;gap:8px}.session-actions{flex-direction:column-reverse;align-items:flex-end}.journey{display:block;position:fixed;z-index:120;inset:auto 0 0;max-height:82vh;border-radius:24px 24px 0 0;box-shadow:0 -20px 60px #10231d44;transform:translateY(105%);transition:transform .3s;padding:24px 18px max(24px,env(safe-area-inset-bottom))}.journey.open{transform:translateY(0)}.journey-head button{display:block}}
/* Spoken-word progress follows Mia's active utterance. */
.spoken-word{border-radius:.32em;padding:.03em .08em;transition:background .16s,color .16s,box-shadow .16s}.spoken-word.said{color:var(--green)}.spoken-word.active{color:var(--night);background:var(--lime);box-shadow:0 0 0 3px var(--lime)}
.voice-wave{margin:4px 0 16px;padding:10px 14px 8px;border:1px solid var(--ink);border-radius:16px;background:linear-gradient(90deg,var(--lime),#fff8d9)}.voice-wave span{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--green)}.voice-wave canvas{display:block;width:100%;height:64px}
.journey-head span{display:block;margin-top:5px;color:var(--muted);font-size:10px}.journey-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 12px}.journey-tabs button{border:1px solid var(--line);background:white;padding:9px;font:700 10px 'DM Sans';cursor:pointer}.journey-tabs button.active{background:var(--ink);border-color:var(--ink);color:white}.word-unit{border:1px solid var(--line);background:#fff}.word-unit-head{position:relative;width:100%;border:0;background:#f8f6ee;padding:13px 72px 13px 13px;text-align:left;cursor:pointer}.word-unit-head span,.word-unit-head small{display:block;font-size:9px;font-weight:800;letter-spacing:.07em;color:var(--muted)}.word-unit-head b{display:block;font:600 16px 'Fraunces';margin-top:5px}.word-unit-head small{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--green)}.word-batches{display:none;padding:6px}.word-unit-head[aria-expanded=true]+.word-batches{display:grid;gap:5px}.word-batches .journey-item{background:#fff;box-shadow:none}.word-batches .journey-item b{font-size:14px}.journey-item span{margin-top:0}