:root{--52789f: 50%;--bc1e3a: .3s ease;--2e9e8f: rgba(255, 255, 255, .5);--1090c8: #2a2a29;--a57542: 0 8px 32px rgba(0, 0, 0, .55);--363a04: 0 2px 12px rgba(0, 0, 0, .4);--c5ba3d: 6px;--5abebc: .2s ease;--8940c1: rgba(0, 0, 0, .72);--b30812: 0px;--a20f46: 0 1px 2px rgba(0, 0, 0, .5);--3f0b3e: rgba(255, 255, 255, .08);--3ba535: #fffce7;--ae19e0: rgba(255, 255, 255, .14);--08c776: .8125rem;--ab2ee2: #fff;--948124: var(--a24af0, #fdff8d);--3c370c: rgba(255, 255, 255, .7);--df4aff: 14px;--5a7b52: var(--600aa7);--c76369: 44px;--44c02a: 3px;--98aba8: .6875rem;--4928de: rgba(0, 0, 0, .4);--8c02ac: rgba(255, 255, 255, .95);--1ce30a: 8px;--ddb776: #111;--93bfff: rgba(255, 255, 255, .2);--99f7c8: rgba(18, 18, 22, .96);--a24af0: #fdff8d;--a32ae0: #ffff69;--01cdf4: transparent;--0d5a64: rgba(255, 255, 255, .1);--1dc280: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--0da8f6: .12s ease;--488443: 48px;--87ca43: rgba(18, 18, 22, .99);--e868c4: 36px;--a858ab: 5px;--285bf1: rgba(255, 255, 255, .2);--124fb2: rgba(255, 255, 255, 1);--_z: 2.5s;--b07547: 600;--61eee9: 22px;--600aa7: "Atkinson Hyperlegible", system-ui, sans-serif;--189ca8: 16px;--c73e4e: 18px;--c20cb2: 0 4px 20px rgba(0, 0, 0, .5);--4a0e87: 10px}*{box-sizing:border-box}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}._d4d703{border-radius:0;position:relative;min-height:0;transition:background .5s ease;height:100%;padding:0;flex-direction:column;isolation:isolate;border:none;display:flex;overflow:hidden}._0284d2{position:relative;padding-bottom:80px;min-height:0;touch-action:pan-x pan-y;min-width:0;flex-direction:column;align-items:stretch;width:100%;-webkit-overflow-scrolling:touch;z-index:1;flex:1 1 auto;overscroll-behavior:contain;overflow:auto;display:flex}._0284d2 #notation{flex:1;padding-left:8px;position:relative;width:100%;min-width:0}._0284d2 #notation svg,._d4d703 svg{display:block;height:auto;width:100%}._bd5674{pointer-events:none;will-change:transform;display:none;z-index:0;border-radius:50%;background:radial-gradient(ellipse at center,#ffff69,#ffff692e 25%,#ffff690f,#ffff6900 45%);position:absolute}._d4d703 g.note.playing,._d4d703 g.chord.playing,._d4d703 g.rest.playing{fill:#ff0d00!important;stroke:#f20!important;opacity:1!important}._d4d703 g.note,._d4d703 [data-line]{cursor:pointer}._ff927d{position:relative;z-index:501}._11d4d0 ._449158 *:focus-visible{outline:none}._11d4d0 g.note,._11d4d0 g.chord,._11d4d0 g.rest{transition:fill 1s ease;fill:#c04030}._d4d703 ._21afd6{min-height:60vh;align-items:center;display:flex;color:#6b7280;justify-content:center;font-size:.9rem}._449158{padding:0 16px 10px;z-index:2;background:linear-gradient(to top,var(--8940c1) 0%,var(--4928de) 50%,var(--01cdf4) 100%);transform:translateY(0);bottom:0;right:0;position:absolute;transition:transform var(--bc1e3a);pointer-events:auto;left:0;will-change:transform}._449158._a7c886{transform:translateY(100%)}._449158._a7c886 ._29f866,._449158._6b5278 ._29f866{pointer-events:none}._eb24c1{position:absolute;left:0;right:0;height:100%;pointer-events:none;bottom:100%}._449158._a7c886 ._eb24c1{pointer-events:auto;touch-action:none}._b0a0b0{bottom:100%;transform:translate(-50%);justify-content:center;background:#00000080;margin-bottom:8px;left:50%;min-width:110px;border-radius:11px;align-items:center;height:22px;overflow:hidden;position:absolute;user-select:none;opacity:0;transition:opacity var(--5abebc);-webkit-user-select:none;border:1px solid rgba(255,255,255,.08);pointer-events:none;display:flex}._17b2c6{background:var(--948124);opacity:.3;left:0;top:0;width:var(--3f97fd, 0%);position:absolute;bottom:0}._86baac{position:relative;font-size:.625rem;padding:0 14px;white-space:nowrap;font-weight:600;font-family:var(--5a7b52);letter-spacing:.04em;color:#ffffffb3}._449158._a7c886 ._b0a0b0{opacity:1}._449158._14e4fb{transform:translateY(0)}._29f866{padding:0;flex-direction:column;font-family:var(--5a7b52);gap:4px;position:relative;border:none;font-size:var(--08c776);box-shadow:none;color:var(--124fb2);pointer-events:auto;background:none;text-shadow:var(--a20f46);display:flex}._d8213a{display:flex;align-items:center;min-width:0}._14cc61{align-items:center;flex-wrap:wrap;display:flex;gap:var(--1ce30a)}._d4620e{display:flex;align-items:center;flex-shrink:0}._4a5e88{align-items:center;display:flex;gap:3px;flex-shrink:0}._8b8374{display:flex;margin-left:auto;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:wrap}#_1ce78f:empty{display:none}._29f866 ._e872d0{justify-content:center;width:28px;align-items:center;border:none;border-radius:var(--c5ba3d);color:var(--3c370c);transition:background var(--0da8f6),color var(--0da8f6);height:28px;display:inline-flex;padding:0;cursor:pointer;flex-shrink:0;background:none}._29f866 ._e872d0:hover:not(:disabled){color:var(--124fb2);background:var(--ae19e0)}._29f866 ._e872d0:focus-visible{outline:2px solid var(--948124);outline-offset:2px}._29f866 ._e872d0:disabled{cursor:not-allowed;opacity:.35}._29f866 ._e872d0 svg{display:block;flex-shrink:0}._29f866 ._efabb2{border-radius:var(--52789f);border:none;height:var(--488443);width:var(--488443);box-shadow:var(--363a04);color:var(--ddb776);transition:background var(--0da8f6),box-shadow var(--5abebc),transform var(--0da8f6);background:var(--8c02ac)}._29f866 ._efabb2:hover:not(:disabled){background:var(--ab2ee2);transform:scale(1.06);color:var(--ddb776);box-shadow:var(--c20cb2)}._29f866 ._efabb2:active:not(:disabled),._29f866 ._efabb2._af1fb4{transform:scale(.95)}._afb38f{align-items:flex-end;display:inline-flex;flex-shrink:0;gap:6px}._afb38f ._efabb2{margin-top:calc((var(--488443) - var(--e868c4)) / -2);z-index:2;position:relative;margin-bottom:calc((var(--488443) - var(--e868c4)) / -2)}._681a00{width:var(--e868c4);height:var(--e868c4);border-radius:var(--52789f)}._4a5e88 ._e63a00{font-size:var(--08c776);font-weight:var(--b07547);color:var(--124fb2);font-variant-numeric:tabular-nums;text-shadow:var(--a20f46);white-space:nowrap}._4a5e88 ._fd59fc{color:var(--2e9e8f)}._4a5e88 ._2758bc{color:var(--2e9e8f);font-size:var(--98aba8)}._b59c60{position:relative;flex-shrink:0}._5b95be{align-items:center;padding:3px 0 2px;flex-direction:column;background:none;gap:1px;cursor:pointer;color:var(--3c370c);justify-content:center;width:var(--e868c4);border-radius:var(--c5ba3d);transition:background var(--0da8f6),color var(--0da8f6);height:var(--e868c4);display:flex;border:none}._5b95be:hover{background:var(--ae19e0);color:var(--124fb2)}._5b95be:active{background:var(--93bfff)}._5b95be:focus-visible{outline:2px solid var(--948124);outline-offset:2px}._5b95be:disabled{opacity:.35;cursor:not-allowed}._5b95be.active{color:#111;background:var(--948124)}._5b95be.active:hover{filter:brightness(.96)}._5b95be svg{display:block;flex-shrink:0;width:var(--c73e4e);height:var(--c73e4e)}._93b0d7{line-height:1;font-weight:700;font-size:var(--98aba8);font-variant-numeric:tabular-nums;margin-top:auto}._cf57db,._8d9692{align-items:center;flex-direction:column;display:none;transform:translate(-50%);bottom:calc(100% + var(--189ca8));z-index:1;position:absolute;left:50%;box-shadow:var(--a57542);border:1px solid var(--0d5a64);border-radius:var(--4a0e87);background:var(--99f7c8);padding:6px}._cf57db.open,._8d9692.open{display:flex}._cf57db{padding:4px}._cf57db ._efc585{background:none;font-size:var(--08c776);white-space:nowrap;border:none;padding:6px 16px;font-variant-numeric:tabular-nums;font-weight:var(--b07547);text-align:center;font-family:var(--5a7b52);border-radius:var(--c5ba3d);color:var(--3c370c);transition:background var(--0da8f6),color var(--0da8f6);cursor:pointer}._cf57db ._efc585:hover{color:var(--124fb2);background:var(--ae19e0)}._cf57db ._efc585:focus-visible{outline:2px solid var(--948124);outline-offset:-2px}._cf57db ._efc585.active{color:var(--948124)}._8d9692{padding:4px}._8d9692 ._2ed77f{font-size:var(--08c776);color:var(--3c370c);font-family:var(--5a7b52);border:none;font-weight:var(--b07547);cursor:pointer;padding:6px 16px;background:none;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:var(--c5ba3d);text-align:center;transition:background var(--0da8f6),color var(--0da8f6)}._8d9692 ._2ed77f:hover{background:var(--ae19e0);color:var(--124fb2)}._8d9692 ._2ed77f:focus-visible{outline:2px solid var(--948124);outline-offset:-2px}._8d9692 ._2ed77f.active{color:var(--948124)}._2dfa16{min-width:175px;flex-direction:column;color:var(--124fb2);position:fixed;box-shadow:var(--a57542);z-index:10;gap:2px;border-radius:var(--4a0e87);border:1px solid var(--0d5a64);background:var(--99f7c8);padding:6px;display:none}._2dfa16.open{display:flex}._2dfa16 button{color:var(--124fb2);font-weight:var(--b07547);background:transparent;text-align:left;cursor:pointer;font-family:var(--5a7b52);font-size:var(--08c776);border-radius:var(--c5ba3d);transition:background var(--0da8f6);padding:8px 14px;width:100%;display:block;border:none;white-space:nowrap}._2dfa16 button:hover{background:var(--ae19e0)}._29f866 ._630681{min-width:60px;height:20px;cursor:pointer;appearance:none;-webkit-appearance:none;margin:0;background:transparent;flex:1 1 auto}._29f866 ._630681::-webkit-slider-container{background:transparent}._29f866 ._630681::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--948124) 0%,var(--948124) var(--5f3da6, 0%),var(--285bf1) var(--5f3da6, 0%),var(--285bf1) 100%);-webkit-appearance:none;transition:height var(--0da8f6);border-radius:2px;width:100%;height:var(--44c02a);appearance:none}._29f866 ._630681::-moz-range-track{width:100%;border-radius:2px;transition:height var(--0da8f6);height:var(--44c02a);background:var(--285bf1)}._29f866 ._630681::-moz-range-progress{height:var(--44c02a);border-radius:2px 0 0 2px;background:var(--948124)}._29f866 ._630681::-webkit-slider-thumb{background:var(--948124);appearance:none;width:var(--b30812);border:none;margin-top:calc((var(--b30812) - var(--44c02a)) / -2);border-radius:50%;-webkit-appearance:none;height:var(--b30812);box-shadow:0 0 4px #0006;transition:width var(--0da8f6),height var(--0da8f6),margin-top var(--0da8f6);cursor:pointer}._29f866 ._630681::-moz-range-thumb{cursor:pointer;background:var(--948124);transition:width var(--0da8f6),height var(--0da8f6);border-radius:50%;height:var(--b30812);width:var(--b30812);border:none;box-shadow:0 0 4px #0006}._d8213a:hover ._630681::-webkit-slider-runnable-track{height:var(--a858ab)}._d8213a:hover ._630681::-moz-range-track{height:var(--a858ab)}._d8213a:hover ._630681::-moz-range-progress{height:var(--a858ab)}._d8213a:hover ._630681::-webkit-slider-thumb{width:var(--df4aff);height:var(--df4aff);margin-top:calc((var(--df4aff) - var(--a858ab)) / -2)}._d8213a:hover ._630681::-moz-range-thumb{width:var(--df4aff);height:var(--df4aff)}._29f866 ._630681:focus-visible{outline:2px solid var(--948124);outline-offset:2px}._29f866 ._630681:disabled{opacity:.3;cursor:not-allowed}._b0aed0{pointer-events:none;position:absolute;inset:0;z-index:3}._4f2083{cursor:default;user-select:none;width:90px}._4f2083:hover{background:none}._e3d37e{width:100%;display:flex;align-items:stretch;gap:0;flex-direction:column}._20602e{display:flex;padding:0 0 0 3px;justify-content:space-between}._d4a801{font-family:var(--5a7b52);line-height:1;text-transform:uppercase;font-weight:700;font-size:8px;letter-spacing:.2px;color:var(--3c370c)}._93d97e{transition:all .15s ease;color:#ff8a8a}._84aaed{transition:all .15s ease;color:var(--948124, rgba(253,255,141,.8))}._93d97e.at-extreme{border-radius:2px;padding:1px 3px;color:#fff;background:#e8191a;margin:-1px -3px}._84aaed.at-extreme{background:var(--948124, #fdff8d);margin:-1px -3px;padding:1px 3px;color:#111;border-radius:2px}._e3d37e ._3d0ca0{width:100%;height:10px}._3d0ca0{width:80px;cursor:pointer;background:linear-gradient(to right,rgba(232,25,26,var(--c56822)) 0% calc(var(--c07d30) * 1%),rgba(253,255,141,var(--db5de6)) calc(var(--c07d30) * 1%) 100%);--c56822: 1;border-radius:3px;outline:none;--c07d30: 0;appearance:none;height:6px;-webkit-appearance:none;--db5de6: .4;touch-action:none}._3d0ca0::-webkit-slider-thumb{box-shadow:0 1px 3px #0000004d;width:12px;appearance:none;-webkit-appearance:none;cursor:grab;height:12px;background:#fff;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;border:none;border-radius:50%}._3d0ca0:hover::-webkit-slider-thumb{box-shadow:0 0 6px #fff6;transform:scale(1.4)}._3d0ca0:active::-webkit-slider-thumb{background:var(--948124, #fdff8d);transform:scale(1.6);cursor:grabbing}._3d0ca0::-moz-range-thumb{width:12px;cursor:grab;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:0 1px 3px #0000004d;border-radius:50%;background:#fff;border:none;height:12px}._3d0ca0:hover::-moz-range-thumb{transform:scale(1.4);box-shadow:0 0 6px #fff6}._3d0ca0:active::-moz-range-thumb{transform:scale(1.6);cursor:grabbing;background:var(--948124, #fdff8d)}._3d0ca0::-moz-range-track{border-radius:3px;background:transparent;height:6px}._3d0ca0:focus-visible{outline:none}._0284d2::-webkit-scrollbar{height:6px;width:6px}._0284d2::-webkit-scrollbar-track{background:transparent}._0284d2{scrollbar-color:rgba(0,0,0,.25) transparent;scrollbar-width:thin}._0284d2::-webkit-scrollbar-thumb{background:#00000038;border-radius:3px}._0284d2::-webkit-scrollbar-thumb:hover{background:#00000061}._107b8b{min-height:100dvh;overflow:clip;height:auto;isolation:auto}._107b8b ._0284d2{overscroll-behavior:auto;contain:content;-webkit-overflow-scrolling:auto;overflow:visible}._107b8b ._0284d2 #notation>div{contain:layout paint;contain-intrinsic-size:auto 100% auto 3000px;content-visibility:auto}._107b8b ._449158{z-index:100;bottom:0;position:sticky}@media(max-width:960px){._449158{--61eee9: 22px;--488443: 44px;--c73e4e: 20px;padding:14px 8px 4px;--e868c4: 38px}._93b0d7{display:none}._14cc61{flex-wrap:nowrap;gap:6px}._d4620e{min-width:0;flex-shrink:1}._8b8374{gap:3px;flex-wrap:nowrap}._afb38f{flex-shrink:1;min-width:0}._4f2083{max-width:140px;margin:0 4px;width:auto;flex:1 1 0;min-width:40px}._e3d37e{position:relative}._20602e{right:0;bottom:100%;position:absolute;left:3px}._3d0ca0{box-shadow:inset 0 1px 3px #00000059}}@media(max-width:480px){._4a5e88 ._e63a00{font-size:var(--98aba8)}._4a5e88 ._2758bc{display:none}}@media(pointer:coarse){._29f866 ._e872d0{min-height:var(--c76369);min-width:var(--c76369)}._5b95be{min-width:var(--c76369);min-height:var(--c76369)}._681a00{min-height:var(--c76369);min-width:var(--c76369)}._29f866 ._630681{height:32px}._29f866 ._630681::-webkit-slider-runnable-track{height:var(--a858ab)}._29f866 ._630681::-moz-range-track{height:var(--a858ab)}._29f866 ._630681::-moz-range-progress{height:var(--a858ab)}._29f866 ._630681::-webkit-slider-thumb{height:18px;margin-top:-6.5px;width:18px}._29f866 ._630681::-moz-range-thumb{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){._bd5674{animation:none}._449158,._29f866 ._e872d0,._5b95be{transition:none}._29f866 ._efabb2{transform:none;transition:none}._29f866 ._efabb2:hover:not(:disabled){transform:none}._29f866 ._efabb2:active:not(:disabled){transform:none}._29f866 ._630681::-webkit-slider-thumb{transition:none}._29f866 ._630681::-webkit-slider-runnable-track{transition:none}._29f866 ._630681::-moz-range-track{transition:none}._29f866 ._630681::-moz-range-thumb{transition:none}}
._6c6e01{opacity:1}._1fc127{position:static}._0c25f6{display:block}._7c5aec{border:0}._776856{outline:0}._b121dd{box-sizing:border-box}._6010b5{margin:0}._ee8da9{box-sizing:border-box}._fd6c6b{visibility:visible}._39c047{outline:0}._c96199{position:static}._a594f6{outline:0}._487e4a{margin:0}._cc97b4{border:0}._762988{padding:0}._a62f64{border:0}._4843d2{border:0}._e46d4c{margin:0}._7f6934{outline:0}._75269c{margin:0}