:root{color:#1f2522;background:#eef7ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button{cursor:pointer;font:inherit}button:disabled{cursor:not-allowed;opacity:.55}main{min-height:100svh;padding:clamp(8px,2vw,18px)}.lessonShell{margin:0 auto;max-width:1080px}.practiceStage{background:#fffdf7;border:1px solid #d9e2d1;border-radius:8px;box-shadow:0 18px 50px #1f252214;padding:clamp(12px,2vw,22px)}.appHeader,.stageTop,.challengeMeta{align-items:center;display:flex;gap:14px;justify-content:space-between}.appHeader{margin-bottom:12px}.eyebrow{color:#c47a2d;font-size:.78rem;font-weight:900;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1,h2{line-height:1.05;margin:0}h1{font-size:clamp(1.65rem,3vw,2.55rem)}.headerStats{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.headerStats span{background:#e1f1dc;border-radius:999px;color:#285b34;font-weight:900;padding:9px 12px}.stageTop{margin-bottom:12px}.smallAction{background:#fff;border:1px solid #cddbc5;border-radius:8px;color:#2f3b36;font-weight:900;min-height:42px;min-width:104px;padding:0 14px}.progressTrack{background:#dfe9d7;border-radius:999px;flex:1;height:18px;min-width:90px;overflow:hidden}.progressTrack span{background:linear-gradient(90deg,#58c15f,#1fa4a4);display:block;height:100%}.challengeCard{background:linear-gradient(180deg,#ffffffe8,#fffffffb),url(/visuals/baniva-river.png);background-position:center;background-size:cover;border:1px solid #d9e2d1;border-radius:8px;min-height:0;padding:clamp(14px,2.4vw,28px);text-align:center}.challengeMeta>span:first-child,.confidence{border-radius:999px;font-size:.85rem;font-weight:900;padding:8px 12px}.challengeMeta>span:first-child{background:#f3dca7;color:#67440d}.confidence{white-space:nowrap}.confidence.alta{background:#d8f1dd;color:#285b34}.confidence.revisar{background:#ffe4b8;color:#7a4516}.challengeIcon{align-items:center;background:#113f46;border:8px solid #d8f1dd;border-radius:50%;color:#fffaf0;display:inline-flex;height:clamp(76px,10vw,104px);justify-content:center;margin:16px auto 12px;width:clamp(76px,10vw,104px)}.challengeCard h2{font-size:clamp(1.95rem,4.8vw,3.65rem);margin:0 auto;max-width:820px;overflow-wrap:anywhere}.banivaText{color:#52635a;font-size:1.08rem;margin:12px 0 0}.primaryActions{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);margin:18px auto 10px;max-width:560px}.listenButton,.tryButton,.ghostButton{align-items:center;border:0;border-radius:8px;display:inline-flex;font-weight:900;gap:10px;justify-content:center;min-height:64px;padding:0 18px}.listenButton{background:#113f46;color:#fffaf0}.tryButton{background:#58c15f;border-bottom:5px solid #2d8d3b;color:#fff;font-size:1.1rem}.tryButton.recording{background:#d4513f;border-bottom-color:#963328}.tryButton:disabled{background:#bfd2b8;border-bottom-color:#9eb496;color:#516257}.translationBlock{background:#ffffffc7;border:1px solid #d9e2d1;border-radius:8px;margin:12px auto 0;max-width:620px;padding:14px 16px}.translationBlock span{color:#c47a2d;display:block;font-size:.78rem;font-weight:900;margin-bottom:6px;text-transform:uppercase}.translationBlock p{color:#31504d;font-size:clamp(1.15rem,3vw,1.6rem);font-weight:900;margin:0;overflow-wrap:anywhere}.translationBlock p.pendingBaniva{color:#8a6a31;font-size:clamp(1rem,2.2vw,1.25rem)}.translationBlock small{color:#60736a;display:block;font-size:.8rem;font-weight:800;margin-top:6px}.listenHint{color:#52635a;font-size:.95rem;font-weight:800;margin:-4px 0 14px}.voiceMeter{background:#dfe9d7;border-radius:999px;height:16px;margin:0 auto;max-width:560px;overflow:hidden}.voiceMeter span{background:linear-gradient(90deg,#d89942,#d4513f);display:block;height:100%;transition:width .12s ease}.coachPanel,.scorePanel{align-items:center;background:#fff;border:1px solid #d9e2d1;border-radius:8px;display:flex;gap:14px;margin:12px auto 0;max-width:680px;padding:16px;text-align:left}.coachPanel{color:#52635a;justify-content:center;text-align:center}.listeningCoach{background:#fff4e0;color:#7a4516;font-weight:900}.scoreRing{align-items:center;background:radial-gradient(#fff 56%,transparent 58%),conic-gradient(#58c15f var(--score),#e0e8da 0);border-radius:50%;display:flex;flex-direction:column;flex:0 0 104px;height:104px;justify-content:center;width:104px}.scoreRing strong{font-size:2rem;line-height:1}.scorePanel h3{font-size:1.35rem;margin:0 0 6px}.scorePanel p{color:#52635a;margin:0}.scoreBars{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.scoreBars span{background:#eef4ee;border-radius:999px;color:#31504d;font-size:.86rem;font-weight:900;padding:7px 10px}.error{background:#fee6df;border-radius:8px;color:#812b1f;margin:14px auto 0;max-width:680px;padding:12px}.attemptRow{align-items:center;background:#f5f0e6;border:1px solid #e3d8c4;border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;margin:16px auto 0;max-width:680px;padding:14px;text-align:left}.attemptRow audio{display:block;margin-top:8px;width:100%}.miniLabel{color:#59675f;display:block;font-size:.78rem;font-weight:900;text-transform:uppercase}.ghostButton{background:#fff;border:1px solid #cddbc5;color:#2f3b36;min-height:52px}.infoStrip{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.infoStrip div{align-items:center;background:#e7f2f0;border-radius:8px;color:#31504d;display:flex;gap:10px;padding:14px}.compactFooter{align-items:center;color:#60736a;display:flex;font-size:.86rem;gap:6px;justify-content:center;margin-top:8px}@media(min-width:860px){.challengeCard{align-items:center;column-gap:22px;display:grid;grid-template-columns:118px minmax(0,1fr);grid-template-areas:"meta meta" "icon title" "icon baniva" "actions actions" "meter meter" "coach coach" "attempt attempt";text-align:left}.challengeMeta{grid-area:meta}.challengeIcon{grid-area:icon;margin:0 auto}.challengeCard h2{grid-area:title;margin:0}.translationBlock{grid-area:baniva;margin:10px 0 0;max-width:none}.primaryActions{grid-area:actions;margin-top:16px}.listenHint{grid-column:1 / -1;text-align:center}.voiceMeter{grid-area:meter;width:min(560px,100%)}.coachPanel,.scorePanel{grid-area:coach;width:min(680px,100%)}.attemptRow{grid-area:attempt;width:min(680px,100%)}}@media(min-width:860px)and (max-height:760px){main{padding:8px}.practiceStage{padding:12px 16px}.eyebrow{margin-bottom:2px}.appHeader,.stageTop{margin-bottom:8px}.smallAction{min-height:36px}.challengeCard{padding:12px 18px}.challengeIcon{border-width:6px;height:78px;width:78px}.listenButton,.tryButton{min-height:52px}.coachPanel,.scorePanel{padding:10px 12px}.infoStrip{grid-template-columns:1fr 1fr}.infoStrip div{padding:10px 12px}.compactFooter{display:none}}@media(max-width:720px){.appHeader,.stageTop,.challengeMeta{align-items:stretch;flex-direction:column}.headerStats{justify-content:flex-start}.primaryActions,.infoStrip,.attemptRow{grid-template-columns:1fr}.scorePanel{align-items:center;flex-direction:column;text-align:center}}