.sheet-music.svelte-1oh5agc{padding:1rem 0}.sheet-controls.svelte-1oh5agc{justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.playback-progress.svelte-1oh5agc{background:var(--color-border);border-radius:1.5px;flex:1;height:3px;overflow:hidden}.progress-fill.svelte-1oh5agc{height:100%;width:var(--progress);background:var(--color-accent);border-radius:1.5px;transition:width .15s linear}.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}.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}.piano-stage.svelte-112kdh0{background:var(--color-bg);flex-direction:column;min-width:0;display:flex}.visualizer.svelte-112kdh0{min-height:200px;position:relative}.visualizer.svelte-112kdh0:after{content:"";background:linear-gradient(to bottom, transparent, var(--color-bg));pointer-events:none;z-index:1;height:30px;position:absolute;bottom:0;left:0;right:0}.piano-area.svelte-112kdh0{width:100%;min-width:0}.piano-area.svelte-112kdh0 .piano-loading{padding-top:0}.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.play.svelte-112kdh0{border-color:var(--color-accent);width:44px;height:44px;color:var(--color-accent);border-radius:50%;font-size:1.1rem}.transport-btn.svelte-112kdh0:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.transport-btn.play.svelte-112kdh0:hover:not(:disabled){background:var(--color-accent);color:var(--color-bg);box-shadow:0 0 16px #d4b89633}.play-spinner.svelte-112kdh0{border:2px solid var(--color-accent-dim);border-top-color:var(--color-accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite svelte-112kdh0-spin;display:block}@keyframes svelte-112kdh0-spin{to{transform:rotate(360deg)}}.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)}.now-note.svelte-112kdh0{color:var(--color-accent);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em;opacity:.8;min-width:28px;font-size:.85rem}.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}.loop-controls.svelte-112kdh0{gap:.25rem;display:flex}.panel-btn.svelte-112kdh0{font-family:var(--font-serif);background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);border-radius:2px;padding:.25rem .7rem;font-size:.72rem}.panel-btn.svelte-112kdh0:hover{border-color:var(--color-accent-dim);color:var(--color-accent)}.panel-btn.active.svelte-112kdh0{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.piece-key.svelte-112kdh0{color:var(--color-text-faint);margin-left:.5rem;font-size:.7rem}.pp-section.svelte-112kdh0{border-top:1px solid var(--color-border);margin-top:.8rem;padding-top:.6rem}.pp-section.svelte-112kdh0:first-child{border-top:none;margin-top:0;padding-top:0}.pp-heading.svelte-112kdh0{color:var(--color-accent-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem;font-size:.58rem;font-weight:400}.pp-row.svelte-112kdh0{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.pp-label.svelte-112kdh0{color:var(--color-text-muted);min-width:55px;font-size:.68rem}.pp-value.svelte-112kdh0{color:var(--color-text);font-size:.72rem}.pp-slider.svelte-112kdh0{height:3px;accent-color:var(--color-accent);flex:1;min-width:60px}.pp-val.svelte-112kdh0{color:var(--color-text-faint);font-variant-numeric:tabular-nums;min-width:28px;font-size:.6rem}.pp-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;padding:.2rem .5rem;font-size:.65rem}.pp-btn.svelte-112kdh0:hover{border-color:var(--color-accent-dim);color:var(--color-accent)}.pp-btn.active.svelte-112kdh0{border-color:var(--color-accent-dim);color:var(--color-accent);background:#e8d5b726}.pp-btn.svelte-112kdh0:disabled{opacity:.4;cursor:default}.pp-tempo.svelte-112kdh0{flex-wrap:wrap;gap:.2rem;display:flex}.pp-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-fast);background:0 0;border-radius:2px;padding:.15rem .35rem;font-size:.6rem}.pp-tempo-btn.svelte-112kdh0:hover{border-color:var(--color-accent-dim)}.pp-tempo-btn.active.svelte-112kdh0{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.waiting-hint.svelte-112kdh0{color:var(--color-success);font-size:.65rem;font-style:italic;animation:1.5s ease-in-out infinite svelte-112kdh0-pulse-text}@keyframes svelte-112kdh0-pulse-text{0%,to{opacity:1}50%{opacity:.5}}.loop-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 .45rem;font-size:.65rem;font-weight:600}.loop-btn.svelte-112kdh0:hover{border-color:var(--color-accent-dim);color:var(--color-accent)}.loop-btn.active.svelte-112kdh0{border-color:var(--color-success);color:var(--color-success);background:#4ade8014}.loop-btn.clear.svelte-112kdh0{border-color:var(--color-border);color:var(--color-text-faint);font-size:.6rem;font-weight:400}.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}}@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}