html main.shell.speaking-shell{max-width:760px}.speaking-progress{background:#ffffff12;border-radius:999px;height:8px;margin:4px 0 18px;overflow:hidden}.speaking-progress i{border-radius:inherit;background:linear-gradient(90deg,#57d3ff,#968cff);height:100%;transition:width .35s;display:block}.speaking-card{text-align:center;background:radial-gradient(circle at 50% 0,#57d3ff24,#0000 55%),#141d31e6;border:1.5px solid #968cff52;border-radius:28px;justify-items:center;gap:14px;padding:clamp(24px,5vw,44px) clamp(18px,4vw,40px);display:grid;box-shadow:0 0 0 1px #00000073,inset 0 1px #ffffff0f,0 24px 60px #00000047}.speaking-card .eyebrow{margin:0}.speaking-counter{color:var(--faint,#7f8ba5);font-weight:800}.speaking-word{letter-spacing:-.02em;margin:0;font-size:clamp(30px,6vw,46px);line-height:1.1}.speaking-mic{color:#fff;cursor:pointer;background:linear-gradient(#8f84ff,#5a4fe0);border:0;border-radius:50%;place-items:center;width:104px;height:104px;margin:8px 0 2px;font-size:42px;transition:transform .15s,box-shadow .2s;display:grid;position:relative;box-shadow:0 0 0 6px #968cff29,0 14px 30px #5a4fe073}.speaking-mic:hover:not(:disabled){transform:translateY(-2px)scale(1.03)}.speaking-mic:focus-visible{outline:3px solid var(--cyan,#57d3ff);outline-offset:4px}.speaking-mic.is-listening{background:linear-gradient(#ff7f98,#e2486a);animation:1.2s ease-in-out infinite speaking-pulse}.speaking-card.phase-success .speaking-mic{background:linear-gradient(#6ff0b6,#2fb57a);box-shadow:0 0 0 6px #58dfa633,0 14px 30px #2fb57a66}.speaking-card.phase-fail .speaking-hint{color:#ffb4c2}.speaking-card.phase-success .speaking-hint{color:#8ff0c4;font-weight:800}@keyframes speaking-pulse{0%,to{box-shadow:0 0 0 6px #ff7f9840,0 14px 30px #e2486a73}50%{box-shadow:0 0 0 18px #ff7f9814,0 14px 30px #e2486a73}}.speaking-hint{max-width:46ch;min-height:2.6em;color:var(--muted,#aab4c9);margin:0;font-size:15px;line-height:1.4}.speaking-reveal{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.speaking-reveal strong{color:#fff;font-size:24px}.speaking-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.speaking-summary>span,.speaking-unsupported>span{font-size:54px}.speaking-summary h2,.speaking-unsupported h2{margin:0}.speaking-summary p,.speaking-unsupported p{color:var(--muted,#aab4c9);margin:0}html[data-theme=light] .speaking-card{background:radial-gradient(circle at 50% 0,#0e8cbe1a,#0000 55%),#fff;border-color:#7c68f040;box-shadow:0 18px 44px #3c328c1f}html[data-theme=light] .speaking-reveal strong{color:#1d2340}html[data-theme=light] .speaking-card.phase-success .speaking-hint{color:#15885a}html[data-theme=light] .speaking-card.phase-fail .speaking-hint{color:#c2365a}html[data-theme=light] .speaking-progress{background:#3c328c14}@media (prefers-reduced-motion:reduce){.speaking-mic.is-listening{animation:none}}@media (min-width:621px){.flashcard-activity-grid:has(>button:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.flashcard-activity-grid:has(>button:nth-child(4))>button{min-height:112px}}