.top-title{font-size:14px;font-weight:500;color:#493d40}.top-title small{display:block;font-size:10px;font-weight:400;letter-spacing:1.1px;margin-top:5px;color:#9a878b}.practice{padding:28px 32px}.setup{padding:24px 18px}.heading{min-height:72px}.heading h2{font-size:24px}.metrics article{padding:14px 18px;background:#ffffffbb}.metrics{margin-bottom:18px}.score-card{box-shadow:0 8px 28px #583e3810;border-color:#dfd4d0}.sheet-scroll{height:560px;background:#fffefd}.score-toolbar{padding:12px 18px}.engraved-sheet{padding:24px 18px 36px;box-sizing:border-box}.engraved-sheet svg{max-width:100%}.notation-note{padding:10px 24px;font-size:10px;color:#96888b}.score-title-text{fill:#443738;font-family:inherit;font-size:22px}.staff-line{stroke:#c9bcbb}.score-caption,.measure-number{fill:#988689}.note-event.pending{color:#443738}.note-event.current{color:#a52d27}.note-event.played{color:#a78e8a}.note-event.correct{color:#48775f}.note-event.wrong{color:#c64d43}.note-event.current .note-highlight{fill:#f0d5cf;opacity:.65}.note-event.played .note-highlight{fill:#eee4df;opacity:.4}.engraved-sheet .note-event.current{color:#a52d27}.engraved-sheet .note-event.played{color:#a78e8a}.engraved-sheet .note-event.correct{color:#48775f}.engraved-sheet .note-event.wrong{color:#c64d43}.note-event{cursor:pointer}.score-hit{pointer-events:all}.note-event.current .score-hit{fill:#f0d5cf;fill-opacity:.5}.note-event:hover .score-hit,.note-event:focus-visible .score-hit{fill:#f3e5df;fill-opacity:.65}.note-event:hover .note-highlight{fill:#f3e5df;opacity:.7}.legend .current:before{background:#a52d27}.legend .correct:before{background:#48775f}.legend .wrong:before{background:#c64d43}.library-list{max-height:180px}.score-library{margin:16px 0}.library-score{padding:9px 10px}.playback-panel{margin:10px 0}.field{margin-top:13px}.divider{margin:16px 0}.feedback{margin-top:20px}@media(min-width:1000px){.setup{max-height:calc(100vh - 78px);overflow:auto;position:sticky;top:0}.sheet-scroll{height:clamp(400px,58vh,720px)}}@media(max-width:800px){.top-title{display:none}.practice{padding:20px 14px}.setup{padding:18px}.sheet-scroll{height:460px}.engraved-sheet{padding:16px 8px}.heading h2{font-size:21px}}

.arrangement-studio{margin-top:14px;border-top:1px solid var(--line,#ccd8d4);padding-top:12px}.arrangement-studio summary{cursor:pointer;font-weight:600}.arrangement-studio small{display:block;font-size:10px;opacity:.6;font-weight:400}.saved-arrangements{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.saved-arrangements button{white-space:normal;text-align:left;max-width:100%}.task-row{min-width:0}.task-row strong,.task-row span{overflow-wrap:anywhere}
.simple-sheet{padding:30px 28px 44px;color:#443738;background:linear-gradient(180deg,#fffefd,#fbf7f0);min-height:280px}.simple-title{text-align:center;font:600 22px/1.35 Georgia,serif;margin-bottom:7px}.simple-caption{text-align:center;color:#988689;font-size:11px;letter-spacing:.06em;margin-bottom:28px}.simple-events{display:flex;align-items:center;align-content:flex-start;flex-wrap:wrap;gap:10px 4px;line-height:1}.simple-event{appearance:none;border:0;background:transparent;color:inherit;border-radius:9px;min-width:42px;padding:9px 6px 6px;font:600 22px/1.1 Georgia,serif;cursor:pointer;transition:background .16s,color .16s,transform .16s}.simple-event small{display:block;height:8px;font-size:13px;line-height:8px;color:#a52d27}.simple-event:hover,.simple-event:focus-visible{background:#f3e5df;outline:0;transform:translateY(-2px)}.simple-event.current{color:#a52d27;background:#f0d5cf}.simple-event.played{color:#a78e8a}.simple-event.correct{color:#48775f}.simple-event.wrong{color:#c64d43}.simple-bar{color:#b78424;font:400 18px/1 Georgia,serif;margin:0 3px}.simple-pitches{white-space:nowrap}
.simple-meta{display:flex;justify-content:center;gap:22px;margin:4px 0 6px;font:600 14px/1.3 Georgia,serif;color:#66575a}.simple-meta span{min-width:42px;text-align:center}.simple-event{position:relative}.simple-event.eighth .simple-pitches,.simple-event.sixteenth .simple-pitches{border-bottom:2px solid currentColor;padding-bottom:4px}.simple-event.sixteenth .simple-pitches{border-bottom:4px double currentColor}.simple-event.half .simple-pitches,.simple-event.whole .simple-pitches{border-top:1px solid currentColor;padding-top:4px}.simple-event.whole .simple-pitches{border-top:2px solid currentColor}.simple-event .simple-dot{display:none}.simple-event.eighth .simple-dot,.simple-event.sixteenth .simple-dot{display:block;position:absolute;right:1px;bottom:2px;width:4px;height:4px;border-radius:50%;background:currentColor}.simple-chord{display:inline-flex;gap:5px;align-items:center}.simple-rest{font:500 20px/1.1 Georgia,serif;color:#988689;min-width:25px;text-align:center}.simple-rest.eighth,.simple-rest.sixteenth{border-bottom:2px solid currentColor;padding-bottom:4px}.simple-rest.sixteenth{border-bottom:4px double currentColor}.simple-bar{height:34px;border-left:1px solid #9f8e8e;display:inline-flex;align-items:center;padding-left:7px}.simple-bar.final{border-left:3px double #443738;padding-left:9px}.simple-legend{margin-top:24px;color:#9a898b;text-align:center;font-size:10px;line-height:1.7}
.import-progress-track span,.progress-track span,.score-loading-progress i,.library-progress i{background:linear-gradient(90deg,#a52d27 0%,#d96a61 48%,#f1b7a8 72%,#a52d27 100%)!important;background-size:220% 100%!important}
.score-loading-dialog{width:min(380px,calc(100vw - 40px));grid-template-columns:minmax(0,1fr);padding:30px!important}.score-loading-progress{width:100%;max-width:280px}.import-progress.done{background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(246,236,233,.72))!important}@media(prefers-reduced-motion:reduce){.score-loading-orbit{animation:none!important}.sheet-scroll{scroll-behavior:auto}}
.drum-card{margin:0 0 22px;padding:16px 18px 18px;border:1px solid rgba(255,255,255,.62);border-radius:22px;background:linear-gradient(168deg,rgba(255,255,255,.93),rgba(247,240,238,.75));box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 16px 38px rgba(74,46,45,.10);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6)}.drum-card[hidden]{display:none}.drum-heading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.drum-heading h3{margin:0;font-size:14px;color:#5b3f3d}.drum-heading p{margin:0;font-size:11px;color:#a8928e}.drum-scroll{margin-top:12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;border-radius:12px;background:rgba(255,255,255,.45)}.drum-staff{position:relative;height:96px;min-width:max-content;border-top:1px solid rgba(150,130,128,.45);border-bottom:1px solid rgba(150,130,128,.45);background:repeating-linear-gradient(to bottom,transparent 0,transparent 17px,rgba(176,158,155,.5) 17px,rgba(176,158,155,.5) 18px);display:flex;align-items:center;gap:6px;padding:0 14px}.drum-staff>i{flex:none;width:0;height:0}.drum-hit{position:relative;z-index:1;top:calc((var(--line,2) - 2)*17px);border:0;background:rgba(173,39,32,.10);color:#8c3a34;border-radius:7px;min-width:26px;height:24px;font-size:13px;line-height:1;cursor:pointer;transition:background .15s,transform .15s}.drum-hit:hover{background:rgba(173,39,32,.2)}.drum-hit.current{background:#ad2720;color:#fff;transform:scale(1.14);box-shadow:0 4px 12px rgba(173,39,32,.35)}@media(max-width:800px){.drum-card{margin:0 0 16px;padding:13px 12px 15px;border-radius:18px}.drum-staff{padding:0 8px}.drum-hit{min-width:22px;height:21px;font-size:11px}}
.simple-system{margin:22px 0 30px;border-left:2px solid #6f6062;border-right:3px double #6f6062;min-width:0}.simple-measure-numbers,.simple-part-row{display:grid;grid-template-columns:72px repeat(var(--measures,4),minmax(0,1fr))}.simple-measure-numbers{font:10px/1.2 system-ui;color:#a08e90;margin-bottom:4px}.simple-measure-numbers span{text-align:left;padding-left:8px}.simple-part-row{min-height:82px;border-top:1px solid #d7ccca}.simple-part-row:last-child{border-bottom:1px solid #d7ccca}.simple-part-label{display:flex;flex-direction:column;justify-content:center;padding:8px;color:#746466;font:600 11px/1.3 system-ui;border-right:1px solid #baaaa9}.simple-part-label small{font-size:9px;opacity:.65;margin-top:4px}.simple-measure{display:flex;align-items:center;gap:2px;padding:13px 6px;min-width:0;border-right:1px solid #ad9c9b;overflow:hidden}.simple-measure:last-child{border-right:0}.simple-measure .simple-event{min-width:26px;padding:8px 3px 6px;font-size:20px}.simple-measure .simple-rest{min-width:20px;font-size:18px}.simple-pitches.simple-chord{display:inline-flex;flex-direction:column;gap:0;line-height:.8;vertical-align:middle}.simple-prolong{font:400 17px/1 Georgia,serif;letter-spacing:2px;margin-left:1px}.simple-measure .half .simple-pitches,.simple-measure .whole .simple-pitches{border-top:0;padding-top:0}@media(max-width:800px){.simple-sheet{padding:20px 8px 32px;overflow-x:hidden}.simple-system{margin:17px 0 23px}.simple-measure-numbers,.simple-part-row{grid-template-columns:48px repeat(var(--measures,2),minmax(0,1fr))}.simple-part-label{padding:5px;font-size:9px}.simple-measure{padding:10px 3px;gap:0}.simple-measure .simple-event{min-width:22px;padding:7px 2px;font-size:17px}.simple-measure .simple-rest{min-width:17px;font-size:15px}.simple-prolong{font-size:13px;letter-spacing:0}.simple-title{font-size:20px}.simple-meta{gap:10px}.simple-caption{margin-bottom:18px}}