:root{color:var(--ink);--paper:#fffdf9;--surface:#fff;--ink:#25150d;--graphite:#1f110a;--graphite-2:#341a0d;--muted:#6b5a51;--line:#eadcd1;--signal:#00a88f;--signal-soft:#d9f5ec;--gold:#cc9240;--gold-soft:#fff2d9;--success:#00a88f;--success-soft:#d9f5ec;--warning:#cc9240;--warning-soft:#fff2d9;--danger:#b42318;--danger-soft:#fee4e2;--bg-soft:#fff9f3;--primary:var(--signal);--primary-dark:#075e56;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--shadow-soft:0 22px 70px #471f0d1f;--shadow-dark:0 30px 90px #33150c47;background-color:#0000;background-image:linear-gradient(90deg,#7c17000b 1px,#0000 1px),linear-gradient(0deg,#7c170009 1px,#0000 1px),linear-gradient(#fffdf9 0%,#fff7ed 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,Avenir Next,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{min-height:100vh;margin:0;overflow:hidden}button{font:inherit}.player-shell{--line:var(--player-line,#7c17002e);--signal:var(--accent,#00a88f);--signal-soft:var(--accent-soft,#d9f5ec);--success:var(--signal);--success-soft:var(--signal-soft);--primary:var(--signal);--primary-dark:var(--accent-readable,var(--signal));--accent-on-primary:var(--accent-foreground,#fff);background:linear-gradient(90deg, var(--player-grid,#7c170014) 1px, transparent 1px), linear-gradient(0deg, var(--player-grid,#7c170014) 1px, transparent 1px), linear-gradient(180deg, #fffdf9 0%, var(--player-wash,#fff7ed) 100%);background-size:72px 72px;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}.player-backdrop{pointer-events:none;background:linear-gradient(115deg, transparent 0%, rgb(var(--accent-rgb,0 168 143) / .1) 46%, transparent 48%, transparent 100%), radial-gradient(circle at 82% 14%, var(--player-glow,#fb9f2929), transparent 24%);position:absolute;inset:0}.player-card{z-index:1;grid-template-rows:auto minmax(0,1fr);gap:10px;max-width:1240px;height:100dvh;min-height:0;margin:0 auto;padding:12px 14px 14px;display:grid;position:relative}.console-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.eyebrow,.panel-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--signal);margin:0 0 7px;font-size:11px;font-weight:950}.console-header h1{color:var(--ink);margin:0;font-size:clamp(23px,2.5vw,31px);font-weight:950;line-height:1.12}.hero-copy{max-width:760px;color:var(--muted);margin:5px 0 0;font-size:14px;line-height:1.38}.status-stack{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.phase-pill,.service-pill,.audio-pill{white-space:nowrap;border-radius:var(--radius-pill);border:1px solid #0714111a;padding:6px 10px;font-size:12px;font-weight:900}.phase-pill{background:var(--graphite);color:#fff}.phase-done{background:var(--signal);color:var(--accent-on-primary)}.phase-recording,.phase-submitting{background:var(--gold)}.phase-error{background:var(--danger)}.service-pill,.audio-pill{color:var(--primary-dark);background:#ffffffd1}.practice-layout{grid-template-columns:minmax(360px,.9fr) minmax(430px,1.1fr);align-items:stretch;gap:12px;min-height:0;display:grid}.practice-panel,.result-panel>*{box-shadow:var(--shadow-soft);background:#ffffffdb;border:1px solid #0714111a}.practice-panel{border-radius:var(--radius-lg);grid-template-rows:auto auto auto minmax(0,auto) auto auto;align-content:start;gap:9px;min-height:0;padding:14px;display:grid;overflow:hidden}.sentence-card{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.sentence-copy h2{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:clamp(21px,2.7vw,31px);font-weight:950;line-height:1.12}.practice-meta{grid-template-columns:minmax(0,1.4fr) minmax(130px,.6fr);gap:10px;display:grid}.practice-meta div,.error-card,.warning-card,.capability-card,.recording-banner{border-radius:var(--radius-md);background:var(--bg-soft);border:1px solid var(--line);padding:9px 10px}.practice-meta span{color:var(--muted);margin-bottom:2px;font-size:11px;display:block}.practice-meta strong{font-size:13px;line-height:1.32;display:block}.action-row{grid-template-columns:minmax(240px,1.45fr) repeat(2,minmax(0,1fr));gap:8px;display:grid}.demo-playback-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.primary-button,.secondary-button,.ghost-button,.replay-button{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:9px 11px;font-weight:900;transition:transform .16s,opacity .16s,box-shadow .16s}.primary-button{background:var(--graphite);color:#fff;box-shadow:0 18px 32px #07100e33}.secondary-button{background:var(--gold-soft);color:#72440d;box-shadow:0 10px 20px #cc92401f}.ghost-button{color:#fff;background:#ffffff24;border:1px solid #ffffff4d}.replay-button{background:var(--signal-soft);width:100%;color:var(--primary-dark);margin-top:7px}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.replay-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.replay-button:disabled,.demo-playback-buttons button:disabled{opacity:.45;cursor:not-allowed;transform:none}.last-recording-panel{z-index:3;position:relative}.score-replay-button{z-index:1;position:relative}.last-recording-note{color:#ffffffa8;margin:8px 0 0;font-size:12px;font-weight:800}.compact-banner{align-items:center;gap:10px;display:flex}.recording-banner{background:var(--gold-soft);border-color:#cc924038}.recording-banner span:last-child{line-height:1.45}.dot{border-radius:var(--radius-pill);background:var(--danger);flex:none;width:10px;height:10px;box-shadow:0 0 0 7px #ef44441a}.voice-visualizer,.analysis-progress-card{background:linear-gradient(135deg, #071411f5, #0d1c19eb), radial-gradient(circle at 20% 20%, rgb(var(--accent-rgb,0 168 143) / .22), transparent 32%);color:#fff;border:1px solid #0714111a;border-radius:18px;box-shadow:0 22px 54px #07141133}.voice-visualizer{isolation:isolate;gap:10px;padding:12px;display:grid;position:relative;overflow:hidden}.voice-visualizer:before{content:"";background:rgb(var(--accent-rgb,0 168 143) / .18);filter:blur(18px);pointer-events:none;border-radius:50%;width:180px;height:180px;position:absolute;inset:-40% -18% auto auto}.visualizer-topline,.visualizer-bottomline{z-index:1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.visualizer-topline>div{align-items:center;gap:10px;min-width:0;display:flex}.visualizer-topline strong{font-size:14px;font-weight:950}.visualizer-topline small,.visualizer-bottomline span{color:#ffffffa8;font-size:12px;font-weight:800;line-height:1.4}.visualizer-bottomline b{white-space:nowrap;border-radius:var(--radius-pill);color:var(--signal-soft);background:#ffffff1a;padding:6px 9px;font-size:12px}.is-live .dot{animation:1.2s ease-out infinite recordingPulse}.recording-countdown-modal{z-index:1000;background:radial-gradient(circle at 50% 45%, rgb(var(--accent-rgb,0 168 143) / .26), transparent 34%), #07100ec7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.recording-countdown-dialog{background:radial-gradient(circle at 50% 45%, rgb(var(--accent-rgb,0 168 143) / .5), transparent 44%), linear-gradient(135deg, #fff2d93d, #ffffff14);width:min(440px,92vw);min-height:360px;box-shadow:inset 0 0 0 1px #ffffff24, 0 28px 90px #0000007a, 0 0 58px rgb(var(--accent-rgb,0 168 143) / .38);text-align:center;border:2px solid #fff2d9a8;border-radius:34px;place-items:center;padding:26px;display:grid}.recording-countdown-dialog small,.recording-countdown-dialog strong{color:#fff2d9;letter-spacing:.08em;font-weight:950;display:block}.recording-countdown-dialog small{align-self:end;font-size:clamp(22px,4vw,30px)}.recording-countdown-dialog strong{align-self:start;font-size:clamp(16px,2.7vw,22px)}.recording-countdown-dialog span{color:#fff;text-shadow:0 0 38px rgb(var(--accent-rgb,0 168 143) / .86), 0 14px 42px #0000006b;font-size:clamp(150px,34vw,260px);font-weight:950;line-height:.82;animation:.52s cubic-bezier(.2,.9,.2,1.15) both countdownPop}.waveform{z-index:1;background:linear-gradient(#ffffff1c,#ffffff0d),repeating-linear-gradient(90deg,#ffffff12 0 1px,#0000 1px 18px);border:1px solid #ffffff1a;border-radius:22px;grid-template-columns:repeat(28,minmax(6px,1fr));align-items:center;gap:5px;height:92px;padding:12px;display:grid;position:relative}.waveform i{border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--signal-soft) 0%, var(--signal) 54%, var(--gold) 100%);min-height:16px;max-height:76px;box-shadow:0 0 22px rgb(var(--accent-rgb,0 168 143) / .42);transform-origin:50%;transition:height 90ms linear,opacity .16s;display:block}.is-paused .waveform i{opacity:.7;filter:saturate(.72)}.analysis-progress-card{grid-template-columns:78px minmax(0,1fr);gap:14px;padding:14px;display:grid;position:relative;overflow:hidden}.analysis-orbit{background:radial-gradient(circle, rgb(var(--accent-rgb,0 168 143) / .24), transparent 58%), #ffffff0f;border:1px solid #ffffff1a;border-radius:20px;min-height:78px;position:relative}.analysis-orbit span{border:1px solid rgb(var(--accent-rgb,0 168 143) / .24);border-radius:50%;animation:1.8s linear infinite analysisOrbit;position:absolute;inset:13px}.analysis-orbit span:nth-child(2){border-color:#cc924075;animation-duration:1.25s;animation-direction:reverse;inset:22px}.analysis-orbit span:nth-child(3){background:var(--signal);box-shadow:0 0 24px rgb(var(--accent-rgb,0 168 143) / .7);border:none;animation:1.1s ease-in-out infinite analysisCore;inset:32px}.analysis-body{gap:10px;min-width:0;display:grid}.analysis-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.analysis-heading .panel-kicker{color:#ffffff94}.analysis-heading strong{font-size:17px;font-weight:950;display:block}.analysis-heading span{color:#ffffffad;margin-top:4px;font-size:12px;font-weight:800;display:block}.analysis-heading b{color:var(--signal-soft);font-size:22px;font-weight:950}.analysis-meter{border-radius:var(--radius-pill);background:#ffffff1a;border:1px solid #ffffff14;height:10px;overflow:hidden}.analysis-meter i{border-radius:inherit;background:linear-gradient(90deg, var(--signal), var(--signal-soft), var(--gold));height:100%;box-shadow:0 0 18px rgb(var(--accent-rgb,0 168 143) / .42);transition:width .26s;display:block}.analysis-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.analysis-steps span{border-radius:var(--radius-pill);color:#ffffff94;text-align:center;white-space:nowrap;background:#ffffff14;padding:6px 7px;font-size:11px;font-weight:900}.analysis-steps span.is-active{background:rgb(var(--accent-rgb,0 168 143) / .16);color:var(--signal-soft)}.warning-card{color:var(--warning);background:var(--warning-soft);border-color:#f59e0b33}.warning-card p,.error-card p{color:var(--muted);margin:4px 0 0;line-height:1.45}.error-card{background:var(--danger-soft);color:var(--danger);border-color:#ef444433}.capability-card{background:var(--signal-soft);border-color:rgb(var(--accent-rgb,0 168 143) / .2)}.capability-card summary{cursor:pointer;color:var(--primary-dark);justify-content:space-between;gap:12px;font-weight:900;list-style:none;display:flex}.capability-card summary::-webkit-details-marker{display:none}.capability-card summary small{color:var(--muted);font-weight:800}.capability-card p{color:var(--muted);margin:8px 0 0;line-height:1.45}.capability-insecure,.capability-missing-api,.capability-missing-recorder{background:var(--warning-soft);border-color:#f59e0b38}.capability-insecure summary,.capability-missing-api summary,.capability-missing-recorder summary{color:var(--warning)}.result-panel{grid-template-rows:auto auto minmax(0,1fr);align-content:stretch;gap:9px;min-height:0;display:grid;overflow:hidden}.score-card,.breakdown-card,.feedback-card{border-radius:var(--radius-lg);padding:12px}.score-card{background:linear-gradient(145deg, var(--graphite) 0%, var(--graphite-2) 58%, #07100e 100%);color:#fff;box-shadow:var(--shadow-dark);overflow:hidden}.score-card .panel-kicker{color:#ffffffc7}.score-topline,.feedback-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.score-topline span{color:var(--gold-soft);letter-spacing:.06em;font-size:18px}.score-row{align-items:baseline;gap:8px;margin:0 0 4px;display:flex}.score-row strong{font-size:clamp(35px,4.8vw,48px);font-weight:950;line-height:.95}.score-row small{color:#ffffff94;font-weight:900}.score-excellent{color:#34d399}.score-good{color:#fbbf24}.score-weak{color:#f87171}.score-pending{color:#fff}.encouragement{color:#ffffffd6;margin:0 0 7px;line-height:1.34}.score-formula{color:#ffffff9e;margin:0 0 7px;font-size:11px;font-weight:800;line-height:1.38}.score-formula-muted{color:#075e5694}.next-step{border-left:3px solid var(--gold);color:#fff7e6;margin:0 0 8px;padding-left:9px;font-weight:800;line-height:1.34}.score-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none;display:grid}.score-breakdown li{border-radius:var(--radius-md);background:var(--bg-soft);border:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) 30px;align-items:center;gap:6px;padding:7px;display:grid}.score-breakdown li span{color:var(--muted);font-size:12px;font-weight:800}.score-breakdown strong{color:var(--primary-dark);text-align:right;font-weight:950}.score-breakdown i{border-radius:var(--radius-pill);background:#e6eee8;height:7px;overflow:hidden}.score-breakdown b{border-radius:inherit;background:linear-gradient(90deg, var(--signal), var(--gold));height:100%;transition:width .22s;display:block}.score-breakdown-advanced{background:#ffffffa3}.score-breakdown-advanced span:after{content:"輔助";border-radius:var(--radius-pill);color:var(--primary);background:#0f766e1a;margin-left:5px;padding:1px 5px;font-size:10px;font-weight:950;display:inline-block}.feedback-card{grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-height:0;display:grid;overflow:hidden}.feedback-header h3{color:var(--ink);margin:0;font-size:15px}.feedback-header>span{border-radius:var(--radius-pill);background:var(--signal-soft);color:var(--primary-dark);white-space:nowrap;padding:5px 8px;font-size:12px;font-weight:900}.token-matrix{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:6px;min-height:auto;display:grid;overflow:hidden}.token-cell{background:var(--bg-soft);border:1px solid var(--line);cursor:pointer;min-height:54px;font:inherit;text-align:left;border-radius:10px;grid-template-columns:1fr auto;align-items:start;gap:4px 6px;padding:8px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.token-cell:hover,.token-cell:focus-visible,.token-cell.is-selected{border-color:rgb(var(--accent-rgb,0 168 143) / .56);box-shadow:0 12px 28px rgb(var(--accent-rgb,0 168 143) / .14);outline:none;transform:translateY(-1px)}.token-cell strong{color:var(--ink);font-size:18px;line-height:1}.token-cell .token-score{color:var(--primary-dark);white-space:nowrap;background:#ffffffb8;border-radius:999px;justify-self:end;padding:2px 6px;font-size:10px;font-weight:950}.token-cell small{color:var(--muted);font-size:10px;font-weight:800}.token-pinyin{color:var(--primary-dark);letter-spacing:0;justify-self:end;font-size:10px;font-weight:900}.token-guidance-badge{border-radius:var(--radius-pill);background:rgb(var(--accent-rgb,0 168 143) / .12);color:var(--primary-dark);grid-column:1/-1;justify-self:start;padding:2px 6px;font-size:10px;font-style:normal;font-weight:950}.token-guidance-badge.muted{color:var(--muted);background:#0714110f}.token-detail-list{flex-wrap:wrap;grid-column:1/-1;gap:4px;margin:2px 0 0;padding:0;list-style:none;display:flex}.token-detail-list li{color:#2f413a;background:#ffffffb3;border-radius:999px;padding:3px 6px;font-size:10px;font-weight:900;line-height:1.2}.token-tip{color:#42534c;grid-column:1/-1;margin:0;font-size:12px;line-height:1.42}.token-technical-details{border-top:1px dashed rgb(var(--accent-rgb,0 168 143) / .22);color:var(--muted);grid-column:1/-1;padding-top:4px;font-size:10px}.token-technical-details summary{cursor:pointer;font-weight:900}.token-technical-details ul{margin:4px 0 0;padding-left:14px}.token-technical-details li{word-break:break-word;margin:2px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.token-correct,.token-none{border-color:rgb(var(--accent-rgb,0 168 143) / .2);background:var(--success-soft)}.token-tone{background:var(--warning-soft);border-color:#f59e0b40}.token-pronunciation,.token-fluency,.token-error{background:var(--danger-soft);border-color:#ef444433}.focus-notes{gap:5px;padding-top:2px;display:grid}.focus-notes p,.empty-state{border-radius:var(--radius-md);background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);margin:0;padding:7px 9px;font-size:12px;line-height:1.3}.focus-notes p{gap:8px;display:flex}.focus-notes strong{color:var(--danger)}.pronunciation-guide-backdrop{z-index:30;cursor:pointer;background:#07100e38;border:0;padding:0;position:fixed;inset:0}.pronunciation-guide-drawer{z-index:31;border:1px solid rgb(var(--accent-rgb,0 168 143) / .24);background:radial-gradient(circle at 82% 12%, rgb(var(--accent-rgb,0 168 143) / .14), transparent 30%), #fffdf7;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;width:min(430px,100vw - 20px);display:grid;position:fixed;top:10px;bottom:10px;right:10px;overflow:hidden;box-shadow:0 34px 90px #07100e47}.pronunciation-guide-header,.pronunciation-guide-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf7f0}.pronunciation-guide-header{border-bottom:1px solid #07141114;justify-content:space-between;gap:10px;padding:12px 14px 10px;display:flex}.pronunciation-guide-header h2{color:var(--ink);margin:0;font-size:30px;line-height:1}.pronunciation-guide-header h2 span{color:var(--primary-dark);margin-left:8px;font-size:13px;font-weight:900;display:inline-block}.pronunciation-guide-header small{color:var(--muted);margin-top:5px;font-weight:900;display:block}.guide-close-button{width:32px;height:32px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #0714111a;border-radius:50%;font-size:22px;line-height:1}.pronunciation-guide-body{gap:8px;min-height:0;padding:10px 12px;display:grid;overflow:hidden}.pronunciation-visual-card,.pronunciation-guide-section{border:1px solid var(--line);background:#ffffffc2;border-radius:14px;padding:10px}.pronunciation-visual-card{grid-template-columns:166px minmax(0,1fr);align-items:center;gap:10px;display:grid}.pronunciation-visual-card strong,.pronunciation-guide-section h3{color:var(--ink);margin:0 0 4px;font-size:14px;font-weight:950;display:block}.pronunciation-visual-card p,.pronunciation-guide-section p{color:var(--muted);margin:0;font-size:12px;line-height:1.32}.pronunciation-visual-card span{border-radius:var(--radius-pill);background:var(--signal-soft);color:var(--primary-dark);margin-top:6px;padding:4px 7px;font-size:11px;font-weight:950;display:inline-block}.pronunciation-visual-card.muted span{color:var(--muted);background:#0714110f}.articulation-figure{width:166px;height:96px;display:block}.mouth-head{fill:#f8ead6;stroke:#0714113d;stroke-width:2px}.mouth-cavity{fill:#fffaf2;stroke:#0714111f;stroke-width:1.5px}.mouth-palate,.mouth-teeth,.mouth-lower-teeth,.mouth-tongue,.mouth-air,.mouth-label-line,.tone-axis,.tone-grid,.tone-target,.tone-detected{fill:none;stroke-linecap:round;stroke-linejoin:round}.mouth-palate{stroke:#8b5a2b;stroke-width:4.5px}.mouth-teeth,.mouth-lower-teeth{stroke:#07141157;stroke-width:2.5px}.mouth-tongue{fill:#f9898b;stroke:#b42318;stroke-width:2.5px}.mouth-air{stroke:var(--primary);stroke-width:3px;stroke-dasharray:5 5}.mouth-focus{fill:rgb(var(--accent-rgb,0 168 143) / .2);stroke:var(--primary);stroke-width:2.4px}.mouth-label-line{stroke:#07141161;stroke-width:1.4px}.mouth-label-text,.mouth-caption,.tone-figure text{fill:var(--muted);font-size:11px;font-weight:950}.tongue-label{fill:#b42318}.air-label{fill:var(--primary-dark)}.mouth-caption{font-size:12px}.mouth-front-nasal .mouth-focus,.mouth-nasal-n .mouth-focus{transform:translate(-40px,8px)}.mouth-back-nasal .mouth-focus,.mouth-velar-tongue .mouth-focus{transform:translate(30px,9px)}.mouth-bilabial-lips .mouth-focus,.mouth-labiodental-lips .mouth-focus,.mouth-rounded-lips .mouth-focus{transform:translate(50px,7px)}.mouth-flat-tongue .mouth-focus{transform:translate(-30px,12px)}.tone-grid{stroke:#0714111a;stroke-width:1px}.tone-axis{stroke:#07141157;stroke-width:2px}.tone-target{stroke:var(--primary);stroke-width:5px}.tone-detected{stroke:var(--gold);stroke-width:4px;stroke-dasharray:7 6}.articulation-no-visual{width:84px;height:84px;color:var(--muted);background:#0714110f;border-radius:24px;place-items:center;font-size:34px;font-weight:950;display:grid}.pronunciation-guide-section ol,.pronunciation-guide-section ul{color:#33443d;margin:0;padding-left:20px;font-size:12px;line-height:1.36}.pronunciation-guide-section li+li{margin-top:4px}.pronunciation-guide-section.compact{background:#f8faf6}.pronunciation-guide-section.compact p{margin-top:7px;font-size:11px}.pronunciation-guide-actions{border-top:1px solid #07141114;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px 12px;display:grid}@keyframes recordingPulse{0%{box-shadow:0 0 #ef444447}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes countdownPop{0%{opacity:.42;transform:scale(.78)}18%{opacity:1;transform:scale(1)}to{opacity:.82;transform:scale(.92)}}@keyframes analysisOrbit{0%{transform:rotate(0)scaleX(1)}to{transform:rotate(360deg)scaleX(1.14)}}@keyframes analysisCore{0%,to{opacity:.62;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@media (width<=920px){body{overflow:auto}.player-shell{height:auto;min-height:100dvh;overflow:auto}.player-card{height:auto;min-height:100dvh;display:block}.console-header{grid-template-columns:1fr}.status-stack{justify-content:start;margin-top:10px}.practice-layout{grid-template-columns:1fr;margin-top:14px}.practice-panel{overflow:visible}.result-panel{grid-template-rows:none;margin-top:14px}}@media (width<=640px){.player-card{padding:16px 12px 22px}.sentence-card,.practice-meta,.action-row,.score-breakdown{grid-template-columns:1fr}.primary-button,.secondary-button,.ghost-button,.demo-playback-buttons{width:100%}.token-matrix{grid-template-columns:repeat(auto-fit,minmax(138px,1fr))}.analysis-progress-card{grid-template-columns:1fr}.analysis-orbit{display:none}.analysis-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.pronunciation-guide-drawer{border-radius:24px 24px 0 0;width:100%;max-height:88dvh;inset:auto 0 0}.pronunciation-visual-card{grid-template-columns:1fr}.articulation-figure{width:100%;max-width:220px;height:118px;margin:0 auto}.recording-countdown-dialog{border-radius:28px;min-height:300px}.waveform{grid-template-columns:repeat(28,minmax(4px,1fr));gap:4px;height:108px;padding:14px 10px}}@media (prefers-reduced-motion:reduce){.is-live .dot,.recording-countdown-dialog span,.analysis-orbit span{animation:none}.waveform i,.analysis-meter i{transition:none}}