.practice-screen.svelte-12ei473{min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#0a0a12,#1a1a2e,#0a0a12);display:flex;flex-direction:column;align-items:center;padding:60px 16px 16px}.practice-screen.svelte-12ei473>*{width:100%;max-width:480px}.top-bar.svelte-12ei473{display:flex;justify-content:flex-end;align-items:center;margin-bottom:16px}.goal-progress.svelte-12ei473{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#0000004d;border:1px solid rgba(34,197,94,.3);border-radius:8px}.goal-progress.complete.svelte-12ei473{border-color:#22c55e;background:#22c55e1a}.goal-info.svelte-12ei473{display:flex;align-items:baseline;gap:4px}.goal-current.svelte-12ei473{font-size:20px;font-weight:700;color:#22c55e}.goal-divider.svelte-12ei473{font-size:14px;color:#666}.goal-target.svelte-12ei473{font-size:14px;color:#888}.goal-bar.svelte-12ei473{width:80px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.goal-bar-fill.svelte-12ei473{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;transition:width .3s ease}.goal-complete-icon.svelte-12ei473{color:#22c55e;font-size:16px;font-weight:700}.game-area.svelte-12ei473{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;max-width:600px;margin:0 auto;width:100%}.challenge.svelte-12ei473{text-align:center}.challenge-question.svelte-12ei473{font-size:16px;color:#888;margin-bottom:12px}.challenge-number.svelte-12ei473{font-size:clamp(48px,15vw,72px);font-weight:700;color:#00d9ff;text-shadow:0 0 30px rgba(0,217,255,.6),0 0 60px rgba(0,217,255,.4);line-height:1;background:none;border:none;cursor:pointer;padding:8px 16px;border-radius:12px;transition:all .15s ease}.challenge-number.svelte-12ei473:hover:not(:disabled){background:#00d9ff1a;text-shadow:0 0 40px rgba(0,217,255,.8),0 0 80px rgba(0,217,255,.5)}.challenge-number.svelte-12ei473:active:not(:disabled){transform:scale(.98)}.challenge-number.svelte-12ei473:disabled{cursor:default}.digit-row.svelte-12ei473{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.digit-btn.svelte-12ei473{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:70px;padding:16px;background:#0000004d;border:2px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;cursor:pointer;transition:all .15s ease}.digit-btn.svelte-12ei473:hover:not(:disabled){background:#00d9ff1a;border-color:#00d9ff66;box-shadow:0 0 20px #00d9ff33}.digit-btn.svelte-12ei473:active:not(:disabled){transform:scale(.96)}.digit-btn.revealed.svelte-12ei473{background:#ff006e1a;border-color:#ff006e;box-shadow:0 0 15px #ff006e33;min-width:90px}.digit-btn.revealed.svelte-12ei473:hover{background:#ff006e33;border-color:#ff006e;box-shadow:0 0 25px #ff006e4d}.digit-btn:hover:not(:disabled).revealed.svelte-12ei473{background:#ff006e33;border-color:#ff006e;box-shadow:0 0 25px #ff006e4d}.digit-btn.revealed.svelte-12ei473:active{transform:scale(.96)}.digit-btn.silent.svelte-12ei473{border-color:#444;background:#0003;box-shadow:none}.digit-value.svelte-12ei473{font-size:32px;font-weight:700;line-height:1}.digit-btn.revealed.svelte-12ei473 .digit-value:where(.svelte-12ei473){font-size:20px;color:#666}.digit-reading.svelte-12ei473{display:flex;flex-direction:column;align-items:center;gap:4px;animation:svelte-12ei473-fadeIn .2s ease-out}@keyframes svelte-12ei473-fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.reading-kanji.svelte-12ei473{font-size:24px;font-weight:700;color:#ff006e;text-shadow:0 0 12px rgba(255,0,110,.4)}.reading-kana.svelte-12ei473{font-size:14px;color:#ddd}.reading-silent.svelte-12ei473{font-size:12px;color:#555;font-style:italic}.answer-section.svelte-12ei473{min-height:140px;display:flex;align-items:center;justify-content:center}.full-reading.svelte-12ei473{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 32px;background:#ff006e14;border:2px solid #ff006e;border-radius:12px;animation:svelte-12ei473-fadeIn .3s ease-out}.full-kanji.svelte-12ei473{font-size:28px;font-weight:700;color:#ff006e;text-shadow:0 0 15px rgba(255,0,110,.4)}.full-kana.svelte-12ei473{font-size:18px;color:#fff}.full-romaji.svelte-12ei473{font-size:14px;color:#888;font-style:italic}.replay-btn.svelte-12ei473{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 16px;background:transparent;border:1px solid rgba(255,0,110,.4);border-radius:6px;color:#ff006e;font-size:13px;cursor:pointer;transition:all .15s ease}.replay-btn.svelte-12ei473:hover:not(:disabled){background:#ff006e1a;border-color:#ff006e}.replay-btn.svelte-12ei473:disabled{opacity:.6;cursor:default}.waveform.svelte-12ei473{display:flex;align-items:center;justify-content:center;gap:3px;height:16px}.waveform.svelte-12ei473 .bar:where(.svelte-12ei473){width:3px;background:currentColor;border-radius:2px;animation:svelte-12ei473-wave .8s ease-in-out infinite}.waveform.svelte-12ei473 .bar:where(.svelte-12ei473):nth-child(1){animation-delay:0s}.waveform.svelte-12ei473 .bar:where(.svelte-12ei473):nth-child(2){animation-delay:.15s}.waveform.svelte-12ei473 .bar:where(.svelte-12ei473):nth-child(3){animation-delay:.3s}@keyframes svelte-12ei473-wave{0%,to{height:4px}50%{height:14px}}.answer-options.svelte-12ei473{display:flex;flex-direction:column;align-items:center;gap:12px}.answer-btn.svelte-12ei473{display:flex;align-items:center;justify-content:center;gap:10px;min-width:200px;padding:14px 24px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .15s ease}.mic-btn.svelte-12ei473{background:#0000004d;border:2px solid rgba(255,255,255,.15);color:#a0a0b0;position:relative}.mic-btn.svelte-12ei473:hover:not(:disabled){background:#8a2be21a;border-color:#8a2be266;color:#c9a0dc}.mic-btn.listening.svelte-12ei473{background:#8a2be233;border-color:#8a2be2;color:#c9a0dc;animation:svelte-12ei473-pulse 1.5s infinite}@keyframes svelte-12ei473-pulse{0%,to{box-shadow:0 0 #8a2be266}50%{box-shadow:0 0 0 10px #8a2be200}}.mic-btn.svelte-12ei473:disabled:not(.listening){cursor:not-allowed;color:#555}.speech-feedback.svelte-12ei473{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px}.speech-feedback.correct.svelte-12ei473{background:#00c8641a;border:1px solid rgba(0,200,100,.3);color:#00c864}.speech-feedback.wrong.svelte-12ei473{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff6b6b}.speech-feedback.error.svelte-12ei473{background:#ffaa001a;border:1px solid rgba(255,170,0,.3);color:#fa0}.feedback-icon.svelte-12ei473{font-size:16px}.feedback-text.svelte-12ei473{font-size:13px}.coming-soon.svelte-12ei473{position:absolute;top:-8px;right:-8px;padding:2px 8px;background:#333;border-radius:10px;font-size:10px;color:#888}.hear-btn.svelte-12ei473{background:#00d9ff1a;border:2px solid #00d9ff;color:#00d9ff}.hear-btn.svelte-12ei473:hover:not(:disabled){background:#00d9ff33;box-shadow:0 0 20px #00d9ff4d}.hear-btn.svelte-12ei473:disabled{opacity:.6;cursor:default}.show-btn.svelte-12ei473{background:transparent;border:1px solid #444;color:#888}.show-btn.svelte-12ei473:hover{border-color:#666;color:#aaa}.show-btn.muted.svelte-12ei473{border-color:#ffaa004d;color:#997a00}.show-btn.muted.svelte-12ei473:hover{border-color:#ffaa0080;color:#fa0;background:#ffaa000d}.or-divider.svelte-12ei473{display:flex;align-items:center;gap:16px;width:200px}.or-divider.svelte-12ei473:before,.or-divider.svelte-12ei473:after{content:"";flex:1;height:1px;background:#ffffff1a}.or-divider.svelte-12ei473 span:where(.svelte-12ei473){font-size:12px;color:#555;text-transform:uppercase;letter-spacing:.1em}.rating-area.svelte-12ei473{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0}.rating-label.svelte-12ei473{font-size:12px;color:#666;letter-spacing:.1em;text-transform:uppercase}@media(max-width:400px){.digit-btn.svelte-12ei473{min-width:60px;padding:12px}.digit-value.svelte-12ei473{font-size:26px}.digit-btn.revealed.svelte-12ei473{min-width:75px}.reading-kanji.svelte-12ei473{font-size:20px}}.range-expanded-wrapper.svelte-12ei473{position:relative;width:100%;padding:0 16px 8px}.range-close-btn.svelte-12ei473{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:50%;color:#666;font-size:12px;cursor:pointer;transition:all .15s;z-index:1}.range-close-btn.svelte-12ei473:hover{color:#fff;background:#ffffff1a}.range-collapsed.svelte-12ei473{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background:none;border:none;cursor:pointer;transition:all .15s;margin-bottom:4px}.range-collapsed.svelte-12ei473:hover{border-color:#ff006e4d;background:#ffffff08}.range-collapsed-label.svelte-12ei473{font-size:12px;color:#666}.range-collapsed-value.svelte-12ei473{font-size:13px;color:#ff006e;font-weight:600}.range-collapsed-icon.svelte-12ei473{color:#555}.tab-bar.svelte-12ei473{display:flex;justify-content:center;gap:0;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.tab.svelte-12ei473{display:flex;align-items:center;gap:6px;padding:12px 28px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;border:none;border-bottom:2px solid transparent;background:none;color:#666;margin-bottom:-1px}.tab-icon.svelte-12ei473{width:16px;height:16px}.tab.svelte-12ei473:hover:not(.active){color:#999}.tab.active.svelte-12ei473{color:#ff006e;border-bottom-color:#ff006e}.tab.svelte-12ei473:hover:not(.active){background:#ffffff14;color:#999}.listening-stats-row.svelte-12ei473{display:flex;gap:16px}.listening-stat-box.svelte-12ei473{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.listening-stat-box.listening-streak.active.svelte-12ei473{border-color:#fa06;background:#ffaa001a}.listening-stat-label.svelte-12ei473{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.1em}.listening-stat-value.svelte-12ei473{font-size:18px;font-weight:700;color:#fff}.listening-stat-box.listening-streak.active.svelte-12ei473 .listening-stat-value:where(.svelte-12ei473){color:#fa0}.listening-ready-state.svelte-12ei473{text-align:center;padding-top:40px}.listening-ready-title.svelte-12ei473{font-size:22px;font-weight:700;color:#fff;margin:0 0 12px}.listening-start-btn.svelte-12ei473{padding:14px 48px;border:none;border-radius:12px;color:#fff;font-size:17px;font-weight:700;cursor:pointer;transition:all .15s ease;background:linear-gradient(180deg,#a855f7,#7c3aed);box-shadow:0 4px 20px #a855f74d}.listening-start-btn.svelte-12ei473:hover{transform:translateY(-2px);box-shadow:0 6px 30px #a855f766}.listening-friends-link.svelte-12ei473{display:block;margin-top:16px;font-size:13px;color:#666;text-decoration:none;transition:color .15s}.listening-friends-link.svelte-12ei473:hover{color:#00d9ff}.listening-playing-state.svelte-12ei473{width:100%;text-align:center}.listening-audio-indicator.svelte-12ei473{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;background:#8a2be214;border:2px solid rgba(138,43,226,.2);border-radius:16px;margin-bottom:32px}.listening-audio-indicator.playing.svelte-12ei473{border-color:#a855f7;background:#8a2be226}.listening-sound-wave.svelte-12ei473{display:flex;align-items:center;gap:4px;height:40px}.listening-sound-wave.svelte-12ei473 span:where(.svelte-12ei473){width:6px;height:20px;background:#a855f7;border-radius:3px;animation:svelte-12ei473-listeningWave 1s ease-in-out infinite}.listening-audio-indicator.svelte-12ei473:not(.playing) .listening-sound-wave:where(.svelte-12ei473) span:where(.svelte-12ei473){animation:none;height:10px;opacity:.4}.listening-sound-wave.svelte-12ei473 span:where(.svelte-12ei473):nth-child(1){animation-delay:0s}.listening-sound-wave.svelte-12ei473 span:where(.svelte-12ei473):nth-child(2){animation-delay:.1s}.listening-sound-wave.svelte-12ei473 span:where(.svelte-12ei473):nth-child(3){animation-delay:.2s}.listening-sound-wave.svelte-12ei473 span:where(.svelte-12ei473):nth-child(4){animation-delay:.1s}.listening-sound-wave.svelte-12ei473 span:where(.svelte-12ei473):nth-child(5){animation-delay:0s}@keyframes svelte-12ei473-listeningWave{0%,to{height:10px}50%{height:40px}}.listening-audio-text.svelte-12ei473{font-size:16px;color:#a855f7}.listening-timer-bar-container.svelte-12ei473{position:relative;width:100%;height:8px;background:#ffffff1a;border-radius:4px;margin-bottom:24px;overflow:hidden}.listening-timer-bar.svelte-12ei473{height:100%;background:#a855f7;border-radius:4px;transition:width .1s linear}.listening-timer-bar.warning.svelte-12ei473{background:#f59e0b}.listening-timer-bar.danger.svelte-12ei473{background:#ef4444;animation:svelte-12ei473-listeningPulseDanger .5s ease-in-out infinite}@keyframes svelte-12ei473-listeningPulseDanger{0%,to{opacity:1}50%{opacity:.7}}.listening-timer-text.svelte-12ei473{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.listening-input-section.svelte-12ei473{margin-bottom:24px}.listening-number-input.svelte-12ei473{width:100%;padding:20px;font-size:32px;font-weight:700;text-align:center;background:#0000004d;border:2px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;outline:none;transition:all .15s ease}.listening-number-input.svelte-12ei473:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.listening-number-input.svelte-12ei473::placeholder{color:#555;font-weight:400}.listening-input-hint.svelte-12ei473{margin-top:8px;font-size:13px;color:#666}.listening-action-buttons.svelte-12ei473{display:flex;gap:12px;justify-content:center}.listening-replay-btn.svelte-12ei473{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#888;font-size:14px;cursor:pointer;transition:all .15s ease}.listening-replay-btn.svelte-12ei473:hover:not(:disabled){background:#ffffff0d;color:#fff}.listening-replay-btn.svelte-12ei473:disabled{opacity:.4;cursor:not-allowed}.listening-submit-btn.svelte-12ei473{padding:12px 32px;background:#a855f7;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.listening-submit-btn.svelte-12ei473:hover:not(:disabled){background:#9333ea}.listening-submit-btn.svelte-12ei473:disabled{opacity:.4;cursor:not-allowed}.listening-result-state.svelte-12ei473{text-align:center;width:100%}.listening-result-icon.svelte-12ei473{font-size:64px;margin-bottom:12px}.listening-result-state.correct.svelte-12ei473 .listening-result-icon:where(.svelte-12ei473){color:#22c55e}.listening-result-state.wrong.svelte-12ei473 .listening-result-icon:where(.svelte-12ei473){color:#ef4444}.listening-result-text.svelte-12ei473{font-size:28px;font-weight:700;margin-bottom:24px}.listening-result-state.correct.svelte-12ei473 .listening-result-text:where(.svelte-12ei473){color:#22c55e}.listening-result-state.wrong.svelte-12ei473 .listening-result-text:where(.svelte-12ei473){color:#ef4444}.listening-answer-display.svelte-12ei473{padding:24px;background:#8a2be21a;border:2px solid rgba(138,43,226,.3);border-radius:12px;margin-bottom:16px}.listening-answer-number.svelte-12ei473{font-size:48px;font-weight:700;color:#a855f7;text-shadow:0 0 20px rgba(168,85,247,.4);margin-bottom:12px}.listening-answer-reading.svelte-12ei473{display:flex;flex-direction:column;gap:4px}.listening-reading-kanji.svelte-12ei473{font-size:24px;color:#fff}.listening-reading-kana.svelte-12ei473{font-size:16px;color:#ccc}.listening-reading-romaji.svelte-12ei473{font-size:14px;color:#888;font-style:italic}.listening-your-answer.svelte-12ei473{font-size:14px;color:#888;margin-bottom:16px}.listening-your-answer.svelte-12ei473 span:where(.svelte-12ei473){color:#ef4444}.listening-result-stats.svelte-12ei473{display:flex;justify-content:center;gap:20px;margin-bottom:24px;font-size:14px}.listening-response-time.svelte-12ei473{color:#888}.listening-streak-bonus.svelte-12ei473{color:#fa0}.listening-result-actions.svelte-12ei473{display:flex;gap:12px;justify-content:center}.listening-next-btn.svelte-12ei473{padding:14px 32px;background:linear-gradient(180deg,#a855f7,#7c3aed);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s ease}.listening-next-btn.svelte-12ei473:hover{transform:translateY(-1px);box-shadow:0 4px 20px #a855f74d}.listening-multiplayer-link.svelte-12ei473{text-align:center;padding:16px 0}.listening-multiplayer-link.svelte-12ei473 a:where(.svelte-12ei473){color:#888;font-size:14px;text-decoration:none;transition:color .15s ease}.listening-multiplayer-link.svelte-12ei473 a:where(.svelte-12ei473):hover{color:#00d9ff}@media(max-width:400px){.listening-number-input.svelte-12ei473{font-size:24px;padding:16px}.listening-answer-number.svelte-12ei473{font-size:36px}.listening-action-buttons.svelte-12ei473,.listening-result-actions.svelte-12ei473{flex-direction:column}}