.notation-container.svelte-1sy10la{width:100%;overflow-x:auto;background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:120px;display:flex;align-items:center;justify-content:flex-start}.notation-container.svelte-1sy10la svg{flex-shrink:0}.melody-page.svelte-12eqeim{max-width:720px;margin:0 auto;padding:16px 0}header.svelte-12eqeim{text-align:center;margin-bottom:24px}header.svelte-12eqeim h3:where(.svelte-12eqeim){color:var(--color-muted);font-size:var(--text-md);margin:0}.melody-card.svelte-12eqeim{background-color:var(--color-paper-strong);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-soft);text-align:center}.word-form.svelte-12eqeim{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}input.svelte-12eqeim{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:#fff;color:var(--color-ink);padding:.55rem 1.2rem;font-size:var(--text-lg);width:min(280px,100%)}input.svelte-12eqeim:focus-visible{outline:2px solid var(--color-accent-soft);outline-offset:2px}.play-button.svelte-12eqeim{background-color:var(--color-ink);color:#fff;padding:.55rem 1.5rem;border-radius:var(--radius-pill);border:1px solid var(--color-ink);font-weight:600;font-size:var(--text-md);transition:all .2s ease;cursor:pointer}.play-button.svelte-12eqeim:hover:enabled{background-color:#3a3a37;transform:translateY(-1px)}.play-button.svelte-12eqeim:disabled{opacity:.45;cursor:not-allowed}.play-button.playing.svelte-12eqeim{background-color:var(--color-accent);border-color:var(--color-accent)}.readout.svelte-12eqeim{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin:20px 0 16px}.phoneme.svelte-12eqeim{font-family:var(--font-phonetic);font-size:1.3rem;font-weight:600;color:var(--color-ink);text-decoration:none;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 10px;transition:border-color .2s ease}.phoneme.svelte-12eqeim:hover{border-color:var(--color-accent)}.notation-wrapper.svelte-12eqeim{margin-top:4px}.hint.svelte-12eqeim{color:var(--color-muted);font-size:var(--text-sm);margin:16px 0 0}.hint.error.svelte-12eqeim{color:#8d3535}.pager.svelte-12eqeim{display:flex;justify-content:center;margin-top:24px}.pager-link.svelte-12eqeim{color:var(--color-accent);text-decoration:none;font-weight:600;font-size:var(--text-md);padding:8px 12px;border-radius:var(--radius-sm);transition:background-color .2s ease}.pager-link.svelte-12eqeim:hover{background-color:var(--color-border-soft)}