:root{--041a95: #fffce7;--b7842c: 0px;--4f6f64: 0 1px 2px rgba(0, 0, 0, .5);--729f1c: .12s ease;--3e2057: rgba(255, 255, 255, .2);--9c6945: rgba(255, 255, 255, .5);--5b4012: 36px;--40e0d0: rgba(255, 255, 255, .08);--b71b26: 14px;--ca88be: 0 2px 12px rgba(0, 0, 0, .4);--621cc5: rgba(0, 0, 0, .72);--d8c85c: rgba(0, 0, 0, .4);--5ea1fb: .6875rem;--_z: 2.5s;--0f9179: 50%;--d9c328: 10px;--2da86d: 3px;--9b44cf: #fff;--7dddcb: rgba(255, 255, 255, .2);--88b4cb: .2s ease;--1cfc2e: .3s ease;--af6b4b: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--437206: rgba(255, 255, 255, 1);--86ce5f: rgba(255, 255, 255, .1);--dcfb05: rgba(255, 255, 255, .7);--2f2932: rgba(255, 255, 255, .14);--239d1f: 5px;--a90f10: 44px;--6bb320: #fdff8d;--f86205: #2a2a29;--aed709: 6px;--118129: rgba(255, 255, 255, .95);--bcf1fa: #111;--3af16b: rgba(18, 18, 22, .99);--e2d6b7: 0 8px 32px rgba(0, 0, 0, .55);--ab4bc4: 0 4px 20px rgba(0, 0, 0, .5);--03fde4: 16px;--e2e291: .8125rem;--de6e02: rgba(18, 18, 22, .96);--5c08c7: var(--6bb320, #fdff8d);--3e16fd: #ffff69;--334a5b: "Atkinson Hyperlegible", system-ui, sans-serif;--d5e887: transparent;--ec631f: 48px;--8d6093: 600;--4ddaf2: 22px;--d7f8a8: 18px;--472118: var(--334a5b);--e99688: 8px}*{box-sizing:border-box}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}._d4469a{overflow:hidden;transition:background .5s ease;flex-direction:column;border:none;height:100%;padding:0;border-radius:0;min-height:0;position:relative;display:flex;isolation:isolate}._d56765{-webkit-overflow-scrolling:touch;width:100%;flex:1 1 auto;touch-action:pan-x pan-y;align-items:stretch;overscroll-behavior:contain;z-index:1;min-width:0;overflow:auto;position:relative;flex-direction:column;display:flex;padding-bottom:80px;min-height:0}._d56765 #notation{min-width:0;position:relative;flex:1;padding-left:8px;width:100%}._d56765 #notation svg,._d4469a svg{display:block;height:auto;width:100%}._27f392{position:absolute;background:radial-gradient(ellipse at center,#ffff69,#ffff692e 25%,#ffff690f,#ffff6900 45%);pointer-events:none;display:none;z-index:0;will-change:transform;border-radius:50%}._d4469a g.note.playing,._d4469a g.chord.playing,._d4469a g.rest.playing{opacity:1!important;stroke:#f20!important;fill:#ff0d00!important}._d4469a g.note,._d4469a [data-line]{cursor:pointer}._8ae6ac{position:relative;z-index:501}._b0c3f7 ._93409d *:focus-visible{outline:none}._b0c3f7 g.note,._b0c3f7 g.chord,._b0c3f7 g.rest{fill:#c04030;transition:fill 1s ease}._d4469a ._d5a773{align-items:center;display:flex;color:#6b7280;justify-content:center;min-height:60vh;font-size:.9rem}._93409d{transform:translateY(0);right:0;will-change:transform;padding:0 16px 10px;transition:transform var(--1cfc2e);bottom:0;z-index:2;background:linear-gradient(to top,var(--621cc5) 0%,var(--d8c85c) 50%,var(--d5e887) 100%);left:0;position:absolute;pointer-events:auto}._93409d._153e83{transform:translateY(100%)}._93409d._153e83 ._fa2c76,._93409d._804b84 ._fa2c76{pointer-events:none}._b21dc6{right:0;left:0;height:100%;position:absolute;pointer-events:none;bottom:100%}._93409d._153e83 ._b21dc6{pointer-events:auto;touch-action:none}._184bf9{overflow:hidden;opacity:0;min-width:110px;justify-content:center;display:flex;user-select:none;bottom:100%;height:22px;transition:opacity var(--88b4cb);pointer-events:none;-webkit-user-select:none;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#00000080;left:50%;margin-bottom:8px;position:absolute;transform:translate(-50%)}._dc087a{background:var(--5c08c7);position:absolute;top:0;left:0;width:var(--c1b562, 0%);opacity:.3;bottom:0}._35c24d{font-size:.625rem;white-space:nowrap;font-weight:600;color:#ffffffb3;padding:0 14px;letter-spacing:.04em;font-family:var(--472118);position:relative}._93409d._153e83 ._184bf9{opacity:1}._93409d._95b4c8{transform:translateY(0)}._fa2c76{display:flex;padding:0;color:var(--437206);font-family:var(--472118);text-shadow:var(--4f6f64);position:relative;background:none;gap:4px;box-shadow:none;border:none;flex-direction:column;font-size:var(--e2e291);pointer-events:auto}._4df990{display:flex;align-items:center;min-width:0}._25274f{flex-wrap:wrap;align-items:center;gap:var(--e99688);display:flex}._6cc491{align-items:center;flex-shrink:0;display:flex}._e83939{flex-shrink:0;align-items:center;gap:3px;display:flex}._1abb7f{align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}#_e93524:empty{display:none}._fa2c76 ._dc1121{align-items:center;height:28px;transition:background var(--729f1c),color var(--729f1c);width:28px;border:none;color:var(--dcfb05);background:none;display:inline-flex;cursor:pointer;justify-content:center;border-radius:var(--aed709);padding:0;flex-shrink:0}._fa2c76 ._dc1121:hover:not(:disabled){background:var(--2f2932);color:var(--437206)}._fa2c76 ._dc1121:focus-visible{outline-offset:2px;outline:2px solid var(--5c08c7)}._fa2c76 ._dc1121:disabled{cursor:not-allowed;opacity:.35}._fa2c76 ._dc1121 svg{flex-shrink:0;display:block}._fa2c76 ._e224c8{background:var(--118129);transition:background var(--729f1c),box-shadow var(--88b4cb),transform var(--729f1c);box-shadow:var(--ca88be);color:var(--bcf1fa);width:var(--ec631f);height:var(--ec631f);border-radius:var(--0f9179);border:none}._fa2c76 ._e224c8:hover:not(:disabled){box-shadow:var(--ab4bc4);transform:scale(1.06);background:var(--9b44cf);color:var(--bcf1fa)}._fa2c76 ._e224c8:active:not(:disabled),._fa2c76 ._e224c8._ae4819{transform:scale(.95)}._3f52de{flex-shrink:0;display:inline-flex;align-items:flex-end;gap:6px}._3f52de ._e224c8{z-index:2;position:relative;margin-bottom:calc((var(--ec631f) - var(--5b4012)) / -2);margin-top:calc((var(--ec631f) - var(--5b4012)) / -2)}._7bbd25{height:var(--5b4012);border-radius:var(--0f9179);width:var(--5b4012)}._e83939 ._c94b04{color:var(--437206);text-shadow:var(--4f6f64);font-weight:var(--8d6093);white-space:nowrap;font-size:var(--e2e291);font-variant-numeric:tabular-nums}._e83939 ._7ded1d{color:var(--9c6945)}._e83939 ._73cc02{color:var(--9c6945);font-size:var(--5ea1fb)}._a62360{position:relative;flex-shrink:0}._a41b11{align-items:center;transition:background var(--729f1c),color var(--729f1c);border:none;width:var(--5b4012);padding:3px 0 2px;background:none;display:flex;border-radius:var(--aed709);justify-content:center;color:var(--dcfb05);gap:1px;height:var(--5b4012);flex-direction:column;cursor:pointer}._a41b11:hover{background:var(--2f2932);color:var(--437206)}._a41b11:active{background:var(--3e2057)}._a41b11:focus-visible{outline:2px solid var(--5c08c7);outline-offset:2px}._a41b11:disabled{cursor:not-allowed;opacity:.35}._a41b11.active{color:#111;background:var(--5c08c7)}._a41b11.active:hover{filter:brightness(.96)}._a41b11 svg{flex-shrink:0;display:block;height:var(--d7f8a8);width:var(--d7f8a8)}._ea4d42{font-size:var(--5ea1fb);font-variant-numeric:tabular-nums;margin-top:auto;line-height:1;font-weight:700}._512729,._32437c{flex-direction:column;left:50%;border:1px solid var(--86ce5f);padding:6px;z-index:1;position:absolute;align-items:center;background:var(--de6e02);box-shadow:var(--e2d6b7);bottom:calc(100% + var(--03fde4));transform:translate(-50%);border-radius:var(--d9c328);display:none}._512729.open,._32437c.open{display:flex}._512729{padding:4px}._512729 ._4b16c3{font-variant-numeric:tabular-nums;background:none;transition:background var(--729f1c),color var(--729f1c);white-space:nowrap;font-size:var(--e2e291);border:none;text-align:center;cursor:pointer;padding:6px 16px;color:var(--dcfb05);font-weight:var(--8d6093);border-radius:var(--aed709);font-family:var(--472118)}._512729 ._4b16c3:hover{color:var(--437206);background:var(--2f2932)}._512729 ._4b16c3:focus-visible{outline:2px solid var(--5c08c7);outline-offset:-2px}._512729 ._4b16c3.active{color:var(--5c08c7)}._32437c{padding:4px}._32437c ._38ba47{background:none;text-align:center;font-family:var(--472118);font-weight:var(--8d6093);border:none;white-space:nowrap;cursor:pointer;border-radius:var(--aed709);font-size:var(--e2e291);padding:6px 16px;transition:background var(--729f1c),color var(--729f1c);color:var(--dcfb05);font-variant-numeric:tabular-nums}._32437c ._38ba47:hover{color:var(--437206);background:var(--2f2932)}._32437c ._38ba47:focus-visible{outline-offset:-2px;outline:2px solid var(--5c08c7)}._32437c ._38ba47.active{color:var(--5c08c7)}._0268bc{gap:2px;position:fixed;flex-direction:column;border:1px solid var(--86ce5f);display:none;border-radius:var(--d9c328);color:var(--437206);z-index:10;min-width:175px;box-shadow:var(--e2d6b7);background:var(--de6e02);padding:6px}._0268bc.open{display:flex}._0268bc button{transition:background var(--729f1c);padding:8px 14px;text-align:left;font-size:var(--e2e291);width:100%;display:block;color:var(--437206);border-radius:var(--aed709);font-weight:var(--8d6093);background:transparent;font-family:var(--472118);white-space:nowrap;cursor:pointer;border:none}._0268bc button:hover{background:var(--2f2932)}._fa2c76 ._c427fd{margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;height:20px;min-width:60px;flex:1 1 auto}._fa2c76 ._c427fd::-webkit-slider-container{background:transparent}._fa2c76 ._c427fd::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;border-radius:2px;width:100%;height:var(--2da86d);background:linear-gradient(to right,var(--5c08c7) 0%,var(--5c08c7) var(--e2d492, 0%),var(--7dddcb) var(--e2d492, 0%),var(--7dddcb) 100%);transition:height var(--729f1c)}._fa2c76 ._c427fd::-moz-range-track{transition:height var(--729f1c);height:var(--2da86d);width:100%;background:var(--7dddcb);border-radius:2px}._fa2c76 ._c427fd::-moz-range-progress{border-radius:2px 0 0 2px;height:var(--2da86d);background:var(--5c08c7)}._fa2c76 ._c427fd::-webkit-slider-thumb{-webkit-appearance:none;height:var(--b7842c);margin-top:calc((var(--b7842c) - var(--2da86d)) / -2);background:var(--5c08c7);border:none;border-radius:50%;width:var(--b7842c);box-shadow:0 0 4px #0006;cursor:pointer;transition:width var(--729f1c),height var(--729f1c),margin-top var(--729f1c);appearance:none}._fa2c76 ._c427fd::-moz-range-thumb{border:none;background:var(--5c08c7);transition:width var(--729f1c),height var(--729f1c);border-radius:50%;height:var(--b7842c);box-shadow:0 0 4px #0006;width:var(--b7842c);cursor:pointer}._4df990:hover ._c427fd::-webkit-slider-runnable-track{height:var(--239d1f)}._4df990:hover ._c427fd::-moz-range-track{height:var(--239d1f)}._4df990:hover ._c427fd::-moz-range-progress{height:var(--239d1f)}._4df990:hover ._c427fd::-webkit-slider-thumb{height:var(--b71b26);width:var(--b71b26);margin-top:calc((var(--b71b26) - var(--239d1f)) / -2)}._4df990:hover ._c427fd::-moz-range-thumb{height:var(--b71b26);width:var(--b71b26)}._fa2c76 ._c427fd:focus-visible{outline:2px solid var(--5c08c7);outline-offset:2px}._fa2c76 ._c427fd:disabled{opacity:.3;cursor:not-allowed}._76fc36{inset:0;position:absolute;pointer-events:none;z-index:3}._da96b8{width:90px;cursor:default;user-select:none}._da96b8:hover{background:none}._9fcd22{width:100%;gap:0;align-items:stretch;flex-direction:column;display:flex}._c06ffa{justify-content:space-between;padding:0 0 0 3px;display:flex}._c62fb1{color:var(--dcfb05);text-transform:uppercase;font-family:var(--472118);font-size:8px;font-weight:700;letter-spacing:.2px;line-height:1}._1f334c{color:#ff8a8a;transition:all .15s ease}._e2b009{transition:all .15s ease;color:var(--5c08c7, rgba(253,255,141,.8))}._1f334c.at-extreme{border-radius:2px;padding:1px 3px;background:#e8191a;color:#fff;margin:-1px -3px}._e2b009.at-extreme{color:#111;margin:-1px -3px;padding:1px 3px;border-radius:2px;background:var(--5c08c7, #fdff8d)}._9fcd22 ._3efec9{width:100%;height:10px}._3efec9{touch-action:none;width:80px;--e7ec28: 1;--55609a: .4;height:6px;outline:none;-webkit-appearance:none;--9f32e1: 0;cursor:pointer;background:linear-gradient(to right,rgba(232,25,26,var(--e7ec28)) 0% calc(var(--9f32e1) * 1%),rgba(253,255,141,var(--55609a)) calc(var(--9f32e1) * 1%) 100%);appearance:none;border-radius:3px}._3efec9::-webkit-slider-thumb{border-radius:50%;width:12px;-webkit-appearance:none;border:none;box-shadow:0 1px 3px #0000004d;background:#fff;height:12px;cursor:grab;appearance:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}._3efec9:hover::-webkit-slider-thumb{transform:scale(1.4);box-shadow:0 0 6px #fff6}._3efec9:active::-webkit-slider-thumb{transform:scale(1.6);cursor:grabbing;background:var(--5c08c7, #fdff8d)}._3efec9::-moz-range-thumb{box-shadow:0 1px 3px #0000004d;background:#fff;height:12px;border:none;cursor:grab;border-radius:50%;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;width:12px}._3efec9:hover::-moz-range-thumb{box-shadow:0 0 6px #fff6;transform:scale(1.4)}._3efec9:active::-moz-range-thumb{transform:scale(1.6);background:var(--5c08c7, #fdff8d);cursor:grabbing}._3efec9::-moz-range-track{height:6px;border-radius:3px;background:transparent}._3efec9:focus-visible{outline:none}._d56765::-webkit-scrollbar{height:6px;width:6px}._d56765::-webkit-scrollbar-track{background:transparent}._d56765{scrollbar-color:rgba(0,0,0,.25) transparent;scrollbar-width:thin}._d56765::-webkit-scrollbar-thumb{background:#00000038;border-radius:3px}._d56765::-webkit-scrollbar-thumb:hover{background:#00000061}._10ae57{min-height:100dvh;isolation:auto;height:auto;overflow:clip}._10ae57 ._d56765{-webkit-overflow-scrolling:auto;overscroll-behavior:auto;overflow:visible;contain:content}._10ae57 ._d56765 #notation>div{content-visibility:auto;contain:layout paint;contain-intrinsic-size:auto 100% auto 3000px}._10ae57 ._93409d{z-index:100;bottom:0;position:sticky}@media(max-width:960px){._93409d{--4ddaf2: 22px;--5b4012: 38px;--d7f8a8: 20px;--ec631f: 44px;padding:14px 8px 4px}._ea4d42{display:none}._25274f{flex-wrap:nowrap;gap:6px}._6cc491{min-width:0;flex-shrink:1}._1abb7f{gap:3px;flex-wrap:nowrap}._3f52de{min-width:0;flex-shrink:1}._da96b8{min-width:40px;margin:0 4px;max-width:140px;flex:1 1 0;width:auto}._9fcd22{position:relative}._c06ffa{bottom:100%;right:0;position:absolute;left:3px}._3efec9{box-shadow:inset 0 1px 3px #00000059}}@media(max-width:480px){._e83939 ._c94b04{font-size:var(--5ea1fb)}._e83939 ._73cc02{display:none}}@media(pointer:coarse){._fa2c76 ._dc1121,._a41b11{min-height:var(--a90f10);min-width:var(--a90f10)}._7bbd25{min-width:var(--a90f10);min-height:var(--a90f10)}._fa2c76 ._c427fd{height:32px}._fa2c76 ._c427fd::-webkit-slider-runnable-track{height:var(--239d1f)}._fa2c76 ._c427fd::-moz-range-track{height:var(--239d1f)}._fa2c76 ._c427fd::-moz-range-progress{height:var(--239d1f)}._fa2c76 ._c427fd::-webkit-slider-thumb{width:18px;margin-top:-6.5px;height:18px}._fa2c76 ._c427fd::-moz-range-thumb{height:18px;width:18px}}@media(prefers-reduced-motion:reduce){._27f392{animation:none}._93409d,._fa2c76 ._dc1121,._a41b11{transition:none}._fa2c76 ._e224c8{transform:none;transition:none}._fa2c76 ._e224c8:hover:not(:disabled){transform:none}._fa2c76 ._e224c8:active:not(:disabled){transform:none}._fa2c76 ._c427fd::-webkit-slider-thumb{transition:none}._fa2c76 ._c427fd::-webkit-slider-runnable-track{transition:none}._fa2c76 ._c427fd::-moz-range-track{transition:none}._fa2c76 ._c427fd::-moz-range-thumb{transition:none}}
._2d16af{padding:0}._3fec07{border:0}._155f16{opacity:1}._568036{margin:0}._0b9980{outline:0}._afe91e{box-sizing:border-box}._9ce10c{visibility:visible}._f6d87f{position:static}._34e3f6{opacity:1}._fc92db{opacity:1}._3816ba{display:block}._078e7b{visibility:visible}._e13583{margin:0}._280f42{padding:0}._170709{display:block}._57a99a{display:block}._7410c7{padding:0}._749269{border:0}._c5959c{display:block}._e1d697{outline:0}