:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-surface:#f5f5f7;--color-border:#dcdce0;--color-text:#1c1c1e;--color-text-muted:#6b6b70;--color-accent:#d9480f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#151517;--color-surface:#1f1f22;--color-border:#34343a;--color-text:#ececee;--color-text-muted:#9a9aa2;--color-accent:#ff8a4c}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#151517;--color-surface:#1f1f22;--color-border:#34343a;--color-text:#ececee;--color-text-muted:#9a9aa2;--color-accent:#ff8a4c}*,:before,:after{box-sizing:border-box;margin:0}button,input,select{font:inherit;color:inherit}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5}[data-tooltip]{position:relative}[data-tooltip]:after{z-index:30;color:var(--color-bg);text-transform:none;white-space:nowrap;pointer-events:none;visibility:hidden;content:attr(data-tooltip);background:var(--color-text);opacity:0;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:400;line-height:1.3;transition:opacity .12s;position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{visibility:visible;opacity:1}[data-tooltip][aria-expanded=true]:after{display:none}[data-tooltip][data-tooltip-align=start]:after{left:0;transform:none}[data-tooltip][data-tooltip-align=end]:after{left:auto;right:0;transform:none}.base-icon{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-flex}.base-icon svg{width:100%;height:100%}.locale-switch{position:relative}.locale-switch__button{cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;justify-content:center;align-items:center;gap:.25rem;min-width:2rem;height:2rem;padding:0 .25rem;font-size:.875rem;display:inline-flex}.locale-switch__button:disabled{cursor:not-allowed;opacity:.5}.locale-switch__list{z-index:10;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;min-width:11rem;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + .25rem);right:0;box-shadow:0 8px 24px #0000002e}.locale-switch__option{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:.5rem;width:100%;padding:.5rem;display:flex}.locale-switch__option:hover{background:var(--color-surface)}.locale-switch__option--active{background:var(--color-surface);box-shadow:inset 3px 0 0 var(--color-accent);font-weight:600}.loop-control{cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;justify-content:center;align-items:center;gap:.25rem;min-width:2rem;height:2rem;padding:0 .25rem;font-size:.875rem;display:inline-flex}.loop-control:disabled{cursor:not-allowed;opacity:.5}.loop-control--active{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.open-file-button{cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;justify-content:center;align-items:center;gap:.25rem;min-width:2rem;height:2rem;padding:0 .25rem;font-size:.875rem;display:inline-flex}.open-file-button:disabled{cursor:not-allowed;opacity:.5}.open-file-button__input{display:none}.play-button{color:#fff;cursor:pointer;background:var(--color-accent);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:flex}.play-button:disabled{cursor:not-allowed;opacity:.5}.base-modal{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.base-modal__panel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;outline:none;width:100%;max-width:24rem;box-shadow:0 16px 48px #0000004d}.base-modal__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.base-modal__title{font-size:1.25rem;font-weight:600}.base-modal__close{cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;justify-content:center;align-items:center;gap:.25rem;min-width:2rem;height:2rem;padding:0 .25rem;font-size:.875rem;display:inline-flex}.base-modal__close:disabled{cursor:not-allowed;opacity:.5}.base-modal__close{background:0 0;border-color:#0000}.base-modal__body{padding:1.5rem}.speed-control__button{cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;justify-content:center;align-items:center;gap:.25rem;min-width:2rem;height:2rem;padding:0 .25rem;font-size:.875rem;display:inline-flex}.speed-control__button:disabled{cursor:not-allowed;opacity:.5}.speed-control__button--changed{color:var(--color-accent);border-color:var(--color-accent)}.speed-control__badge{font-variant-numeric:tabular-nums}.speed-control__settings{flex-direction:column;gap:.5rem;display:flex}.speed-control__value{font-variant-numeric:tabular-nums;text-align:center;font-size:2rem;font-weight:600}.speed-control__slider{width:100%;accent-color:var(--color-accent)}.speed-control__scale{color:var(--color-text-muted);justify-content:space-between;font-size:.875rem;display:flex}.speed-control__presets{justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}.speed-control__preset{cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:.25rem 1rem}.speed-control__preset--active{color:var(--color-accent);border-color:var(--color-accent)}.track-menu{position:relative}.track-menu__button{cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;justify-content:center;align-items:center;gap:.25rem;min-width:2rem;height:2rem;padding:0 .25rem;font-size:.875rem;display:inline-flex}.track-menu__button:disabled{cursor:not-allowed;opacity:.5}.track-menu__list{z-index:10;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;min-width:18rem;max-height:60vh;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + .25rem);left:0;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.track-menu__item{border-radius:4px;align-items:center;gap:.5rem;padding-right:.5rem;display:flex}.track-menu__item:hover{background:var(--color-surface)}.track-menu__item--active{background:var(--color-surface);box-shadow:inset 3px 0 0 var(--color-accent)}.track-menu__track{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:baseline;gap:.5rem;min-width:0;padding:.5rem;display:flex}.track-menu__number{font-variant-numeric:tabular-nums;min-width:2ch;color:var(--color-text-muted);font-size:.875rem}.track-menu__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-menu__item--active .track-menu__name{font-weight:600}.track-menu__item--muted .track-menu__name{color:var(--color-text-muted)}.track-menu__switch{cursor:pointer;background:var(--color-border);border:0;border-radius:999px;flex-shrink:0;width:2.25rem;height:1.25rem;padding:0;transition:background .15s;position:relative}.track-menu__switch--on{background:var(--color-accent)}.track-menu__switch-thumb{background:#fff;border-radius:50%;width:1rem;height:1rem;transition:transform .15s;position:absolute;top:2px;left:2px}.track-menu__switch--on .track-menu__switch-thumb{transform:translate(1rem)}.app{flex-direction:column;height:100vh;display:flex}.app__bar{z-index:2;background:var(--color-bg);border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;padding:.5rem 1rem;display:flex;position:relative}.app__title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app__group{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.app__group [data-tooltip]:after{left:0;transform:none}.app__group--end{margin-left:auto}.app__group--end [data-tooltip]:after{left:auto;right:0}.app__button{cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;justify-content:center;align-items:center;gap:.25rem;min-width:2rem;height:2rem;padding:0 .25rem;font-size:.875rem;display:inline-flex}.app__button:disabled{cursor:not-allowed;opacity:.5}.app__main{z-index:1;background:#fff;flex:1;position:relative;overflow:auto}.app__hint{color:#6b6b70;text-align:center;padding:2rem 1.5rem}.app__hint--error{color:#c92a2a}.app__score .at-cursor-bar{background:#d9480f1f}.app__score .at-cursor-beat{background:#d9480fbf;width:3px}.app__score .at-selection div{background:#d9480f2e}.app__score .at-highlight *{fill:#d9480f;stroke:#d9480f}