:root{--bg:#f6f3ec;--card:#fff;--ink:#1f2a24;--muted:#6b746e;--green:#1f6f43;--green-soft:#e3f0e7;--accent:#d4452b;--line:#e4e0d6;color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}button{font:inherit;color:inherit;border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:14px;padding:12px 16px}button.primary{background:var(--green);border-color:var(--green);color:#fff;flex:1;font-weight:600}button.link{color:var(--green);background:0 0;border:none;padding:8px}button:disabled{opacity:.5}.loading,.error{padding:16px}.error{color:var(--accent)}.home{max-width:560px;padding:24px 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.eyebrow{color:var(--muted);margin:0}.home h1{margin:4px 0 16px;font-size:2.2rem}.hint{color:var(--muted);background:var(--green-soft);border-radius:10px;padding:8px 12px;font-size:.85rem}.sections{gap:10px;padding:0;list-style:none;display:grid}.sections button{text-align:left;align-items:center;gap:12px;width:100%;padding:16px;display:flex}.sections .index{background:var(--green-soft);width:32px;height:32px;color:var(--green);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.sections .name{flex:1}.badge{color:#9a3412;background:#fbe3d6;border-radius:999px;padding:2px 10px;font-size:.85rem}.badge.full{background:var(--green-soft);color:var(--green)}.player{max-width:560px;min-height:100dvh;padding:8px 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.player-header{justify-content:space-between;align-items:center;display:flex}.progress-dots{gap:6px;display:flex}.progress-dots i{background:var(--line);border-radius:50%;width:8px;height:8px}.progress-dots i.on{background:var(--green)}.stage{background:var(--card);border-radius:20px;flex-direction:column;flex:1;gap:12px;margin:8px 0 12px;padding:16px;display:flex;overflow-y:auto}.stage-title{margin:0;font-size:1.5rem}.stage-visual{margin:0}.stage-visual img{border-radius:12px;width:100%;display:block}.stage-visual svg{width:100%;max-height:38vh;display:block}.stage-visual figcaption{color:var(--muted);margin-top:6px;font-size:.8rem}.stage-items{gap:8px;margin:0;padding:0;list-style:none;display:grid}.stage-items .bullet{padding-left:18px;position:relative}.stage-items .bullet:before{content:"";background:var(--green);border-radius:50%;width:8px;height:8px;position:absolute;top:.55em;left:2px}.stage-items .term{background:var(--green-soft);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.stage-items .term strong{color:var(--green)}.caption{color:var(--muted);border-top:1px solid var(--line);margin:auto 0 0;padding-top:10px;font-size:.85rem}svg .label text,svg text.label{fill:var(--muted);font-size:15px}svg .label.active text,svg text.label.active{fill:var(--accent);font-weight:700}.enter{animation:.45s ease-out both enter}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}.controls>button.primary{width:100%}.controls .row{gap:8px;display:flex}.controls .stack{text-align:center;gap:8px;display:grid}.question-card{background:var(--green-soft);border-radius:16px;padding:14px 16px}.question-card .eyebrow{color:var(--green);font-size:.85rem;font-weight:600}.question-card p{margin:6px 0 0;font-size:1.25rem;font-weight:600;line-height:1.35}.result-card h2{margin:0 0 12px;font-size:1.5rem}.result-card ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.result-card li{background:var(--bg);border-radius:12px;align-items:baseline;gap:10px;padding:10px 12px;display:flex}.result-card .mark{font-weight:700}.result-card .ok .mark{color:var(--green)}.result-card .miss .mark{color:var(--accent)}.result-card .skip{color:var(--muted)}.recording{justify-items:center;gap:10px;width:100%;display:grid}.rec-time{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:1.4rem;display:flex}.rec-dot{background:var(--accent);border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite pulse}.recording .row{width:100%}.recording .row button{flex:1;padding:16px}.talk{justify-items:center;gap:8px;display:grid}.transcript{gap:6px;width:100%;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.transcript li{border-radius:12px;max-width:85%;padding:8px 12px}.transcript .tutor{background:var(--card);justify-self:start}.transcript .aluno{background:var(--green-soft);justify-self:end}.talk-status{color:var(--muted);margin:0;font-size:.9rem}.ptt{background:var(--green);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:none;border-radius:50%;width:96px;height:96px;font-size:2.4rem;transition:transform .15s}.ptt.listening{background:var(--accent);transform:scale(1.12);box-shadow:0 0 0 10px #d4452b33}.ptt.thinking{animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.6}}@media (prefers-reduced-motion:reduce){.enter,.ptt.thinking{animation:none}}.debug{width:100%;color:var(--muted);gap:4px;font-size:.8rem;display:grid}.debug audio,.talk .replay{width:100%}