.page.svelte-12ei473{min-height:100dvh;background:var(--color-surface);color:var(--color-ink);font-family:var(--font-display);display:flex;flex-direction:column;align-items:center;padding-top:50px}.session.svelte-12ei473{width:100%;max-width:720px;display:flex;flex-direction:column;flex:1;min-height:calc(100dvh - 50px)}button.svelte-12ei473:focus-visible,a.svelte-12ei473:focus-visible,input.svelte-12ei473:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.head.svelte-12ei473{padding:26px 40px 0}.head-row.svelte-12ei473{display:flex;align-items:baseline;gap:18px}.spacer.svelte-12ei473{flex:1}.back-nav.svelte-12ei473{font-size:16px;color:var(--color-ink);text-decoration:none;line-height:1;transition:color var(--transition-fast)}.back-nav.svelte-12ei473:hover{color:var(--color-muted)}.page-title.svelte-12ei473{font-weight:700;font-size:14px;color:var(--color-ink);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-tabs.svelte-12ei473{display:flex;gap:18px}.mode-tab.svelte-12ei473{background:none;border:none;padding:0 0 4px;border-bottom:2px solid transparent;font-family:var(--font-display);font-size:var(--meta-size);font-weight:600;letter-spacing:var(--meta-tracking);text-transform:uppercase;color:var(--color-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.mode-tab.svelte-12ei473:hover{color:var(--color-ink)}.mode-tab.active.svelte-12ei473{color:var(--color-ink);border-bottom-color:var(--color-indigo)}.progress-track.svelte-12ei473{margin-top:16px;height:2px;background:var(--color-hairline)}.progress-fill.svelte-12ei473{height:2px;background:var(--color-indigo);transition:width .3s ease}.meta.svelte-12ei473{display:flex;align-items:baseline;gap:22px;margin-top:13px;font-size:var(--meta-size);letter-spacing:var(--meta-tracking);color:var(--color-muted);font-weight:600;text-transform:uppercase;font-variant-numeric:tabular-nums}.range-toggle.svelte-12ei473{background:none;border:none;padding:0;font-family:var(--font-display);font-size:var(--meta-size);font-weight:600;letter-spacing:var(--meta-tracking);text-transform:uppercase;color:var(--color-muted);border-bottom:1px dotted var(--color-muted);cursor:pointer;font-variant-numeric:tabular-nums;transition:color var(--transition-fast)}.range-toggle.svelte-12ei473:hover,.meta-goal.met.svelte-12ei473,.meta-streak.active.svelte-12ei473{color:var(--color-ink)}.range-panel.svelte-12ei473{position:relative;width:100%;padding:16px 40px;border-bottom:1px solid var(--color-hairline)}.range-close-btn.svelte-12ei473{position:absolute;top:14px;right:40px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--color-muted);font-size:13px;cursor:pointer;z-index:1;transition:color var(--transition-fast)}.range-close-btn.svelte-12ei473:hover{color:var(--color-ink)}.game-area.svelte-12ei473{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;width:100%;padding:32px 40px}.challenge.svelte-12ei473{text-align:center}.challenge-question.svelte-12ei473{font-size:var(--meta-size);font-weight:600;letter-spacing:var(--meta-tracking);text-transform:uppercase;color:var(--color-muted);margin-bottom:18px}.challenge-number.svelte-12ei473{font-size:clamp(56px,15vw,96px);font-weight:600;color:var(--color-ink);line-height:1.1;background:none;border:none;padding:0;cursor:pointer;font-variant-numeric:tabular-nums;transition:color var(--transition-fast)}.challenge-number.svelte-12ei473:hover:not(:disabled){color:var(--color-indigo)}.challenge-number.svelte-12ei473:disabled{cursor:default}.digit-row.svelte-12ei473{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.digit-btn.svelte-12ei473{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:68px;padding:16px 12px;background:var(--color-surface);border:1px solid var(--color-hairline);color:var(--color-ink);font-family:var(--font-display);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.digit-btn.svelte-12ei473:hover{border-color:var(--color-ink)}.digit-btn.revealed.svelte-12ei473{min-width:88px}.digit-btn.silent.svelte-12ei473{border-style:dashed}.digit-value.svelte-12ei473{font-size:30px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.digit-btn.revealed.svelte-12ei473 .digit-value:where(.svelte-12ei473){font-size:15px;color:var(--color-muted)}.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(4px)}to{opacity:1;transform:translateY(0)}}.reading-kanji.svelte-12ei473{font-size:24px;font-weight:600;color:var(--color-ink)}.reading-kana.svelte-12ei473{font-size:13px;color:var(--color-muted)}.reading-silent.svelte-12ei473{font-size:12px;color:var(--color-muted);font-style:italic}.answer-section.svelte-12ei473{min-height:150px;display:flex;align-items:center;justify-content:center;width:100%}.full-reading.svelte-12ei473{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;animation:svelte-12ei473-fadeIn .3s ease-out}.full-kanji.svelte-12ei473{font-size:36px;font-weight:600;color:var(--color-ink)}.full-kana.svelte-12ei473{font-size:19px;color:var(--color-muted)}.romaji.svelte-12ei473{background:none;border:none;padding:2px 6px;font-family:var(--font-display);font-size:15px;color:var(--color-muted);letter-spacing:.05em;font-style:italic;cursor:pointer;transition:color var(--transition-fast)}.romaji.svelte-12ei473:hover{color:var(--color-ink)}.romaji-toggle.svelte-12ei473{background:none;border:none;padding:2px 0;color:var(--color-muted);font-size:13px;font-family:var(--font-display);cursor:pointer;border-bottom:1px dashed var(--color-muted);transition:color var(--transition-fast)}.romaji-toggle.svelte-12ei473:hover{color:var(--color-ink)}@keyframes svelte-12ei473-wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.answer-options.svelte-12ei473{display:flex;flex-direction:column;align-items:center;gap:16px}.answer-btn.svelte-12ei473{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.show-btn.svelte-12ei473{background:none;border:none;padding:0 0 2px;font-size:14px;font-weight:600;color:var(--color-ink);border-bottom:1px solid var(--color-ink)}.show-btn.svelte-12ei473:hover,.show-btn.muted.svelte-12ei473{color:var(--color-muted);border-bottom-color:var(--color-muted)}.show-btn.muted.svelte-12ei473:hover{color:var(--color-ink);border-bottom-color:var(--color-ink)}.or-divider.svelte-12ei473{display:flex;align-items:center;gap:14px;width:220px}.or-divider.svelte-12ei473:before,.or-divider.svelte-12ei473:after{content:"";flex:1;height:1px;background:var(--color-hairline)}.or-divider.svelte-12ei473 span:where(.svelte-12ei473){font-size:var(--meta-size);font-weight:600;color:var(--color-kbd);text-transform:uppercase;letter-spacing:var(--meta-tracking)}.mic-btn.svelte-12ei473{position:relative;min-width:220px;padding:13px 28px;background:var(--color-surface);border:1px solid var(--color-hairline);color:var(--color-muted);font-size:14px;font-weight:600}.mic-btn.svelte-12ei473:hover:not(:disabled){border-color:var(--color-ink);color:var(--color-ink)}.mic-btn.listening.svelte-12ei473{border-color:var(--color-ink);color:var(--color-ink)}.mic-btn.listening.svelte-12ei473 svg:where(.svelte-12ei473){animation:svelte-12ei473-micPulse 1.2s ease-in-out infinite}@keyframes svelte-12ei473-micPulse{0%,to{opacity:1}50%{opacity:.35}}.mic-btn.svelte-12ei473:disabled:not(.listening){cursor:not-allowed;opacity:.6}.coming-soon.svelte-12ei473{position:absolute;top:-9px;right:12px;padding:2px 8px;background:var(--color-fill);font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--color-muted)}.speech-feedback.svelte-12ei473{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-surface);border:1px solid var(--color-hairline);font-size:13px;color:var(--color-ink)}.speech-feedback.wrong.svelte-12ei473{color:var(--color-red)}.speech-feedback.error.svelte-12ei473{color:var(--color-muted)}.feedback-icon.svelte-12ei473{font-size:14px}.feedback-text.svelte-12ei473{font-size:13px}.rating-area.svelte-12ei473{width:100%}.rating-label.svelte-12ei473{text-align:center;font-size:var(--meta-size);font-weight:600;letter-spacing:var(--meta-tracking);text-transform:uppercase;color:var(--color-muted);padding-bottom:12px}.listening-ready-state.svelte-12ei473{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.listening-ready-title.svelte-12ei473{font-size:22px;font-weight:700;color:var(--color-ink);margin:0}.listening-start-btn.svelte-12ei473{padding:14px 48px;background:var(--color-indigo);border:none;color:#fff;font-size:15px;font-weight:600;font-family:var(--font-display);cursor:pointer;transition:background var(--transition-fast)}.listening-start-btn.svelte-12ei473:hover{background:var(--color-indigo-hover)}.listening-friends-link.svelte-12ei473{font-size:13px;color:var(--color-muted);text-decoration:underline;text-underline-offset:6px;transition:color var(--transition-fast)}.listening-friends-link.svelte-12ei473:hover{color:var(--color-ink)}.listening-playing-state.svelte-12ei473{width:100%;max-width:460px;text-align:center}.listening-audio-indicator.svelte-12ei473{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0 32px}.listening-sound-wave.svelte-12ei473{display:flex;align-items:center;gap:4px;height:36px}.listening-sound-wave.svelte-12ei473 span:where(.svelte-12ei473){width:3px;height:18px;background:var(--color-ink);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:8px;background:var(--color-kbd)}.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:8px}50%{height:36px}}.listening-audio-text.svelte-12ei473{font-size:var(--meta-size);font-weight:600;letter-spacing:var(--meta-tracking);text-transform:uppercase;color:var(--color-muted)}.listening-timer-bar-container.svelte-12ei473{position:relative;width:100%;height:2px;background:var(--color-hairline);margin-bottom:32px}.listening-timer-bar.svelte-12ei473{height:2px;background:var(--color-indigo);transition:width .1s linear}.listening-timer-bar.danger.svelte-12ei473{background:var(--color-red)}.listening-timer-text.svelte-12ei473{position:absolute;top:8px;right:0;font-size:var(--meta-size);font-weight:600;letter-spacing:var(--meta-tracking);color:var(--color-muted);font-variant-numeric:tabular-nums}.listening-input-section.svelte-12ei473{margin-bottom:24px}.listening-number-input.svelte-12ei473{width:100%;padding:18px;font-size:32px;font-weight:600;text-align:center;background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:0;color:var(--color-ink);outline:none;font-variant-numeric:tabular-nums;transition:border-color var(--transition-fast)}.listening-number-input.svelte-12ei473:focus{border-color:var(--color-ink)}.listening-number-input.svelte-12ei473::placeholder{color:var(--color-kbd);font-weight:400;font-size:20px}.listening-input-hint.svelte-12ei473{margin-top:10px;font-size:var(--meta-size);font-weight:600;letter-spacing:var(--meta-tracking);text-transform:uppercase;color:var(--color-kbd)}.listening-action-buttons.svelte-12ei473{display:flex;gap:12px;justify-content:center}.listening-submit-btn.svelte-12ei473{padding:12px 32px;background:var(--color-indigo);border:none;color:#fff;font-size:13px;font-weight:600;font-family:var(--font-display);cursor:pointer;transition:background var(--transition-fast)}.listening-submit-btn.svelte-12ei473:hover:not(:disabled){background:var(--color-indigo-hover)}.listening-submit-btn.svelte-12ei473:disabled{opacity:.4;cursor:not-allowed}.listening-result-state.svelte-12ei473{width:100%;max-width:460px;text-align:center}.listening-result-icon.svelte-12ei473{font-size:44px;line-height:1;color:var(--color-ink);margin-bottom:12px}.listening-result-state.wrong.svelte-12ei473 .listening-result-icon:where(.svelte-12ei473){color:var(--color-red)}.listening-result-text.svelte-12ei473{font-size:24px;font-weight:700;color:var(--color-ink);margin-bottom:28px}.listening-result-state.wrong.svelte-12ei473 .listening-result-text:where(.svelte-12ei473){color:var(--color-red)}.listening-answer-display.svelte-12ei473{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:20px}.listening-answer-number.svelte-12ei473{font-size:48px;font-weight:600;color:var(--color-ink);line-height:1;font-variant-numeric:tabular-nums}.listening-answer-reading.svelte-12ei473{display:flex;flex-direction:column;align-items:center;gap:6px}.listening-reading-kanji.svelte-12ei473{font-size:26px;font-weight:600;color:var(--color-ink)}.listening-reading-kana.svelte-12ei473{font-size:16px;color:var(--color-muted)}.listening-your-answer.svelte-12ei473{font-size:14px;color:var(--color-muted);margin-bottom:20px}.listening-your-answer.svelte-12ei473 span:where(.svelte-12ei473){color:var(--color-red);font-variant-numeric:tabular-nums}.listening-result-stats.svelte-12ei473{display:flex;justify-content:center;gap:20px;margin-bottom:28px;font-size:13px;color:var(--color-muted)}.listening-streak-bonus.svelte-12ei473{color:var(--color-ink)}.listening-result-actions.svelte-12ei473{display:flex;gap:12px;justify-content:center}.listening-next-btn.svelte-12ei473{padding:13px 28px;background:var(--color-indigo);border:none;color:#fff;font-size:14px;font-weight:600;font-family:var(--font-display);cursor:pointer;transition:background var(--transition-fast)}.listening-next-btn.svelte-12ei473:hover{background:var(--color-indigo-hover)}.listening-hint.svelte-12ei473{margin-top:18px;font-size:var(--meta-size);font-weight:600;letter-spacing:var(--meta-tracking);text-transform:uppercase;color:var(--color-kbd)}.listening-multiplayer-link.svelte-12ei473{text-align:center;padding:20px 0 24px}.listening-multiplayer-link.svelte-12ei473 a:where(.svelte-12ei473){font-size:13px;color:var(--color-muted);text-decoration:underline;text-underline-offset:6px;transition:color var(--transition-fast)}.listening-multiplayer-link.svelte-12ei473 a:where(.svelte-12ei473):hover{color:var(--color-ink)}@media(max-width:600px){.head.svelte-12ei473{padding:20px 20px 0}.head-row.svelte-12ei473{gap:12px}.meta.svelte-12ei473{gap:14px}.range-panel.svelte-12ei473{padding:12px 20px}.range-close-btn.svelte-12ei473{right:20px}.game-area.svelte-12ei473{padding:24px 20px;gap:28px}}@media(max-width:420px){.digit-btn.svelte-12ei473{min-width:58px;padding:12px 10px}.digit-value.svelte-12ei473{font-size:24px}.digit-btn.revealed.svelte-12ei473{min-width:74px}.reading-kanji.svelte-12ei473{font-size:20px}.listening-number-input.svelte-12ei473{font-size:24px;padding:14px}.listening-answer-number.svelte-12ei473{font-size:36px}.listening-action-buttons.svelte-12ei473,.listening-result-actions.svelte-12ei473{flex-direction:column;align-items:stretch}}