.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}.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,.practice-footer{flex-direction:column;align-items:flex-start}.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%}}