:root{--ac4a05: rgba(255, 255, 255, .2);--6eb4de: rgba(255, 255, 255, .95);--849957: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--_z: 2.5s;--39c5bc: #fff;--160190: 22px;--3c2e9a: 48px;--05da87: .2s ease;--4182c2: var(--9f49df);--9145a7: 600;--e33179: 5px;--7384c7: 50%;--04fa53: rgba(255, 255, 255, .08);--4bb9c1: 18px;--c0891b: .8125rem;--5a342a: 36px;--9f49df: "Atkinson Hyperlegible", system-ui, sans-serif;--4013f5: rgba(255, 255, 255, .14);--a41af1: 44px;--228548: 14px;--a27291: rgba(255, 255, 255, .1);--7e23eb: 0 8px 32px rgba(0, 0, 0, .55);--b470a6: #ffff69;--b58729: 6px;--433ea1: 3px;--bc6743: #111;--659acd: 0px;--874423: rgba(255, 255, 255, 1);--9cbee7: transparent;--a9f2a8: 10px;--cd0f88: .12s ease;--de7126: .3s ease;--75d01c: rgba(255, 255, 255, .7);--ba912e: .6875rem;--8882a4: #2a2a29;--174f64: 8px;--c64e2f: rgba(0, 0, 0, .72);--205398: rgba(255, 255, 255, .5);--844cc9: 16px;--5ad4fc: #fffce7;--df68d6: 0 2px 12px rgba(0, 0, 0, .4);--e18cb6: 0 1px 2px rgba(0, 0, 0, .5);--7e63ce: #fdff8d;--39e2dc: rgba(255, 255, 255, .2);--df05a3: 0 4px 20px rgba(0, 0, 0, .5);--816328: rgba(0, 0, 0, .4);--4e69a6: rgba(18, 18, 22, .96);--91ef76: var(--7e63ce, #fdff8d)}*{box-sizing:border-box}._f71025{isolation:isolate;min-height:0;border-radius:0;display:flex;padding:0;overflow:hidden;border:none;position:relative;height:100%;flex-direction:column}._20a8fb{min-height:0;overflow:auto;z-index:1;align-items:stretch;-webkit-overflow-scrolling:touch;flex:1 1 auto;flex-direction:column;overscroll-behavior:contain;position:relative;min-width:0;display:flex;touch-action:pan-x pan-y;width:100%;padding-bottom:80px}._20a8fb #notation{min-width:0;padding-left:8px;flex:1;width:100%;position:relative}._20a8fb #notation svg,._f71025 svg{display:block;width:100%;height:auto}._0bb633{z-index:0;pointer-events:none;border-radius:50%;display:none;position:absolute;background:radial-gradient(ellipse at center,var(--b470a6) 0%,rgba(255,255,105,.1) 30%,rgba(255,255,105,0) 40%);will-change:transform}._f71025 g.note.playing,._f71025 g.chord.playing,._f71025 g.rest.playing{stroke:#f20!important;opacity:1!important;fill:#ff0d00!important}._f71025 g.note,._f71025 [data-line]{cursor:pointer}._f71025 ._d97742{padding-left:8px;font-size:.9rem;color:#6b7280}._95e923{background:linear-gradient(to top,var(--c64e2f) 0%,var(--816328) 50%,var(--9cbee7) 100%);z-index:2;transition:transform var(--de7126);left:0;position:absolute;transform:translateY(0);will-change:transform;right:0;bottom:0;padding:0 16px 10px;pointer-events:auto}._95e923._9196fe{transform:translateY(100%)}._95e923._9196fe ._ec8f75,._95e923._991679 ._ec8f75{pointer-events:none}._bc7be9{position:absolute;height:100%;right:0;pointer-events:none;left:0;bottom:100%}._95e923._9196fe ._bc7be9{touch-action:none;pointer-events:auto}._f8b9f9{justify-content:center;min-width:110px;-webkit-user-select:none;border:1px solid rgba(255,255,255,.08);align-items:center;user-select:none;display:flex;margin-bottom:8px;border-radius:11px;position:absolute;transition:opacity var(--05da87);height:22px;transform:translate(-50%);bottom:100%;opacity:0;pointer-events:none;overflow:hidden;left:50%;background:#00000080}._293e81{top:0;background:var(--91ef76);left:0;bottom:0;position:absolute;opacity:.3;width:var(--4e6fde, 0%)}._a91b87{position:relative;font-size:.625rem;padding:0 14px;white-space:nowrap;color:#ffffffb3;font-family:var(--4182c2);letter-spacing:.04em;font-weight:600}._95e923._9196fe ._f8b9f9{opacity:1}._95e923._bbbe29{transform:translateY(0)}._ec8f75{font-size:var(--c0891b);box-shadow:none;border:none;font-family:var(--4182c2);background:none;display:flex;flex-direction:column;color:var(--874423);text-shadow:var(--e18cb6);pointer-events:auto;position:relative;gap:4px;padding:0}._679a99{align-items:center;display:flex;min-width:0}._95f0a3{flex-wrap:wrap;align-items:center;gap:var(--174f64);display:flex}._a85ada{display:flex;align-items:center;flex-shrink:0}._b6c230{display:flex;align-items:center;gap:3px;flex-shrink:0}._d264b5{justify-content:flex-end;display:flex;gap:6px;align-items:center;margin-left:auto;flex-wrap:wrap}#_63d650:empty{display:none}._ec8f75 ._070bbf{height:28px;justify-content:center;align-items:center;padding:0;color:var(--75d01c);flex-shrink:0;display:inline-flex;transition:background var(--cd0f88),color var(--cd0f88);border:none;border-radius:var(--b58729);cursor:pointer;background:none;width:28px}._ec8f75 ._070bbf:hover:not(:disabled){color:var(--874423);background:var(--4013f5)}._ec8f75 ._070bbf:focus-visible{outline-offset:2px;outline:2px solid var(--91ef76)}._ec8f75 ._070bbf:disabled{cursor:not-allowed;opacity:.35}._ec8f75 ._070bbf svg{display:block;flex-shrink:0}._ec8f75 ._084306{width:var(--3c2e9a);box-shadow:var(--df68d6);transition:background var(--cd0f88),box-shadow var(--05da87),transform var(--cd0f88);border-radius:var(--7384c7);background:var(--6eb4de);height:var(--3c2e9a);border:none;color:var(--bc6743)}._ec8f75 ._084306:hover:not(:disabled){box-shadow:var(--df05a3);color:var(--bc6743);transform:scale(1.06);background:var(--39c5bc)}._ec8f75 ._084306:active:not(:disabled),._ec8f75 ._084306._f31bfe{transform:scale(.95)}._83d7d5{align-items:flex-end;flex-shrink:0;display:inline-flex;gap:6px}._83d7d5 ._084306{margin-bottom:calc((var(--3c2e9a) - var(--5a342a)) / -2);margin-top:calc((var(--3c2e9a) - var(--5a342a)) / -2);position:relative;z-index:2}._7d22e3{border-radius:var(--7384c7);height:var(--5a342a);width:var(--5a342a)}._b6c230 ._b75236{text-shadow:var(--e18cb6);white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--874423);font-size:var(--c0891b);font-weight:var(--9145a7)}._b6c230 ._539460{color:var(--205398)}._b6c230 ._0cb8e4{font-size:var(--ba912e);color:var(--205398)}._d8362d{flex-shrink:0;position:relative}._827cd6{cursor:pointer;border:none;width:var(--5a342a);transition:background var(--cd0f88),color var(--cd0f88);align-items:center;color:var(--75d01c);background:none;padding:3px 0 2px;gap:1px;height:var(--5a342a);justify-content:center;display:flex;flex-direction:column;border-radius:var(--b58729)}._827cd6:hover{background:var(--4013f5);color:var(--874423)}._827cd6:active{background:var(--ac4a05)}._827cd6:focus-visible{outline:2px solid var(--91ef76);outline-offset:2px}._827cd6:disabled{opacity:.35;cursor:not-allowed}._827cd6.active{color:#111;background:var(--91ef76)}._827cd6.active:hover{filter:brightness(.96)}._827cd6 svg{flex-shrink:0;width:var(--4bb9c1);height:var(--4bb9c1);display:block}._6b773a{font-weight:700;font-size:var(--ba912e);line-height:1;font-variant-numeric:tabular-nums;margin-top:auto}._43f4c5,._fdb6e6{padding:6px;transform:translate(-50%);z-index:1;left:50%;flex-direction:column;border:1px solid var(--a27291);border-radius:var(--a9f2a8);box-shadow:var(--7e23eb);position:absolute;align-items:center;bottom:calc(100% + var(--844cc9));display:none;background:var(--4e69a6)}._43f4c5.open,._fdb6e6.open{display:flex}._43f4c5{padding:4px}._43f4c5 ._98e75d{white-space:nowrap;color:var(--75d01c);transition:background var(--cd0f88),color var(--cd0f88);font-family:var(--4182c2);font-size:var(--c0891b);font-variant-numeric:tabular-nums;text-align:center;border-radius:var(--b58729);cursor:pointer;background:none;padding:6px 16px;border:none;font-weight:var(--9145a7)}._43f4c5 ._98e75d:hover{color:var(--874423);background:var(--4013f5)}._43f4c5 ._98e75d:focus-visible{outline:2px solid var(--91ef76);outline-offset:-2px}._43f4c5 ._98e75d.active{color:var(--91ef76)}._fdb6e6{padding:4px}._fdb6e6 ._1f6129{background:none;color:var(--75d01c);border-radius:var(--b58729);font-family:var(--4182c2);font-variant-numeric:tabular-nums;padding:6px 16px;white-space:nowrap;font-weight:var(--9145a7);text-align:center;font-size:var(--c0891b);transition:background var(--cd0f88),color var(--cd0f88);cursor:pointer;border:none}._fdb6e6 ._1f6129:hover{background:var(--4013f5);color:var(--874423)}._fdb6e6 ._1f6129:focus-visible{outline:2px solid var(--91ef76);outline-offset:-2px}._fdb6e6 ._1f6129.active{color:var(--91ef76)}._2132d9{border:1px solid var(--a27291);border-radius:var(--a9f2a8);flex-direction:column;box-shadow:var(--7e23eb);gap:2px;z-index:10;min-width:175px;padding:6px;display:none;color:var(--874423);position:fixed;background:var(--4e69a6)}._2132d9.open{display:flex}._2132d9 button{color:var(--874423);font-weight:var(--9145a7);cursor:pointer;display:block;border-radius:var(--b58729);white-space:nowrap;width:100%;text-align:left;background:transparent;transition:background var(--cd0f88);padding:8px 14px;border:none;font-size:var(--c0891b);font-family:var(--4182c2)}._2132d9 button:hover{background:var(--4013f5)}._ec8f75 ._7cf061{-webkit-appearance:none;margin:0;appearance:none;min-width:60px;flex:1 1 auto;cursor:pointer;height:20px;background:transparent}._ec8f75 ._7cf061::-webkit-slider-container{background:transparent}._ec8f75 ._7cf061::-webkit-slider-runnable-track{height:var(--433ea1);transition:height var(--cd0f88);appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--91ef76) 0%,var(--91ef76) var(--06b698, 0%),var(--39e2dc) var(--06b698, 0%),var(--39e2dc) 100%);width:100%;border-radius:2px}._ec8f75 ._7cf061::-moz-range-track{width:100%;transition:height var(--cd0f88);border-radius:2px;height:var(--433ea1);background:var(--39e2dc)}._ec8f75 ._7cf061::-moz-range-progress{background:var(--91ef76);height:var(--433ea1);border-radius:2px 0 0 2px}._ec8f75 ._7cf061::-webkit-slider-thumb{width:var(--659acd);appearance:none;-webkit-appearance:none;margin-top:calc((var(--659acd) - var(--433ea1)) / -2);box-shadow:0 0 4px #0006;height:var(--659acd);border-radius:50%;background:var(--91ef76);transition:width var(--cd0f88),height var(--cd0f88),margin-top var(--cd0f88);border:none;cursor:pointer}._ec8f75 ._7cf061::-moz-range-thumb{border:none;cursor:pointer;box-shadow:0 0 4px #0006;background:var(--91ef76);transition:width var(--cd0f88),height var(--cd0f88);width:var(--659acd);border-radius:50%;height:var(--659acd)}._679a99:hover ._7cf061::-webkit-slider-runnable-track{height:var(--e33179)}._679a99:hover ._7cf061::-moz-range-track{height:var(--e33179)}._679a99:hover ._7cf061::-moz-range-progress{height:var(--e33179)}._679a99:hover ._7cf061::-webkit-slider-thumb{height:var(--228548);width:var(--228548);margin-top:calc((var(--228548) - var(--e33179)) / -2)}._679a99:hover ._7cf061::-moz-range-thumb{width:var(--228548);height:var(--228548)}._ec8f75 ._7cf061:focus-visible{outline-offset:2px;outline:2px solid var(--91ef76)}._ec8f75 ._7cf061:disabled{cursor:not-allowed;opacity:.3}._1de6e5{position:absolute;z-index:3;cursor:pointer;inset:0}._ec0a20{opacity:.7;z-index:4;right:6px;transition:opacity .15s ease,transform .15s ease;position:absolute;top:6px;pointer-events:auto;line-height:0}._ec0a20:hover{transform:scale(1.1);opacity:1}._3562bc{user-select:none;width:90px;cursor:default}._3562bc:hover{background:none}._7c9142{align-items:stretch;gap:0;width:100%;flex-direction:column;display:flex}._019233{padding:0 0 0 3px;display:flex;justify-content:space-between}._416b1a{line-height:1;font-family:var(--4182c2);letter-spacing:.2px;text-transform:uppercase;font-weight:700;font-size:8px;color:var(--75d01c)}._7d033a{color:#ff8a8a;transition:all .15s ease}._d4007c{transition:all .15s ease;color:var(--91ef76, rgba(253,255,141,.8))}._7d033a.at-extreme{margin:-1px -3px;background:#e8191a;padding:1px 3px;border-radius:2px;color:#fff}._d4007c.at-extreme{color:#111;padding:1px 3px;border-radius:2px;background:var(--91ef76, #fdff8d);margin:-1px -3px}._7c9142 ._efc6f1{width:100%;height:10px}._efc6f1{background:linear-gradient(to right,rgba(232,25,26,var(--7705e4)) 0% calc(var(--0ed498) * 1%),rgba(253,255,141,var(--b770bd)) calc(var(--0ed498) * 1%) 100%);width:80px;cursor:pointer;touch-action:none;--7705e4: 1;--b770bd: .4;--0ed498: 0;appearance:none;border-radius:3px;-webkit-appearance:none;outline:none;height:6px}._efc6f1::-webkit-slider-thumb{transition:transform .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:0 1px 3px #0000004d;appearance:none;width:12px;-webkit-appearance:none;cursor:grab;border-radius:50%;background:#fff;border:none;height:12px}._efc6f1:hover::-webkit-slider-thumb{box-shadow:0 0 6px #fff6;transform:scale(1.4)}._efc6f1:active::-webkit-slider-thumb{background:var(--91ef76, #fdff8d);transform:scale(1.6);cursor:grabbing}._efc6f1::-moz-range-thumb{border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;height:12px;width:12px;border:none;cursor:grab}._efc6f1:hover::-moz-range-thumb{transform:scale(1.4);box-shadow:0 0 6px #fff6}._efc6f1:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.6);background:var(--91ef76, #fdff8d)}._efc6f1::-moz-range-track{background:transparent;border-radius:3px;height:6px}._efc6f1:focus-visible{outline:none}._20a8fb::-webkit-scrollbar{width:6px;height:6px}._20a8fb::-webkit-scrollbar-track{background:transparent}._20a8fb{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.25) transparent}._20a8fb::-webkit-scrollbar-thumb{background:#00000038;border-radius:3px}._20a8fb::-webkit-scrollbar-thumb:hover{background:#00000061}._5abc7c{isolation:auto;overflow:clip;min-height:100dvh;height:auto}._5abc7c ._20a8fb{overflow:visible;-webkit-overflow-scrolling:auto;contain:content;overscroll-behavior:auto}._5abc7c ._20a8fb #notation>div{content-visibility:auto;contain:layout paint;contain-intrinsic-size:auto 100% auto 3000px}._5abc7c ._95e923{bottom:0;position:sticky;z-index:100}@media(max-width:960px){._95e923{padding:14px 8px 4px;--160190: 22px;--5a342a: 38px;--4bb9c1: 20px;--3c2e9a: 44px}._6b773a{display:none}._95f0a3{gap:6px;flex-wrap:nowrap}._a85ada{min-width:0;flex-shrink:1}._d264b5{flex-wrap:nowrap;gap:3px}._83d7d5{flex-shrink:1;min-width:0}._3562bc{min-width:40px;margin:0 4px;flex:1 1 0;max-width:140px;width:auto}._7c9142{position:relative}._019233{left:3px;bottom:100%;position:absolute;right:0}._efc6f1{box-shadow:inset 0 1px 3px #00000059}}@media(max-width:480px){._b6c230 ._b75236{font-size:var(--ba912e)}._b6c230 ._0cb8e4{display:none}}@media(pointer:coarse){._ec8f75 ._070bbf,._827cd6{min-width:var(--a41af1);min-height:var(--a41af1)}._7d22e3{min-height:var(--a41af1);min-width:var(--a41af1)}._ec8f75 ._7cf061{height:32px}._ec8f75 ._7cf061::-webkit-slider-runnable-track{height:var(--e33179)}._ec8f75 ._7cf061::-moz-range-track{height:var(--e33179)}._ec8f75 ._7cf061::-moz-range-progress{height:var(--e33179)}._ec8f75 ._7cf061::-webkit-slider-thumb{margin-top:-6.5px;width:18px;height:18px}._ec8f75 ._7cf061::-moz-range-thumb{height:18px;width:18px}}@media(prefers-reduced-motion:reduce){._0bb633{display:none!important}._95e923,._ec8f75 ._070bbf,._827cd6{transition:none}._ec8f75 ._084306{transform:none;transition:none}._ec8f75 ._084306:hover:not(:disabled){transform:none}._ec8f75 ._084306:active:not(:disabled){transform:none}._ec8f75 ._7cf061::-webkit-slider-thumb{transition:none}._ec8f75 ._7cf061::-webkit-slider-runnable-track{transition:none}._ec8f75 ._7cf061::-moz-range-track{transition:none}._ec8f75 ._7cf061::-moz-range-thumb{transition:none}}
._2cc09b{position:static}._28eccb{position:static}._56da08{position:static}._6d2bd5{outline:0}._171337{border:0}._b8c118{opacity:1}._36c459{outline:0}._d758bc{padding:0}._1810fb{opacity:1}._060b0b{opacity:1}._cc6397{position:static}._13c309{display:block}._bb9594{opacity:1}._edda66{opacity:1}._b1b0c4{display:block}._9d82dc{border:0}._f72987{border:0}._489c21{padding:0}._5e438a{box-sizing:border-box}._3c1a22{padding:0}