@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap');
:root{font-family:Arial,'PingFang SC',sans-serif;color:#273f39;background:#f6f7f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex}button,select,input{font:inherit}button,select,.file-button{cursor:pointer}button{border:1px solid #dce2d9;border-radius:7px;background:#fff;padding:10px 15px;color:#42574e}button:hover{background:#edf2ea}aside{width:226px;position:fixed;inset:0 auto 0 0;background:#edf0e8;border-right:1px solid #e0e5da;padding:44px 26px;display:flex;flex-direction:column}.brand{font-family:'Noto Serif SC',serif;font-size:30px;letter-spacing:6px;color:#234c40;text-decoration:none;text-align:center}.brand span{font-weight:400}.brand i{display:block;font:9px Arial;letter-spacing:3px;margin-top:14px}.nav-label{font-size:10px;color:#8d9b8e;letter-spacing:2px;margin:67px 12px 20px}.nav-item{display:flex;gap:13px;padding:15px 13px;border-radius:7px;background:#dfe7d9;font-size:13px}.nav-item small{margin-left:auto;font-size:10px;color:#84917e}.aside-note{margin-top:auto;padding:70px 15px;color:#6f806f}.bamboo{font:80px Georgia;color:#a6b69c}.aside-note p{font-family:'Noto Serif SC',serif;font-size:18px;line-height:2;letter-spacing:3px}.aside-note span{font-size:10px;color:#99a391}.version{display:flex;justify-content:space-between;border-top:1px solid #dce1d4;padding-top:20px;font-size:10px;color:#8c9987}main{margin-left:226px;padding:0 54px;width:calc(100% - 226px);max-width:1650px}header{height:85px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e8df;font-size:12px;color:#8c968b}header b{font-weight:400;color:#485d50;margin-left:14px}.local{font-size:10px}.local i{display:inline-block;width:6px;height:6px;background:#7f9b75;border-radius:50%;margin-right:7px}.intro{margin:43px 0 31px}.eyebrow{font-size:9px;letter-spacing:3px;color:#8b9a82}h1{font-family:'Noto Serif SC',serif;font-size:37px;letter-spacing:4px;font-weight:500;margin:14px 0}.intro p{font-size:12px;color:#8b9689}.workspace{background:#fffefa;border:1px solid #e1e5da;border-radius:12px;box-shadow:0 8px 30px #314c3010;overflow:hidden}.score-top{padding:29px 33px 23px;display:flex;justify-content:space-between;gap:20px}.tag{font-size:9px;letter-spacing:1px;color:#849078}h2{font-family:'Noto Serif SC',serif;font-size:25px;letter-spacing:2px;font-weight:500;margin:11px 0}.score-top p{font-size:11px;color:#969c8c;margin-bottom:0}.score-actions{display:flex;align-items:center;gap:12px}.score-actions button{font-size:11px}.select-label{font-size:10px;color:#949c8c;display:flex;flex-direction:column;gap:6px}select{border:1px solid #dfe4d9;border-radius:6px;color:#48604f;background:transparent;padding:8px;font-size:12px}.score-meta{display:flex;gap:25px;align-items:center;margin:0 33px;padding:16px 0;border-top:1px solid #e9ebdf;border-bottom:1px solid #e9ebdf;font-size:12px;color:#6c7a64}.legend{margin-left:auto;font-size:10px;color:#98a08f}.legend i{display:inline-block;width:16px;height:5px;border-radius:2px;background:#b9cba7;margin-right:7px}#score{padding:14px 16px 0;overflow:auto}#score svg{width:100%;min-width:460px;display:block}.barline{stroke:#d7dfd0;stroke-width:1}.beatline{stroke:#edf0e7;stroke-dasharray:3 5}.measure-label{font:10px Arial;fill:#a9b29d}.note{cursor:pointer;outline:none}.note-bg{fill:#eff3e8;transition:fill .12s}.note:hover .note-bg,.note:focus .note-bg{fill:#e0ead5}.note-bg.rest{fill:#f3f2eb}.digit{font:28px Georgia;fill:#536a43}.octave{font:15px Georgia;fill:#536a43}.duration-line{fill:#b2c59b}.active .note-bg{fill:#d2e0bf}.active .digit{fill:#314f2b}.active .duration-line{fill:#77965c}.cursor-line{stroke:#c08d53;stroke-width:1.5}.cursor-dot{fill:#c08d53}.score-footer{padding:15px 33px;display:flex;justify-content:space-between;border-top:1px solid #eef0e6;color:#939e89;font-size:10px}.transport{display:flex;align-items:center;gap:18px;margin-top:22px;padding:24px;background:#fffefa;border:1px solid #e1e5da;border-radius:10px}.icon-button{border:0;font-size:23px;background:transparent;padding:4px}.play{width:46px;height:46px;border:0;border-radius:50%;background:#355b48;color:white;flex-shrink:0}.play:hover{background:#466f57}.progress-area{flex:1;min-width:90px}.progress-label{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#939d8b}.progress-label strong{font-weight:400;color:#667a60}input[type=range]{width:100%;accent-color:#59784b;height:4px;margin-top:15px;cursor:pointer}.speed-box{border-left:1px solid #e5e8df;padding-left:22px;display:flex;flex-direction:column;gap:6px}.speed-box label,.loop-box{font-size:10px;color:#829079}.speed-box select{border:0;padding:2px}.loop-box{border-left:1px solid #e5e8df;padding-left:20px;min-width:140px}.loop-box>label{display:flex;align-items:center;gap:4px}.loop-box input[type=checkbox]{accent-color:#59784b}.loop-box>div{display:flex;gap:6px;align-items:center;margin-top:8px}.loop-box input[type=number]{width:37px;border:1px solid #e0e6d9;border-radius:3px;color:#59734f;padding:3px;font-size:10px}.bottom-note{display:flex;justify-content:space-between;margin:20px 2px 35px;font-size:10px;color:#98a18f}#notice{font-size:12px;color:#a0673d}dialog{border:1px solid #dce3d5;border-radius:14px;background:#fffefa;color:#3e5549;width:760px;max-width:94vw;padding:26px}dialog::backdrop{background:#18342570;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading button{border:0}dialog p{font-size:12px;line-height:1.8;color:#7b8872}textarea{width:100%;height:42vh;resize:vertical;background:#f3f5ee;color:#36503d;border:1px solid #dce3d4;border-radius:6px;padding:15px;font:12px/1.6 monospace}.editor-actions{display:flex;gap:10px;justify-content:flex-end}.file-button{padding:10px 15px;border:1px solid #dce2d9;border-radius:7px;background:#fff;font-size:13px}.primary{background:#355b48;color:#fff}#errors{white-space:pre-wrap;color:#aa593d;font:12px/1.6 sans-serif}@media(min-width:1450px){main{padding:0 75px}}@media(max-width:1050px){aside{width:180px;padding:35px 18px}main{margin-left:180px;width:calc(100% - 180px);padding:0 26px}.transport{gap:12px;padding:18px}.loop-box{padding-left:12px}.score-top{padding:25px}.score-actions{flex-direction:column;align-items:stretch}.intro{margin-top:30px}}@media(max-width:720px){aside{display:none}main{margin-left:0;width:100%;padding:0 16px}header{height:60px}.intro{margin:28px 0}h1{font-size:30px}.score-top{padding:20px}.score-meta{margin:0 20px;gap:16px}.legend{font-size:9px}.transport{flex-wrap:wrap}.progress-area{flex-basis:60%}.speed-box{border:0;padding-left:4px;flex-direction:row;align-items:center}.loop-box{margin-left:auto}.bottom-note{gap:15px;font-size:9px}.score-actions button{padding:8px}#score{padding-left:0;padding-right:0}}
.visual-editor{margin:20px 33px 0;padding:17px 19px 12px;border:1px solid #dfe7d5;border-radius:9px;background:#f6f8f0}.edit-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.edit-heading strong{font-size:12px;font-weight:500}.edit-heading span{display:inline-block;font-size:10px;color:#869379;margin-left:14px}.history-actions{display:flex;gap:6px}.history-actions button{padding:6px 9px;font-size:10px;background:transparent}.edit-controls{display:flex;flex-wrap:wrap;gap:17px;margin-top:14px}fieldset{padding:0;margin:0;border:0}legend{font-size:10px;color:#78896d;margin-bottom:8px}legend small{font-size:9px;color:#9ca58e;margin-left:8px}#degree-buttons{display:flex;gap:4px}#degree-buttons button{font:17px Georgia;padding:7px 10px;min-width:32px}#degree-buttons button:first-child{font:11px sans-serif;min-height:35px}button:disabled,select:disabled{opacity:.4;cursor:default}#degree-buttons button[aria-pressed=true]{background:#355b48;color:white;border-color:#355b48}.octave-controls{display:flex;align-items:center;gap:9px}.octave-controls button{padding:7px 10px}.octave-controls output{font-size:11px;color:#617952;min-width:32px;text-align:center}.duration-controls{display:flex;align-items:center;gap:10px}.duration-controls select{font-size:11px;padding:8px;background:#fff}.duration-controls label{font-size:11px;color:#617952;white-space:nowrap}.duration-controls input{accent-color:#59784b}.edit-hint{font-size:10px;line-height:1.7;color:#8d9980;margin:12px 0 0}#edit-feedback{font-size:11px;line-height:1.8;color:#8d683c;margin:5px 0 0}#edit-feedback:empty{display:none}.selected-note .note-bg{stroke:#59784b;stroke-width:2;fill:#e1ebd4}.selected-note .digit{fill:#294d32}.note:focus-visible .note-bg{stroke:#bd8a50;stroke-width:3}@media(max-width:720px){.visual-editor{margin:16px 15px 0;padding:14px 12px}.edit-heading{align-items:flex-start}.edit-heading span{display:block;margin:6px 0 0}.edit-controls{gap:12px}#degree-buttons button{padding:7px 8px;min-width:29px}.edit-hint{font-size:9px}.history-actions button{white-space:nowrap}}
.technique-editor{border-top:1px solid #e1e7d8;margin-top:17px;padding-top:14px}.technique-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.technique-heading strong{font-size:11px;font-weight:500}.technique-heading label{font-size:10px;color:#7b8d70}.technique-heading select{font-size:10px;padding:5px 8px;margin-left:4px;background:white}.layer-visibility{margin-left:auto;display:flex;gap:10px}.layer-visibility input{accent-color:#58744c;vertical-align:middle}#technique-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}#technique-buttons button{font-size:11px;padding:7px 13px}#technique-buttons button[aria-pressed=true]{background:#355b48;color:white;border-color:#355b48}#technique-help{font-size:10px;color:#647e56;line-height:1.8;min-height:18px;margin:10px 0 0}.technique-disclaimer{font-size:9px;color:#9b9f8d;margin:4px 0 0}.technique-mark{font:12px 'PingFang SC',sans-serif;fill:#567c50}.technique-mark.source{fill:#506b81}.technique-mark.breath{font-size:20px;fill:#a46e42}.active .technique-mark{font-weight:bold;fill:#b16e36}@media(max-width:720px){.layer-visibility{margin-left:0}.technique-heading{gap:9px}#technique-buttons button{padding:7px 10px}}
.practice-settings{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin:0 0 19px;padding:12px 15px;border:1px solid #e0e6d9;border-radius:9px;background:#edf1e8}.practice-settings>label{font-size:10px;color:#6f8064;display:flex;align-items:center;gap:5px}.practice-settings input{accent-color:#59784b}.practice-settings select{font-size:10px;padding:5px}.mode-switch{display:flex;background:#e3e9db;padding:3px;border-radius:7px;gap:3px}.mode-switch button{font-size:11px;background:transparent;border:0;padding:8px 13px}.mode-switch button[aria-pressed=true]{background:#fffefa;box-shadow:0 1px 4px #263d2415;color:#355b48}#beat-indicator{min-width:62px;border-radius:5px;padding:5px 8px;font-size:10px;text-align:center;background:#eff3e7;color:#668052}#beat-indicator.counting{background:#f3e8d7;color:#ab733d}.transport{position:fixed;bottom:16px;left:280px;right:54px;z-index:5;box-shadow:0 8px 35px #1c382522;max-width:1430px;margin:0}.bottom-note{padding-bottom:140px}#score svg{min-width:0;max-width:none}.practice-mode .visual-editor,.practice-mode #edit{display:none}.practice-mode .intro{margin:25px 0 22px}.practice-mode .intro h1{font-size:28px}.practice-mode .intro p{display:none}.practice-mode .score-top{padding-bottom:15px}.practice-mode .workspace{box-shadow:0 8px 32px #314c3010}html{scroll-padding-bottom:185px}@media(min-width:1450px){.transport{left:301px;right:75px}}@media(max-width:1050px){.transport{left:206px;right:26px}}@media(max-width:720px){.transport{left:16px;right:16px;bottom:10px;padding:13px;gap:10px}.bottom-note{padding-bottom:170px}.practice-settings{gap:10px;padding:10px}.score-meta{flex-wrap:wrap;gap:10px}.legend{margin-left:0}.mode-switch{width:100%}.mode-switch button{flex:1}}
.row-nav,.window-hint{display:none}.practice-mode .row-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 30px 0;flex-wrap:wrap}.row-navigation,.jump-navigation{display:flex;align-items:center;gap:12px}.row-nav button{font-size:11px;padding:7px 11px}.row-nav span,.jump-navigation label{font-size:10px;color:#7b8e70}.jump-navigation input{width:48px;padding:5px;border:1px solid #dce4d4;border-radius:4px;background:#fffefa;color:#4b6840;font-size:11px}.practice-mode .window-hint{display:block;margin:0 30px 15px;font-size:10px;color:#93a087}.practice-mode #score{overflow-x:auto;overflow-y:hidden}.window-change{animation:score-window-in .16s ease-out}@keyframes score-window-in{from{opacity:.55}to{opacity:1}}@media(prefers-reduced-motion:reduce){.window-change{animation:none}}@media(max-width:720px){.practice-mode .row-nav{margin:15px 17px 0;gap:10px}.row-navigation{gap:7px}.row-nav button{padding:7px 8px}.practice-mode .window-hint{margin:0 17px 12px;font-size:9px}}
.practice-mode .intro{display:none}.practice-mode header{height:58px}.practice-mode .practice-settings{margin-top:16px;margin-bottom:16px}.practice-mode .score-top{padding:16px 30px}.practice-mode .score-top h2{font-size:23px;margin:7px 0}.practice-mode .score-top p{font-size:10px;margin-top:5px}.practice-mode .score-meta{padding:10px 0}.practice-mode .score-footer{padding:12px 30px}
.speed-box{width:168px;flex-shrink:0;gap:4px}.speed-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.speed-heading button{padding:2px 5px;font-size:9px;border:0;background:transparent;color:#7b8e70}.speed-box input[type=range]{margin:5px 0;height:5px}.speed-box output{font-size:10px;color:#58764b;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:720px){.speed-box{width:160px;flex-direction:column;align-items:stretch;padding-left:0}.speed-heading{width:100%}.speed-box input[type=range]{width:100%}}
#sidebar-library{width:100%;margin-bottom:9px;background:transparent;border:0;text-align:left}#sidebar-library:hover{background:#e0e7d9}#open-library{white-space:nowrap;font-size:11px}#library-count{margin-left:7px;background:#edf2e5;color:#7e9471;padding:2px 6px;border-radius:8px;font-size:10px}#library-dialog{width:1000px;max-width:94vw;max-height:90dvh;padding:28px;overflow-y:auto}.library-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.library-heading h2{font-size:29px;margin:12px 0 8px}.library-heading p{margin:0;font-size:11px}.library-heading>button{border:0;background:transparent}.library-search{display:flex;align-items:center;gap:10px;margin:25px 0 18px}.library-search>input{flex:1;min-width:100px;padding:12px 14px;background:#f2f5ed;border:1px solid #dce5d3;border-radius:8px;color:#405a38;font:12px sans-serif}.library-search>button,.library-search .file-button{font-size:11px;white-space:nowrap;padding:11px}.library-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-filter-row select{font-size:10px}#library-filters{display:flex;gap:6px;flex-wrap:wrap}#library-filters button{font-size:11px;padding:7px 11px;border:0;background:transparent}#library-filters button[aria-pressed=true]{background:#dfe9d6;color:#365430}#library-result-count{font-size:10px;margin:16px 0 12px;color:#93a085}#library-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.library-card{padding:17px;background:#fffefa;border:1px solid #e0e6d7;border-radius:10px;display:flex;flex-direction:column;min-width:0}.library-card.current{border-color:#96ac82;box-shadow:inset 0 0 0 1px #b7c8a5}.library-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.library-badge{font-size:9px;letter-spacing:1px;background:#edf2e5;color:#7d9471;border-radius:4px;padding:4px 6px}.favorite-button{border:0;background:transparent;font-size:22px;padding:0;color:#a6b394}.favorite-button[aria-pressed=true]{color:#bc9455}.library-card h3{font:500 21px 'Noto Serif SC',serif;margin:13px 0 8px;overflow-wrap:anywhere}.library-card-description{font-size:10px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 15px;min-height:36px}.library-card-meta{font-size:10px;color:#8e9d80;margin-top:auto;padding-bottom:15px}.library-card-footer{border-top:1px solid #e7ebdf;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:7px}.library-card-footer span{font-size:9px;color:#9aa68d}.library-card-footer button{font-size:10px;padding:7px 10px;background:#edf2e6;border-color:#e0e7d8}.library-empty{grid-column:1/-1;text-align:center;padding:60px 20px;background:#f4f6ef;border-radius:9px;font-size:12px;color:#8d9c7d}.library-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}.library-pagination button{font-size:10px;padding:7px 12px}.library-pagination span{font-size:10px;color:#8c9c7b}#library-message{white-space:pre-wrap;font-size:11px;color:#99713e}.library-footnote{border-top:1px solid #e4e9dc;padding-top:15px;font-size:9px!important;color:#9aa68d}@media(max-width:800px){#library-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){#library-dialog{padding:18px}.library-search{flex-wrap:wrap}.library-search>input{flex-basis:100%}.library-filter-row{align-items:flex-start}#library-filters{gap:3px}#library-filters button{padding:7px;font-size:10px}#library-list{grid-template-columns:1fr}.library-card{padding:15px}.library-card-description{min-height:0}}
.structure-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:16px;padding-top:13px;border-top:1px solid #e3e8db}.structure-tools button{font-size:10px;padding:7px 10px}.structure-tools span{width:1px;height:20px;background:#dce4d4;margin:0 6px}.recording-hint{font-size:10px;line-height:1.8;color:#899a7d;margin:9px 0 0}.practice-mode #score-settings{display:none}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin:24px 0 16px}.details-grid label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#708564}.details-grid label.wide{grid-column:1/-1}.details-grid input,.details-grid select{width:100%;background:#f3f6ee;border:1px solid #dce4d5;border-radius:6px;padding:11px 12px;color:#3c5836;font:13px sans-serif}.details-grid [hidden]{display:none}#details-error{font-size:12px;color:#aa6341;white-space:pre-wrap}#details-hint{font-size:11px;line-height:1.8}.library-search{flex-wrap:wrap}.library-search>input{flex-basis:40%}@media(max-width:520px){.details-grid{gap:14px}.structure-tools{gap:5px}.structure-tools button{padding:7px 8px}.library-search>input{flex-basis:100%}}
.connection-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:12px}.connection-tools button{font-size:10px;padding:7px 10px}.connection-tools button[aria-pressed=true]{background:#dfebd5;color:#365a31;border-color:#a7bd94}.connection-tools span{font-size:10px;color:#8a987d;line-height:1.8;flex-basis:100%}.connection-line{fill:none;stroke-width:1.7;stroke-linecap:round;pointer-events:stroke}.connection-line.tie{stroke:#b38b55}.connection-line.slur{stroke:#658c66;stroke-width:2.2}.connection-continuation{font-size:8px;fill:#89987d}
#score-source{display:inline-block;margin-top:8px;font-size:10px;color:#84966f;text-decoration:none}#score-source[hidden]{display:none}.grace-notes{font:11px Georgia;fill:#6c7f62}
.source-review{font-size:12px;line-height:1.7;color:#865f34;max-width:680px;margin:8px 0 0;}
/* Standard notation and the compact practice workbench. */
.practice-workbench{margin:0 0 16px;background:#fffefa;border:1px solid #e0e6d9;border-radius:9px;padding:10px 15px;color:#64765a}
.training-strip{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;min-height:34px}
.training-strip button{padding:7px 11px;font-size:11px}.training-strip button[aria-pressed=true]{background:#355b48;color:white;border-color:#355b48}
#range-summary{flex:1;min-width:160px;color:#819074;font-size:10px;line-height:1.6}#training-status{font-size:10px;color:#9a7849;font-variant-numeric:tabular-nums}
.workbench-details{display:flex;gap:22px;flex-wrap:wrap;margin-top:6px}.workbench-details details{min-width:170px;flex:1}.workbench-details summary{cursor:pointer;font-size:11px;padding:5px 0;color:#657e54}.workbench-details details[open]{flex-basis:100%}
.training-options{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:10px 0 4px}.training-options label{font-size:11px;display:flex;align-items:center;gap:5px}.training-options input[type=number]{width:48px;border:1px solid #dce4d4;border-radius:4px;padding:6px;color:#48633b;background:#fff}.training-options input{accent-color:#59784b}.training-options select{padding:5px;font-size:11px}.workbench-details p{font-size:10px;color:#949f8b;line-height:1.7;margin:7px 0}
.recording-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:8px}.recording-controls button{font-size:11px;padding:7px 11px}#record-start{color:#9c5143}#record-status{font-size:10px;color:#88977c}#record-badge{color:#a3634e;font-size:10px;margin-left:8px}
.recording-take{border-top:1px solid #e8eddf;padding:8px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.recording-take p{flex-basis:100%;margin:0}.recording-take audio{height:34px;max-width:100%;width:330px}.recording-take a{color:#527649;font-size:11px}
.standard-notation .note-bg{fill:transparent}.standard-notation .note:hover .note-bg,.standard-notation .note:focus .note-bg{fill:#f0f4e9}.standard-notation .digit{font:26px 'Times New Roman',serif;fill:#354b3b}.standard-notation .octave{font:13px Georgia;fill:#354b3b;letter-spacing:1px}.standard-notation .duration-dash{font:25px 'Times New Roman',serif;fill:#354b3b}.standard-notation .active .note-bg{fill:#dce9ce}.standard-notation .active .digit{fill:#244e2e;font-weight:bold}.standard-notation .rhythm-dot{fill:#354b3b}.notation-beam{stroke:#354b3b;stroke-width:1.35;pointer-events:none}.standard-notation .barline{stroke:#8c9a81;stroke-width:1}.standard-notation .measure-label{fill:#9ca88f;font:10px Arial}.standard-notation .selected-note .note-bg{stroke:#789b63;stroke-width:1.3}.note.loop-selected .note-bg{fill:#e7eedc;stroke:#adc496;stroke-width:1}.standard-notation .loop-selected.active .note-bg,.bar-notation .loop-selected.active .note-bg{fill:#cbdcba}.uncertain-mark{font:10px Arial;fill:#b78345}.custom-duration{font:10px Arial;fill:#927c53}.range-selecting{touch-action:none;cursor:crosshair}.range-selecting .note{cursor:crosshair}#score{user-select:none;-webkit-user-select:none}#score svg:not(.range-selecting){touch-action:pan-y}.standard-notation .connection-line{stroke-width:1.4}.standard-notation .grace-notes{font-size:10px}
@media(max-width:720px){.practice-workbench{padding:9px 12px}.workbench-details{gap:8px}.workbench-details details{min-width:140px}.training-options{gap:10px}.training-strip{gap:7px}#range-summary{font-size:9px;min-width:130px}.recording-take audio{width:100%}}
.practice-mode .score-top .tag{display:none}.practice-mode .score-top h2{margin:0 0 5px}.practice-mode .score-top p{margin:3px 0;line-height:1.55}.practice-mode #score-source{margin-top:3px}.practice-mode .score-top{padding-top:13px;padding-bottom:12px}
.octave-dot{fill:#354b3b}#phrase-break[aria-pressed=true]{background:#e2ecd9;border-color:#a5bc91;color:#365a31}