:root{--bg: #ded8c8;--panel: #ece7d9;--panel-2: #f4f1e7;--ink: #16150f;--muted: #6f6a5b;--line: #16150f;--red: #c33a2b;--green: #2f7d4f;--shadow: 2px 2px 0 var(--ink);--tap: 40px;--mono: ui-monospace, "SF Mono", "SFMono-Regular", "DejaVu Sans Mono", Menlo, Consolas, monospace;--r: 3px}*{box-sizing:border-box}html{scrollbar-gutter:stable}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button{font-family:inherit;cursor:pointer;color:var(--ink)}.app{max-width:680px;margin:0 auto;padding:0 12px 40px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.app__header{position:sticky;top:0;z-index:20;background:var(--bg);padding:12px 0 8px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:2px solid var(--line)}.app__header--condensed .app__links,.app__header--condensed .app__brand{display:none}.app__links{display:flex;gap:8px;margin-bottom:10px}.applink{text-decoration:none;color:var(--ink);border:2px solid var(--line);border-radius:var(--r);background:var(--panel);padding:5px 10px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.applink:active{background:var(--green);color:#fff}.app__brand{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.app__brand-line{font-weight:700;font-size:20px;letter-spacing:1px;white-space:nowrap}.app__brand-sub{margin:0;text-transform:uppercase;letter-spacing:1px;font-size:11px;color:var(--muted);white-space:nowrap}.app__brand-sub cite{font-style:normal;opacity:.75}.searchbar{display:flex;align-items:stretch;border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);box-shadow:var(--shadow);overflow:hidden}.searchbar__label{display:flex;align-items:center;padding:0 10px;text-transform:uppercase;letter-spacing:1px;font-size:10px;color:var(--muted);background:var(--panel);border-right:2px solid var(--line)}.searchbar__input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-family:inherit;font-size:16px;padding:12px 10px;color:var(--ink)}.searchbar__input::placeholder{color:var(--muted)}.searchbar__clear{border:0;border-left:2px solid var(--line);background:var(--panel);padding:0 14px;font-size:13px}.searchbar__clear:active{background:var(--red);color:#fff}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px}.count{font-size:13px;letter-spacing:.5px}.count strong{color:var(--green);font-size:15px}.filters-btn{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--line);background:var(--panel-2);border-radius:var(--r);padding:8px 14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow)}.filters-btn:active{transform:translate(2px,2px);box-shadow:none}.filters-btn__badge{background:var(--red);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px}.count{margin-left:auto}.clear-all{border:2px solid var(--red);background:var(--panel-2);color:var(--red);border-radius:var(--r);padding:6px 12px;font-size:11px;text-transform:uppercase;letter-spacing:1px;box-shadow:2px 2px 0 var(--red)}.clear-all:active{transform:translate(2px,2px);box-shadow:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#16150f6b;z-index:40}.drawer{position:fixed;left:0;right:0;bottom:0;z-index:41;display:flex;flex-direction:column;max-height:82vh;background:var(--bg);border-top:2px solid var(--line);border-top-left-radius:12px;border-top-right-radius:12px}.drawer__head{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:2px solid var(--line)}.drawer__title{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:700}.drawer__head .count{margin-left:auto}.drawer__done{border:2px solid var(--line);background:var(--green);color:#fff;border-radius:var(--r);padding:7px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow)}.drawer__done:active{transform:translate(2px,2px);box-shadow:none}.drawer__body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;padding-bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.drawer__reset{margin-top:4px;border:2px solid var(--red);background:var(--panel-2);color:var(--red);border-radius:var(--r);padding:10px;font-size:12px;text-transform:uppercase;letter-spacing:1px}.filters{display:flex;flex-direction:column;gap:8px}.facet{border:2px solid var(--line);border-radius:var(--r);background:var(--panel);box-shadow:var(--shadow)}.facet--open{background:var(--panel-2)}.facet__header{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:12px;text-align:left;min-height:44px}.facet__caret{width:12px;color:var(--muted)}.facet__name{flex:1;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700}.facet__badge{min-width:20px;text-align:center;background:var(--green);color:#fff;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.facet__body{padding:12px;border-top:1px dashed var(--line)}.facet__values{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:7px;border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);padding:7px 10px;min-height:38px;font-size:13px;line-height:1}.chip__label{text-transform:lowercase}.chip__count{font-size:10px;color:var(--muted);background:var(--bg);border-radius:2px;padding:2px 5px}.chip--active{background:var(--red);border-color:var(--line);color:#fff;box-shadow:2px 2px 0 var(--ink)}.chip--active .chip__count{color:#fff;background:#00000040}.chip:active{transform:translate(1px,1px)}.facet__clear{margin-top:12px;border:2px solid var(--line);background:var(--panel);border-radius:var(--r);padding:6px 10px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.results{margin-top:16px}.results--legend{padding-right:72px}.samples{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.sample{display:flex;gap:10px;align-items:stretch;border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);overflow:hidden}.sample__index{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 10px;border:0;border-right:2px solid var(--line);min-width:58px;font-family:inherit}.sample__cue{font-size:11px;line-height:1;margin-top:3px;color:inherit;opacity:.8}.sample--playing{border-color:var(--green);box-shadow:var(--shadow)}.sample--playing .sample__cue{opacity:1}.sample__bank{font-size:10px;font-weight:700;color:inherit;opacity:.75}.sample__num{font-size:15px;font-weight:700;letter-spacing:.5px;color:inherit}.sample__main{flex:1;min-width:0;padding:8px 10px;display:flex;flex-direction:column;justify-content:center;gap:4px}.sample__name{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.sample__kit{color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.sample__tag{border:1px solid var(--line);border-radius:2px;padding:1px 5px;color:var(--ink)}.sample__spec{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:40px 12px;font-size:13px}.sample{scroll-margin-top:150px}@media (prefers-reduced-motion: no-preference){.sample__index{transition:filter .12s ease}.sample__index:not(:disabled):active{filter:brightness(1.15)}}.legend{position:fixed;right:8px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.legend__item{border:2px solid var(--line);border-radius:var(--r);box-shadow:1px 1px 0 var(--ink);padding:4px 7px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1;white-space:nowrap}.legend__count{display:none}@media (min-width: 600px){.legend__count{display:inline;margin-left:5px;font-weight:400;opacity:.7;font-variant-numeric:tabular-nums}.results--legend{padding-right:92px}}.legend__item:disabled{opacity:.3;box-shadow:none;cursor:default}.legend__item--active{outline:3px solid var(--ink);outline-offset:1px;transform:translate(-2px)}@media (min-width: 600px){.facet__header{min-height:40px}}.viewtoggle{display:flex;margin-bottom:8px;border:2px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel-2)}.viewtoggle__btn{flex:1 1 0;min-width:0}.viewtoggle__btn{border:0;background:transparent;padding:6px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:5px}.viewtoggle__btn+.viewtoggle__btn{border-left:2px solid var(--line)}.viewtoggle__btn--on{background:var(--ink);color:var(--panel-2)}.viewtoggle__badge{background:var(--green);color:#fff;border-radius:8px;padding:0 5px;font-size:10px;line-height:15px}.sample__assign{border:0;border-left:2px solid var(--line);background:var(--panel);padding:8px;min-width:44px;font-size:20px;font-weight:700;line-height:1;color:var(--muted)}.sample__assign:active{background:var(--green);color:#fff}.presetbar{border:2px solid var(--line);border-radius:var(--r);background:var(--panel);padding:8px;margin-bottom:10px;display:flex;flex-direction:column;gap:8px}.presetbar__row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.presetbar__select,.presetbar__input{flex:1;min-width:0;font-family:inherit;font-size:14px;font-weight:700;padding:6px 8px;border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);color:var(--ink)}.presetbar__count{font-size:12px;color:var(--muted)}.presetbar__count strong{color:var(--ink)}.pbtn{border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);padding:4px 8px;font-size:11px;text-transform:lowercase;box-shadow:var(--shadow);display:inline-flex;align-items:center;gap:6px}.pbtn:active{transform:translate(2px,2px);box-shadow:none}.pbtn:disabled{opacity:.4;cursor:default;box-shadow:none}.pbtn:disabled:active{transform:none}.pbtn:has(>.icon):not(:has(>.pbtn__label)):not(:has(>.pbtn__count)){padding:0;width:var(--tap);justify-content:center}.icon{display:block;flex:none}.midi__glabel{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-right:2px}.midi__saveas{flex:1 1 100%}.midi__namebox{display:flex;align-items:stretch;flex:1 1 120px;min-width:0}.midi__namebox .midi__name{flex:1 1 auto;border-right-width:0;border-radius:var(--r) 0 0 var(--r);box-shadow:none;max-width:none;text-overflow:ellipsis}.midi__out,.midi__pick,.midi__vel,.midi__name,.presetbar__select,.presetbar__input,.midi__namebox{box-shadow:var(--shadow)}.filepicker{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}label.pbtn{cursor:pointer}.pbtn--busy{opacity:.4;cursor:default;pointer-events:none}.midi__swap{border-radius:0 var(--r) var(--r) 0;box-shadow:none;flex:none}.pbtn__label{white-space:nowrap}.pbtn__count{font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.pbtn--danger{color:var(--red)}.pads__layout{display:flex;align-items:stretch;gap:6px}.pads__banks{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}.bank{flex:1;min-width:40px;border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);padding:7px 6px;font-size:13px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.bank--on{background:var(--ink);color:var(--panel-2)}.bank__count{font-size:10px;opacity:.7;font-weight:400}.pads__grid{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pad{position:relative;border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);min-height:76px;display:flex}.pad--empty{border-style:dashed;background:transparent}.pad--target{border-color:var(--green);box-shadow:var(--shadow)}.pad--target .pad__id{color:var(--green)}.pad__replace{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--red)}.pad--playing{background:var(--panel);border-color:var(--green)}.pad__hit{flex:1;min-width:0;border:0;background:transparent;padding:6px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;text-align:left}.pad__id{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.5px;display:flex;align-items:center;gap:4px}.pad__key{border:1px solid var(--line);border-radius:2px;padding:0 3px;font-size:9px;color:var(--ink)}.pad--armed .pad__id{color:var(--green)}.pad__num{font-size:12px;font-weight:700;padding:1px 4px;border-radius:2px}.pad__name{font-size:11px;line-height:1.25;width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pad__empty{font-size:11px;color:var(--muted)}.pad__clear{position:absolute;top:2px;right:2px;border:0;background:transparent;color:var(--muted);font-size:15px;line-height:1;padding:2px 5px}.pad__clear:active{color:var(--red)}.placing{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:2px solid var(--green);border-radius:var(--r);background:var(--panel-2);box-shadow:var(--shadow);padding:8px;margin-bottom:10px}.placing__what{display:flex;align-items:baseline;gap:6px;min-width:0;flex:1}.placing__label{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--green)}.placing__name{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placing__hint{font-size:11px;color:var(--muted)}.suggest{border:2px solid var(--line);border-radius:var(--r);background:var(--panel);padding:8px;margin-bottom:10px}.suggest__head{width:100%;display:flex;align-items:center;gap:7px;min-height:var(--tap);border:0;background:transparent;padding:0;text-align:left}.suggest__caret{color:var(--muted);font-size:11px}.suggest__genres{margin-top:7px}.suggest__title{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.suggest__target{margin-left:auto;font-size:11px;font-weight:700;color:var(--green)}.suggest__genres{display:flex;flex-wrap:wrap;gap:5px}.genre{border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);padding:6px 9px;font-size:12px;white-space:nowrap}.genre--on{background:var(--ink);color:var(--panel-2)}.suggest__body{margin-top:8px}.suggest__note{margin:0 0 8px;font-size:11px;line-height:1.45;color:var(--muted)}.suggest__roles{display:flex;flex-wrap:wrap;gap:5px}.role{display:flex;align-items:center;gap:5px;border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);padding:5px 8px;font-size:12px}.role:disabled{opacity:.35;cursor:default}.role__count{font-size:10px;color:var(--muted);font-weight:700}.pad--empty .pad__empty{color:var(--muted);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.pad--target .pad__empty{text-decoration:none}.genre,.role,.pbtn,.chip,.viewtoggle__btn,.filters-btn,.clear-all,.drawer__done,.presetbar__select,.presetbar__input,.facet__header{min-height:var(--tap);display:inline-flex;align-items:center}.facet__header,.presetbar__select,.presetbar__input{display:flex}.viewtoggle__btn{justify-content:center}.pad__clear{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;padding:0}.padpick .drawer__head{gap:8px;flex-wrap:wrap;padding:12px}.padpick .drawer__title{letter-spacing:1px;padding:4px 8px;border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2)}.padpick__search{padding:10px 12px;border-bottom:2px solid var(--line)}.padpick__search .searchbar__input{width:100%;border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);padding:9px 10px;min-height:var(--tap);font-size:15px}.padpick .drawer__body{padding:10px 12px 16px}.sample__assign--target{display:flex;flex-direction:column;gap:1px;min-width:52px;font-size:16px;color:var(--green)}.sample__assign--target .sample__assign-pad{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--muted)}.sample__assign--target:active,.sample__assign--target:active .sample__assign-pad{color:#fff}.suggest__roll{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;padding-top:8px;border-top:2px dashed var(--line)}.suggest__rolllabel{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-right:2px}.role--fill{background:var(--green);color:#fff;border-color:var(--line);font-weight:700;box-shadow:var(--shadow)}.role--fill-bank{background:var(--panel-2);color:var(--ink);min-width:var(--tap);justify-content:center}.role--fill:active{transform:translate(2px,2px);box-shadow:none}.role--fill .role__count{color:#ffffffbf}.role--fill:disabled{box-shadow:none}.applink--btn{font-family:inherit;line-height:inherit;cursor:pointer}.audiosrc .drawer__body{padding:14px}.audiosrc__now{margin:0 0 10px;font-size:13px}.audiosrc__note{margin:0 0 12px;font-size:11px;line-height:1.5;color:var(--muted)}.audiosrc__note code{font-size:11px;background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:0 3px}.audiosrc__actions{display:flex;flex-wrap:wrap;gap:6px}.audiosrc__progress{position:relative;border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);height:26px;margin-bottom:12px;overflow:hidden}.audiosrc__bar{position:absolute;inset:0 auto 0 0;background:var(--green);transition:width .12s linear}.audiosrc__pct{position:relative;display:block;line-height:22px;text-align:center;font-size:11px;font-weight:700}.audiosrc__error{margin:0 0 12px;font-size:12px;color:var(--red);font-weight:700}.midisec{border:2px solid var(--line);border-radius:var(--r);background:var(--panel);margin-bottom:8px}.midisec__head{width:100%;display:flex;align-items:center;gap:7px;min-height:var(--tap);padding:0 10px;border:0;background:transparent;text-align:left}.midisec__caret{color:var(--muted);font-size:11px}.midisec__title{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.midisec__summary{margin-left:auto;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.midisec__body{padding:0 10px 10px;display:flex;flex-direction:column;gap:6px}.midi__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.midi__stats{font-size:11px;color:var(--muted)}.midi__zoomrow{display:flex;justify-content:flex-end;gap:4px;margin-top:6px}.midi__bar,.midi__edit{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.midi__edit{padding-top:6px;border-top:2px dashed var(--line)}.midi__bar{margin-bottom:10px}.pbtn--go{background:var(--green);color:#fff;font-weight:700}.midi__out{font-family:inherit;font-size:12px;padding:6px 8px;min-height:var(--tap);border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);color:var(--ink);max-width:190px}.midi__empty,.midi__meta{font-size:12px;color:var(--muted);line-height:1.5}.midi__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.midi__meta strong{color:var(--ink)}.midi__zoom{display:flex;gap:4px;margin-left:auto}.midi__error{font-size:12px;color:var(--red);font-weight:700}.midi__roll{border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);overflow-x:auto;overflow-y:hidden;margin-bottom:10px;touch-action:pan-x pan-y}.midi__svg{display:block}.midi__lane{fill:var(--panel-2)}.midi__lane--sharp{fill:var(--panel)}.midi__bar-line{stroke:var(--line);stroke-width:1;opacity:.28}.midi__hit{fill:transparent}.midi__note{fill:var(--green);stroke:var(--line);stroke-width:1;rx:1;cursor:pointer}.midi__note--on{fill:var(--red)}.midi__playhead{stroke:var(--red);stroke-width:2;pointer-events:none}.midi__sel{font-size:12px;font-weight:700;margin-right:4px}.midi__sel--none{color:var(--muted);font-weight:400}.midi__select{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:2px dashed var(--line)}.midi__pick{font-family:inherit;font-size:12px;padding:6px 8px;min-height:var(--tap);border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);color:var(--ink)}.midi__count{font-size:12px;color:var(--muted)}.midi__count strong{color:var(--green);font-size:13px}.midi__count--none{color:var(--muted)}.linkbtn{border:0;background:none;padding:4px 2px;font-family:inherit;font-size:12px;color:var(--muted);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;min-height:var(--tap)}.linkbtn:active{color:var(--green)}.midi__tapmode{margin-left:auto;font-size:11px}.midi__flat{display:flex;align-items:center;gap:4px}.midi__group{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.midi__edit .midi__group{flex:1 0 100%}.midi__edit .midi__glabel{min-width:52px;flex:none}.midi__rangebox{fill:var(--green);opacity:.14;pointer-events:none}.midi__mark{fill:var(--green);opacity:.35;cursor:ew-resize;touch-action:none}.midi__mark:hover,.midi__mark--drag{opacity:.6}.midi__practice--full{background:var(--bg);padding:8px;display:flex;align-items:center}.midi__practice--full{position:relative}.midi__practice--full .practice{width:100%}.midi__fsbar{position:absolute;top:10px;right:10px;display:flex;gap:6px;opacity:.85}.practice[role=button]{cursor:pointer}.midi__rate{max-width:100px}.midi__vel{width:56px;font-family:inherit;font-size:12px;padding:6px;min-height:var(--tap);border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);color:var(--ink)}.midi__name{font-family:inherit;font-size:12px;font-weight:700;color:var(--ink);background:var(--panel-2);border:2px solid var(--line);border-radius:var(--r);padding:5px 7px;min-height:var(--tap);min-width:0;flex:1 1 180px;max-width:300px}.midi__note--muted{fill:transparent;stroke:var(--red);stroke-width:1.5;stroke-dasharray:3 2}.practice{position:relative;border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);overflow:hidden}.practice__lanes{display:block;width:100%}.practice__lane{fill:var(--panel-2)}.practice__lane--c{fill:var(--panel)}.practice__note{fill:var(--green);stroke:var(--line);stroke-width:.3;rx:.6}.practice__note--sharp{fill:var(--slate, #3f6f9e)}.practice__now{stroke:var(--red);stroke-width:2}.practice__keys{position:relative;border-top:2px solid var(--line);background:var(--panel-2)}.practice__key{position:absolute;top:0;bottom:0;border-right:1px solid var(--line);background:var(--panel-2);box-sizing:border-box}.practice__key--sharp{height:62%;bottom:auto;border:1px solid var(--line);border-radius:0 0 2px 2px;background:var(--ink);z-index:2}.practice__key--on,.practice__key--sharp.practice__key--on{background:var(--green)}.midi__mode{display:flex;gap:4px;margin-right:auto}.guide__search{display:flex;align-items:center;gap:8px;margin-bottom:12px}.guide__search .searchbar__input{flex:1;min-width:0;border:2px solid var(--line);border-radius:var(--r);background:var(--panel-2);padding:9px 10px;min-height:var(--tap);font-size:15px}.guide__count{font-size:11px;color:var(--muted)}.gsection{margin-bottom:18px}.gsection__title{margin:0;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.gsection__blurb{margin:3px 0 8px;font-size:11px;line-height:1.5;color:var(--muted)}.gtopic{border:2px solid var(--line);border-radius:var(--r);background:var(--panel);margin-bottom:6px}.gtopic--open{background:var(--panel-2)}.gtopic__head{width:100%;display:flex;align-items:center;gap:7px;min-height:var(--tap);padding:4px 10px;border:0;background:transparent;text-align:left}.gtopic__caret{color:var(--muted);font-size:11px}.gtopic__title{font-size:13px;font-weight:700}.gtopic__tag{margin-left:auto;border:1px solid var(--line);border-radius:2px;padding:1px 5px;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--red)}.gtopic__body{padding:0 10px 10px}.gtopic__goal{margin:0 0 8px;font-size:12px;color:var(--muted)}.gtopic__src{margin:8px 0 0;font-size:10px;color:var(--muted);font-style:italic}.gsteps{list-style:none;margin:0;padding:0}.gstep{display:flex;flex-direction:column;gap:4px;padding:7px 0;border-top:1px dashed var(--line);font-size:13px;line-height:1.45}.gstep:first-child{border-top:0;padding-top:0}.gstep__note{font-size:11px;color:var(--muted);line-height:1.5}.keys{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.keys__key{font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.5px;border:2px solid var(--line);border-radius:3px;background:var(--panel-2);box-shadow:1px 1px 0 var(--ink);padding:3px 6px;white-space:nowrap}.keys__op{font-size:12px;color:var(--muted);font-weight:700}.keys__hold{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--green)}.guide__foot{margin-top:18px;padding-top:10px;border-top:2px dashed var(--line);font-size:11px;line-height:1.6;color:var(--muted)}.needbackup{border:2px solid var(--green);border-radius:var(--r);background:var(--panel-2);box-shadow:var(--shadow);padding:12px;margin-bottom:12px}.needbackup__lead{margin:0 0 6px;font-size:14px}.needbackup__body{margin:0 0 10px;font-size:12px;line-height:1.55;color:var(--muted)}.needbackup__cta{width:100%;justify-content:center}.needbackup__hint{margin:8px 0 0;font-size:11px;color:var(--muted)}.needbackup__hint a{color:var(--green)}