@font-face{font-family:Noto Music;font-style:normal;font-weight:400;font-display:block;src:url(/drum-tab/assets/noto-music-subset-XIOVUbNs.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/drum-tab/assets/plex-mono-400-DMJ8VG8y.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/drum-tab/assets/plex-mono-500-DSY6xOcd.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/drum-tab/assets/plex-mono-600-BgSNZQsw.woff2) format("woff2")}html,body{margin:0;height:100%;overflow:hidden;background:#0d0d10;color:#ece7dd;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}*{box-sizing:border-box}#root{height:100%}.app-root{position:relative;width:100%;height:100%;overflow:hidden}html:not([data-standalone]) .app-root{height:100vh;height:100dvh;max-height:100%}.screen{height:100%;max-height:100%}.scroll-screen{height:100%;overflow-y:auto;overscroll-behavior:contain}a{color:#f5ae4b;text-decoration:none}a:hover{color:#ffce91;color:oklch(.88 .12 72)}button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;text-align:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}input{font:inherit;color:inherit}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:26px}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:#ece7dd33}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#ece7dd;margin-top:-7.5px}input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:#ece7dd33}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#ece7dd}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ece7dd29;border-radius:4px}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.staff{touch-action:none}.pane{touch-action:pan-x pan-y}