@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#17332d;background:#f5f4ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);border-bottom:1px solid #d8ddd6}header p{color:#65756f}.brand{display:flex;align-items:center;gap:12px;color:#17332d;text-decoration:none;font-weight:700}.brand span{background:#0e6755;color:#fff;border-radius:9px;padding:9px}.home{min-height:100vh;background:radial-gradient(circle at 85% 25%,#dceadf 0,transparent 32%),#f5f4ee}.hero{max-width:940px;margin:9vh auto;padding:30px}.eyebrow,.label{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700;color:#b8663b}.hero h1,.join h1{font:600 clamp(48px,7vw,78px)/.98 "Newsreader",serif;max-width:800px;margin:18px 0}.lede{font-size:20px;color:#5c6d67;max-width:600px;line-height:1.6}.choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:52px}.card{padding:28px;border:1px solid #ccd5ce;border-radius:18px;color:#17332d;text-decoration:none;background:#fff}.card b,.card span{display:block}.card b{font-size:22px;margin-bottom:9px}.card span{color:#65756f}.card.primary{background:#0e6755;color:#fff}.card.primary span{color:#cae2d9}.shell{max-width:1100px;margin:40px auto;padding:0 24px}.teacherTop{display:flex;justify-content:space-between;align-items:end;background:#fff;padding:28px 34px;border-radius:20px;border:1px solid #dce2dd}.code{font:600 58px/1 Newsreader;letter-spacing:.12em}.hint,.status p,.empty{color:#708079}.status{text-align:right}.dot{width:10px;height:10px;background:#9ca8a3;border-radius:50%;display:inline-block;margin-right:8px}.dot.live,.on{background:#d94841}.controls{display:flex;align-items:center;gap:14px;padding:24px 4px}.controls .label{margin-right:4px}.mic{padding:12px 18px;border:1px solid #ccd5ce;border-radius:9px;background:#fff;min-width:220px}button{border:0;background:#0e6755;color:#fff;border-radius:9px;padding:13px 20px;font-weight:700;cursor:pointer}button:disabled{opacity:.5}.secondary,.readerTools button{background:#e5ebe6;color:#17332d}.danger{background:#8d3d38}.transcript{margin-top:25px}.sectionTitle{display:flex;justify-content:space-between;align-items:center}.sectionTitle h2{font:600 30px Newsreader}.sectionTitle span{color:#708079}.paper{min-height:280px;background:#fff;border:1px solid #dce2dd;border-radius:16px;padding:30px;font:500 22px/1.65 Newsreader}.interim{opacity:.48}.error{background:#fae3df;color:#81332e;border-radius:8px;padding:12px}.join{max-width:620px;margin:12vh auto;padding:30px;text-align:center}.join h1{font-size:58px}.join form{display:flex;gap:12px;justify-content:center;margin-top:36px}.join input{font-size:32px;letter-spacing:.15em;width:230px;text-align:center;text-transform:uppercase;border:1px solid #aebbb4;border-radius:10px;padding:9px}.reader{background:#fbfcf9;min-height:100vh}.readerBar{position:sticky;top:0;z-index:2;background:#17332d;color:#fff;padding:15px 5vw;display:flex;justify-content:space-between;align-items:center}.readerBar b,.readerBar span{display:block}.readerBar span{opacity:.7;font-size:13px;margin-top:3px}.readerTools{display:flex;gap:7px}.readerTools button{padding:9px 13px}.readerContent{max-width:980px;margin:auto;padding:42px 35px 35vh}.lang{display:flex;justify-content:space-between;border-bottom:1px solid #dce2dd;padding-bottom:15px}.lang span{font-weight:700}.lang i{font-style:normal;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.lang i.on{color:#d94841}.reader article{padding:26px 0;border-bottom:1px solid #e2e6e2}.english{color:#76837e;font-size:17px;line-height:1.5;margin:0 0 9px}.spanish{font:500 28px/1.45 Newsreader;margin:0;color:#17332d}.waiting{text-align:center;margin:20vh 0;color:#76837e;font-size:20px}@media(max-width:650px){header p{display:none}.choices{grid-template-columns:1fr}.teacherTop{align-items:start}.teacherTop,.readerBar{gap:20px;flex-direction:column}.status{text-align:left}.controls{align-items:stretch;flex-direction:column}.readerTools{width:100%;overflow:auto}.join form{flex-direction:column}.join input{width:100%}}.audioHero{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;background:#e4f0e9;border:1px solid #c6ddd0;border-radius:20px;padding:26px 30px;margin-bottom:18px}.audioHero .speaker{font-size:38px}.audioHero h1{font:600 32px Newsreader;margin:5px 0}.audioHero p{margin:0;color:#60736b}.audioHero i{font-style:normal;font-size:12px;letter-spacing:.08em}.unlock{background:#fff;border:2px solid #0e6755;border-radius:16px;text-align:center;padding:24px;margin:18px 0}.unlock h2{font:600 28px Newsreader;margin:0}.captionTools{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2dd;margin-top:34px}.captionTools h2{font:600 28px Newsreader}.captionTools button{background:transparent;color:#17332d;padding:8px 11px}.readerTools label{display:flex;align-items:center;gap:7px;font-size:13px}.readerTools input{width:100px}@media(max-width:650px){.audioHero{grid-template-columns:auto 1fr}.audioHero i{grid-column:1/-1}.readerTools label{width:100%}.readerTools input{flex:1}}.devHarness{margin:26px 0 8px;padding:18px;text-align:left;border:2px dashed #b8663b;border-radius:12px;background:#fff7ed}.devHarness b,.devHarness p,.devHarness label{display:block}.devHarness p{color:#745b4d}.devHarness select{width:100%;margin-top:8px;padding:10px;border:1px solid #bca99d;border-radius:8px;background:#fff}.devBanner{margin-bottom:15px;padding:10px 14px;border-radius:8px;background:#fff0dc;color:#713d20;font-size:12px;font-weight:700;letter-spacing:.05em;text-align:center}