[data-astro-cid-tultmxte]{box-sizing:border-box;margin:0;padding:0}.page-wrapper[data-astro-cid-tultmxte]{min-height:80vh;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;font-family:Helvetica,Arial,sans-serif}#kbd-wrapper[data-astro-cid-tultmxte]{position:relative;display:inline-block;line-height:0;max-height:78vh}#bellows-toggle[data-astro-cid-tultmxte]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(1.8rem,7vw,4.5rem);line-height:1;color:#c8102e;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:opacity .1s;background:none;border:none;padding:0;z-index:100;pointer-events:auto}#bellows-toggle[data-astro-cid-tultmxte]:hover{opacity:.7}:root{--keyboard-size: 120;--keyboard-visual-scale: 1}@media(min-width:900px){:root{--keyboard-visual-scale: 1.15}}@media(min-width:1000px){:root{--keyboard-size: 149}}#kbd-wrapper[data-astro-cid-tultmxte]{transform:scale(var(--keyboard-visual-scale));transform-origin:center center}#kbd-svg[data-astro-cid-tultmxte]{display:block;width:min(calc(92vw * var(--keyboard-size) / 100),calc(820px * var(--keyboard-size) / 100));max-height:78vh;height:auto;cursor:default;user-select:none;-webkit-user-select:none;touch-action:none;margin-left:0}[data-astro-cid-tultmxte]:fullscreen #kbd-wrapper[data-astro-cid-tultmxte],[data-astro-cid-tultmxte]:-webkit-full-screen #kbd-wrapper[data-astro-cid-tultmxte]{max-height:78vh;width:min(98vw,156vh)}[data-astro-cid-tultmxte]:fullscreen #kbd-svg[data-astro-cid-tultmxte],[data-astro-cid-tultmxte]:-webkit-full-screen #kbd-svg[data-astro-cid-tultmxte]{width:100%;max-height:78vh;height:auto;margin-left:0}#edit-badge[data-astro-cid-tultmxte]{position:fixed;top:1rem;left:1rem;background:transparent;border:1px solid #c8102e;color:#c8102e;font-family:Helvetica,Arial,sans-serif;font-size:.65rem;padding:.3rem .7rem;letter-spacing:.15em;pointer-events:none;opacity:0;transition:opacity .15s;z-index:300}#edit-badge[data-astro-cid-tultmxte].visible{opacity:1}#hud[data-astro-cid-tultmxte]{position:fixed;bottom:0;left:0;width:100%;height:20vh;background:transparent;border-top:1px solid #222;color:#aaa;z-index:200;display:flex;align-items:center;padding:0 2rem;gap:2rem;transition:opacity .18s}#hud[data-astro-cid-tultmxte].hidden{opacity:0;pointer-events:none}#hud-vexflow[data-astro-cid-tultmxte]{width:198px;min-width:162px;height:90%;max-height:18vh;flex-shrink:0;overflow:hidden}.hud-col-pitch[data-astro-cid-tultmxte]{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:8.5rem;min-width:8.5rem;flex:0 0 8.5rem}#hud-pitch[data-astro-cid-tultmxte]{font-size:clamp(1.4rem,3.5vh,2.25rem);color:#c8102e;font-weight:700;letter-spacing:.04em;width:5.5rem;min-width:5.5rem;text-align:center;line-height:1}#hud-dir-row[data-astro-cid-tultmxte]{display:flex;flex-direction:column;align-items:center;gap:.1rem;width:100%}#hud-dir-symbol[data-astro-cid-tultmxte]{font-size:1.6rem;color:#c8102e;line-height:1}#hud-dir-val[data-astro-cid-tultmxte]{color:#444;font-size:.55rem;letter-spacing:.1em}#hud-font-row[data-astro-cid-tultmxte]{display:flex;align-items:center;justify-content:center;gap:.2rem;margin-top:.2rem;opacity:.6;width:100%}#hud-font-text[data-astro-cid-tultmxte]{background:transparent;border:none;color:#eee;font-family:Helvetica,Arial,sans-serif;font-size:.8rem;padding:0;width:80px;text-align:center}#btn-copy-font[data-astro-cid-tultmxte]{background:transparent;border:none;color:#888;cursor:pointer;padding:0;width:14px;height:14px}#btn-copy-font[data-astro-cid-tultmxte]:hover{color:#fff}#hud-modes[data-astro-cid-tultmxte]{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;align-items:center}.mode-btn[data-astro-cid-tultmxte]{background:transparent;border:1px solid #2a2a2a;color:#444;font-family:Helvetica,Arial,sans-serif;font-size:1.1rem;padding:.45rem .85rem;cursor:pointer;letter-spacing:.05em;transition:color .08s,border-color .08s;white-space:nowrap}.mode-btn[data-astro-cid-tultmxte]:hover{color:#888;border-color:#555}.mode-btn[data-astro-cid-tultmxte].active{color:#c8102e;border-color:#c8102e}#hud-dynamics[data-astro-cid-tultmxte]{display:flex;gap:.3rem;align-items:center;margin-left:1rem}.dyn-btn[data-astro-cid-tultmxte]{background:transparent;border:1px solid #2a2a2a;color:#444;font-family:Times New Roman,serif;font-weight:700;font-style:italic;font-size:1.6rem;padding:.2rem .8rem;cursor:pointer;line-height:1}.dyn-btn[data-astro-cid-tultmxte]:hover{color:#888;border-color:#555}#hud-selects[data-astro-cid-tultmxte]{display:flex;flex-direction:column;gap:.2rem;margin-left:.6rem;align-items:stretch}.hud-sel[data-astro-cid-tultmxte]{font-size:.8rem!important;font-style:normal!important;font-weight:400!important;width:auto;height:1.8rem;padding:0 .4rem}#lesson-playback[data-astro-cid-tultmxte]{display:none;align-items:center;gap:.32rem;min-height:1.4rem}#lesson-playback[data-astro-cid-tultmxte].visible{display:flex}.lesson-playback-btn[data-astro-cid-tultmxte],.lesson-bpm-input[data-astro-cid-tultmxte]{background:transparent;border:none;appearance:none;-webkit-appearance:none;color:#4a4a4a;font-family:Helvetica,Arial,sans-serif;font-style:normal;font-weight:500;font-size:.76rem;line-height:1;padding:0;height:1rem}.lesson-playback-btn[data-astro-cid-tultmxte]{cursor:pointer;min-width:.85rem;text-align:center}.lesson-playback-btn[data-astro-cid-tultmxte]:hover,.lesson-bpm-input[data-astro-cid-tultmxte]:hover,.lesson-bpm-input[data-astro-cid-tultmxte]:focus{color:#7a7a7a;outline:none}.lesson-playback-btn[data-astro-cid-tultmxte].active{color:#c8102e}.lesson-playback-icon[data-astro-cid-tultmxte]{display:inline-flex;align-items:center;justify-content:center;min-width:.95rem}.lesson-playback-icon[data-astro-cid-tultmxte] svg[data-astro-cid-tultmxte]{width:.72rem;height:.72rem;fill:currentColor;display:block}.lesson-stop-icon[data-astro-cid-tultmxte],#lesson-both-btn[data-astro-cid-tultmxte].active .lesson-play-icon[data-astro-cid-tultmxte]{display:none}#lesson-both-btn[data-astro-cid-tultmxte].active .lesson-stop-icon[data-astro-cid-tultmxte]{display:block}.lesson-bpm-input[data-astro-cid-tultmxte]{width:2.5rem;text-align:right;caret-color:#888}.lesson-bpm-input[data-astro-cid-tultmxte]:disabled{color:#303030;opacity:.65}.dyn-btn[data-astro-cid-tultmxte].active{color:#c8102e;border-color:#c8102e}.dyn-btn[data-astro-cid-tultmxte].disabled{color:#333;border-color:#222;cursor:default;opacity:.5}#hud-pill[data-astro-cid-tultmxte]{position:fixed;bottom:1rem;right:3.5rem;width:1.8rem;height:1.8rem;background:none;border:none;padding:0;cursor:pointer;z-index:700;opacity:.25;transition:opacity .15s;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;user-select:none}#hud-pill[data-astro-cid-tultmxte]:hover{opacity:.8}#midi-led[data-astro-cid-tultmxte]{position:fixed;bottom:1.5rem;right:6rem;width:6px;height:6px;border-radius:50%;background:#333;z-index:700;cursor:default;transition:background .06s,box-shadow .06s}#midi-led[data-astro-cid-tultmxte].active{background:#0f0;box-shadow:0 0 6px #0f0}#fs-btn[data-astro-cid-tultmxte]{position:fixed;bottom:1.15rem;right:1rem;width:1.1rem;height:1.1rem;background:none;border:none;padding:0;cursor:pointer;z-index:700;opacity:.25;transition:opacity .15s;color:#fff;display:flex;align-items:center;justify-content:center}#fs-btn[data-astro-cid-tultmxte]:hover{opacity:.8}#fs-btn[data-astro-cid-tultmxte] svg[data-astro-cid-tultmxte]{width:100%;height:100%;display:block}#fs-btn[data-astro-cid-tultmxte] .fs-compress[data-astro-cid-tultmxte]{display:none}#fs-btn[data-astro-cid-tultmxte] .fs-expand[data-astro-cid-tultmxte]{display:block}[data-astro-cid-tultmxte]:fullscreen #fs-btn[data-astro-cid-tultmxte] .fs-compress[data-astro-cid-tultmxte],[data-astro-cid-tultmxte]:-webkit-full-screen #fs-btn[data-astro-cid-tultmxte] .fs-compress[data-astro-cid-tultmxte]{display:block}[data-astro-cid-tultmxte]:fullscreen #fs-btn[data-astro-cid-tultmxte] .fs-expand[data-astro-cid-tultmxte],[data-astro-cid-tultmxte]:-webkit-full-screen #fs-btn[data-astro-cid-tultmxte] .fs-expand[data-astro-cid-tultmxte]{display:none}@media(max-width:500px){.page-wrapper[data-astro-cid-tultmxte]{padding:0;justify-content:center;min-height:100svh}#kbd-wrapper[data-astro-cid-tultmxte]{max-height:48svh}#kbd-svg[data-astro-cid-tultmxte]{width:100vw;max-height:48svh;margin-left:0}#hud[data-astro-cid-tultmxte]{position:fixed;left:0;right:0;bottom:0;width:100%;height:50svh;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.6rem;padding:.8rem 1.2rem 1.2rem;background:#000000f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid #333;z-index:500;overflow-y:auto;transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.32,.72,0,1),opacity .2s}#hud[data-astro-cid-tultmxte].mobile-open{transform:translateY(0);opacity:1;pointer-events:auto}#hud[data-astro-cid-tultmxte].hidden{transform:translateY(100%);opacity:0;pointer-events:none}.page-wrapper[data-astro-cid-tultmxte]{transition:padding-bottom .25s cubic-bezier(.32,.72,0,1)}.page-wrapper[data-astro-cid-tultmxte].hud-open{padding-bottom:50svh}#hud-vexflow[data-astro-cid-tultmxte]{display:none}#hud-modes[data-astro-cid-tultmxte]{display:flex;flex-wrap:wrap;gap:.3rem;flex-shrink:1;overflow-x:auto}.mode-btn[data-astro-cid-tultmxte]{font-size:1rem;padding:.4rem .7rem;white-space:nowrap}#hud-dynamics[data-astro-cid-tultmxte]{margin-left:0;gap:.3rem;flex-wrap:wrap}#hud-selects[data-astro-cid-tultmxte]{margin-left:0}#hud-pitch[data-astro-cid-tultmxte]{font-size:clamp(2rem,6vw,3rem);width:auto;min-width:0}#hud-pill[data-astro-cid-tultmxte]{bottom:1.2rem;right:1.2rem;width:2.8rem;height:2.8rem;background:#141414d9;border:1px solid #333;border-radius:50%;color:#c8102e;font-size:1.1rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:1}#fs-btn[data-astro-cid-tultmxte]{bottom:4.6rem;right:1.4rem}}@media(max-width:900px)and (orientation:landscape){.page-wrapper[data-astro-cid-tultmxte]{padding:0;justify-content:center;min-height:100svh;transition:padding-bottom .25s cubic-bezier(.32,.72,0,1)}.page-wrapper[data-astro-cid-tultmxte].hud-open{padding-bottom:44svh}#kbd-svg[data-astro-cid-tultmxte]{width:100vw;margin-left:0}#hud[data-astro-cid-tultmxte]{position:fixed;left:0;right:0;bottom:0;width:100%;height:44svh;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.8rem 1.5rem;padding:.8rem 1.5rem 1rem;background:#000000f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid #333;z-index:500;overflow-y:auto;transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.32,.72,0,1),opacity .2s}#hud[data-astro-cid-tultmxte].mobile-open{transform:translateY(0);opacity:1;pointer-events:auto}#hud[data-astro-cid-tultmxte].hidden{transform:translateY(100%);opacity:0;pointer-events:none}#hud-vexflow[data-astro-cid-tultmxte]{display:none}#hud-modes[data-astro-cid-tultmxte]{display:flex;flex-wrap:wrap;gap:.3rem;overflow-x:auto;align-content:flex-start}.mode-btn[data-astro-cid-tultmxte]{font-size:.98rem;padding:.35rem .65rem;white-space:nowrap}#hud-dynamics[data-astro-cid-tultmxte]{margin-left:0;gap:.25rem;flex-wrap:wrap}.dyn-btn[data-astro-cid-tultmxte]{font-size:1.5rem;padding:.2rem .7rem}#hud-selects[data-astro-cid-tultmxte]{margin-left:0}#hud-pitch[data-astro-cid-tultmxte]{font-size:clamp(1.6rem,4vh,2.4rem);width:auto;min-width:0}#hud-pill[data-astro-cid-tultmxte]{bottom:1.2rem;right:1.2rem;width:2.8rem;height:2.8rem;background:#141414d9;border:1px solid #333;border-radius:50%;color:#c8102e;font-size:1.1rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:1}#fs-btn[data-astro-cid-tultmxte]{bottom:4.6rem;right:1.4rem}}#vumeter[data-astro-cid-tultmxte]{position:fixed;bottom:0;left:0;height:1px;width:0%;background-color:red;z-index:1000;transition:width .05s linear;pointer-events:none}#start-overlay[data-astro-cid-tultmxte]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s;backdrop-filter:blur(4px)}#start-overlay[data-astro-cid-tultmxte].hidden{opacity:0;pointer-events:none}#start-btn[data-astro-cid-tultmxte]{background:transparent;border:1px solid #c8102e;color:#c8102e;font-family:Helvetica,Arial,sans-serif;font-size:1.2rem;padding:1rem 2.5rem;letter-spacing:.15em;cursor:pointer;transition:all .2s;text-transform:uppercase}#start-btn[data-astro-cid-tultmxte]:hover{background:#c8102e;color:#fff}#loading-text[data-astro-cid-tultmxte]{margin-top:1rem;font-family:monospace;color:#666;font-size:.8rem;min-height:1.2em}#hero-modal-trigger[data-astro-cid-tultmxte]{position:fixed;left:1rem;bottom:1rem;z-index:700;color:#fff;text-decoration:none;font-family:monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;mix-blend-mode:difference;opacity:.72;transition:opacity .15s}#hero-modal-trigger[data-astro-cid-tultmxte]:hover{opacity:1}@media(max-width:900px)and (orientation:landscape){#hero-modal-trigger[data-astro-cid-tultmxte]{bottom:4.6rem}}