header.svelte-isll26{margin-bottom:1.25rem}.header-row.svelte-isll26{display:flex;align-items:center;justify-content:space-between}.brand.svelte-isll26{display:flex;align-items:center;gap:.65rem}.logo.svelte-isll26{height:40px;image-rendering:pixelated;flex-shrink:0;display:block}.subtitle.svelte-isll26{margin:0;color:#9a8e82;font-size:.78rem;font-weight:400;line-height:1;letter-spacing:.01em;align-self:center}.lang-switcher.svelte-isll26{display:flex;gap:.2rem;flex-shrink:0}.lang-switcher.svelte-isll26 a:where(.svelte-isll26){font-size:.65rem;padding:.2rem .45rem;border-radius:5px;text-decoration:none;color:#b0a496;font-weight:600;letter-spacing:.06em;transition:color .2s,background .2s}.lang-switcher.svelte-isll26 a:where(.svelte-isll26):hover{color:#3a7a4c;background:#3a7a4c0f}.lang-switcher.svelte-isll26 a.active:where(.svelte-isll26){color:#3a7a4c;background:#3a7a4c14}@media(max-width:600px){.header-row.svelte-isll26{flex-direction:column;align-items:flex-start;gap:.5rem}.lang-switcher.svelte-isll26{align-self:flex-start}}.sheet-music-container.svelte-1ixsl3y{width:100%;margin:0 auto}.sheet-music-container.svelte-1ixsl3y svg{overflow:visible}.sheet-music-container.svelte-1ixsl3y .abcjs-staff path,.sheet-music-container.svelte-1ixsl3y .abcjs-staff-extra path{stroke:#3a3530}.sheet-music-container.svelte-1ixsl3y .abcjs-note:hover path,.sheet-music-container.svelte-1ixsl3y .abcjs-note:hover circle{fill:#3a7a4c!important;cursor:pointer}.sheet-music-container.svelte-1ixsl3y .abcjs-note.abcjs-highlight path,.sheet-music-container.svelte-1ixsl3y .abcjs-note.abcjs-highlight circle{fill:#d4849a!important;filter:drop-shadow(0 0 4px rgba(212,132,154,.35));transition:fill .15s ease}.gauge.svelte-zk4zn9{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.gauge-bar.svelte-zk4zn9{position:relative;width:100%;height:4px;border-radius:2px;background:#e8e0d4}.gauge-mid.svelte-zk4zn9{position:absolute;left:50%;top:-3px;width:2px;height:10px;background:#3a7a4c;opacity:.4;transform:translate(-50%);border-radius:1px}.gauge-dot.svelte-zk4zn9{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#9a8e82;border:2px solid #fff;box-shadow:0 1px 4px #0000001f;transform:translate(-50%,-50%);transition:left .2s ease-out,background .15s}.gauge-dot.tuned.svelte-zk4zn9{background:#3a7a4c}.gauge-dot.err.svelte-zk4zn9{background:#b33326}.gauge-note.svelte-zk4zn9{font-family:"DM Serif Display",Georgia,serif;font-size:2rem;line-height:1;color:#2d2a26;transition:color .15s}.gauge-note.correct.svelte-zk4zn9{color:#3a7a4c}.gauge-note.err.svelte-zk4zn9{color:#b33326}@media(max-width:600px){.gauge-note.svelte-zk4zn9{font-size:1.6rem}}.topbar.svelte-1h5hkt{width:100%;display:flex;align-items:center;gap:.4rem}.progress.svelte-1h5hkt{font-size:.8rem;font-weight:700;color:#2d2a26}.dim.svelte-1h5hkt{opacity:.3;font-weight:400}.streak.svelte-1h5hkt{font-size:.68rem;font-weight:700;color:#d4849a;background:#d4849a1a;padding:.1rem .4rem;border-radius:4px}.spacer.svelte-1h5hkt{flex:1}.icon-btn.svelte-1h5hkt{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e8e0d4;border-radius:6px;background:transparent;color:#3a7a4c;cursor:pointer;transition:background .15s,border-color .15s}.icon-btn.svelte-1h5hkt:hover{background:#3a7a4c0f;border-color:#c4b8aa}.icon-btn.svelte-1h5hkt:active{transform:scale(.95)}.icon-btn.svelte-1h5hkt svg:where(.svelte-1h5hkt){width:14px;height:14px}.icon-btn.danger.svelte-1h5hkt{color:#b33326}.icon-btn.danger.svelte-1h5hkt:hover{background:#b333260f}.quiz-mode.svelte-1qq1m0n{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.75rem 1rem 1rem;box-sizing:border-box}.quiz-mode.svelte-1qq1m0n:not(:has(*)){padding:0}.quiz-error.svelte-1qq1m0n{color:#b33326;font-size:.8rem;background:#b333260f;padding:.4rem .75rem;border-radius:8px;margin-bottom:.5rem}.start-btn.svelte-1qq1m0n{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;max-width:11rem;padding:.5rem 1.3rem;border:none;border-radius:8px;background:#3a7a4c12;color:#3a7a4c;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.start-btn.svelte-1qq1m0n:hover{background:#3a7a4c1f}.start-btn.svelte-1qq1m0n:active{transform:scale(.97)}.start-icon.svelte-1qq1m0n{width:15px;height:15px}.quiz-live.svelte-1qq1m0n,.done.svelte-1qq1m0n{width:100%;max-width:24rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.75rem}.dim.svelte-1qq1m0n{opacity:.3;font-weight:400}.done-score.svelte-1qq1m0n{font-family:"DM Serif Display",Georgia,serif;font-size:1.6rem;color:#3a7a4c}.done-msg.svelte-1qq1m0n{font-size:.8rem;color:#9a8e82;margin:0}@media(max-width:600px){.quiz-mode.svelte-1qq1m0n{padding:.5rem .75rem .75rem}.quiz-live.svelte-1qq1m0n,.done.svelte-1qq1m0n,.start-btn.svelte-1qq1m0n{max-width:none}}.sheet-music.svelte-1fggndc{background:#fff;border:1px solid #e8e0d4;border-radius:16px;padding:0;margin-bottom:1rem;overflow:hidden;box-shadow:0 1px 3px #3a7a4c0a,0 4px 16px #3a7a4c08}.sheet-scroll.svelte-1fggndc{display:flex;justify-content:center;padding:1.25rem 1.25rem .75rem;overflow-x:auto}.mode-toggle.svelte-1fggndc{display:flex;position:relative;margin:.75rem auto 0;background:#3a7a4c0d;border-radius:10px;padding:4px;width:fit-content;gap:0}.toggle-btn.svelte-1fggndc{flex:1 1 0;position:relative;z-index:1;min-width:8.5rem;padding:.5rem 1.35rem;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;cursor:pointer;color:#7a9a82;transition:color .25s;border-radius:8px;display:flex;align-items:center;gap:.35rem;white-space:nowrap}.toggle-icon.svelte-1fggndc{font-size:.95rem;line-height:1}.toggle-btn.active.svelte-1fggndc{color:#3a7a4c;font-weight:600}.toggle-slider.svelte-1fggndc{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:#fff;border-radius:8px;box-shadow:0 1px 4px #3a7a4c1a;transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.toggle-slider.right.svelte-1fggndc{transform:translate(100%)}.mode-hint.svelte-1fggndc{text-align:center;font-size:.75rem;color:#b0a496;margin:0;padding:.15rem 1.25rem .5rem}.action-bar.svelte-1fggndc{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;justify-content:center;height:4.75rem;padding:.75rem 1.25rem 1rem;box-sizing:border-box;border-top:1px solid #f0ebe3}.btn.svelte-1fggndc{display:inline-flex;align-items:center;justify-content:center;min-width:11rem;height:2.25rem;padding:0 1.3rem;border:none;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.01em;gap:.35rem}.btn.svelte-1fggndc:active{transform:scale(.97)}.btn.svelte-1fggndc svg.btn-icon{width:1em;height:1em;flex-shrink:0}.btn.primary.svelte-1fggndc{background:#3a7a4c;color:#fff}.btn.primary.svelte-1fggndc:hover{background:#468f58;box-shadow:0 2px 8px #3a7a4c33}.btn.secondary.svelte-1fggndc{background:#3a7a4c12;color:#3a7a4c}.btn.secondary.svelte-1fggndc:hover{background:#3a7a4c1f}.btn.danger.svelte-1fggndc{background:#c0392b14;color:#b33326}.btn.danger.svelte-1fggndc:hover{background:#c0392b24}@media(max-width:600px){.sheet-music.svelte-1fggndc{border-radius:12px}.sheet-scroll.svelte-1fggndc{padding:1rem .75rem .5rem}.mode-toggle.svelte-1fggndc{margin:.5rem auto 0}.toggle-btn.svelte-1fggndc{padding:.4rem .9rem;font-size:.75rem}.action-bar.svelte-1fggndc{height:auto;min-height:4.75rem;padding:.65rem .75rem .85rem;flex-wrap:wrap}.btn.svelte-1fggndc{text-align:center}}@media(max-width:380px){.toggle-icon.svelte-1fggndc{display:none}}.controls.svelte-d580bl{margin-bottom:1.5rem;border:none}.controls.svelte-d580bl summary:where(.svelte-d580bl){cursor:pointer;list-style:none;padding:.5rem 0;-webkit-user-select:none;user-select:none;transition:opacity .15s}.controls.svelte-d580bl summary:where(.svelte-d580bl):hover{opacity:.8}.controls.svelte-d580bl summary:where(.svelte-d580bl)::-webkit-details-marker{display:none}.summary-content.svelte-d580bl{display:flex;align-items:center;gap:.5rem}.summary-label.svelte-d580bl{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#9a8e82}.summary-values.svelte-d580bl{font-size:.72rem;color:#c4b8aa}.controls.svelte-d580bl summary:where(.svelte-d580bl):before{content:"▸";display:inline-block;font-size:.6rem;color:#c4b8aa;margin-right:.3rem;transition:transform .2s}.controls[open].svelte-d580bl summary:where(.svelte-d580bl):before{transform:rotate(90deg)}.controls-body.svelte-d580bl{display:flex;flex-direction:column;gap:.85rem;padding:.85rem 1rem;background:#fff;border:1px solid #e8e0d4;border-radius:12px;margin-top:.35rem;box-shadow:0 1px 3px #3a7a4c08}.control-group.svelte-d580bl{display:flex;flex-direction:column;gap:.3rem}.control-group.svelte-d580bl label:where(.svelte-d580bl){font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9a8e82}.control-group.svelte-d580bl label:where(.svelte-d580bl) .value:where(.svelte-d580bl){text-transform:none;letter-spacing:normal;font-weight:600;color:#5c5249}.key-label.svelte-d580bl{text-transform:none;letter-spacing:normal;font-weight:600;color:#5c5249}.key-row.svelte-d580bl{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.row-label.svelte-d580bl{font-size:.8rem;width:1.25rem;text-align:center;color:#c4b8aa}.key-row.svelte-d580bl button:where(.svelte-d580bl){width:1.7rem;height:1.7rem;border:1px solid #e8e0d4;border-radius:6px;background:transparent;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:500;color:#8a7d72;transition:all .15s;padding:0}.key-row.svelte-d580bl button:where(.svelte-d580bl):hover{background:#3a7a4c0d;border-color:#c4b8aa}.key-row.svelte-d580bl button.active:where(.svelte-d580bl){background:#3a7a4c;color:#fff;border-color:#3a7a4c;box-shadow:0 1px 4px #3a7a4c33}.key-row.svelte-d580bl button.natural:where(.svelte-d580bl){font-size:.9rem;font-weight:700}.control-row.svelte-d580bl{display:flex;gap:1.5rem}.control-row.svelte-d580bl .control-group:where(.svelte-d580bl){flex:1}input[type=range].svelte-d580bl{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:#e8e0d4;outline:none}input[type=range].svelte-d580bl::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#3a7a4c;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px #3a7a4c40;transition:box-shadow .15s}input[type=range].svelte-d580bl::-webkit-slider-thumb:hover{box-shadow:0 1px 6px #3a7a4c59}input[type=range].svelte-d580bl::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#3a7a4c;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px #3a7a4c40}@media(max-width:600px){.control-row.svelte-d580bl{flex-direction:column;gap:.75rem}.key-row.svelte-d580bl{justify-content:center}.controls-body.svelte-d580bl{padding:.75rem}}body{margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:#faf5ee;color:#2d2a26;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main.svelte-1uha8ag{max-width:880px;margin:0 auto;padding:1.5rem 1.25rem 2rem}@media(max-width:600px){main.svelte-1uha8ag{padding:1rem .75rem 1.5rem}}