:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;background:#17143b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#5146a9 0,#211b55 38%,#11102e 100%)}.app{max-width:720px;margin:auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;margin:8px 0 22px;font-weight:900}.brand{letter-spacing:2px}.stars{background:#fff;color:#332d73;border:4px solid #0b0924;border-radius:16px;padding:8px 14px;box-shadow:0 5px 0 #0b0924}.card{background:#fff;color:#25204f;border:5px solid #0b0924;border-radius:28px;padding:26px;text-align:center;box-shadow:0 12px 0 #0b0924}.progress{height:14px;background:#dedcf1;border:3px solid #25204f;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;width:20%;background:#ffd93d;transition:.3s}.eyebrow{font-weight:900;letter-spacing:2px;color:#7169a7}.emoji{font-size:92px;margin:16px 0 0}h1{font-size:clamp(42px,10vw,72px);margin:5px 0;line-height:1}.syllables{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:18px 0}.syllables button{font-size:22px;font-weight:900;background:#dff7ff;border:3px solid #25204f;border-radius:12px;padding:9px 14px;box-shadow:0 4px 0 #25204f}.hear,.next{border:4px solid #25204f;border-radius:16px;padding:14px 20px;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 5px 0 #25204f}.hear{background:#72e1ff}.meaning{font-size:23px;line-height:1.35;font-weight:700}.example{background:#fff1a8;border:3px dashed #b37b00;border-radius:18px;padding:14px;margin:20px 0;font-size:20px}.example p{font-size:24px;font-weight:800;margin:8px}.next{background:#7bed9f;width:100%}.hidden{display:none}@media(max-width:480px){.app{padding:12px}.card{padding:20px 14px}.emoji{font-size:76px}}
.quiz{margin:18px 0}.quiz h2{font-size:22px}.answers{display:flex;gap:18px;justify-content:center}.answer{font-size:64px;background:#e8e5ff;border:4px solid #25204f;border-radius:22px;padding:16px 25px;cursor:pointer}.answer:disabled{opacity:.55}#feedback{font-size:21px;font-weight:900;color:#267947}

.audio-status{font-size:14px;min-height:20px;color:#645c91}.hear.small{font-size:14px;padding:8px 12px}button:focus-visible{outline:4px solid #e6a000;outline-offset:5px}