.number-example.svelte-xzlnqx{display:grid;grid-template-columns:auto auto auto 1fr auto;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-elevated);border-radius:8px;border:1px solid var(--color-bg-hover)}.digit.svelte-xzlnqx{font-size:18px;font-weight:700;color:var(--color-accent);text-align:right;min-width:2.5rem}.kanji.svelte-xzlnqx{font-size:22px;color:var(--color-text);text-align:center;white-space:nowrap}.hiragana.svelte-xzlnqx{font-size:15px;color:var(--color-text-muted);white-space:nowrap}.romaji.svelte-xzlnqx{font-size:14px;color:var(--color-text-dim);font-style:italic}.audio-btn.svelte-xzlnqx{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:color-mix(in srgb,var(--color-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:50%;color:var(--color-primary);cursor:pointer;transition:all .15s ease}.audio-btn.svelte-xzlnqx:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 25%,transparent);border-color:var(--color-primary)}.audio-btn.svelte-xzlnqx:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.audio-btn.svelte-xzlnqx:disabled{opacity:.6;cursor:not-allowed}.audio-btn.svelte-xzlnqx svg:where(.svelte-xzlnqx){width:16px;height:16px}.waveform.svelte-xzlnqx{display:flex;align-items:center;justify-content:center;gap:2px;height:16px}.waveform.svelte-xzlnqx .bar:where(.svelte-xzlnqx){width:3px;background:currentColor;border-radius:2px;animation:svelte-xzlnqx-wave .8s ease-in-out infinite}.waveform.svelte-xzlnqx .bar:where(.svelte-xzlnqx):nth-child(1){animation-delay:0s}.waveform.svelte-xzlnqx .bar:where(.svelte-xzlnqx):nth-child(2){animation-delay:.15s}.waveform.svelte-xzlnqx .bar:where(.svelte-xzlnqx):nth-child(3){animation-delay:.3s}@keyframes svelte-xzlnqx-wave{0%,to{height:4px}50%{height:14px}}@media(max-width:480px){.number-example.svelte-xzlnqx{gap:8px;padding:10px 12px}.digit.svelte-xzlnqx{font-size:14px;min-width:2rem}.kanji.svelte-xzlnqx{font-size:18px}.hiragana.svelte-xzlnqx{font-size:13px}.romaji.svelte-xzlnqx{font-size:11px}.audio-btn.svelte-xzlnqx{width:32px;height:32px}.audio-btn.svelte-xzlnqx svg:where(.svelte-xzlnqx){width:14px;height:14px}}