:root{--36373c: var(--e4c47c);--57da5a: 50%;--32d73b: 6px;--3d3c76: 0px;--9e81d9: rgba(255, 255, 255, .1);--b9928c: #fff;--71a3ac: .8125rem;--f33a97: rgba(255, 255, 255, .2);--812942: .3s ease;--2075cd: 0 8px 32px rgba(0, 0, 0, .55);--88334d: 18px;--da34d1: 0 4px 20px rgba(0, 0, 0, .5);--3e9bbb: 3px;--1daa00: rgba(255, 255, 255, .2);--7b5315: rgba(0, 0, 0, .4);--ef1bad: 16px;--445a2e: 10px;--e4c47c: "Atkinson Hyperlegible", system-ui, sans-serif;--_z: 2.5s;--3533fd: rgba(0, 0, 0, .72);--0edad3: #fffce7;--63e82f: rgba(255, 255, 255, .95);--febf64: rgba(18, 18, 22, .96);--0570a3: rgba(255, 255, 255, 1);--1c21cf: 14px;--ceb417: 0 2px 12px rgba(0, 0, 0, .4);--5d6e72: .2s ease;--f5512d: 600;--2c4ca7: rgba(18, 18, 22, .99);--81c9f5: .12s ease;--cfb680: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--c48c21: 5px;--755e05: 0 1px 2px rgba(0, 0, 0, .5);--cacc8a: rgba(255, 255, 255, .7);--57f9ee: 44px;--6bb825: 48px;--d1dd6e: 22px;--62df3f: #fdff8d;--67b47c: rgba(255, 255, 255, .08);--6402c6: 36px;--e89fb3: .6875rem;--6e9eb3: rgba(255, 255, 255, .5);--9a52eb: #ffff69;--675c7f: transparent;--b0db1a: var(--62df3f, #fdff8d);--dbc733: 8px;--8473ba: #111;--144053: rgba(255, 255, 255, .14);--804468: #2a2a29}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._3f27f9{position:relative;flex-direction:column;display:flex;min-height:0;overflow:hidden;border:none;height:100%;padding:0;isolation:isolate;border-radius:0;transition:background .5s ease}._95a5c1{min-height:0;flex-direction:column;flex:1 1 auto;-webkit-overflow-scrolling:touch;padding-bottom:80px;overscroll-behavior:contain;touch-action:pan-x pan-y;display:flex;position:relative;min-width:0;align-items:stretch;overflow:auto;z-index:1;width:100%}._95a5c1 #notation{position:relative;padding-left:8px;min-width:0;flex:1;width:100%}._95a5c1 #notation svg,._3f27f9 svg{width:100%;display:block;height:auto}._ea6084{will-change:transform;border-radius:50%;display:none;z-index:0;background:radial-gradient(ellipse at center,#ffff69,#ffff692e 25%,#ffff690f,#ffff6900 45%);position:absolute;pointer-events:none}._3f27f9 g.note.playing,._3f27f9 g.chord.playing,._3f27f9 g.rest.playing{opacity:1!important;fill:#ff0d00!important;stroke:#f20!important}._3f27f9 g.note,._3f27f9 [data-line]{cursor:pointer}._a61342{position:relative;z-index:501}._86725f ._ba135d *:focus-visible{outline:none}._86725f g.note,._86725f g.chord,._86725f g.rest{fill:#c04030;transition:fill 1s ease}._3f27f9 ._45c440{align-items:center;display:flex;justify-content:center;min-height:60vh;color:#6b7280;font-size:.9rem}._ba135d{will-change:transform;background:linear-gradient(to top,var(--3533fd) 0%,var(--7b5315) 50%,var(--675c7f) 100%);transition:transform var(--812942);z-index:2;transform:translateY(0);position:absolute;padding:0 16px 10px;right:0;bottom:0;pointer-events:auto;left:0}._ba135d._989af6{transform:translateY(100%)}._ba135d._989af6 ._6b6fc0,._ba135d._6fb4c8 ._6b6fc0{pointer-events:none}._3f5cd3{right:0;bottom:100%;height:100%;position:absolute;pointer-events:none;left:0}._ba135d._989af6 ._3f5cd3{touch-action:none;pointer-events:auto}._3a0c7f{justify-content:center;min-width:110px;overflow:hidden;transition:opacity var(--5d6e72);align-items:center;user-select:none;margin-bottom:8px;bottom:100%;pointer-events:none;display:flex;left:50%;background:#00000080;opacity:0;height:22px;border-radius:11px;-webkit-user-select:none;transform:translate(-50%);position:absolute;border:1px solid rgba(255,255,255,.08)}._22be5e{top:0;background:var(--b0db1a);opacity:.3;width:var(--2fe7e1, 0%);left:0;position:absolute;bottom:0}._14ea82{font-family:var(--36373c);color:#ffffffb3;font-size:.625rem;letter-spacing:.04em;white-space:nowrap;position:relative;padding:0 14px;font-weight:600}._ba135d._989af6 ._3a0c7f{opacity:1}._ba135d._6346ce{transform:translateY(0)}._6b6fc0{gap:4px;border:none;background:none;pointer-events:auto;flex-direction:column;position:relative;font-size:var(--71a3ac);font-family:var(--36373c);padding:0;color:var(--0570a3);box-shadow:none;text-shadow:var(--755e05);display:flex}._3f517d{display:flex;align-items:center;min-width:0}._b67a89{flex-wrap:wrap;display:flex;align-items:center;gap:var(--dbc733)}._f8ab87{align-items:center;flex-shrink:0;display:flex}._875cf7{flex-shrink:0;display:flex;align-items:center;gap:3px}._496669{flex-wrap:wrap;align-items:center;gap:6px;display:flex;margin-left:auto;justify-content:flex-end}#_258a6c:empty{display:none}._6b6fc0 ._56b243{height:28px;background:none;cursor:pointer;display:inline-flex;flex-shrink:0;padding:0;border:none;border-radius:var(--32d73b);transition:background var(--81c9f5),color var(--81c9f5);width:28px;align-items:center;justify-content:center;color:var(--cacc8a)}._6b6fc0 ._56b243:hover:not(:disabled){color:var(--0570a3);background:var(--144053)}._6b6fc0 ._56b243:focus-visible{outline-offset:2px;outline:2px solid var(--b0db1a)}._6b6fc0 ._56b243:disabled{opacity:.35;cursor:not-allowed}._6b6fc0 ._56b243 svg{display:block;flex-shrink:0}._6b6fc0 ._c05280{border:none;width:var(--6bb825);color:var(--8473ba);height:var(--6bb825);box-shadow:var(--ceb417);background:var(--63e82f);transition:background var(--81c9f5),box-shadow var(--5d6e72),transform var(--81c9f5);border-radius:var(--57da5a)}._6b6fc0 ._c05280:hover:not(:disabled){box-shadow:var(--da34d1);transform:scale(1.06);color:var(--8473ba);background:var(--b9928c)}._6b6fc0 ._c05280:active:not(:disabled),._6b6fc0 ._c05280._888f2e{transform:scale(.95)}._a8498c{flex-shrink:0;gap:6px;align-items:flex-end;display:inline-flex}._a8498c ._c05280{margin-top:calc((var(--6bb825) - var(--6402c6)) / -2);z-index:2;margin-bottom:calc((var(--6bb825) - var(--6402c6)) / -2);position:relative}._68be4c{height:var(--6402c6);border-radius:var(--57da5a);width:var(--6402c6)}._875cf7 ._877522{font-variant-numeric:tabular-nums;font-weight:var(--f5512d);text-shadow:var(--755e05);font-size:var(--71a3ac);white-space:nowrap;color:var(--0570a3)}._875cf7 ._1e1070{color:var(--6e9eb3)}._875cf7 ._90c2f2{color:var(--6e9eb3);font-size:var(--e89fb3)}._e45356{position:relative;flex-shrink:0}._bff96f{flex-direction:column;cursor:pointer;width:var(--6402c6);background:none;color:var(--cacc8a);transition:background var(--81c9f5),color var(--81c9f5);display:flex;height:var(--6402c6);align-items:center;border-radius:var(--32d73b);gap:1px;padding:3px 0 2px;justify-content:center;border:none}._bff96f:hover{color:var(--0570a3);background:var(--144053)}._bff96f:active{background:var(--1daa00)}._bff96f:focus-visible{outline-offset:2px;outline:2px solid var(--b0db1a)}._bff96f:disabled{cursor:not-allowed;opacity:.35}._bff96f.active{background:var(--b0db1a);color:#111}._bff96f.active:hover{filter:brightness(.96)}._bff96f svg{display:block;height:var(--88334d);width:var(--88334d);flex-shrink:0}._4eb1b2{font-weight:700;margin-top:auto;font-variant-numeric:tabular-nums;font-size:var(--e89fb3);line-height:1}._2bd89b,._4309d0{box-shadow:var(--2075cd);left:50%;border-radius:var(--445a2e);border:1px solid var(--9e81d9);background:var(--febf64);display:none;flex-direction:column;bottom:calc(100% + var(--ef1bad));transform:translate(-50%);z-index:1;position:absolute;align-items:center;padding:6px}._2bd89b.open,._4309d0.open{display:flex}._2bd89b{padding:4px}._2bd89b ._e9d20c{font-family:var(--36373c);color:var(--cacc8a);border-radius:var(--32d73b);transition:background var(--81c9f5),color var(--81c9f5);background:none;padding:6px 16px;font-variant-numeric:tabular-nums;cursor:pointer;font-size:var(--71a3ac);white-space:nowrap;border:none;font-weight:var(--f5512d);text-align:center}._2bd89b ._e9d20c:hover{background:var(--144053);color:var(--0570a3)}._2bd89b ._e9d20c:focus-visible{outline-offset:-2px;outline:2px solid var(--b0db1a)}._2bd89b ._e9d20c.active{color:var(--b0db1a)}._4309d0{padding:4px}._4309d0 ._e11cb0{cursor:pointer;background:none;font-family:var(--36373c);font-size:var(--71a3ac);white-space:nowrap;font-weight:var(--f5512d);color:var(--cacc8a);font-variant-numeric:tabular-nums;text-align:center;padding:6px 16px;border:none;transition:background var(--81c9f5),color var(--81c9f5);border-radius:var(--32d73b)}._4309d0 ._e11cb0:hover{color:var(--0570a3);background:var(--144053)}._4309d0 ._e11cb0:focus-visible{outline:2px solid var(--b0db1a);outline-offset:-2px}._4309d0 ._e11cb0.active{color:var(--b0db1a)}._80ddcc{border-radius:var(--445a2e);flex-direction:column;color:var(--0570a3);position:fixed;background:var(--febf64);box-shadow:var(--2075cd);z-index:10;min-width:175px;gap:2px;display:none;border:1px solid var(--9e81d9);padding:6px}._80ddcc.open{display:flex}._80ddcc button{transition:background var(--81c9f5);border-radius:var(--32d73b);display:block;font-weight:var(--f5512d);font-size:var(--71a3ac);font-family:var(--36373c);width:100%;background:transparent;padding:8px 14px;cursor:pointer;text-align:left;border:none;white-space:nowrap;color:var(--0570a3)}._80ddcc button:hover{background:var(--144053)}._6b6fc0 ._99370c{-webkit-appearance:none;height:20px;background:transparent;cursor:pointer;margin:0;flex:1 1 auto;appearance:none;min-width:60px}._6b6fc0 ._99370c::-webkit-slider-container{background:transparent}._6b6fc0 ._99370c::-webkit-slider-runnable-track{appearance:none;background:linear-gradient(to right,var(--b0db1a) 0%,var(--b0db1a) var(--d26f08, 0%),var(--f33a97) var(--d26f08, 0%),var(--f33a97) 100%);height:var(--3e9bbb);transition:height var(--81c9f5);width:100%;border-radius:2px;-webkit-appearance:none}._6b6fc0 ._99370c::-moz-range-track{height:var(--3e9bbb);width:100%;border-radius:2px;background:var(--f33a97);transition:height var(--81c9f5)}._6b6fc0 ._99370c::-moz-range-progress{border-radius:2px 0 0 2px;height:var(--3e9bbb);background:var(--b0db1a)}._6b6fc0 ._99370c::-webkit-slider-thumb{-webkit-appearance:none;height:var(--3d3c76);width:var(--3d3c76);box-shadow:0 0 4px #0006;border-radius:50%;border:none;transition:width var(--81c9f5),height var(--81c9f5),margin-top var(--81c9f5);cursor:pointer;margin-top:calc((var(--3d3c76) - var(--3e9bbb)) / -2);background:var(--b0db1a);appearance:none}._6b6fc0 ._99370c::-moz-range-thumb{height:var(--3d3c76);transition:width var(--81c9f5),height var(--81c9f5);cursor:pointer;width:var(--3d3c76);background:var(--b0db1a);box-shadow:0 0 4px #0006;border:none;border-radius:50%}._3f517d:hover ._99370c::-webkit-slider-runnable-track{height:var(--c48c21)}._3f517d:hover ._99370c::-moz-range-track{height:var(--c48c21)}._3f517d:hover ._99370c::-moz-range-progress{height:var(--c48c21)}._3f517d:hover ._99370c::-webkit-slider-thumb{height:var(--1c21cf);width:var(--1c21cf);margin-top:calc((var(--1c21cf) - var(--c48c21)) / -2)}._3f517d:hover ._99370c::-moz-range-thumb{height:var(--1c21cf);width:var(--1c21cf)}._6b6fc0 ._99370c:focus-visible{outline:2px solid var(--b0db1a);outline-offset:2px}._6b6fc0 ._99370c:disabled{cursor:not-allowed;opacity:.3}._7420e7{inset:0;pointer-events:none;position:absolute;z-index:3}._64a030{cursor:default;user-select:none;width:90px}._64a030:hover{background:none}._f64a24{align-items:stretch;width:100%;gap:0;display:flex;flex-direction:column}._1d9c6e{justify-content:space-between;padding:0 0 0 3px;display:flex}._2da4d1{font-family:var(--36373c);text-transform:uppercase;font-weight:700;font-size:8px;letter-spacing:.2px;line-height:1;color:var(--cacc8a)}._852dd4{transition:all .15s ease;color:#ff8a8a}._f823a4{transition:all .15s ease;color:var(--b0db1a, rgba(253,255,141,.8))}._852dd4.at-extreme{margin:-1px -3px;color:#fff;border-radius:2px;padding:1px 3px;background:#e8191a}._f823a4.at-extreme{margin:-1px -3px;padding:1px 3px;border-radius:2px;color:#111;background:var(--b0db1a, #fdff8d)}._f64a24 ._9eddad{width:100%;height:10px}._9eddad{--5b9744: 0;width:80px;-webkit-appearance:none;cursor:pointer;border-radius:3px;--cdb453: .4;background:linear-gradient(to right,rgba(232,25,26,var(--4a1717)) 0% calc(var(--5b9744) * 1%),rgba(253,255,141,var(--cdb453)) calc(var(--5b9744) * 1%) 100%);appearance:none;outline:none;touch-action:none;height:6px;--4a1717: 1}._9eddad::-webkit-slider-thumb{transition:transform .12s ease,box-shadow .12s ease,background .12s ease;cursor:grab;border:none;width:12px;-webkit-appearance:none;box-shadow:0 1px 3px #0000004d;appearance:none;background:#fff;border-radius:50%;height:12px}._9eddad:hover::-webkit-slider-thumb{transform:scale(1.4);box-shadow:0 0 6px #fff6}._9eddad:active::-webkit-slider-thumb{cursor:grabbing;background:var(--b0db1a, #fdff8d);transform:scale(1.6)}._9eddad::-moz-range-thumb{width:12px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;cursor:grab;box-shadow:0 1px 3px #0000004d;height:12px;border-radius:50%;border:none;background:#fff}._9eddad:hover::-moz-range-thumb{box-shadow:0 0 6px #fff6;transform:scale(1.4)}._9eddad:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.6);background:var(--b0db1a, #fdff8d)}._9eddad::-moz-range-track{border-radius:3px;height:6px;background:transparent}._9eddad:focus-visible{outline:none}._95a5c1::-webkit-scrollbar{height:6px;width:6px}._95a5c1::-webkit-scrollbar-track{background:transparent}._95a5c1{scrollbar-color:rgba(0,0,0,.25) transparent;scrollbar-width:thin}._95a5c1::-webkit-scrollbar-thumb{border-radius:3px;background:#00000038}._95a5c1::-webkit-scrollbar-thumb:hover{background:#00000061}._586394{height:auto;min-height:100dvh;overflow:clip;isolation:auto}._586394 ._95a5c1{overscroll-behavior:auto;overflow:visible;contain:content;-webkit-overflow-scrolling:auto}._586394 ._95a5c1 #notation>div{content-visibility:auto;contain-intrinsic-size:auto 100% auto 3000px;contain:layout paint}._586394 ._ba135d{z-index:100;bottom:0;position:sticky}@media(max-width:960px){._ba135d{padding:14px 8px 4px;--6bb825: 44px;--88334d: 20px;--6402c6: 38px;--d1dd6e: 22px}._4eb1b2{display:none}._b67a89{gap:6px;flex-wrap:nowrap}._f8ab87{min-width:0;flex-shrink:1}._496669{flex-wrap:nowrap;gap:3px}._a8498c{flex-shrink:1;min-width:0}._64a030{margin:0 4px;max-width:140px;flex:1 1 0;width:auto;min-width:40px}._f64a24{position:relative}._1d9c6e{left:3px;right:0;position:absolute;bottom:100%}._9eddad{box-shadow:inset 0 1px 3px #00000059}}@media(max-width:480px){._875cf7 ._877522{font-size:var(--e89fb3)}._875cf7 ._90c2f2{display:none}}@media(pointer:coarse){._6b6fc0 ._56b243,._bff96f{min-width:var(--57f9ee);min-height:var(--57f9ee)}._68be4c{min-height:var(--57f9ee);min-width:var(--57f9ee)}._6b6fc0 ._99370c{height:32px}._6b6fc0 ._99370c::-webkit-slider-runnable-track{height:var(--c48c21)}._6b6fc0 ._99370c::-moz-range-track{height:var(--c48c21)}._6b6fc0 ._99370c::-moz-range-progress{height:var(--c48c21)}._6b6fc0 ._99370c::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6.5px}._6b6fc0 ._99370c::-moz-range-thumb{height:18px;width:18px}}@media(prefers-reduced-motion:reduce){._ea6084{animation:none}._ba135d,._6b6fc0 ._56b243,._bff96f{transition:none}._6b6fc0 ._c05280{transition:none;transform:none}._6b6fc0 ._c05280:hover:not(:disabled){transform:none}._6b6fc0 ._c05280:active:not(:disabled){transform:none}._6b6fc0 ._99370c::-webkit-slider-thumb{transition:none}._6b6fc0 ._99370c::-webkit-slider-runnable-track{transition:none}._6b6fc0 ._99370c::-moz-range-track{transition:none}._6b6fc0 ._99370c::-moz-range-thumb{transition:none}}
._bdb8e8{opacity:1}._0170b9{box-sizing:border-box}._3870bc{border:0}._9d07a7{visibility:visible}._b59cd0{position:static}._afa13b{margin:0}._0d7d05{outline:0}._a9b5bc{box-sizing:border-box}._a1837a{visibility:visible}._ba8d28{outline:0}._82a267{outline:0}._43da60{display:block}._74f53b{opacity:1}._6cc1cd{position:static}._21ecba{padding:0}._e5ef5f{padding:0}._26d3af{outline:0}._c0c5b4{padding:0}._6f4a02{display:block}._9f1466{margin:0}