:is(.left-settings-panel,.right-settings-panel,.settings-panel){color:#263e49;background:#fbfdfd;border:1px solid #dce6e8;box-shadow:0 4px 18px #24404e08;scrollbar-color:#b3c8cb transparent}.desktop-layout :is(.left-settings-panel,.right-settings-panel){border-radius:14px}:is(.left-settings-panel,.right-settings-panel,.settings-panel) .settings-section{margin-bottom:24px}:is(.left-settings-panel,.right-settings-panel,.settings-panel) .settings-section:last-child{margin-bottom:0}:is(.left-settings-panel,.right-settings-panel,.settings-panel) .settings-section :is(h3,h4){color:#244650;font-size:13px;font-weight:700;letter-spacing:.01em;margin:0 0 16px;padding:0 0 11px;border-bottom:1px solid #dce8e9}:is(.left-settings-panel,.right-settings-panel,.settings-panel) .setting-group{margin-bottom:16px}:is(.left-settings-panel,.right-settings-panel,.settings-panel) .setting-group label{color:#526970;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;margin-bottom:7px;line-height:1.5}:is(.left-settings-panel,.right-settings-panel,.settings-panel) :is(select,input[type=number]){width:100%;min-height:40px;box-sizing:border-box;padding:9px 10px;border:1px solid #cddcdf;border-radius:8px;background-color:#fff;color:#253f49;font:inherit;font-size:13px;box-shadow:0 1px 2px #24404e04}:is(.left-settings-panel,.right-settings-panel,.settings-panel) :is(select,input[type=number]):hover{border-color:#91b4b9}:is(.left-settings-panel,.right-settings-panel,.settings-panel) input{accent-color:#087e8b}:is(.left-settings-panel,.right-settings-panel,.settings-panel) input[type=range]{background:#dce8e9}:is(.left-settings-panel,.right-settings-panel,.settings-panel) input[type=range]::-webkit-slider-thumb{background:#087e8b;box-shadow:0 2px 5px #087e8b26}:is(.left-settings-panel,.right-settings-panel,.settings-panel) input[type=range]::-moz-range-thumb{background:#087e8b;box-shadow:0 2px 5px #087e8b26}:is(.left-settings-panel,.right-settings-panel,.settings-panel) button{border:1px solid #c9dfe1;border-radius:8px;background:#eaf4f4;color:#176572;font-weight:600;box-shadow:none}:is(.left-settings-panel,.right-settings-panel,.settings-panel) button:hover{background:#dceeee}:is(.left-settings-panel,.right-settings-panel,.settings-panel) :is(button,select,input):focus-visible{outline:3px solid #087e8b55;outline-offset:2px;box-shadow:none}:is(.left-settings-panel,.right-settings-panel,.settings-panel) small{color:#677d85;line-height:1.5}.experiment-settings-drawer{background:#f0f6f6;border-color:#cbdfe1;padding:14px;box-shadow:0 16px 60px #183f4b26}.experiment-drawer-heading{color:#244650;padding:4px 2px 14px;font-size:15px}.desktop-layout .experiment-drawer-heading button{background:#fff;color:#32606a;border:1px solid #cddcdf;border-radius:8px;min-height:36px}.settings-panel .settings-header{background:#f0f6f6;color:#244650;border-bottom:1px solid #dce6e8}.settings-panel .close-btn{background:#e0eded;color:#32606a}@media(pointer:coarse){:is(.left-settings-panel,.right-settings-panel,.settings-panel) :is(select,input[type=number],button){min-height:44px}}body:not(.desktop-layout) .nav-bar{gap:8px;padding:12px 10px;background:#fbfdfd;color:#263e49;border-bottom:1px solid #dce6e8;box-shadow:0 3px 12px #24404e0d}body:not(.desktop-layout) .nav-brand-mobile{color:#263e49}body:not(.desktop-layout) .nav-bar :is(.nav-controls,.nav-settings){gap:4px}body:not(.desktop-layout) .nav-bar .practice-transport-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:48px;min-width:44px;height:52px;padding:5px 2px;flex-shrink:0;font-size:0;line-height:1;border:1px solid #cbdfe1;border-radius:10px;background:#eaf4f4;color:#176572;box-shadow:none;backdrop-filter:none}body:not(.desktop-layout) .nav-bar .nav-settings .practice-transport-button{background:#f1f4f5;color:#526970;border-color:#dce4e7}body:not(.desktop-layout) .nav-bar .practice-transport-button.active{background:#087e8b;color:#fff;border-color:#087e8b}body:not(.desktop-layout) .nav-bar .practice-transport-button:disabled{opacity:.5}body:not(.desktop-layout) .nav-bar .practice-transport-button:hover{transform:none;border-color:#7ca7ae}@media(max-width:350px){body:not(.desktop-layout) .nav-bar{padding-inline:6px;gap:4px}body:not(.desktop-layout) .nav-bar .practice-transport-button{width:46px}body:not(.desktop-layout) .nav-bar :is(.nav-controls,.nav-settings){gap:3px}}.touch-stepper{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:stretch;gap:6px}.settings-panel .touch-stepper .touch-browse-arrow{font-size:26px;min-height:44px;padding:0;line-height:1}.settings-panel .touch-stepper select{min-width:0;height:100%;padding:9px 6px;font-size:12px}.touch-browse-feedback{font-size:12px;color:#835222;margin:6px 0 0}.touch-browse-feedback:empty{display:none}.borrow-voices{display:flex;flex-wrap:wrap;gap:.5rem;border:0;padding:.25rem 0;margin:0}.borrow-voices legend{font-size:.85em}.borrow-voices label{display:inline-flex;align-items:center;gap:.2rem}[hidden]{display:none!important}.practice-ghost{position:absolute;z-index:5;border:2px dotted #777;border-radius:50%;box-sizing:border-box;background:#808080b3;pointer-events:none}#piano-keyboard .piano-key.ghost{box-shadow:inset 0 0 0 3px #087c78}#piano-keyboard .piano-key.active.ghost{box-shadow:inset 0 0 0 3px #087c78,inset 0 0 0 6px #fff}#open-borrowing{width:100%;min-height:42px;cursor:pointer}#borrowing-dialog,#share-setup-dialog{margin:auto;position:fixed;inset:0;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:0;border:1px solid #cbd5d7;border-radius:16px;background:#fff;color:#243b45;box-shadow:0 16px 64px #172d3d40;overflow:auto}#borrowing-dialog::backdrop,#share-setup-dialog::backdrop{background:#152c3d66}.borrowing-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #dde5e7}.borrowing-dialog-header h2{font-size:20px;margin:0}#close-borrowing,#close-share-setup{min-height:40px;padding:8px 12px;cursor:pointer;border:1px solid #bacacd;border-radius:8px;background:#f0f5f5;color:#243b45}.borrowing-dialog-body{display:grid;gap:12px;padding:20px}.borrowing-dialog-body>label{font-size:14px;font-weight:600}.borrowing-dialog-body select{width:100%;min-height:44px;padding:10px;border:1px solid #bacacd;border-radius:8px;color:inherit;background:#fff;font-size:15px}#borrowing-dialog .borrow-voices{gap:8px}#borrowing-dialog .borrow-voices label{min-height:44px;padding:0 10px;border:1px solid #dae3e5;border-radius:8px;cursor:pointer}#borrowing-dialog input[type=checkbox]{width:18px;height:18px;accent-color:#087c78}#borrowing-dialog p,#share-setup-dialog p{margin:0;font-size:13px;line-height:1.5}#borrowing-status{color:#725214}#borrowing-basic-controls{display:grid;gap:12px}#borrowing-basic-controls[hidden],#borrowing-advanced-controls[hidden]{display:none}#borrowing-advanced-controls,#borrowing-rules{display:grid;gap:12px}.borrowing-rule{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border:1px solid #dae3e5;border-radius:8px}.borrowing-rule select{min-width:0}.borrowing-rule button,#add-borrowing-rule{min-height:44px}.borrowing-rule select:nth-child(3){grid-column:1 / -1}.borrowing-rule-actions{grid-column:1 / -1;display:flex;gap:8px}.borrowing-rule-actions button{padding:4px 12px}.borrowing-rule-actions button:last-child{margin-left:auto}.borrowing-rule-actions button:disabled{opacity:.4;cursor:default}.borrowing-rule button,#add-borrowing-rule{border:1px solid #bacacd;border-radius:8px;background:#f0f5f5;color:#243b45;cursor:pointer}#share-setup{width:100%;min-height:44px;margin-top:8px;cursor:pointer}#share-setup-link{box-sizing:border-box;width:100%;resize:vertical}#setup-link-feedback{font-size:13px}