.starter-library{background:#f8faf8;border:1px solid #d8ddd9;border-radius:8px;gap:12px;padding:16px;display:grid}.starter-library-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.starter-library-heading h2{margin:3px 0 0;font-size:18px}.starter-library-heading-actions{align-items:center;gap:8px;display:flex}.starter-library-heading-actions button{color:#28513f;cursor:pointer;background:#fff;border:1px solid #aeb8b3;border-radius:5px;min-height:34px;padding:5px 9px;font-size:12px;font-weight:750}.starter-library-heading-actions button:disabled{cursor:not-allowed;opacity:.55}.starter-library-content{gap:12px;display:grid}.starter-library-count,.starter-score-tag{color:#12583c;white-space:nowrap;background:#dfeee5;border-radius:999px;font-size:12px;font-weight:750}.starter-library-count{padding:5px 9px}.starter-library-filters{flex-wrap:wrap;gap:10px;display:flex}.starter-library-filters label{color:#4a5651;gap:4px;font-size:13px;font-weight:650;display:grid}.starter-library-filters select{color:#17201d;background:#fff;border:1px solid #aeb8b3;border-radius:5px;min-width:150px;min-height:38px;padding:7px 10px}.starter-library-filters select:focus-visible,.starter-library-heading-actions button:focus-visible,.starter-score-card button:focus-visible{outline-offset:2px;outline:3px solid #d5a83f}.starter-score-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.starter-score-card{background:#fff;border:1px solid #d1dad4;border-radius:7px;gap:9px;min-width:0;padding:13px;display:grid}.starter-score-card.is-selected{border-color:#166b48;box-shadow:0 0 0 2px #dfeee5}.starter-score-card-topline,.starter-score-card-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.starter-score-tag{padding:4px 7px}.starter-score-meta,.starter-score-card-footer span{color:#5a6861;font-size:12px}.starter-score-card h3{margin:0;font-size:15px;line-height:1.3}.starter-score-card p{color:#53615b;min-height:42px;margin:0;font-size:13px;line-height:1.45}.starter-score-card button{color:#166b48;cursor:pointer;background:#fff;border:1px solid #166b48;border-radius:5px;min-height:36px;padding:6px 10px;font-size:12px;font-weight:750}.starter-score-card button.is-selected{color:#fff;background:#166b48}.starter-score-card button:disabled,.starter-library-filters select:disabled{cursor:not-allowed;opacity:.55}.starter-library-empty,.starter-library-license{color:#5a6861;margin:0;font-size:13px}.starter-library-license{padding-top:2px;font-size:12px}@media (max-width:980px){.starter-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.starter-library-heading{flex-direction:column;align-items:flex-start;gap:5px}.starter-library-heading-actions{justify-content:space-between;width:100%}.starter-library-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.starter-library-filters select{width:100%;min-width:0}.starter-score-grid{grid-template-columns:1fr}}
.score-viewer{background:#fff;border:1px solid #d8ddd9;border-radius:6px;width:100%;overflow:auto}.score-page{width:100%;min-width:640px}.score-page svg{width:100%;height:auto;display:block}.score-page g.ending,.score-page g.fing,.score-page g.reh,.score-page g.tempo{font-weight:700}.score-page g.dir,.score-page g.dynam,.score-page g.mNum{font-style:italic}.score-page g.label{font-weight:400}.score-page .is-current{color:#9a6800;fill:#f2bd4c}.score-page .is-correct{color:#166b48;fill:#23835b}.score-page .is-wrong{color:#a8342b;fill:#d55346}.score-page .is-current *,.score-page .is-correct *,.score-page .is-wrong *{fill:currentColor!important;stroke:currentColor!important}@media (max-width:760px){.score-page{min-width:0}}
.practice-shell{align-content:start;gap:16px;min-height:100dvh;display:grid}.practice-header{border-bottom:1px solid #d8ddd9;justify-content:space-between;align-items:end;gap:24px;padding-bottom:14px;display:flex}.practice-header h1{letter-spacing:0;margin:2px 0 0;font-size:24px;line-height:1.2}.practice-kicker{color:#5e6b65;text-transform:uppercase;letter-spacing:0;margin:0;font-size:12px;font-weight:700}.practice-header output{color:#3e4b46;text-align:right;max-width:520px;min-height:24px;font-size:14px;font-weight:600}.score-source{background:#fff;border:1px solid #d8ddd9;border-radius:8px;gap:10px;padding:16px;display:grid}.score-source-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.score-source-heading h2{overflow-wrap:anywhere;margin:3px 0 0;font-size:18px}.score-ready,.score-review{border-radius:999px;flex:none;padding:5px 9px;font-size:12px;font-weight:750}.score-ready{color:#12583c;background:#dfeee5}.score-review{color:#795400;background:#fff1ce}.score-import-actions{flex-wrap:wrap;gap:8px;display:flex}.score-import-actions button,.file-action,.local-library button{color:#17201d;cursor:pointer;background:#fff;border:1px solid #aeb8b3;border-radius:5px;min-height:40px;padding:8px 12px;font-weight:650}.file-action{align-items:center;display:inline-flex}.file-action input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.score-import-actions button:focus-visible,.local-library button:focus-visible,.practice-footer a:focus-visible{outline-offset:2px;outline:3px solid #d5a83f}.file-action:has(input:focus-visible){outline-offset:2px;outline:3px solid #d5a83f}.score-import-actions .primary-action{color:#fff;background:#166b48;border-color:#166b48}.score-import-actions button:disabled,.local-library button:disabled{cursor:not-allowed;opacity:.55}.file-action:has(input:disabled){cursor:not-allowed;opacity:.55}.score-help,.score-import-message,.score-warning{color:#52605a;margin:0;font-size:13px;line-height:1.45}.score-import-message{color:#214d3b;font-weight:650;display:block}.score-warning{color:#6d4c00;background:#fff5db;border-radius:5px;padding:9px 10px}.local-library summary{cursor:pointer;color:#35433d;font-size:13px;font-weight:700}.local-library ul{gap:7px;margin:10px 0 0;padding:0;list-style:none;display:grid}.local-library li{gap:7px;display:flex}.local-library li button:first-child{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.local-library .delete-score{color:#8c2f29}.practice-toolbar{flex-wrap:wrap;align-items:end;gap:10px;padding-block:4px;display:flex}.practice-toolbar button,.practice-toolbar select{color:#17201d;background:#fff;border:1px solid #aeb8b3;border-radius:5px;min-height:40px;padding:8px 12px}.practice-toolbar button{cursor:pointer;font-weight:650}.practice-toolbar button:hover:not(:disabled){background:#eef2ef;border-color:#65756d}.practice-toolbar button:focus-visible,.practice-toolbar select:focus-visible{outline-offset:2px;outline:3px solid #d5a83f}.hand-control label:has(input:focus-visible){outline-offset:2px;outline:3px solid #d5a83f}.practice-toolbar button:disabled,.practice-toolbar select:disabled{cursor:not-allowed;opacity:.55}.practice-toolbar .primary-action{color:#fff;background:#166b48;border-color:#166b48}.practice-toolbar .primary-action:hover:not(:disabled){background:#0f5639;border-color:#0f5639}.practice-toolbar .stop-action{color:#8c2f29}.practice-toolbar>label{color:#4a5651;gap:4px;font-size:13px;font-weight:600;display:grid}.hand-control{background:#fff;border:1px solid #aeb8b3;border-radius:5px;min-height:40px;margin:0;padding:0;display:flex;overflow:hidden}.hand-control:disabled{opacity:.55}.hand-control legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.hand-control label{color:#3e4b46;cursor:pointer;align-items:center;min-height:40px;padding:6px 12px;font-size:13px;font-weight:650;display:flex}.hand-control label+label{border-left:1px solid #c9d0cc}.hand-control label.is-selected{color:#134f37;background:#dfeae3}.hand-control input{opacity:0;width:1px;height:1px;position:absolute}.feedback-callout{background:#f8faf8;border:1px solid #cbd8d1;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;display:flex}.feedback-callout h2{margin:3px 0 4px;font-size:16px;line-height:1.3}.feedback-callout p:not(.practice-kicker){color:#53615b;margin:0;font-size:13px;line-height:1.45}.feedback-callout a{color:#fff;background:#166b48;border:1px solid #166b48;border-radius:5px;flex:none;min-height:40px;padding:9px 12px;font-size:13px;font-weight:750;text-decoration:none}.feedback-callout a:hover{background:#0f5639;border-color:#0f5639}.feedback-callout a:focus-visible{outline-offset:2px;outline:3px solid #d5a83f}.practice-footer{color:#53615b;justify-content:space-between;gap:20px;padding:4px 0 12px;font-size:12px;line-height:1.45;display:flex}.practice-footer p{max-width:720px;margin:0}.practice-footer nav{flex:none;gap:14px;display:flex}.practice-footer a{color:#155d42;font-weight:700}@media (max-width:760px){.practice-shell{padding:14px}.practice-header{flex-direction:column;align-items:flex-start;gap:6px}.practice-header output{text-align:left;max-width:none}.score-source-heading,.feedback-callout,.practice-footer{flex-direction:column;align-items:flex-start}.feedback-callout a{overflow-wrap:anywhere;text-align:center;width:100%}.score-import-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.score-import-actions>*,.file-action{justify-content:center;width:100%}.practice-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hand-control{grid-column:1/-1}.practice-toolbar button,.practice-toolbar select{width:100%}}