.notation-container.svelte-3e820g{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:center}.unit-page.svelte-4btfhu{max-width:560px;margin:0 auto;padding:16px 0}.unit-card.svelte-4btfhu{background-color:var(--color-paper-strong);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:32px 24px;box-shadow:var(--shadow-soft);text-align:center}.category.svelte-4btfhu{text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs);color:var(--color-muted);margin:0}.symbol-inline.svelte-4btfhu{font-family:var(--font-phonetic)}.symbol.svelte-4btfhu{font-family:var(--font-phonetic);font-size:6rem;line-height:1.1;font-weight:600;color:var(--color-ink);margin:8px 0 0}.example.svelte-4btfhu{color:var(--color-muted);font-size:var(--text-md);margin:4px 0 24px;font-style:italic}.notation-wrapper.svelte-4btfhu{margin-bottom:24px}.unit-info.svelte-4btfhu{color:var(--color-muted);font-size:var(--text-md);margin-bottom:8px}.unit-info.svelte-4btfhu p:where(.svelte-4btfhu){margin:4px 0}.info-label.svelte-4btfhu{color:var(--color-muted)}.play-button.svelte-4btfhu{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;margin-top:16px;cursor:pointer}.play-button.svelte-4btfhu:hover{background-color:#3a3a37;transform:translateY(-1px)}.play-button.svelte-4btfhu:active{transform:translateY(1px)}.play-button.playing.svelte-4btfhu{background-color:var(--color-accent);border-color:var(--color-accent);animation:svelte-4btfhu-pulse .5s ease-out}@keyframes svelte-4btfhu-pulse{0%{box-shadow:0 0 #2f5f9780}70%{box-shadow:0 0 0 10px #2f5f9700}to{box-shadow:0 0 #2f5f9700}}.pager.svelte-4btfhu{display:flex;justify-content:space-between;align-items:center;margin-top:24px;background:var(--color-paper-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.6rem 1rem}.pager-link.svelte-4btfhu{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-4btfhu:hover{background-color:var(--color-border-soft)}.index-link.svelte-4btfhu{font-size:.95rem;color:var(--color-muted)}@media (max-width: 600px){.symbol.svelte-4btfhu{font-size:4.5rem}}