:root{--page:#f5f5f5;--ink:#141c6b;--edit-ink:#0f766e;--muted:#141c6b99;--line:#141c6b;--chrome:#ebebeb;--faint:#141c6b12;--accent:#2563eb;--accent-soft:#2563eb1f;--bass:#9a3412;--melody:#1d4ed8;--stop:#d92d20;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--b-width:1.5px;--border:var(--b-width) solid var(--line);--radius:0;--space:16px;--space-xs:calc(var(--space) * .5);--space-s:calc(var(--space) * .75);--space-l:calc(var(--space) * 1.25);--space-xl:calc(var(--space) * 1.5);--control:2rem;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--hand:"Comic Sans MS", "Chalkboard SE", "Comic Neue", var(--sans);--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--w-medium:550;--w-bold:700;--w-black:900}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.viewer.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.viewer.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#141c6b;--ink:#eee;--edit-ink:#5eead4;--muted:#eee9;--line:#eee;--chrome:#1b2480;--faint:#eeeeee16;--accent:#7da5ff;--accent-soft:#7da5ff2e;--bass:#e8853d;--melody:#7da5ff;--stop:#ff6b5e;--border:var(--b-width) solid var(--line)}*{box-sizing:border-box}body{font:16px/1.3 var(--sans);margin:0}[hidden]{display:none!important}.viewer{background:var(--page);min-height:100vh;color:var(--ink)}.key{width:var(--control);height:var(--control);font:inherit;white-space:nowrap;border:var(--border);border-radius:var(--radius);background:var(--page);color:var(--ink);cursor:pointer;place-items:center;padding:0;font-size:.82rem;line-height:1;display:grid}.key.small{width:1.25rem;height:1.25rem;font-size:.7rem;font-weight:var(--w-bold);text-transform:none;letter-spacing:0}.key.wide{width:auto;min-width:var(--control);padding:0 .55rem}.key svg{fill:currentColor;width:1rem;height:1rem}.action{height:var(--control);font:inherit;white-space:nowrap;border:var(--border);border-radius:var(--radius);background:var(--page);color:var(--ink);cursor:pointer;place-items:center;padding:0 .6rem;font-size:.82rem;display:inline-grid}.key:hover:not(:disabled),.action:hover:not(:disabled),select:hover:not(:disabled){background:var(--faint)}.key:disabled,.action:disabled{opacity:.4;cursor:default}.key.on,.action.on,.action.armed,.action.primary{background:var(--ink);border-color:var(--ink);color:var(--page)}.key.on:hover:not(:disabled),.action.on:hover:not(:disabled),.action.armed:hover:not(:disabled),.action.primary:hover:not(:disabled){background:var(--ink);opacity:.85}.action.danger:hover:not(:disabled),.key.danger:hover:not(:disabled),.action.danger:hover:not(:disabled){background:var(--stop);border-color:var(--stop);color:var(--page)}.keys{display:flex}.keys>.key+.key{margin-left:calc(var(--b-width) * -1)}.field>.keys>.key{flex:1 1 0}.field{flex-direction:column;gap:.2rem;min-width:0;display:flex}.field-label{font-size:.68rem;font-weight:var(--w-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.field-label strong{font-weight:var(--w-bold);color:var(--ink)}input[type=text],input[type=number],input[type=search],select{font:inherit;height:var(--control);border:var(--border);border-radius:var(--radius);background:var(--page);width:100%;min-width:0;color:var(--ink);cursor:pointer;padding:0 .5rem;font-size:.82rem}input[type=text],input[type=number],input[type=search]{cursor:text}.viewer button:focus-visible,.viewer select:focus-visible,.viewer input[type=range]:focus-visible{outline:var(--b-width) solid var(--accent);outline-offset:2px}:root[data-focus-by=pointer] .viewer button:focus-visible,:root[data-focus-by=pointer] .viewer select:focus-visible,:root[data-focus-by=pointer] .viewer input[type=range]:focus-visible{outline:none}:where(.viewer input[type=text],.viewer input[type=number],.viewer input[type=search]):focus-visible{outline:var(--b-width) solid var(--accent);outline-offset:-1px}.viewer select{appearance:base-select}.viewer select::picker(select){appearance:base-select}.viewer select{justify-content:space-between;align-items:center;gap:.5rem}.viewer select::picker(select){background:var(--page);border:var(--border);border-radius:var(--radius);margin-top:calc(var(--b-width) * -1);box-shadow:0 2px 0 var(--faint);padding:0}.viewer option{background:var(--page);color:var(--ink);cursor:pointer;align-items:center;gap:0;padding:.3rem .5rem;font-size:.82rem;display:flex}.viewer option:checked{background:var(--ink);color:var(--page)}.viewer option:hover:not(:checked),.viewer option:focus:not(:checked){background:var(--accent-soft)}.viewer option::checkmark{display:none}.viewer select::picker-icon{color:var(--muted);transition:none}input[type=range]{width:100%;height:var(--control);accent-color:var(--ink);cursor:pointer;margin:0}.row{align-items:flex-end;gap:var(--space-xs);flex-wrap:wrap;display:flex}.row>.action{flex:auto}.group{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.group h3{font-size:.68rem;font-weight:var(--w-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;gap:.5rem;margin:0;display:flex}.group h3 .at{font-weight:var(--w-medium);letter-spacing:0;text-transform:none;font-size:.72rem}.keys-grid{grid-template-columns:repeat(auto-fill, var(--control));gap:var(--space-xs);display:grid}.keys-grid.fill{grid-template-columns:repeat(auto-fit, minmax(var(--control), 1fr))}.keys-grid.fill .key{width:auto}.actions-grid{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));display:grid}.shortcut{font:inherit;font-family:var(--mono);opacity:.6;margin-left:.35rem}.menu-list .action{border-color:#0000;place-items:center start;width:100%}.bar{align-items:baseline;gap:var(--space);padding:var(--space-s) var(--space);border-bottom:var(--border);flex-wrap:wrap;display:flex}.bar h1{font-family:var(--hand);font-size:1.6rem;font-weight:var(--w-black);align-items:baseline;gap:.5rem;margin:0;line-height:1;display:flex}.bar h1 .sep{font-weight:var(--w-medium);opacity:.45}.bar h1 .piece{font-weight:var(--w-bold)}.bar .artist,.bar .unsaved{color:var(--muted);margin:0;font-size:.82rem}.bar .unsaved{color:var(--stop)}.bar input.name-edit{field-sizing:content;width:auto;min-width:4ch;max-width:24rem;height:1.2em;font-size:inherit;line-height:inherit;color:inherit;outline:var(--b-width) solid transparent;outline-offset:.2rem;background:0 0;border:0;border-radius:0;margin:-.1em 0;padding:0}.bar input.name-edit:hover{outline-color:var(--line)}.bar input.name-edit:focus{outline-color:var(--accent)}.bar input.name-edit::placeholder{color:var(--muted);opacity:1}.bar input.name-edit.artist{color:var(--muted);font-size:.82rem}.bar-end{align-items:center;gap:var(--space-xs);margin-left:auto;display:flex}.bar .tracks{color:var(--muted);align-items:center;gap:.4rem;font-size:.82rem;display:flex}.bar .tracks select{width:auto}.menu{position:relative}.menu-list{right:0;top:calc(100% + var(--space-xs));z-index:10;min-width:12rem;padding:var(--space-xs);background:var(--page);border:var(--border);flex-direction:column;display:flex;position:absolute}.menu-note{padding:var(--space-xs) .6rem 0;font:.72rem/1.4 var(--mono);color:var(--muted);white-space:nowrap;margin:0}.menu-list hr{width:100%;margin:var(--space-xs) 0;border:0;border-top:var(--b-width) solid var(--faint)}.floating-card{border:var(--border);border-radius:var(--radius);background:var(--page);color:var(--ink)}.tour-arrows{z-index:20;pointer-events:none;width:100%;height:100%;color:var(--accent);position:fixed;inset:0;overflow:visible}.tour-arrows path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.tour-card{z-index:21;width:min(24rem, calc(100vw - 2 * var(--space)));padding:var(--space);position:fixed}.tour-text{margin:0 0 var(--space);font-size:.95rem;line-height:1.45}.tour-text a{color:inherit;font-weight:var(--w-bold)}.tour-end{justify-content:flex-end;align-items:center;gap:var(--space-xs);display:flex}.tour-count{color:var(--muted);margin-right:auto;font-size:.8rem}.start-card{width:min(34rem, calc(100vw - 2 * var(--space)));padding:var(--space-l);margin:auto}.start-card::backdrop{background:#00000073}.start-card h2{margin:0 0 var(--space);font-size:1.3rem}.start-choices{gap:var(--space-s);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.start-choices li{align-items:center;gap:var(--space-s);grid-template-columns:9rem 1fr;display:grid}.start-choices p{color:var(--muted);margin:0;font-size:.9rem}@media (width<=640px){.start-choices li{gap:var(--space-xs);grid-template-columns:1fr}}.th-with-help{align-items:center;gap:.4rem;display:inline-flex}.glossary{width:min(36rem, calc(100vw - 2 * var(--space)));max-height:calc(100vh - 2 * var(--space));padding:var(--space-l);margin:auto;overflow-y:auto}.glossary::backdrop{background:#00000073}.glossary h2{margin:0 0 var(--space-xs);font-size:1.3rem}.glossary-lead{margin:0 0 var(--space);color:var(--muted);font-size:.9rem}.glossary .group{margin-bottom:var(--space)}.glossary-list{gap:.35rem;margin:0;display:grid}.glossary-list>div{gap:var(--space-s);grid-template-columns:9rem 1fr;align-items:baseline;display:grid}.glossary-list dt code{font-family:var(--mono);font-size:.9rem}.glossary-list dd{color:var(--muted);margin:0;font-size:.9rem}.glossary-end{justify-content:flex-end;display:flex}.tab-host{outline:none;position:relative}.tab-host:focus-visible{outline:var(--b-width) solid var(--accent);outline-offset:-2px}.tab-view{border-bottom:var(--border);width:100%;position:relative}.tab-view.page{--page-view-max:min(62vh, 620px);height:var(--page-view-max)}.tab-canvas{width:100%;height:100%;display:block}.tab-scroller{touch-action:pan-x pan-y;position:absolute;inset:0;overflow:auto}.tab-view.scroll .tab-scroller{overflow-y:hidden}.tab-view.page .tab-scroller{overflow-x:hidden}.tab-spacer{min-width:1px;min-height:1px}.tab-anchor{pointer-events:none;position:absolute}.add-bar{z-index:2;width:1.3rem;height:1.3rem;font:inherit;cursor:pointer;background:var(--page);border:var(--b-width) solid var(--accent);border-radius:var(--radius);color:var(--accent);place-items:center;margin-left:-.65rem;padding:0;font-size:.9rem;line-height:1;display:grid;position:absolute;top:2px}.add-bar:hover{background:var(--accent);color:var(--page)}.bar-popover{z-index:3;padding:var(--space-s);background:var(--page);border:var(--border);box-shadow:4px 4px 0 var(--faint);max-width:min(28rem,90vw);margin-left:-.65rem;position:absolute;top:1.6rem}.bar-panel .hint{margin:var(--space-xs) 0 0;color:var(--muted);font-size:.8rem}.bar-panel .close{width:1.2rem;height:1.2rem;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.8rem}input.fret-edit{z-index:2;text-align:center;width:1.35rem;color:var(--ink);background:var(--page);caret-color:var(--edit-ink);box-shadow:0 1px 0 var(--edit-ink);border:0;border-radius:0;outline:none;padding:0;position:absolute;transform:translate(-50%)}.transport{align-items:center;gap:var(--space);padding:var(--space-s) var(--space);border-bottom:var(--border);display:flex}.scrubber{height:var(--control);border:var(--border);background:var(--page);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;flex:18rem;min-width:12rem;position:relative;overflow:hidden}.scrubber:focus-visible{outline:var(--b-width) solid var(--accent);outline-offset:2px}.scrubber .bar-mark{border-left:1px solid var(--faint);width:0;position:absolute;top:0;bottom:0}.scrubber .bar-mark:first-of-type{border-left:0}.scrubber .bar-name{color:var(--muted);white-space:nowrap;pointer-events:none;font-size:.62rem;position:absolute;bottom:2px;left:3px}.scrubber .loop-span{background:var(--accent-soft);border-left:1px solid var(--accent);border-right:1px solid var(--accent);position:absolute;top:0;bottom:0}.scrubber .playhead{background:var(--stop);will-change:transform;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:0}.practice-row{gap:var(--space-s) var(--space-l);padding:var(--space-s) var(--space);border-bottom:var(--border);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));align-items:end;display:grid}.work{grid-template-columns:minmax(18rem,1.4fr) minmax(15rem,1fr);align-items:stretch;display:grid}.work>*{gap:var(--space);padding:var(--space-s) var(--space) var(--space);border-right:var(--border);flex-direction:column;min-width:0;display:flex}.work>:last-child{border-right:0}.text-pane{min-width:0}.rows-scroll{border:var(--border);flex:auto;min-height:12rem;max-height:32rem;overflow-y:auto}.rows{border-collapse:collapse;table-layout:fixed;width:100%;font-family:var(--mono);font-size:.8rem}.rows thead th{z-index:1;text-align:left;font-family:var(--sans);font-size:.68rem;font-weight:var(--w-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--chrome);border-bottom:var(--border);padding:.3rem .5rem;position:sticky;top:0}.rows td{border-bottom:1px solid var(--faint);vertical-align:middle;padding:0}.rows .length{text-align:right;width:3.5rem;color:var(--muted);border-right:1px solid var(--faint);font-variant-numeric:tabular-nums;padding:.15rem .5rem}.rows td.length{padding:0}.rows .length .cell{text-align:right;color:inherit;font-variant-numeric:tabular-nums}.rows .bar-row td{border-bottom:var(--border);color:var(--muted)}.rows .bar-row td.length{border-right-color:#0000;overflow:visible}.rows .bar-row .cell{letter-spacing:.1em;white-space:nowrap;overflow:visible}.rows tr.selected{background:var(--accent-soft)}.rows tr.selected .length{color:var(--ink);font-weight:var(--w-bold)}.rows tr.error .cell{box-shadow:inset 2px 0 0 var(--stop)}.rows tr.warning .cell{box-shadow:inset 2px 0 0 var(--muted)}.rows .cell{font:inherit;text-align:left;width:100%;height:auto;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:0;min-height:1.5rem;padding:.15rem .5rem;display:block}.rows .cell:hover:not(:disabled){background:var(--faint)}.rows input.cell{outline:var(--b-width) solid var(--accent);outline-offset:-1.5px;background:var(--page)}.problems{margin:0;padding:0;font-size:.76rem;list-style:none}.problems .error{color:var(--stop)}.problems .warning,.edit-readout{color:var(--muted);font-size:.78rem}.readout{gap:var(--space-xs);padding:var(--space-s) var(--space) var(--space-l);border-top:var(--border);flex-direction:column;font-size:.8rem;display:flex}.status{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.6rem;margin:0;display:flex}.status .overfull{color:var(--stop)}.announce{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;top:0;left:0;overflow:hidden}.alphatab-host{width:1200px;height:1px;position:absolute;top:0;left:-20000px;overflow:hidden}@media (width<=1100px){.work{grid-template-columns:1fr}.work>*{border-right:0;border-bottom:var(--border)}}@media (width>=1101px){.viewer.editing-mode{flex-direction:column;height:100vh;display:flex}.viewer.editing-mode>*{flex:none}.viewer.editing-mode>.work{flex:1 1 0;grid-template-rows:minmax(0,1fr);min-height:0}.viewer.editing-mode .work>*{min-height:0;overflow-y:auto}.viewer.editing-mode .rows-scroll{flex:1 1 0;min-height:6rem;max-height:none}.viewer.editing-mode>.work{grid-template-columns:clamp(15rem, var(--panel-table-width,58%), calc(100% - 15rem)) minmax(0, 1fr)}.viewer.editing-mode .work>.text-pane{grid-area:1/1}.viewer.editing-mode .work>.palette{grid-area:1/2}.viewer.editing-mode:not(.text-layout) .tab-view.page{--page-view-max:min(var(--tab-height,min(62vh, 620px)), calc(100vh - 26rem))}}.splitter{display:none}@media (width>=1101px){.viewer.editing-mode .splitter{z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;border:0;outline:none;min-height:0;padding:0;display:block;position:relative;overflow:visible}.viewer.editing-mode .splitter-columns{cursor:col-resize;grid-area:1/1;justify-self:end;width:8px;margin-right:-4px}.viewer.editing-mode>.splitter-rows{cursor:row-resize;height:8px;margin:-4px 0}.viewer.editing-mode .splitter-columns:hover,.viewer.editing-mode .splitter-columns:active,.viewer.editing-mode .splitter-columns:focus-visible{background:linear-gradient(to right, transparent 3px, var(--accent) 3px 5px, transparent 5px)}.viewer.editing-mode .splitter-rows:hover,.viewer.editing-mode .splitter-rows:active,.viewer.editing-mode .splitter-rows:focus-visible{background:linear-gradient(to bottom, transparent 3px, var(--accent) 3px 5px, transparent 5px)}}.viewer.text-layout .palette{display:none}@media (width>=1101px){.viewer.editing-mode.text-layout{grid-template-columns:clamp(15rem, var(--text-table-width,26rem), calc(100% - 36rem)) minmax(0, 1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto;display:grid}.viewer.text-layout>*{grid-column:1/-1}.viewer.text-layout>.bar{grid-row:1}.viewer.text-layout>.transport{grid-area:2/2}.viewer.text-layout>.practice-row{grid-area:3/2}.viewer.text-layout>.tab-host{grid-area:4/2;min-height:0;overflow:hidden}.viewer.text-layout .tab-view.page{--page-view-max:100%}.viewer.text-layout>.readout{grid-area:5/2}.viewer.text-layout>.work{display:contents}.viewer.text-layout .work>.text-pane{border-top:0;grid-area:2/1/6;min-height:0;padding:0}.viewer.text-layout .rows-scroll{border:0}.viewer.text-layout .work>.splitter{grid-row:2/6}.viewer.text-layout .tab-view{border-bottom:0}}@media (width<=640px){.transport{flex-wrap:wrap}}.library{margin:0 var(--space) var(--space);padding:var(--space-s) var(--space) var(--space);border:var(--border);border-radius:var(--radius);background:var(--chrome);gap:var(--space-s);flex-direction:column;display:flex}.library.dropping{border-color:var(--accent);border-style:dashed}.library-top{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.library-search{flex:14rem}.hidden-input{display:none}.library-warning{padding:var(--space-xs) var(--space-s);border-left:3px solid var(--bass);background:var(--page);margin:0;font-size:.8rem}.library-empty,.library-none{color:var(--muted);margin:0;font-size:.82rem;list-style:none}.library-list{border:var(--border);background:var(--page);max-height:19rem;margin:0;padding:0;list-style:none;overflow-y:auto}.library-list li{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-s);border-bottom:1px solid var(--faint);display:flex}.library-list li:last-child{border-bottom:0}.library-list li.open .library-title{font-weight:var(--w-bold)}.library-open{text-align:left;background:0 0;border:0;flex-direction:column;flex:auto;align-items:flex-start;gap:.1rem;min-width:0;height:auto;padding:.2rem;display:flex}.library-title{font-size:.92rem}.library-about{gap:var(--space-xs);color:var(--muted);flex-wrap:wrap;align-items:baseline;font-size:.74rem;display:flex}.library-tag{border:var(--border);border-radius:var(--radius);padding:0 .35rem}.library-tags{width:8rem;color:var(--muted);background:0 0;border-color:#0000;flex:none;font-size:.74rem}.library-tags:hover,.library-tags:focus{border-color:var(--line);background:var(--page);color:var(--ink)}.library-get,.library-remove{flex:none}.library-remove.confirming{background:var(--stop);border-color:var(--stop);color:var(--page)}.midi-import{margin:0 var(--space) var(--space);padding:var(--space-s) var(--space) var(--space);border:var(--border);border-radius:var(--radius);background:var(--chrome);gap:var(--space-s);flex-direction:column;display:flex}.midi-import h2{font-size:1rem;font-weight:var(--w-bold);margin:0}.midi-note{color:var(--muted);margin:0;font-size:.8rem}.midi-import fieldset{gap:var(--space-xs);border:0;flex-direction:column;margin:0;padding:0;display:flex}.midi-import legend{font-size:.68rem;font-weight:var(--w-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0}.midi-tracks{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));display:grid}.midi-tracks label{padding:var(--space-xs) var(--space-s);border:var(--border);border-radius:var(--radius);background:var(--page);cursor:pointer;flex-direction:column;gap:.1rem;display:flex}.midi-tracks label.chosen{background:var(--ink);border-color:var(--ink);color:var(--page)}.midi-track-name{font-size:.86rem}.midi-track-about{opacity:.75;font-size:.74rem}.midi-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.midi-empty{color:var(--muted);margin:0;font-size:.82rem}