.sheet-music.svelte-1oh5agc{padding:1rem 0}.sheet-controls.svelte-1oh5agc{justify-content:flex-end;margin-bottom:.5rem;display:flex}.print-btn.svelte-1oh5agc{font-family:var(--font-serif);color:var(--color-accent-dim);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-smooth);background:0 0;border-radius:2px;padding:.35rem .8rem;font-size:.8rem}.print-btn.svelte-1oh5agc:hover{border-color:var(--color-accent);color:var(--color-accent)}.sheet-preview.svelte-1oh5agc{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:1rem;overflow-x:auto}.sheet-preview.svelte-1oh5agc svg{max-width:100%;height:auto;margin:0 auto;display:block}.playback-page.svelte-112kdh0{flex-direction:column;max-width:100%;min-height:80vh;display:flex}.not-found.svelte-112kdh0{text-align:center;padding:6rem 2rem}.nf-icon.svelte-112kdh0{color:var(--color-accent-dim);opacity:.3;margin-bottom:1rem;font-size:2.5rem;display:block}.nf-title.svelte-112kdh0{color:var(--color-text);margin-bottom:.4rem;font-size:1.2rem}.nf-text.svelte-112kdh0{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.9rem;font-style:italic}.nf-link.svelte-112kdh0{color:var(--color-accent-dim);font-size:.85rem}.piece-header.svelte-112kdh0{border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.back.svelte-112kdh0{color:var(--color-text-muted);font-size:.9rem}.piece-info.svelte-112kdh0{flex:1}.share-piece-btn.svelte-112kdh0{font-family:var(--font-serif);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:2px;flex-shrink:0;padding:.25rem .7rem;font-size:.7rem}.share-piece-btn.svelte-112kdh0:hover{border-color:var(--color-accent-dim);color:var(--color-accent)}.piece-title.svelte-112kdh0{color:var(--color-text);font-size:1.1rem;font-weight:400}.piece-composer.svelte-112kdh0{color:var(--color-accent-dim);font-size:.8rem;font-style:italic}.notice.svelte-112kdh0{text-align:center;color:var(--color-text-muted);background:var(--color-surface);padding:1rem;font-size:.85rem;font-style:italic}.visualizer.svelte-112kdh0{flex:1;min-height:200px}.piano-area.svelte-112kdh0{width:100%}.transport.svelte-112kdh0{border-top:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex}.transport-btn.svelte-112kdh0{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;width:36px;height:36px;transition:all var(--transition-smooth);background:0 0;border-radius:2px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.transport-btn.svelte-112kdh0:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.transport-btn.svelte-112kdh0:disabled{opacity:.3;cursor:not-allowed}.transport-btn.play.svelte-112kdh0{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.seek-area.svelte-112kdh0{flex:1;align-items:center;gap:.5rem;min-width:200px;display:flex}.seek-bar.svelte-112kdh0{accent-color:var(--color-accent);flex:1}.time.svelte-112kdh0{color:var(--color-text-muted);text-align:center;font-variant-numeric:tabular-nums;min-width:35px;font-size:.7rem}.tempo-controls.svelte-112kdh0{gap:.25rem;display:flex}.tempo-btn.svelte-112kdh0{font-family:var(--font-serif);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-smooth);background:0 0;border-radius:2px;padding:.2rem .4rem;font-size:.65rem}.tempo-btn.svelte-112kdh0:hover{border-color:var(--color-accent-dim);color:var(--color-accent)}.tempo-btn.active.svelte-112kdh0{border-color:var(--color-accent);color:var(--color-accent);background:#e8d5b714}.progress-saved.svelte-112kdh0{text-align:center;color:var(--color-success);padding:.4rem;font-size:.75rem;animation:.3s svelte-112kdh0-fadeIn}@keyframes svelte-112kdh0-fadeIn{0%{opacity:0}to{opacity:1}}.add-repertoire.svelte-112kdh0{font-family:var(--font-serif);color:var(--color-accent-dim);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:2px;padding:.2rem .6rem;font-size:.7rem}.add-repertoire.svelte-112kdh0:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.add-repertoire.added.svelte-112kdh0{color:var(--color-success);cursor:default;border-color:#4ade804d}.piece-details.svelte-112kdh0{justify-content:center;gap:1.5rem;padding:1rem;display:flex}.view-toggle.svelte-112kdh0{justify-content:center;gap:.5rem;padding:.5rem 0;display:flex}.view-btn.svelte-112kdh0{font-family:var(--font-serif);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-smooth);background:0 0;border-radius:2px;padding:.3rem .8rem;font-size:.75rem}.view-btn.svelte-112kdh0:hover{border-color:var(--color-accent-dim);color:var(--color-accent)}.view-btn.active.svelte-112kdh0{border-color:var(--color-accent);color:var(--color-accent);background:#e8d5b70f}.detail.svelte-112kdh0{color:var(--color-text-muted);text-transform:capitalize;font-size:.75rem}@media (width<=640px){.transport.svelte-112kdh0{justify-content:center}.seek-area.svelte-112kdh0{order:3;min-width:100%}}.related-section.svelte-112kdh0{max-width:700px;margin:2rem auto;padding:0 1.5rem}.related-title.svelte-112kdh0{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:.4rem;font-size:.68rem;font-weight:400}.related-grid.svelte-112kdh0{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem;display:grid}.related-card.svelte-112kdh0{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;gap:.15rem;padding:.75rem .85rem;text-decoration:none;display:flex}.related-card.svelte-112kdh0:hover{border-color:var(--color-accent-dim);transform:translateY(-1px)}.related-name.svelte-112kdh0{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.related-card.svelte-112kdh0:hover .related-name:where(.svelte-112kdh0){color:var(--color-accent)}.related-meta.svelte-112kdh0{color:var(--color-text-faint);font-size:.62rem}