*{box-sizing:border-box}:root{--enamel:#c9d82b;--enamel-deep:#a9b81c;--enamel-ink-soft:#3c4210;--ink:#16170f;--led:#ff3b2f;--led-off:#5a2520;--alu:#d8dad3;--alu-plate:#e5e7e1;--alu-edge:#aeb2a8;--alu-ink-soft:#4b4e45;--steel:#c3c7c0;--steel-hi:#f1f2ee;--paper:#f7f7f4;--paper-rule:#d9d6cb;--paper-ink-soft:#55574c;--wood:#2a2019;--wood-edge:#15100c;--pearl:#e6e0cf;--nickel:#b7b1a5;--bone:#efe8d6;--string:#c9ccc6;--ink-plate:#22231a;--ink-edge:#4a4c41;--focus-ring:var(--enamel);--sidebar-width:320px;--gutter:1rem;--region-gap:.75rem;--ease-hw:cubic-bezier(.16, 1, .3, 1);--t-press:90ms;--t-release:.16s;--t-enter:.16s;--cap-rest:0 0 0 1px var(--alu-edge), 0 3px 0 0 var(--alu-edge), 0 5px 8px 0 #16170f47;--play-rest:0 0 0 1px var(--alu-edge), 0 4px 0 0 var(--alu-edge), 0 7px 12px 0 #16170f52;--cap-down:0 0 0 1px var(--alu-edge), 0 1px 0 0 var(--alu-edge), 0 2px 3px 0 #16170f59;--eng-plate:linear-gradient(180deg, var(--ink) 0 1px, var(--ink-edge) 1px 2px);--eng-paper:linear-gradient(180deg, var(--paper-rule) 0 1px, #ffffffe6 1px 2px);--window-recess:inset 0 2px 3px #16170f3d, inset 0 -1px 0 #ffffff59;--readout-recess:inset 0 1px 3px #00000073, 0 1px 0 #ffffff0d;--bevel-key:inset 0 1px 0 #ffffff8c, inset 0 -1px 0 #16170f1f;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2316170F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--led-lens-off:radial-gradient(circle at 35% 30%, #ffffff47 0 1px, #fff0 2px);--led-lens-on:radial-gradient(circle at 35% 30%, #ffffffb3 0 1px, #fff0 2.5px);--screw-dark:radial-gradient(circle 3.5px at 50% 50%, var(--nickel) 0 1.5px, var(--ink-edge) 2.5px, var(--ink) 3px, transparent 3.5px);--screw:radial-gradient(circle, var(--steel-hi) 0 1.5px, var(--steel) 1.5px 3.5px, var(--alu-edge) 3.5px 4.5px, transparent 5px);--collar:0 0 0 5px var(--ink), 0 0 0 6px var(--ink-edge);--hinge:repeating-linear-gradient(90deg, var(--steel) 0 14px, var(--alu-edge) 14px 16px);--deck-r:16px;--bar-title-fs:1.375rem;--counter-h:3.25rem;--counter-fs:clamp(1.375rem, 5vw + .4rem, 1.75rem);--counter-recess:var(--readout-recess), inset 0 2px 4px #0000008c;--strip-cap-fs:1.75rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@font-face{font-family:Big Shoulders Display;src:url(/fonts/big-shoulders-display.woff2)format("woff2");font-weight:700 900;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/fonts/atkinson-hyperlegible-next.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/fonts/atkinson-hyperlegible-next-italic.woff2)format("woff2");font-weight:400 700;font-style:italic;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Mono;src:url(/fonts/atkinson-hyperlegible-mono.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}.caption,.menu-label,.wordmark,.modal-content h2,#empty-state h2{text-transform:uppercase;letter-spacing:.08em;font-family:Big Shoulders Display,Arial Narrow,sans-serif;font-weight:800}.mono,#bar-current,#loop-end,#speed-select,#zoom-select,#licence input,kbd{font-variant-numeric:tabular-nums;font-family:Atkinson Hyperlegible Mono,ui-monospace,monospace}html,body{background:var(--ink);height:100%;color:var(--paper);overscroll-behavior:none;margin:0;padding:0;font-family:Atkinson Hyperlegible Next,system-ui,-apple-system,sans-serif;overflow:hidden}#layout-container{grid-template-columns:var(--sidebar-width) 6px minmax(0, 1fr);reading-flow:grid-rows;height:100vh;width:100%;height:100dvh;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"strip strip strip""controls resize transport""controls resize score""controls resize neck";display:grid;overflow:hidden}#neck-panel{z-index:2;isolation:isolate;overscroll-behavior:contain;background:var(--ink-plate);border:1px solid var(--ink-edge);min-width:0;max-height:40vh;margin:0 var(--gutter) var(--gutter);border-radius:8px;grid-area:neck;padding:.5rem 0;overflow:auto;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #00000040}body.lefty #neck-panel{direction:rtl}#neck{direction:ltr;min-width:1011px}#neck svg{width:100%;height:auto;display:block}.transport-bar{z-index:2;isolation:isolate;background-color:var(--ink-plate);border:1px solid var(--ink-edge);min-width:0;margin:var(--gutter) var(--gutter) var(--region-gap);border-radius:8px;flex-wrap:wrap;grid-area:transport;align-items:center;gap:.5rem .85rem;padding:.5rem .75rem;display:flex;box-shadow:inset 0 1px #ffffff0f;container-type:inline-size}.transport-bar .transport,.transport-bar .button-group,.transport-bar .bar-nav,.transport-bar .loop-group,.transport-bar .speed{flex:none;align-items:center}.transport-bar button{white-space:nowrap;flex:none}.transport-bar .preset{color:var(--paper);flex-direction:row;flex:none;align-items:center;gap:.4rem}.transport-bar .preset select{width:auto}.speed{align-items:center;gap:var(--in-cluster,.4rem);display:flex}.speed .speed-icon{fill:currentColor;width:1.35rem;height:1.35rem;color:var(--steel);pointer-events:none;flex:none;margin-right:.1rem}.speed button{border-radius:4px;justify-content:center;align-items:center;width:2.75rem;min-height:2.75rem;padding:0;display:inline-flex}.speed button svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;pointer-events:none;width:1.1rem;height:1.1rem}.speed .speed-bpm{color:var(--nickel);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.speed .speed-slots{align-items:center;gap:.25rem;display:flex}.speed .speed-slots button{font-variant-numeric:tabular-nums;width:auto;min-width:2.75rem;padding:0 .5rem}.transport-bar #bar-current,.transport-bar #loop-end{flex:0 0 4rem}.bar-slash{color:var(--nickel);-webkit-user-select:none;user-select:none;flex:none;font:800 1.6rem/1 Big Shoulders Display,Arial Narrow,sans-serif}.loop-group{align-items:center;display:flex}@keyframes box-adjusted{0%{background-color:var(--enamel-deep)}}#playback input.adjusted{animation:.24s box-adjusted}.transport-bar .hint-tip{text-align:right;color:var(--nickel);flex:0 auto;margin-left:auto;font-size:.8rem}@media (max-width:1500px){.transport-bar .hint-tip{display:none}}#score-frame{z-index:1;isolation:isolate;min-width:0;min-height:0;margin:0 var(--gutter) var(--gutter);grid-area:score;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid}#score-frame .notices{grid-row:1}#score-frame #score-pane{grid-row:2}#strips{z-index:3;flex-direction:column;grid-area:strip;min-width:0;display:flex}#product-strip,#install-strip{min-width:0;padding:.2rem .5rem .2rem var(--gutter);background:var(--ink);box-shadow:0 1px 0 var(--ink-edge), 0 2px 0 #ffffff0a;color:var(--enamel);white-space:nowrap;border-bottom:0;align-items:center;gap:.2rem .75rem;font-size:.8rem;line-height:1.3;display:flex}#product-strip[hidden],#install-strip[hidden]{display:none}#product-strip .strip-text,#install-strip .strip-text{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}#product-strip a{color:var(--enamel);flex:none;font-weight:700;text-decoration-color:currentColor;position:relative}#install-strip .install-go{min-height:0;color:var(--enamel);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-weight:700;text-decoration:underline;position:relative}#install-strip .install-go[hidden]{display:none}#install-strip .install-go:after{content:"";position:absolute;inset:calc(50% - 20px) -4px}#install-strip .install-go:focus-visible,#install-strip #install-close:focus-visible{outline:2px solid var(--enamel);outline-offset:2px}#product-strip button,#install-strip #install-close{width:1.75rem;height:1.5rem;min-height:0;color:var(--enamel);cursor:pointer;background:0 0;border:0;flex:none;padding:0;line-height:1;position:relative}#product-strip button svg,#install-strip #install-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:12px;height:12px}#product-strip button:after,#install-strip #install-close:after{content:"";position:absolute;inset:-8px -6px}#product-strip a:after{content:"";position:absolute;inset:calc(50% - 20px) -4px}@media (max-width:640px){#strips:has(#install-strip:not([hidden])) #product-strip{display:none}#strips:has(>:not([hidden])){margin:calc(.5rem + env(safe-area-inset-top,0px)) .5rem 0}#product-strip,#install-strip{background:var(--ink-plate);border:1px solid var(--ink-edge);min-height:2.75rem;box-shadow:var(--readout-recess);white-space:nowrap;border-radius:8px;padding:0 .25rem 0 .75rem;font-size:.8rem}#product-strip .strip-text,#install-text{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}@media (max-width:380px){#product-strip{gap:.5rem;padding-left:.5rem;font-size:.75rem}}#strips:has(>:not([hidden]))+#sidebar{padding-top:.5rem}#install-strip #install-go{border:1px solid var(--ink);background:var(--steel);min-height:2rem;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--bevel-key);transition:transform .16s var(--ease-hw);border-radius:4px;padding:0 .75rem;font:800 .75rem/1 Big Shoulders Display,Arial Narrow,sans-serif;text-decoration:none}#install-strip #install-go:active{transition-duration:90ms;transform:translateY(1px)}#install-strip:has(#install-go[hidden]) .strip-text{white-space:normal;text-overflow:clip;padding-block:.5rem;line-height:1.35;overflow:visible}}@media (max-width:520px){.strip-long{display:none}}@media (max-width:640px) and (prefers-reduced-motion:reduce){#install-strip #install-go{transition:none}}#score-pane{overscroll-behavior:contain;background:var(--paper);border:1px solid var(--ink);min-width:0;min-height:0;box-shadow:0 0 0 4px var(--ink-plate), 0 0 0 5px var(--ink-edge);color:var(--ink);border-radius:8px;position:relative;overflow:auto}.at-cursor-bar{background:#c9d82b33;border-radius:4px}.at-cursor-beat{background:var(--led)}.at-selection div{background:#16170f17}#app{min-height:100%;padding:.5rem 0}#empty-state{overscroll-behavior:contain;justify-content:center;align-items:safe center;padding:1.5rem;display:flex;position:absolute;inset:0;overflow-y:auto}#empty-state[hidden],.demo-start #empty-state{display:none}#empty-state .empty-sheet{width:100%;max-width:30rem;padding:2rem calc(1.75rem + env(safe-area-inset-right,0px)) 2rem calc(1.75rem + env(safe-area-inset-left,0px));text-align:center}#empty-state h2{letter-spacing:.03em;color:var(--ink);margin:0;font-size:clamp(1.75rem,1.4vw + 1.2rem,2.5rem);line-height:1}#empty-state h2:after{content:"";background:var(--eng-paper);width:4rem;height:2px;margin:.75rem auto 1rem;display:block}#empty-state p{max-width:44ch;color:var(--paper-ink-soft);margin:0 auto 1.25rem;font-size:.95rem;line-height:1.5}.empty-staff{width:min(100%,22rem);height:auto;margin:0 auto 1.25rem;display:block}.es-strings line{stroke:var(--paper-ink-soft);stroke-width:1px;vector-effect:non-scaling-stroke}.es-bar{stroke:var(--ink);stroke-width:1.5px}.es-final{stroke:var(--ink);stroke-width:4px}.es-clef{fill:var(--ink);text-anchor:middle;font:800 16px Big Shoulders Display,Arial Narrow,sans-serif}.empty-actions{flex-direction:column;align-items:center;gap:1.1rem;margin-bottom:1.1rem;display:flex}#empty-open,#empty-demo{min-width:14rem;min-height:2.75rem;padding:.6rem 1.4rem;font-weight:700}#empty-open{background:var(--ink);color:var(--enamel);border-color:var(--ink)}@media (hover:hover) and (pointer:fine){#empty-open:hover:not(:disabled){background:var(--ink-plate)}}#empty-open:focus-visible{outline-color:var(--ink)}.empty-demo-group{flex-direction:column;align-items:center;gap:.35rem;display:flex}.empty-demo-note{max-width:22rem;font-size:.78rem;font-style:italic}.empty-drop-hint{margin:0}@media (pointer:coarse){.empty-drop-hint,.drop-hint{display:none}}.empty-sheet.asking>:not(.first-run){display:none}.first-run-choices{grid-template-columns:1fr 1fr;gap:.85rem;max-width:30rem;margin:0 auto .85rem;display:grid}.choice{border:1px solid var(--ink);min-height:8.5rem;box-shadow:var(--bevel-key), 0 2px 4px #16170f38;border-radius:8px;grid-template-rows:auto auto auto 1fr;justify-items:center;gap:.4rem;padding:.9rem 1rem 1rem;display:grid}.choice-neck{width:9rem;max-width:100%;height:auto}.choice-cap{text-transform:uppercase;letter-spacing:.08em;color:var(--ink);font-family:Big Shoulders Display,Arial Narrow,sans-serif;font-size:1.05rem;font-weight:800;line-height:1.1}.choice-cap:after{content:"";background:var(--alu-edge);width:2.5rem;height:1.5px;margin:.4rem auto 0;display:block}.choice-sub{color:var(--alu-ink-soft);font-size:.85rem}@media (hover:hover) and (pointer:fine){.choice:hover{background:var(--steel-hi)}}#empty-state .first-run-note{max-width:30rem;margin:0 auto 1.25rem;font-size:.85rem}.first-run-skip{min-height:2.5rem}@media (min-width:901px) and (max-height:860px){#empty-state{padding:.5rem}#empty-state .empty-sheet{padding:.5rem;padding-block:1rem}.empty-staff{display:none}}@media (min-width:901px) and (max-height:760px){#empty-state,#empty-state .empty-sheet{padding:.5rem}#empty-state h2:after{margin:.4rem auto .5rem}.choice{min-height:7rem;padding:.5rem}.first-run-choices{margin-bottom:.5rem}#empty-state .first-run-note{margin-bottom:.6rem}}#empty-state .first-run-done{color:var(--ink);margin:0 0 1rem;font-size:.9rem}@media (max-width:900px){#empty-state,#empty-state .empty-sheet{padding:.5rem}#empty-state h2{font-size:1.35rem}#empty-state h2:after{margin:.4rem auto .5rem}#empty-state p{margin-bottom:.85rem}.empty-actions{gap:.75rem;margin-bottom:.75rem}#empty-state .empty-sheet{flex-direction:column;align-items:center;display:flex}#empty-state h2{order:-2}#empty-state .first-run-done{order:-3;margin-bottom:.75rem}#empty-state .empty-staff{order:-4;width:min(100%,15rem);margin:0 auto .5rem}.choice{min-height:7rem}.first-run-choices{gap:.5rem;margin-bottom:.5rem}#empty-state .first-run-note{margin-bottom:.75rem}#empty-state .empty-actions{flex-flow:wrap;order:-1;justify-content:center;align-items:flex-start}#empty-open,#empty-demo{min-width:0;padding:.5rem .85rem;font-size:.85rem}}#sidebar-resizer{z-index:4;background:var(--ink-edge);cursor:col-resize;touch-action:none;grid-area:resize;position:relative}#sidebar-resizer:after{content:"";position:absolute;inset:0 -5px}@media (hover:hover) and (pointer:fine){#sidebar-resizer:hover{background:var(--enamel);outline:none}}#sidebar-resizer.dragging{background:var(--enamel);outline:none}#sidebar-resizer:focus-visible{background:var(--enamel);outline:2px solid var(--steel-hi);outline-offset:2px}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}#sidebar{z-index:3;isolation:isolate;background:var(--ink);border-right:1px solid var(--ink-edge);overscroll-behavior:contain;flex-direction:column;grid-area:controls;gap:.75rem;min-height:0;padding:1rem;display:flex;overflow-y:auto}#menu-body{background:var(--ink-plate);border:1px solid var(--ink-edge);border-radius:8px;flex-direction:column;flex:none;padding:.35rem 0;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #00000040}#menu-body:before{content:"";z-index:1;pointer-events:none;background:var(--screw-dark) left top / 7px 7px no-repeat, var(--screw-dark) right top / 7px 7px no-repeat, var(--screw-dark) left bottom / 7px 7px no-repeat, var(--screw-dark) right bottom / 7px 7px no-repeat;position:absolute;inset:5px}@media (min-width:901px){#sidebar header{background:var(--eng-plate) bottom / 100% 2px no-repeat;padding-bottom:.5rem}#menu-body>#licence{margin:.5rem .85rem .85rem}}@media (min-width:901px) and (max-height:760px){#sidebar{gap:.5rem}.menu-section{padding:.7rem .85rem .75rem}}#menu-toggle,#menu-scrim,#file-open-bar,.sheet-done{display:none}@media (max-width:900px){:root{--gutter:.5rem;--region-gap:.5rem;--neck-cap:22svh}#layout-container{grid-template:"strip""controls""score"minmax(0,1fr)"neck""transport"/minmax(0,1fr)}.transport-bar{max-height:22vh;overscroll-behavior:contain;max-height:22svh;margin:0 var(--gutter) calc(var(--gutter) + env(safe-area-inset-bottom,0px));column-gap:.6rem;padding:.5rem;overflow-y:auto}#playback .transport{gap:.4rem}#sidebar-resizer{display:none}#neck-panel{max-height:var(--neck-cap);margin:0 var(--gutter) var(--region-gap);box-shadow:var(--readout-recess);border-radius:8px;overflow-x:hidden}#neck{min-width:0}#neck svg{max-height:calc(var(--neck-cap) - 1rem - 2px);overflow:visible}#sidebar{padding:calc(.5rem + env(safe-area-inset-top,0px)) .75rem .5rem;border-top:none;border-right:none;border-bottom:1px solid var(--ink-edge);max-height:30vh;max-height:30svh;display:block;overflow:visible}#sidebar .drop-hint{display:none}#menu-toggle{align-items:center;gap:.4rem;min-height:2.5rem;padding:0 .7rem;display:inline-flex}#menu-toggle svg{fill:currentColor;flex:none;width:1.1rem;height:1.1rem}.menu-toggle-label{text-transform:uppercase;letter-spacing:.08em;font-family:Big Shoulders Display,Arial Narrow,sans-serif;font-size:.75rem;font-weight:800}#sidebar .icon-btn{width:2.5rem;height:2.5rem}#file-open-bar{background:var(--steel);border-color:var(--ink);width:2.5rem;height:2.5rem;color:var(--ink);border-radius:4px;flex:none;padding:0;display:inline-flex}#file-open-bar svg{width:1.25rem;height:1.25rem}@media (hover:hover) and (pointer:fine){#file-open-bar:hover{background:var(--steel-hi)}}#sidebar{box-shadow:0 1px 0 var(--ink-edge), 0 2px 0 #ffffff0a}#menu-toggle{border-radius:4px}#menu-toggle[aria-expanded=true]{background:var(--ink);border-color:var(--nickel);color:var(--enamel);box-shadow:none}@media (hover:hover) and (pointer:fine){#menu-toggle[aria-expanded=true]:hover{background:var(--ink-plate)}}#sidebar .bar-title:not([hidden]){min-width:0;font:850 var(--bar-title-fs)/1 "Big Shoulders Display", "Arial Narrow", sans-serif;letter-spacing:.01em;text-transform:uppercase;color:var(--paper);white-space:nowrap;text-overflow:ellipsis;flex:0 1000 auto;margin:0 auto 0 0;display:block;overflow:hidden}#sidebar .title-row .brand{margin-right:auto}#sidebar .title-row .brand:has(+.bar-title:not([hidden])){margin-right:0}@media (max-width:479px){#sidebar .bar-title:not([hidden]){display:none}#sidebar .title-row .brand:has(+.bar-title:not([hidden])){margin-right:auto}}#menu-body{display:none}#sidebar.menu-open #menu-body{left:0;right:0;top:var(--menu-top,57px);max-height:calc(100dvh - var(--menu-top,57px));overscroll-behavior:contain;background:var(--ink);border:0;border-top:1px solid var(--ink-edge);box-shadow:none;padding:.75rem calc(.75rem + env(safe-area-inset-right,0px)) calc(.75rem + env(safe-area-inset-bottom,0px)) calc(.75rem + env(safe-area-inset-left,0px));z-index:21;transform-origin:50% 0;transition:opacity .22s var(--ease-hw), transform .22s var(--ease-hw);border-radius:0;flex-direction:column;gap:0;display:flex;position:fixed;overflow-y:auto}#menu-body:before{content:"";z-index:auto;height:4px;margin:-.75rem calc(-.75rem - env(safe-area-inset-right,0px)) .75rem calc(-.75rem - env(safe-area-inset-left,0px));background:var(--hinge);flex:0 0 4px;display:block;position:static;inset:auto}.sheet-done{background:var(--steel);width:100%;min-height:3rem;color:var(--ink);border:1px solid var(--ink);letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--bevel-key), 0 calc(.75rem + env(safe-area-inset-bottom,0px)) 0 .75rem var(--ink);border-radius:8px;flex:none;margin-top:.75rem;font:800 .85rem/1 Big Shoulders Display,Arial Narrow,sans-serif;display:block;position:sticky;bottom:0}.sheet-done:focus-visible{outline:2px solid var(--enamel);outline-offset:2px}#menu-body .menu-section{border:0;border-top:1px solid var(--ink-edge);margin-inline:calc(-.75rem - env(safe-area-inset-left,0px)) calc(-.75rem - env(safe-area-inset-right,0px));padding:.85rem calc(.75rem + env(safe-area-inset-right,0px)) 1rem calc(.75rem + env(safe-area-inset-left,0px));background:var(--ink-plate);border-radius:0}#menu-body .menu-section:before{display:none}#menu-body .menu-section--last{border-bottom:1px solid var(--ink-edge)}#menu-body .menu-label{font:850 var(--strip-cap-fs)/1 "Big Shoulders Display", "Arial Narrow", sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--paper);margin:0 0 .75rem}#menu-body>#licence{margin:.5rem .85rem .85rem}#menu-body .track-list{max-height:none;overflow:visible}#menu-scrim:not([hidden]){inset:var(--menu-top,57px) 0 0 0;z-index:20;transition:opacity var(--t-release) var(--ease-hw);background:#16170f8c;display:block;position:fixed}#score-frame{margin:calc(var(--gutter) + 6px) calc(var(--gutter) + 6px) calc(var(--region-gap) + 6px);reading-flow:grid-rows;grid-template-rows:minmax(0,1fr) auto}#score-frame .notices{grid-row:2}#score-frame #score-pane{box-shadow:0 0 0 5px var(--ink-plate), 0 0 0 6px var(--ink-edge), var(--window-recess);border-radius:8px;grid-row:1}#score-frame .notice{margin:.5rem 0 0}}@starting-style{#sidebar.menu-open #menu-body{opacity:0;transform:perspective(900px)rotateX(-10deg)translateY(-6px)}#menu-scrim:not([hidden]){opacity:0}}@media (prefers-reduced-motion:reduce){@starting-style{#sidebar.menu-open #menu-body{transform:none}}}@media (max-width:900px){@starting-style{#score-frame .notice-status[data-kind=error]{transform:translateY(4px)}}}@media (max-width:900px) and (min-height:600px){:root{--neck-cap:max(22svh, 192px)}#sidebar{max-height:calc(52vh - var(--neck-cap));max-height:calc(52svh - var(--neck-cap))}}@media (max-width:900px) and (min-height:700px){.transport-bar{max-height:max(22vh, calc(199px + env(safe-area-inset-bottom,0px)));max-height:max(22svh, calc(199px + env(safe-area-inset-bottom,0px)))}#sidebar{max-height:calc(74vh - var(--neck-cap) - max(22vh, calc(199px + env(safe-area-inset-bottom,0px))));max-height:calc(74svh - var(--neck-cap) - max(22svh, calc(199px + env(safe-area-inset-bottom,0px))))}}#band-more{display:none}@container (width>=52rem){#playback .bar-nav,#playback .loop-group,#playback .speed{border-left:1.5px solid var(--ink-edge);padding-left:.85rem}}#playback #band-more[aria-expanded=true]{background:var(--ink);border-color:var(--nickel);color:var(--enamel);box-shadow:none}@media (hover:hover) and (pointer:fine){#playback #band-more[aria-expanded=true]:hover:not(:disabled){background:var(--ink-plate)}}@media (max-width:640px),(max-width:900px) and (max-height:500px) and (orientation:landscape){.transport-bar{border:0;border-top:1px solid var(--ink-edge);border-radius:var(--deck-r) var(--deck-r) 0 0;background-color:var(--ink-plate);background-image:var(--screw), var(--screw);padding:.75rem max(.75rem, env(safe-area-inset-left,0px)) calc(.5rem + env(safe-area-inset-bottom,0px));background-position:7px 7px,calc(100% - 7px) 7px;background-repeat:no-repeat;background-size:10px 10px;row-gap:.5rem;margin:0;box-shadow:inset 0 1px #ffffff0f}.transport-bar .transport{background:var(--eng-plate) bottom / 100% 2px no-repeat;padding-bottom:.5rem}.transport-bar#playback .transport button{box-shadow:var(--cap-rest), var(--collar)}.transport-bar#playback .transport button:active:not(:disabled){box-shadow:var(--cap-down), var(--collar)}.transport-bar#playback .transport button:disabled{box-shadow:inset 0 0 0 1px var(--alu-edge), 0 0 0 1px var(--alu-edge), 0 1px 0 0 var(--alu-edge), var(--collar)}.transport-bar#playback .transport #play{box-shadow:var(--play-rest), var(--collar)}.transport-bar#playback .transport #play:active:not(:disabled){box-shadow:var(--cap-down), var(--collar)}.transport-bar#playback .transport #play:disabled{box-shadow:inset 0 0 0 1px var(--alu-edge), 0 0 0 1px var(--alu-edge), 0 1px 0 0 var(--alu-edge), var(--collar)}@keyframes play-nudge{0%{box-shadow:var(--play-rest), var(--collar), 0 0 0 0 #c9d82be6}to{box-shadow:var(--play-rest), var(--collar), 0 0 0 14px #c9d82b00}}#playback .speed #speed-select,#playback .speed #zoom-select{background-color:var(--ink);color:var(--paper);border:1px solid var(--ink-edge);box-shadow:var(--readout-recess);font-variant-numeric:tabular-nums;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23B7B1A5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}#playback .speed #speed-select:disabled,#playback .speed #zoom-select:disabled{color:var(--nickel);opacity:.6}#playback #play-hint{color:var(--paper);flex:1 0 100%;order:2;margin:0;font-size:.85rem;line-height:1.35}#playback.more-open .transport{box-shadow:inset 0 1px 0 var(--ink-edge);padding-top:.5rem}#playback.more-open .bar-nav,#playback.more-open #metronome,#playback.more-open #metronome-volume{transform-origin:50% 100%;transition:transform .2s var(--ease-hw), opacity .12s linear}@starting-style{#playback.more-open .bar-nav,#playback.more-open #metronome,#playback.more-open #metronome-volume{opacity:0;transform:perspective(500px)rotateX(-65deg)}}@media (prefers-reduced-motion:reduce){#playback.more-open .bar-nav,#playback.more-open #metronome,#playback.more-open #metronome-volume{transition:none;transform:none}}.transport-bar #bar-current,.transport-bar #loop-end{width:4.75rem;min-height:var(--counter-h);font-size:var(--counter-fs);background:var(--ink);color:var(--paper);border:1px solid var(--ink-edge);box-shadow:var(--counter-recess);border-radius:8px;flex:0 0 4.75rem}.transport-bar #loop-end::placeholder{color:var(--nickel);opacity:1}.transport-bar .bar-slash{color:var(--nickel);font:700 1.25rem/1 Atkinson Hyperlegible Mono,ui-monospace,monospace}#playback .speed #speed-select,#playback .speed #zoom-select{width:5rem;min-height:2.5rem;font-size:1.05rem}#playback .speed button{width:2.5rem;min-height:2.5rem}.transport-bar .transport{flex:1 0 100%;justify-content:space-between}.transport-bar#playback .transport button{width:2.5rem;height:2.5rem}.transport-bar#playback .transport button svg{width:1.45rem;height:1.45rem}.transport-bar#playback .transport #play{width:3rem;height:3rem}.transport-bar#playback .transport #play svg{width:1.6rem;height:1.6rem}.transport-bar .loop-group,.transport-bar .button-group{display:contents}.transport-bar .bar-nav,#metronome,#metronome-volume,.count-in,.master-vol{order:-3}#playback:not(.more-open) .bar-nav,#playback:not(.more-open) #metronome,#playback:not(.more-open) #metronome-volume,#playback:not(.more-open) .count-in,#playback:not(.more-open) .trainer,#playback:not(.more-open) .master-vol,#playback:not(.more-open) .speed-bpm,#playback:not(.more-open) .speed-slots{display:none}#band-more{justify-content:center;align-items:center;width:2.5rem;padding:0;display:inline-flex}#band-more svg{fill:currentColor;pointer-events:none;width:1.1rem;height:1.1rem}#playback.more-open{max-height:none}}@media (max-width:640px){#playback .speed{flex:auto;align-items:center;min-width:0}#playback .speed #speed-select,#playback .speed #zoom-select{width:auto;min-width:5.25rem;min-height:var(--counter-h);font-size:var(--counter-fs);box-shadow:var(--counter-recess);background-position:right .4rem center;border-radius:8px;flex:auto;padding:0 1.25rem 0 .5rem;line-height:1}#playback input.adjusted{color:var(--ink)}}.track-pick{display:none}@media (max-width:900px){#sidebar .title-row .brand{flex-shrink:0}.track-pick:not([hidden]){min-width:0;color:var(--paper);flex:0 auto;align-items:center;gap:.4rem;display:flex}.track-pick svg{fill:currentColor;flex:none;width:1.1rem;height:1.1rem}#track-select{text-overflow:ellipsis;border-radius:4px;min-width:120px;max-width:100%;min-height:2.5rem;padding-right:2rem;font-size:.85rem;font-weight:700}#shortcuts-btn{flex:0 0 2.5rem}}@media (max-width:900px) and (pointer:coarse){#shortcuts-btn{display:none}}#sidebar header{flex-direction:column;gap:.25rem;display:flex}#sidebar .title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.bar-title{display:none}.brand{align-items:center;gap:.5rem;margin:0;display:flex}.brand-mark{flex:none;width:1.6rem;height:1.6rem}.wordmark{color:var(--paper);font-size:1.05rem}@media (max-width:430px){.wordmark{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#sidebar .title-row{gap:.4rem}.track-pick:not([hidden]),#track-select{flex-grow:1}}@media (max-width:430px) and (min-width:352px){.track-pick:not([hidden]){min-width:7.5rem}#track-select{min-width:5.75rem}}@media (max-width:430px) and (min-width:390px){#sidebar .title-row:has(.bar-title:not([hidden])) .track-pick:not([hidden]){min-width:calc(120px + 1.5rem)}}h2.menu-label{margin:0 0 .15rem}.menu-label{color:var(--nickel);border-bottom:0;align-items:center;gap:.5rem;margin-bottom:.15rem;padding:0 .6rem 0 0;font-size:.75rem;line-height:1;display:flex}.menu-label:after{content:"";background:var(--ink-edge);flex:1 0 1.5rem;height:1.5px}.menu-section{background:var(--ink-plate);box-shadow:none;border:0;border-radius:0;flex-direction:column;gap:.6rem;padding:.85rem .85rem .9rem;display:flex;position:relative}.menu-section+.menu-section:before{content:"";background:var(--eng-plate);height:2px;position:absolute;top:0;left:.85rem;right:.85rem}.menu-section:has(#print-btn){grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.menu-section:has(#print-btn) .menu-label{grid-column:1/-1}#print-btn,#batch-btn,#copy-link{text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:.25rem;min-height:3.25rem;font:800 .78rem/1.1 Big Shoulders Display,Arial Narrow,sans-serif}#copy-link{grid-column:1/-1}#file-open{text-transform:uppercase;letter-spacing:.06em;min-height:2.75rem;font:800 .8rem/1.15 Big Shoulders Display,Arial Narrow,sans-serif}.preset{flex-direction:column;gap:.25rem;font-size:.85rem;font-weight:600;display:flex}.preset select{width:100%}.menu-section .rotary{gap:.35rem;display:grid}.preset-cap{text-transform:uppercase;letter-spacing:.06em;color:var(--paper);font:800 .8rem/1.15 Big Shoulders Display,Arial Narrow,sans-serif}.rotary-box{display:block;position:relative}.menu-section .rotary select{text-overflow:ellipsis;background-position:right .5rem center;width:100%;min-height:2.75rem;padding:.4rem 1.6rem .4rem 2.55rem;font:600 .8rem/1.2 Atkinson Hyperlegible Next,system-ui,-apple-system,sans-serif}.knob{pointer-events:none;z-index:1;background:conic-gradient(from -137deg, var(--ink) 0 4deg, transparent 4deg 90deg, var(--ink) 90deg 94deg, transparent 94deg 180deg, var(--ink) 180deg 184deg, transparent 184deg 270deg, var(--ink) 270deg 274deg, transparent 274deg);border-radius:50%;width:1.8rem;height:1.8rem;margin-top:-.9rem;position:absolute;top:50%;left:.3rem}.rotary--2 .knob{background:conic-gradient(from -47deg, var(--ink) 0 4deg, transparent 4deg 90deg, var(--ink) 90deg 94deg, transparent 94deg)}.knob:before{content:"";background:radial-gradient(circle at 32% 28%, var(--steel-hi) 0%, var(--steel) 60%, var(--steel) 100%);box-shadow:0 0 0 1px var(--ink), 0 1px 2px #16170f59;border-radius:50%;position:absolute;inset:.25rem}.knob:after{content:"";background:var(--ink);transform-origin:50% 100%;width:2px;height:calc(50% - .35rem);transform:rotate(var(--detent-angle,0deg));transition:transform var(--t-release) var(--ease-hw);border-radius:0;position:absolute;top:.35rem;left:calc(50% - 1px)}.rotary:has(option[value=facing]:checked){--detent-angle:-135deg}.rotary:has(option[value=flipped]:checked){--detent-angle:-45deg}.rotary:has(option[value=own]:checked){--detent-angle:45deg}.rotary:has(option[value=standard]:checked){--detent-angle:135deg}.rotary:has(option[value=custom]:checked){--detent-angle:0deg}.rotary:has(option[value=note]:checked){--detent-angle:-45deg}.rotary:has(option[value=interval]:checked){--detent-angle:45deg}.rotary:has(option[value=rosewood]:checked){--detent-angle:-135deg}.rotary:has(option[value=contrast]:checked){--detent-angle:-45deg}.rotary:has(option[value=maple]:checked){--detent-angle:45deg}.rotary:has(option[value=night]:checked){--detent-angle:135deg}.toggle{cursor:pointer;grid-template-columns:8px 2.25rem minmax(0,1fr);align-items:center;column-gap:.55rem;min-height:2.75rem;font-size:.85rem;display:grid;position:relative}.toggle+.toggle:before{content:"";background:var(--eng-plate);height:2px;position:absolute;top:0;left:0;right:0}.toggle:after{content:"";background:var(--led-lens-off), var(--led-off);width:8px;height:8px;box-shadow:0 0 0 1px var(--nickel), inset 0 1px 1px #00000059;border-radius:50%;grid-area:1/1}.toggle:has(input:checked):after{background:var(--led-lens-on), var(--led);box-shadow:0 0 0 1px var(--nickel), 0 0 6px var(--led)}.toggle-text{grid-column:3}.toggle-cap{text-transform:uppercase;letter-spacing:.06em;color:var(--paper);font:800 .8rem/1.15 Big Shoulders Display,Arial Narrow,sans-serif}.toggle-sub{color:var(--nickel);font:400 .78rem/1.3 Atkinson Hyperlegible Next,system-ui,-apple-system,sans-serif;display:block}@media (max-height:760px){.toggle{min-height:2.5rem}}.hint{color:var(--nickel);font-size:.85rem}#score-pane .hint,.empty-drop-hint,.modal-content .hint{color:var(--paper-ink-soft)}.hint-tip{margin:0;font-size:.78rem;line-height:1.3}.transport,.button-group{gap:.4rem;display:flex}.toggle input[type=checkbox]{appearance:none;border:1px solid var(--ink);cursor:pointer;background-color:var(--steel);background-image:linear-gradient(90deg, transparent calc(50% - .5px), var(--ink) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(180deg, var(--steel-hi), var(--steel)), linear-gradient(var(--ink), var(--ink));width:2.25rem;height:1.25rem;transition:background-position var(--t-release) var(--ease-hw), background-color var(--t-release) ease;background-position:2px,2px,1px;background-repeat:no-repeat;background-size:.95rem calc(100% - 6px),.95rem calc(100% - 4px),calc(.95rem + 2px) calc(100% - 2px);border-radius:4px;grid-area:1/2;margin:0;box-shadow:inset 0 1px 2px #16170f4d}.toggle input[type=checkbox]:checked{background-color:var(--enamel);background-image:linear-gradient(90deg, transparent calc(50% - .5px), var(--steel) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(180deg, var(--ink-plate), var(--ink)), linear-gradient(var(--ink), var(--ink));background-position:calc(100% - 2px),calc(100% - 2px),calc(100% - 1px)}.toggle input[type=checkbox]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.track-list[hidden],#tracks-empty[hidden]{display:none}.track-list{overscroll-behavior:contain;flex-direction:column;gap:.3rem;max-height:15rem;display:flex;overflow-y:auto}.track-row{align-items:stretch;gap:.25rem;display:flex}.track-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;flex:auto;min-width:0;min-height:2.5rem;overflow:hidden}.track-row.selected .track-name{border-color:var(--ink);color:var(--ink);background:var(--enamel);font-weight:700}.track-btn{letter-spacing:.04em;border-radius:4px;flex:none;width:2.5rem;height:2.5rem;padding:.4rem 0;font:800 .85rem/1 Big Shoulders Display,Arial Narrow,sans-serif;position:relative}.track-btn.mute{padding-left:1.1rem}.track-btn.mute:before{content:"";background:var(--led-lens-off), var(--led-off);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:.35rem;transform:translateY(-50%);box-shadow:inset 0 1px 1px #0000004d}.track-btn.mute.active{background:var(--ink);border-color:var(--nickel);color:var(--enamel)}.track-btn.mute.active:before{background:var(--led-lens-on), var(--led);box-shadow:0 0 0 1px var(--nickel), 0 0 6px var(--led)}.track-btn.solo.active{background:var(--enamel);border-color:var(--ink);color:var(--ink)}.bar-nav{align-items:center;gap:.4rem;display:flex}#bar-current,#loop-end{letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-align:center;background:var(--steel);width:4rem;min-width:0;min-height:2.75rem;color:var(--ink);border:1px solid var(--ink);box-shadow:var(--window-recess);appearance:textfield;border-radius:4px;flex:0 0 4rem;padding:.3rem .2rem;font:700 1.375rem/1 Atkinson Hyperlegible Mono,ui-monospace,monospace}#bar-current::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#bar-current::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#loop-end::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#loop-end::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#loop-end::placeholder{color:var(--alu-ink-soft);opacity:1}#playback #speed-select,#playback #zoom-select{text-align:center;text-align-last:center;background-position:right .5rem center;border-radius:4px;width:5.75rem;min-height:2.75rem;padding:.3rem 1.6rem .3rem .5rem;font:700 1.2rem/1 Atkinson Hyperlegible Mono,ui-monospace,monospace}.menu-section>button{flex:1;justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.menu-section>button svg{fill:none;stroke:currentColor;flex:none;width:1.1rem;height:1.1rem}select,button{background:var(--steel);min-height:2.5rem;color:var(--ink);border:1px solid var(--ink);border-radius:4px;padding:.4rem .5rem;font-family:inherit;font-size:.85rem}button{cursor:pointer;transition:transform var(--t-release) var(--ease-hw), box-shadow var(--t-release) var(--ease-hw)}button:active:not(:disabled){transition-duration:var(--t-press);transform:translateY(1px);box-shadow:inset 0 1px 2px #16170f38}:where(#file-open,#file-open-bar,#menu-toggle,#print-btn,#batch-btn,#copy-link,#empty-open,#empty-demo,#batch-open,#batch-close-btn,#shortcuts-close-btn,.choice,.first-run-skip,.ask-choice,#playback .speed button,.track-btn:not(.active)){box-shadow:var(--bevel-key)}#marker-mode{text-overflow:ellipsis;padding-right:2rem}@media (hover:hover) and (pointer:fine){button:hover:not(:disabled){background:var(--steel-hi)}}button:disabled{opacity:.45;cursor:default}input[type=file]{color:var(--alu-ink-soft);font-family:inherit;font-size:.85rem}#file{color:#0000}#file-name{overflow-wrap:anywhere}#file-name:empty{margin-top:-.6rem}#file-name:not(:empty){background:var(--ink);border:1px solid var(--ink-edge);box-shadow:var(--readout-recess);color:var(--paper);overflow-wrap:anywhere;border-radius:4px;padding:.4rem .55rem;font:600 .85rem/1.3 Atkinson Hyperlegible Next,system-ui,-apple-system,sans-serif;display:block}#partner-links{flex-direction:column;gap:.4rem;display:flex}#partner-links[hidden]{display:none}#partner-caption{text-transform:uppercase;letter-spacing:.06em;color:var(--nickel);font-family:Big Shoulders Display,Arial Narrow,sans-serif;font-size:.75rem;font-weight:800}#partner-links a{background:var(--ink-plate);border:1px solid var(--ink-edge);min-height:2.5rem;color:var(--steel);transition:transform var(--t-release) var(--ease-hw), border-color var(--t-release) var(--ease-hw);border-radius:4px;align-items:center;padding:.4rem .7rem;font-size:.85rem;text-decoration:none;display:flex}#partner-links a:active{transition-duration:var(--t-press);transform:translateY(1px)}#partner-links .partner-note{font-size:.75rem}#partner-links .partner-note[hidden]{display:none}@media (hover:hover) and (pointer:fine){#partner-links a:hover{border-color:var(--nickel)}}.library summary{background:var(--steel);min-height:2.5rem;color:var(--ink);border:1px solid var(--ink);cursor:pointer;box-shadow:var(--bevel-key);border-radius:4px;align-items:center;padding:0 .75rem;font-size:.85rem;list-style:none;display:flex}.library summary::-webkit-details-marker{display:none}.library summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.library-fields{color:var(--paper);flex-direction:column;gap:.5rem;margin-top:.5rem;font-size:.85rem;display:flex}.library-fields input[type=search],.library-fields input[type=text]{background:var(--ink);min-width:0;min-height:2.5rem;color:var(--paper);border:1px solid var(--ink-edge);font:inherit;border-radius:4px;padding:0 .5rem;font-size:1rem}.library-list{flex-direction:column;gap:.25rem;max-height:16rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.library-list:empty{display:none}.library-open{text-align:left;background:var(--ink-plate);width:100%;color:var(--paper);border:1px solid var(--ink-edge);flex-direction:column;align-items:flex-start;gap:.1rem;display:flex}.library-title{overflow-wrap:anywhere}.library-sub{color:var(--nickel);overflow-wrap:anywhere;font-size:.75rem}.library-current,.library-folder{flex-wrap:wrap;gap:.4rem;display:flex}.library-current>*,.library-folder>button{flex:8rem}.library-folder[hidden],.library-current [hidden],.library-folder [hidden],#library-empty[hidden]{display:none}#library-favourite.active{background:var(--ink);color:var(--paper)}#library-folder-name,#library-status{overflow-wrap:anywhere;flex-basis:100%}#library-status:empty{display:none}@media (hover:hover) and (pointer:fine){.library-open:hover:not(:disabled){background:var(--ink-plate);border-color:var(--nickel)}}input[type=file]::file-selector-button{background:var(--steel);color:var(--ink);border:1px solid var(--ink);font:inherit;cursor:pointer;border-radius:4px;margin-right:.6rem;padding:.4rem .7rem;font-weight:700}@media (hover:hover) and (pointer:fine){input[type=file]::file-selector-button:hover{background:var(--steel-hi)}}#playback button,#playback select,#playback input{background:var(--steel);border:1px solid var(--ink);color:var(--ink)}@media (hover:hover) and (pointer:fine){#playback button:hover:not(:disabled){background:var(--steel-hi)}}#sidebar select,#playback select{appearance:none;background-color:var(--steel);background-image:var(--chevron);border:1px solid var(--ink);color:var(--ink);box-shadow:var(--window-recess);transition:background-color var(--t-release) ease;background-position:right .65rem center;background-repeat:no-repeat;background-size:12px 8px;border-radius:4px;padding-right:2rem}@media (hover:hover) and (pointer:fine){#sidebar select:hover:not(:disabled),#playback select:hover:not(:disabled){background-color:var(--steel-hi)}}@media (max-width:900px){#sidebar #track-select{border:0;border-bottom:1.5px solid var(--ink-edge);box-shadow:none;letter-spacing:.03em;text-transform:uppercase;min-height:2.5rem;color:var(--paper);background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23B7B1A5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .25rem center;border-radius:0;padding:0 1.75rem 0 .25rem;font:800 1.375rem/1 Big Shoulders Display,Arial Narrow,sans-serif}#sidebar #track-select:focus-visible{outline:2px solid var(--enamel);outline-offset:2px}@media (hover:hover) and (pointer:fine){#sidebar #track-select:hover:not(:disabled){border-bottom-color:var(--nickel);background-color:#0000}}}#playback .transport{align-items:center;gap:.5rem}#playback .transport button{background:radial-gradient(circle at 32% 28%, var(--steel-hi) 0%, var(--steel) 55%, var(--steel) 100%);width:2.75rem;height:2.75rem;box-shadow:var(--cap-rest);color:var(--ink);transition:transform var(--t-release) var(--ease-hw), box-shadow var(--t-release) var(--ease-hw);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}#playback .transport button svg{fill:currentColor;pointer-events:none;width:1.6rem;height:1.6rem}@media (hover:hover) and (pointer:fine){#playback .transport button:hover:not(:disabled){background:radial-gradient(circle at 32% 28%, var(--paper) 0%, var(--steel-hi) 55%, var(--steel) 100%)}}#playback button:disabled,#playback select:disabled,#playback input:disabled{opacity:1;color:#16170f61;cursor:default}#playback .transport button:disabled{box-shadow:inset 0 0 0 1px var(--alu-edge), 0 0 0 1px var(--alu-edge), 0 1px 0 0 var(--alu-edge)}#playback .icon-switch:disabled,#playback .speed button:disabled,#playback select:disabled,#playback input:disabled{border-color:var(--alu-edge);box-shadow:inset 0 0 0 1px var(--alu-edge)}#playback input::placeholder{color:var(--alu-ink-soft);opacity:1}#playback input:disabled::placeholder{color:#16170f61}#playback .transport button:active:not(:disabled){box-shadow:var(--cap-down);transition-duration:var(--t-press);transform:translateY(2px)}@media (prefers-reduced-motion:reduce){#playback .transport button{transition:none}}#playback .transport button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}#playback .transport #play{width:3.5rem;height:3.5rem;box-shadow:var(--play-rest);border:3px solid}#playback .transport #play:active:not(:disabled){box-shadow:var(--cap-down)}#playback .transport #play:disabled{box-shadow:inset 0 0 0 1px var(--alu-edge), 0 0 0 1px var(--alu-edge), 0 1px 0 0 var(--alu-edge)}#playback .transport #play svg{width:1.85rem;height:1.85rem}@keyframes play-nudge{0%{box-shadow:var(--play-rest), 0 0 0 0 #c9d82be6}to{box-shadow:var(--play-rest), 0 0 0 14px #c9d82b00}}#playback .transport #play.nudge{animation:1.4s ease-out 3 play-nudge}@media (prefers-reduced-motion:reduce){#playback .transport #play.nudge{outline:3px solid var(--enamel-deep);outline-offset:3px;animation:none}}#play-hint{color:var(--paper);flex:0 auto;order:2;margin:0;font:700 .78rem/1.3 Atkinson Hyperlegible Next,system-ui,-apple-system,sans-serif}#play-hint[hidden]{display:none}#playback .transport #play .icon-play{transform:translate(1px)}#playback .transport #play .icon-pause,#playback .transport #play[data-state=playing] .icon-play{display:none}#playback .transport #play[data-state=playing] .icon-pause{display:block}#playback .icon-switch{border-radius:4px;justify-content:center;align-items:center;padding:0 .7rem 0 1.5rem;display:inline-flex;position:relative}#playback .icon-switch:before{content:"";background:var(--led-lens-off), var(--led-off);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:.55rem;transform:translateY(-50%);box-shadow:inset 0 1px 1px #00000059}#playback .icon-switch svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;flex:none;width:1.25rem;height:1.25rem}#playback button.active{background:var(--ink);border-color:var(--nickel);color:var(--enamel)}#playback .icon-switch.active:before{background:var(--led-lens-on), var(--led);box-shadow:0 0 0 1px var(--nickel), 0 0 6px var(--led)}@media (hover:hover) and (pointer:fine){#playback button.active:hover:not(:disabled){background:var(--ink-plate);border-color:var(--nickel)}}@media (max-width:900px) and (min-height:960px),(min-width:1100px){#playback .icon-switch svg{width:1.4rem;height:1.4rem}}@media (min-width:1100px) and (min-height:761px){#playback .transport button{width:3rem;height:3rem}#playback .transport #play{width:4rem;height:4rem}#playback .transport #play svg{width:2.1rem;height:2.1rem}}@media (min-width:901px) and (max-height:760px){:root{--gutter:.5rem;--region-gap:.5rem}}#licence{border:1px solid var(--ink-edge);background:var(--ink-plate);color:var(--paper);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.6rem .75rem;font-size:.9rem;display:flex;box-shadow:inset 0 1px #ffffff0f}#licence[hidden]{display:none}#licence.locked{background:var(--ink);border-color:var(--nickel);color:var(--enamel);box-shadow:none}.licence-led{background:var(--led-lens-on), var(--led);width:10px;height:10px;box-shadow:0 0 6px var(--led), inset 0 0 0 2px var(--ink);border-radius:50%;flex:none}#licence a{color:var(--steel-hi);font-weight:700}#licence.locked a{color:var(--enamel);font-weight:700;text-decoration-color:currentColor}.notices{flex-direction:column;align-items:flex-start;display:flex}.notice{border-radius:8px;align-items:center;gap:.6rem;max-width:min(48rem,100%);min-height:2.75rem;margin:0 0 .5rem;padding:.4rem .4rem .4rem .85rem;font-size:.95rem;display:flex}.notice-status{background:var(--alu-plate);border:1px solid var(--alu-edge);box-shadow:inset 0 1px 0 #fff9, inset 3px 0 0 var(--alu-edge), inset 4px 0 0 var(--steel-hi);color:var(--ink);border-radius:8px}#status{overflow-wrap:anywhere;flex:auto;min-width:0}.notice-status:has(#status:empty){display:none}.notice-status[data-kind=error]{border-color:var(--ink);box-shadow:inset 3px 0 0 var(--led), inset 0 0 0 1px var(--ink), inset 0 1px 0 #fff9;transition:opacity var(--t-enter) var(--ease-hw), transform var(--t-enter) var(--ease-hw)}@starting-style{.notice-status[data-kind=error]{opacity:0;transform:translateY(-4px)}}.notice-dismiss{width:2.5rem;height:2.5rem;color:var(--ink);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.notice-dismiss svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:14px;height:14px}.notice-status:not([data-kind=error]) .notice-dismiss,.notice-status:not([data-kind=error]) .notice-key{display:none}.notice-key{background:var(--steel);min-height:2.5rem;color:var(--ink);border:1px solid var(--alu-edge);box-shadow:var(--cap-rest);border-radius:4px;flex:none;padding:0 .85rem}.notice-key:active{box-shadow:var(--cap-down);transform:translateY(2px)}#score-pane[aria-busy=true]:before{content:"";z-index:2;pointer-events:none;background-color:var(--paper);background-repeat:no-repeat;background-image:linear-gradient(100deg, transparent 35%, #16170f0d 50%, transparent 65%), repeating-linear-gradient(to bottom, var(--paper-rule) 0 1px, transparent 1px 14px), repeating-linear-gradient(to bottom, var(--paper-rule) 0 1px, transparent 1px 14px), repeating-linear-gradient(to bottom, var(--paper-rule) 0 1px, transparent 1px 14px);background-position:100% 0,1.5rem 2rem,1.5rem calc(2rem + 140px),1.5rem calc(2rem + 280px);background-size:200% 100%,calc(100% - 3rem) 71px,calc(100% - 3rem) 71px,calc(100% - 3rem) 71px;position:absolute;inset:0}#score-pane[data-status]:after{content:attr(data-status);z-index:3;background:var(--alu-plate);border:1px solid var(--alu-edge);max-width:calc(100% - 3rem);color:var(--ink);text-align:center;overflow-wrap:anywhere;pointer-events:none;border-radius:8px;padding:.6rem 1rem;font:400 .9375rem/1.3 Atkinson Hyperlegible Mono,ui-monospace,monospace;position:absolute;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fff9}#score-pane[aria-busy=true][data-status]:after{top:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:no-preference){#score-pane[aria-busy=true]:before{animation:2.4s linear infinite score-shimmer}}@keyframes score-shimmer{0%{background-position-x:100%,1.5rem,1.5rem,1.5rem}to{background-position-x:0%,1.5rem,1.5rem,1.5rem}}@media (hover:hover) and (pointer:fine){.notice-dismiss:hover:not(:disabled){background:var(--steel-hi)}}.notice-ask{background:var(--alu-plate);border:1px solid var(--alu-edge);color:var(--ink);transition:opacity var(--t-release) var(--ease-hw), transform var(--t-release) var(--ease-hw);border-radius:8px;flex-wrap:wrap;padding-right:.4rem;box-shadow:inset 0 1px #fff9}.notice-ask[hidden]{display:none}@starting-style{.notice-ask{opacity:0;transform:translateY(-4px)}}.ask-title{flex:auto;font-weight:700}.ask-choice{letter-spacing:.06em;text-transform:uppercase;border-radius:4px;font:800 .8rem/1.15 Big Shoulders Display,Arial Narrow,sans-serif}.ask-skip{text-underline-offset:.18em;background:0 0;border-color:#0000;text-decoration:underline}@media (max-width:900px){.notice-ask{gap:.25rem .5rem;padding-block:.25rem}.ask-title{flex-basis:100%}.ask-choice{flex:auto}#demo-ask{background:var(--ink-plate);border:1px solid var(--ink-edge);box-shadow:none;color:var(--paper);border-radius:8px;grid-template-columns:1fr 1fr auto;grid-template-areas:"title title title""own facing skip";gap:.375rem .5rem;padding:.5rem;display:grid}#demo-ask[hidden]{display:none}#demo-ask-title{letter-spacing:.1em;text-transform:uppercase;color:var(--nickel);grid-area:title;font:800 .75rem/1.2 Big Shoulders Display,Arial Narrow,sans-serif}#demo-ask-own{grid-area:own}#demo-ask-facing{grid-area:facing}.ask-choice,.ask-skip{min-height:2.75rem}#demo-ask-skip{border:1px solid var(--ink);background:var(--steel);width:4.5rem;color:var(--alu-ink-soft);border-radius:4px;grid-area:skip;text-decoration:none}.notice-status[data-kind=error]:before{content:"";background:var(--led-lens-on), var(--led);height:8px;box-shadow:0 0 5px var(--led);border-radius:50%;flex:0 0 8px}#status-dismiss{width:2.5rem;height:2.5rem}}#licence.locked .licence-led{background:var(--led-lens-off), var(--led-off);box-shadow:inset 0 1px 1px #00000059, 0 0 0 1px var(--nickel)}#licence input{background:var(--paper);border:1px solid var(--ink);min-width:12rem;min-height:2.5rem;box-shadow:var(--window-recess);color:var(--ink);border-radius:4px;flex:22rem;padding:.4rem .5rem;font-size:.8rem}#licence input::placeholder{color:var(--alu-ink-soft);opacity:1}.licence-error{color:var(--paper);font-weight:700}#licence.locked .licence-error{color:var(--enamel)}.toggle:has(input:disabled){opacity:.45;cursor:not-allowed}dialog.modal{border:1px solid var(--ink-edge);background:var(--ink-plate);width:min(550px,90vw);max-width:none;max-height:none;color:var(--ink);border-radius:8px;padding:.5rem;overflow:visible}dialog.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16170fbf}dialog.modal[open]{opacity:1;transition:opacity var(--t-release) var(--ease-hw)}dialog.modal[open]::backdrop{opacity:1;transition:opacity var(--t-release) var(--ease-hw)}@starting-style{dialog.modal[open]{opacity:0}dialog.modal[open]::backdrop{opacity:0}}@media (prefers-reduced-motion:reduce){dialog.modal[open]{transition:none}dialog.modal[open]::backdrop{transition:none}}.modal-content{background:var(--paper);border:1px solid var(--paper-rule);width:100%;max-width:550px;max-height:calc(100dvh - 3.25rem);color:var(--ink);border-radius:4px;padding:1.5rem 2rem;overflow-y:auto;box-shadow:0 10px 30px #16170f4d}.modal-content h2{text-transform:uppercase;letter-spacing:.08em;color:var(--ink);align-items:center;gap:.6rem;margin-top:0;font:800 1.3rem/1 Big Shoulders Display,Arial Narrow,sans-serif;display:flex}.modal-content h2:after{content:"";background:var(--ink);flex:1 0 2rem;height:1.5px}.modal-content h2 svg{flex:none;width:1.3rem;height:1.3rem}.modal-content p{color:var(--paper-ink-soft);line-height:1.5}.modal-actions{background:var(--paper) var(--eng-paper) top / 100% 2px no-repeat;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-block:.75rem;display:flex;position:sticky;bottom:-1.5rem}.modal-actions button{min-width:6rem;min-height:2.75rem}@media (max-width:480px){dialog.modal{width:calc(100vw - 1rem);padding:.25rem}.modal-content{max-height:calc(100dvh - 2rem);padding:1.1rem 1rem}}#batch-open{margin-top:1rem}#batch-progress{width:100%;height:.75rem;accent-color:var(--ink);appearance:none;background:var(--steel);box-shadow:var(--window-recess);border:none;border-radius:4px;margin-top:1rem;overflow:hidden}#batch-progress[hidden]{display:none}#batch-progress::-webkit-progress-bar{background:var(--steel)}#batch-progress::-webkit-progress-value{background:var(--ink)}#batch-progress::-moz-progress-bar{background:var(--ink)}#batch-status{margin-top:.5rem}.icon-btn{border:1px solid var(--ink-edge);color:var(--steel-hi);cursor:pointer;transition:background-color var(--t-release) ease, border-color var(--t-release) ease, transform var(--t-release) var(--ease-hw), box-shadow var(--t-release) var(--ease-hw);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:.3rem .45rem;display:inline-flex}#shortcuts-btn{width:2.5rem;height:2.5rem}.icon-btn svg{width:1.15rem;height:1.15rem}@media (hover:hover) and (pointer:fine){.icon-btn:hover:not(:disabled){background:var(--ink-plate);border-color:var(--nickel)}}#playback #metronome:before{content:none}.metro-flash-dot{background:var(--led-lens-off), var(--led-off);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:calc(50% - 4px);left:.55rem;box-shadow:inset 0 1px 1px #00000059}#metronome[aria-pressed=true] .metro-flash-dot{background:var(--led-lens-on), var(--led);box-shadow:0 0 0 1px var(--nickel), 0 0 6px var(--led)}#metronome[aria-pressed=true] .metro-flash-dot.active{box-shadow:0 0 0 1px var(--nickel), 0 0 10px 1px var(--led);transform:scale(1.3)}#metronome[aria-pressed=true] .metro-flash-dot.active.downbeat{box-shadow:0 0 0 1px var(--nickel), 0 0 14px 3px var(--led);transform:scale(1.65)}.shortcuts-table{border-collapse:collapse;width:100%;margin-top:1rem}.shortcuts-table td{border-bottom:1px solid var(--paper-rule);color:var(--ink);padding:.5rem .25rem;font-size:.9rem}.shortcuts-table td:first-child{white-space:nowrap;padding-right:.75rem}kbd{text-align:center;background:var(--steel);border:1px solid var(--ink);min-width:1.75rem;box-shadow:inset 0 -2px 0 var(--alu-edge), 0 1px 0 #16170f59;color:var(--ink);white-space:nowrap;border-radius:4px;padding:.15rem .45rem;font:700 .8rem/1.3 Atkinson Hyperlegible Mono,ui-monospace,monospace;display:inline-block}.shortcuts-table .gesture{color:var(--ink);font:700 .9rem/1.3 Atkinson Hyperlegible Next,system-ui,sans-serif}.shortcuts-group{text-align:left;padding:1rem .25rem .25rem}.shortcuts-group>span{text-transform:uppercase;letter-spacing:.08em;color:var(--paper-ink-soft);align-items:center;gap:.5rem;font:800 .8rem/1.2 Big Shoulders Display,Arial Narrow,sans-serif;display:flex}.shortcuts-group>span:after{content:"";background:var(--paper-rule);flex:1;height:1.5px}.shortcuts-table .desktop-only{display:none}body.desktop .shortcuts-table .desktop-only{display:table-row}@media (pointer:coarse){.shortcuts-table .kbd-only{display:none}}::selection{background:var(--enamel);color:var(--ink)}html{caret-color:var(--ink);-webkit-tap-highlight-color:transparent}*{scrollbar-color:var(--alu-edge) transparent;scrollbar-width:thin}#score-pane{scrollbar-color:var(--alu-edge) transparent}button,select,input,a,summary{touch-action:manipulation}button{-webkit-user-select:none;user-select:none}@media (pointer:coarse){input,select,#bar-current,#loop-end,#speed-select,#zoom-select,#licence input{font-size:16px}}a{color:inherit;text-underline-offset:.18em}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}#score-pane :focus-visible,.modal-content :focus-visible,.notice-status :focus-visible,.notice-ask :focus-visible{outline-color:var(--ink)}.track-btn.mute.active:focus-visible,#licence.locked :focus-visible{outline-color:var(--enamel)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){.knob{background:0 0}.menu-section:before,.toggle+.toggle:before{background:var(--ink-edge);height:1px}#menu-body,#playback,#neck-panel{border-width:2px}}@media (forced-colors:active){#sidebar select,#sidebar #track-select,#playback select{appearance:auto;background-image:none}.knob,#menu-body:before{display:none}#playback .transport button,.toggle input[type=checkbox]{border:1px solid #0000}}@media (max-width:900px) and (max-height:700px){.empty-staff{display:none}.choice{min-height:5.5rem;padding:.5rem}.choice-neck{width:96px;height:35px}#empty-state .first-run-note{margin-bottom:.5rem}}@media (max-width:900px){#first-run .choice{box-shadow:var(--cap-rest);border-radius:8px}#first-run .choice:active{box-shadow:var(--cap-down);transform:translateY(2px)}#first-run #first-run-skip{background:var(--steel);width:100%;min-height:2.75rem;color:var(--ink);border:1px solid var(--ink);border-radius:4px;text-decoration:none}#empty-state .empty-sheet:not(.asking)>.empty-actions{grid-template-columns:1fr 1fr;align-items:start;gap:.5rem;width:100%;display:grid}#empty-state #empty-open,#empty-state #empty-demo{width:100%;min-height:3rem}#empty-state #empty-demo{background:var(--ink);color:var(--paper);border-color:var(--ink)}}@media (max-width:900px) and (min-height:701px){#first-run .choice{min-height:9.5rem}}@media (max-width:359px){#first-run .first-run-choices{grid-template-columns:1fr}}@media (max-width:640px){dialog.modal{width:100%;max-width:100%;padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom,0px));border-bottom:0;border-radius:16px 16px 0 0;margin:auto 0 0}dialog.modal .modal-content{overscroll-behavior:contain;border-radius:8px;max-height:calc(85dvh - 1rem);padding:1.25rem 1.25rem 1rem;overflow-y:auto}dialog.modal .modal-content:before{content:"";background:var(--paper-rule);border-radius:999px;width:2.25rem;height:4px;margin:-.5rem auto .75rem;display:block}dialog.modal .modal-content p{font-size:1rem;line-height:1.5}dialog.modal .modal-actions{bottom:-1rem}dialog.modal .modal-actions button{width:100%;min-height:3rem}dialog.modal[open]{transition:transform .26s var(--ease-hw), opacity var(--t-release) linear}@starting-style{dialog.modal[open]{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){dialog.modal[open]{transition:none}@starting-style{dialog.modal[open]{transform:none}}}}@media (max-width:420px){.choice-sub{font-size:.85rem}}@media (max-width:900px) and (max-height:500px) and (orientation:landscape){:root{--neck-cap:34svh}#sidebar .bar-title:not([hidden]){display:none}#sidebar .title-row .brand:has(+.bar-title:not([hidden])){margin-right:auto}#strips{display:none}#layout-container{grid-template:"controls controls""score score"minmax(0,1fr)"neck transport"/minmax(0,1fr) minmax(0,25rem)}#sidebar{padding-block:.25rem}.transport-bar{border:1px solid var(--ink-edge);max-height:34svh;margin:0 var(--gutter) calc(var(--gutter) + env(safe-area-inset-bottom,0px)) 0;border-radius:16px}#playback.more-open{max-height:34svh}#playback #play-hint{display:none}}.skip-link{z-index:30;background:var(--steel);color:var(--ink);border:1px solid var(--ink);box-shadow:var(--bevel-key);border-radius:4px;padding:.6rem .9rem;font-weight:700;position:fixed;top:.5rem;left:.5rem}.skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#playback:focus:not(:focus-visible){outline:none}@media print{#sidebar,header,#neck-panel,#strips,.transport-bar,#licence,.modal,.at-cursors,#empty-state,.notices,#menu-scrim{display:none!important}#score-frame{margin:0!important;display:block!important}html,body{background:var(--paper)!important;color:#000!important;height:auto!important;padding:0!important;overflow:visible!important}#layout-container{height:auto!important;display:block!important}#score-pane{height:auto!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;overflow:visible!important}#app{box-shadow:none!important;border:none!important;padding:0!important}}body.native #product-strip,body.native #install-strip,body.native #partner-links{display:none}#native-store{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}#native-store[hidden],#native-store .store-key[hidden],#unlock-hint[hidden],#store-status[hidden]{display:none}.store-key{text-transform:uppercase;letter-spacing:.06em;justify-content:center;align-items:center;gap:.6rem;min-height:2.75rem;font:800 .8rem/1.15 Big Shoulders Display,Arial Narrow,sans-serif;display:flex}.store-price{font-weight:700}.store-price:not(:empty):after{content:" once"}.store-link{min-height:2.75rem;color:var(--steel-hi);align-self:flex-start;align-items:center;font-weight:700;display:inline-flex}#metronome-volume,.vol-slider{appearance:none;cursor:pointer;background:0 0;width:5.5rem;height:2.5rem;margin:0}#metronome-volume::-webkit-slider-runnable-track{background:var(--ink-edge);height:4px;box-shadow:var(--readout-recess);border-radius:2px}.vol-slider::-webkit-slider-runnable-track{background:var(--ink-edge);height:4px;box-shadow:var(--readout-recess);border-radius:2px}#metronome-volume::-moz-range-track{background:var(--ink-edge);height:4px;box-shadow:var(--readout-recess);border-radius:2px}.vol-slider::-moz-range-track{background:var(--ink-edge);height:4px;box-shadow:var(--readout-recess);border-radius:2px}#metronome-volume::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--ink);background:var(--enamel);border-radius:3px;width:14px;height:22px;margin-top:-9px}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--ink);background:var(--enamel);border-radius:3px;width:14px;height:22px;margin-top:-9px}#metronome-volume::-moz-range-thumb{border:1px solid var(--ink);background:var(--enamel);border-radius:3px;width:12px;height:20px}.vol-slider::-moz-range-thumb{border:1px solid var(--ink);background:var(--enamel);border-radius:3px;width:12px;height:20px}#metronome-volume:focus-visible,.vol-slider:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.master-vol{align-items:center;gap:.25rem;display:inline-flex}.master-vol-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.track-row .vol-slider{flex:none;width:3.75rem}@media (max-width:640px){#playback .speed.zoom{display:none}}.view-badge{border:1px solid var(--nickel);color:var(--nickel);white-space:nowrap;background:0 0;border-radius:999px;flex:none;padding:.2rem .55rem;font-size:.8rem;line-height:1.2}.transport-bar .count-in{flex:none}.transport-bar .trainer{color:var(--paper);flex:none}.transport-bar .trainer[open]{flex:1 0 100%}.trainer summary{background:var(--steel);min-height:2.5rem;color:var(--ink);border:1px solid var(--ink);cursor:pointer;border-radius:4px;align-items:center;padding:0 .75rem;font-size:.85rem;list-style:none;display:inline-flex}.trainer summary::-webkit-details-marker{display:none}.trainer summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.trainer-fields{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:.5rem;font-size:.85rem;display:flex}.trainer-fields button[hidden]{display:none}.trainer-fields label{align-items:center;gap:.35rem;display:inline-flex}.trainer-fields input[type=number]{background:var(--ink-plate);width:4.25rem;min-height:2.5rem;color:var(--paper);border:1px solid var(--ink-edge);font-variant-numeric:tabular-nums;border-radius:4px;padding:0 .4rem;font-family:Atkinson Hyperlegible Mono,ui-monospace,monospace;font-size:1rem}.trainer-fields input[type=checkbox]{width:1.25rem;height:1.25rem}.trainer-fields .hint{color:var(--nickel);flex:12rem;margin:0}.trainer-fields input[type=text],.trainer-fields select{background:var(--ink-plate);min-height:2.5rem;color:var(--paper);border:1px solid var(--ink-edge);border-radius:4px;padding:0 .4rem;font-size:1rem}.trainer-fields input[type=text]{width:9rem;max-width:100%}.trainer-fields select{max-width:12rem}#help-licence{flex:100%;margin:.25rem 0 0}#help-licence a{margin-right:.75rem}#help-licence input[type=text]{width:min(22rem,100%);margin-top:.25rem}#stand-bar,body.stand #sidebar,body.stand #sidebar-resizer,body.stand #playback,body.stand #neck-panel,body.stand #strips{display:none}body.stand #layout-container{grid-template:"stand""score"minmax(0,1fr)/minmax(0,1fr)}body.stand #stand-bar{z-index:3;min-width:0;padding:.25rem var(--gutter);background:var(--ink);box-shadow:0 1px 0 var(--ink-edge);color:var(--steel-hi);grid-area:stand;align-items:center;gap:.5rem 1rem;display:flex}body.stand #stand-bar .stand-bars{flex:auto;align-items:center;gap:.6rem;min-width:0;font-size:.875rem;display:flex}body.stand #stand-bar input[type=range]{min-width:6rem;max-width:16rem;accent-color:var(--enamel);flex:auto}body.stand #stand-bar output{font-variant-numeric:tabular-nums;min-width:1ch;color:var(--enamel)}body.stand #stand-bar button{min-height:2.5rem;color:var(--steel-hi);border:1px solid var(--ink-edge);cursor:pointer;background:0 0;border-radius:4px;padding:.25rem .9rem}body.stand #stand-bar button:focus-visible,body.stand #stand-bar input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}body.stand #stand-bar{transition:opacity var(--dur-slow,.4s) ease-out}body.stand.stand-faded #stand-bar:not(:focus-within){opacity:0}@media (prefers-reduced-motion:reduce){body.stand #stand-bar{transition:none}}body.stand #stand-pedal svg{width:1.3rem;height:1.3rem;display:none}@media (max-width:479.98px){body.stand #stand-bar{flex-wrap:nowrap;gap:.4rem}body.stand #stand-bar button{padding-inline:.55rem}body.stand #stand-bar .stand-bars{gap:.4rem}body.stand #stand-bar .stand-bars-text,body.stand #stand-bar .stand-pedal-text{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.stand #stand-pedal svg{display:block}}.pedal-presets{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;display:grid}.pedal-presets button,#pedal-done{min-height:2.75rem}#pedal-rows{gap:.6rem;margin:1.25rem 0;display:grid}.pedal-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}#pedal-done{width:100%}body.stand #score-frame{margin:0 .25rem .25rem}@media (max-height:500px){body.stand #stand-bar{padding-block:.1rem}body.stand #stand-bar button{min-height:2rem}}.gate-choices{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.5rem;display:grid}.gate-choices button,.gate-choices a{box-sizing:border-box;min-height:2.75rem;font:inherit;text-align:center;justify-content:center;align-items:center;padding:.5rem 1rem;text-decoration:none;display:flex}.library.gate-locked>summary{opacity:.6}#transcribe-btn{text-transform:uppercase;letter-spacing:.06em;flex-direction:row;gap:.5rem;min-height:2.75rem;font:800 .8rem/1.15 Big Shoulders Display,Arial Narrow,sans-serif}#transcribe-btn[hidden]{display:none}.transcribe-led{background:var(--led-off) var(--led-lens-off);width:.6rem;height:.6rem;box-shadow:0 0 0 1px var(--nickel), inset 0 1px 1px #00000059;border-radius:50%;flex:none}#transcribe-btn[data-lit=true] .transcribe-led{background:var(--led) var(--led-lens-on);box-shadow:0 0 0 1px var(--nickel), 0 0 6px var(--led)}#transcribe-modal [hidden]{display:none}#transcribe-modal section{gap:.75rem;display:grid}#transcribe-modal section>button{min-height:2.75rem}.transcribe-notice{background:var(--alu-plate);border:1px solid var(--alu-edge);box-shadow:inset 0 1px 0 #fff9, inset 3px 0 0 var(--alu-edge), inset 4px 0 0 var(--steel-hi);color:var(--ink);overflow-wrap:anywhere;border-radius:8px;margin:0 0 1rem;padding:.6rem .85rem}.transcribe-notice[data-kind=error]{border-color:var(--ink)}.transcribe-steps{color:var(--paper-ink-soft);margin:0;padding-left:1.25rem;line-height:1.5}.transcribe-steps li+li{margin-top:.5rem}#transcribe-modal code{background:var(--steel);color:var(--ink);border-radius:4px;padding:.05rem .3rem;font-family:Atkinson Hyperlegible Mono,ui-monospace,monospace;font-size:.9em}#transcribe-modal a{color:var(--ink)}.transcribe-field{text-transform:uppercase;letter-spacing:.06em;color:var(--ink);gap:.3rem;font:800 .8rem/1.15 Big Shoulders Display,Arial Narrow,sans-serif;display:grid}.transcribe-field select,.transcribe-field input{min-height:2.5rem;font-family:Atkinson Hyperlegible Mono,ui-monospace,monospace}#transcribe-bar{width:100%;height:.75rem;accent-color:var(--ink);appearance:none;background:var(--steel);box-shadow:var(--window-recess);border:none;border-radius:4px;overflow:hidden}#transcribe-bar::-webkit-progress-bar{background:var(--steel)}#transcribe-bar::-webkit-progress-value{background:var(--ink)}#transcribe-bar::-moz-progress-bar{background:var(--ink)}.transcribe-summary-list{font-variant-numeric:tabular-nums;color:var(--ink);gap:.25rem;margin:0;padding:0;font-family:Atkinson Hyperlegible Mono,ui-monospace,monospace;list-style:none;display:grid}.transcribe-actions{justify-content:flex-end;gap:.5rem;display:flex}.transcribe-actions button{min-width:6rem;min-height:2.75rem}.transcribe-attribution{margin-top:1rem}