@font-face{font-family:bravura;src:url(/_next/static/media/caaf46e4ce307382-s.p.woff2) format("woff2");font-display:swap;font-weight:400}@font-face{font-family:bravura Fallback;src:local("Arial");ascent-override:201.20%;descent-override:201.20%;line-gap-override:0.00%;size-adjust:100.00%}.__className_dcca6c{font-family:bravura,bravura Fallback;font-weight:400}.__variable_dcca6c{--font-bravura:"bravura","bravura Fallback"}@font-face{font-family:alegreya;src:url(/_next/static/media/f364d57eb7d47f2d-s.p.ttf) format("truetype");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:alegreya;src:url(/_next/static/media/44b810e3233c6b07-s.p.ttf) format("truetype");font-display:swap;font-weight:100 900;font-style:italic}@font-face{font-family:alegreya Fallback;src:local("Arial");ascent-override:91.29%;descent-override:22.82%;line-gap-override:0.00%;size-adjust:87.63%}.__className_e26c18{font-family:alegreya,alegreya Fallback}.__variable_e26c18{--font-alegreya-sans:"alegreya","alegreya Fallback"}@font-face{font-family:sourcesans;src:url(/_next/static/media/ca50fedd8550f1a6-s.p.ttf) format("truetype");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:sourcesans;src:url(/_next/static/media/2b47170634559b0f-s.p.ttf) format("truetype");font-display:swap;font-weight:100 900;font-style:italic}@font-face{font-family:sourcesans Fallback;src:local("Arial");ascent-override:114.52%;descent-override:44.74%;line-gap-override:0.00%;size-adjust:89.41%}.__className_21d749{font-family:sourcesans,sourcesans Fallback}.__variable_21d749{--font-source-sans:"sourcesans","sourcesans Fallback"}@font-face{font-family:"sourceserif";src:url(/_next/static/media/18d4d0668d4bec8a-s.p.ttf) format("truetype");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:"sourceserif";src:url(/_next/static/media/b4a0d9b655a4bbcd-s.p.ttf) format("truetype");font-display:swap;font-weight:100 900;font-style:italic}@font-face{font-family:"sourceserif Fallback";src:local("Arial");ascent-override:102.41%;descent-override:33.12%;line-gap-override:0.00%;size-adjust:101.16%}.__className_ecdf6e{font-family:"sourceserif","sourceserif Fallback"}.__variable_ecdf6e{--font-source-serif:"sourceserif","sourceserif Fallback"}@font-face{font-family:franklin;src:url(/_next/static/media/13470a45c5585623-s.p.ttf) format("truetype");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:franklin;src:url(/_next/static/media/5b6ec24238f1d9ed-s.p.ttf) format("truetype");font-display:swap;font-weight:100 900;font-style:italic}@font-face{font-family:franklin Fallback;src:local("Arial");ascent-override:94.14%;descent-override:23.97%;line-gap-override:0.00%;size-adjust:102.61%}.__className_ae5eb4{font-family:franklin,franklin Fallback}.__variable_ae5eb4{--font-franklin:"franklin","franklin Fallback"}:root{--background:#fff;--background-1:#ffffff;--accent:#5988c6;--accent-1:#88bbff;--teal-1:oklch(91.32% 0.09222 189.54);--teal-2:oklch(70.825% 0.11967 193.09);--teal-3:oklch(54.171% 0.13794 196.65);--teal-4:oklch(41.096% 0.14545 200.21);--teal-5:oklch(31.238% 0.14104 203.76);--teal-6:oklch(24.224% 0.1243 207.32);--teal-7:oklch(19.711% 0.09584 210.87);--purple-1:oklch(91.32% 0.09222 315.9);--purple-2:oklch(70.825% 0.11967 313.16);--purple-3:oklch(54.171% 0.13794 310.43);--purple-4:oklch(41.096% 0.14545 307.69);--purple-5:oklch(31.238% 0.14104 304.96);--purple-6:oklch(24.224% 0.1243 302.22);--purple-7:oklch(19.711% 0.09584 299.49);--red-1:oklch(91.32% 0.09222 393.03);--red-2:oklch(70.825% 0.11967 391.11);--red-3:oklch(54.171% 0.13794 389.2);--red-4:oklch(41.096% 0.14545 387.28);--red-5:oklch(31.238% 0.14104 385.37);--red-6:oklch(24.224% 0.1243 383.45);--red-7:oklch(19.711% 0.09584 381.54);--yellow-1:oklch(91.32% 0.09222 82.872);--yellow-2:oklch(70.825% 0.11967 82.598);--yellow-3:oklch(54.171% 0.13794 82.325);--yellow-4:oklch(41.096% 0.14545 82.051);--yellow-5:oklch(31.238% 0.14104 81.778);--yellow-6:oklch(24.224% 0.1243 81.504);--yellow-7:oklch(19.711% 0.09584 81.231);--gray-1:oklch(91.32% 0.00904 365.13);--gray-2:oklch(70.825% 0.02332 348.17);--gray-3:oklch(54.171% 0.02606 331.21);--gray-4:oklch(41.096% 0.02332 314.26);--gray-5:oklch(31.238% 0.01863 297.3);--gray-6:oklch(24.224% 0.01444 280.34);--gray-7:oklch(19.711% 0.01266 263.38);--fg-0:#171717;--fs-4:3.157rem;--fs-3:2.369rem;--fs-2:1.777rem;--fs-1:1.333rem;--fs-0:1rem;--fs--1:0.75rem;--fg-1:#333333;--fg-2:#666666;--fg-3:#999999;--sidebar-width:20rem;--radius:4px}:target{scroll-margin-top:1rlh}@media(prefers-color-scheme:dark){:root{--fg-0:var(--gray-1);--fg-1:var(--gray-2);--fg-2:var(--gray-3);--fg-3:var(--gray-4);--background-1:var(--gray-5);--background:var(--gray-6);--background-dark:var(--gray-7);--accent:var(--teal-2);--accent-1:var(--teal-3)}}.InlineSVG [fill]{fill:currentColor}.InlineSVG [stroke]{stroke:currentColor}html{font-size:16px;line-height:1.4}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--fg-0);background:var(--background);font-family:var(--font-source-serif),var(--font-bravura),Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--fs-0)}@media(min-width:768px){body{-webkit-padding-start:var(--sidebar-width);padding-inline-start:var(--sidebar-width)}}main{margin-inline:auto;max-width:760px;padding-inline:1rem}main h1,main h2,main h3,main h4,main h5,main h6{margin-block:1rlh}main h1,main h2{-webkit-margin-before:2rlh;margin-block-start:2rlh}main h1{font-size:var(--fs-4);line-height:2rlh;font-weight:900}main h1,main h2{font-family:var(--font-franklin)}main h2{font-size:var(--fs-3);line-height:1rlh;font-weight:800}main h3{font-size:var(--fs-2);font-family:var(--font-source-sans)}main h3,main h4{line-height:1rlh;font-weight:700}main h4{font-size:var(--fs-1);font-family:var(--font-source-serif);font-style:italic}main p{margin-block:1rlh}main a{color:var(--accent);text-decoration:none}main ol,main ul{margin-block:1rlh 0;-webkit-padding-start:1rem;padding-inline-start:1rem}.MidiViz{margin-block:1rlh}.PlotFigureContainer{padding:1rlh 0 1rlh 1rlh}.PlotFigureInner{position:relative}.PlotFigure__playhead{border-left:1px solid red;top:2rlh;bottom:0;position:absolute;width:100%}.PlotFigure,.PlotFigure-swatches{overflow:visible;isolation:isolate;font-family:inherit;font-family:var(--font-source-sans);width:100%;margin:0;font-size:12px}.PlotFigure-swatches{margin-bottom:1rlh;margin-inline:-1rlh;min-height:0;line-height:1rlh}.MIDI-highlight,.MIDI-note{mix-blend-mode:screen}*{box-sizing:border-box;padding:0;margin:0}@media(prefers-color-scheme:dark){html{color-scheme:dark}}nav{padding:0 1rem 1rem;line-height:1rlh;font-family:var(--font-source-sans)}@media(min-width:768px){nav{position:fixed;left:0;height:100dvh;overflow-y:auto;width:var(--sidebar-width)}}nav header{display:flex;justify-content:space-between;font-weight:700;position:-webkit-sticky;position:sticky;top:0;padding:1rem 0;background:var(--background);z-index:1}nav header a{text-decoration:none;color:var(--fg-1)}nav header a.active{color:var(--fg-0)}nav>ul>li>a:first-child{font-weight:900;color:var(--fg-0);text-decoration:none}nav ul{list-style-type:none}nav ul a{text-decoration:none;color:inherit}nav ul a .chapter-name{transition:font-weight .2s,color .2s;color:var(--fg-1)}nav ul a.active .chapter-name{font-weight:900;color:var(--fg-0)}nav ul li{position:relative;padding:0}nav ul .chapter-number{position:absolute;left:0;width:5ch;color:var(--fg-3)}nav ul .chapter-name{display:block;padding-left:calc((var(--depth) - 1)*1rem)}.time-signature{font-family:var(--font-bravura);font-feature-settings:"liga" 1,"dlig" 1,"calt" 1}button,select{background:var(--background-1);color:var(--fg-1);border:none;cursor:pointer;font:inherit;display:flex;border-radius:3px;height:calc(1rlh - 3px);margin-bottom:3px;width:1rlh;justify-content:center;align-items:center;border-radius:4px;box-shadow:0 0 .5px .5px var(--background-1),0 0 20px rgba(0,0,0,.2),0 3px .5px .5px var(--background-dark);transition:all .2s ease-out}button:where(.active),select:where(.active){background:var(--fg-1);color:var(--fg-2);box-shadow:0 0 .5px .5px var(--fg-1),0 0 20px hsla(0,0%,100%,.3),0 3px .5px .5px var(--fg-2);transition:all .1s ease-out}button:active,select:active{translate:0 3px;box-shadow:0 0 .5px .5px var(--background-1),0 0 20px rgba(0,0,0,.2),0 .5px .5px .5px var(--background-dark);transition:all 0s ease-out}button .InlineSVG,select .InlineSVG{display:block;width:11px;height:11px}select{width:auto;padding:0 .2rem;font-size:var(--fs--1);font-family:var(--font-source-sans)}.toolbar{justify-content:space-between}.toolbar,.toolbar div{display:flex;gap:.5rem}.ScaleDegree .ScaleDegree__srText{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.scaleStrip{display:flex;gap:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-block:1rlh;border-radius:calc(var(--radius));padding:1px;background:var(--background-dark)}.scaleStrip__segment{border-radius:1px}.scaleStrip__segment:first-child{border-top-left-radius:calc(var(--radius) - 1px);border-bottom-left-radius:calc(var(--radius) - 1px)}.scaleStrip__segment:last-child{border-top-right-radius:calc(var(--radius) - 1px);border-bottom-right-radius:calc(var(--radius) - 1px)}.scaleStrip__segment{position:relative;background:var(--background-1);display:flex;flex-direction:column;align-items:center;line-height:1rlh;padding-block:1rlh;flex:1 1 auto;width:100%;white-space:nowrap;--1:var(--fg-1);--2:var(--fg-2);--3:var(--fg-3);--4:var(--fg-4)}.scaleStrip__segment:after{content:"";position:absolute;inset:-.5rem;background:var(--teal-4);border-radius:inherit;z-index:1;filter:blur(20px);mix-blend-mode:screen;transition:all .15s ease-out;opacity:0}.scaleStrip__segment.playing{background:var(--teal-5);--1:var(--teal-1);--2:var(--teal-2);--3:var(--teal-3);--4:var(--teal-4)}.scaleStrip__segment.playing:after{opacity:.5;transition:all .01s ease-out}.scaleStrip__degree{color:var(--2)}.scaleStrip__detune,.scaleStrip__interval{color:var(--3);font-size:var(--fs--1)}.MultilineScaleStrip{display:flex;gap:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-block:1rlh;border-radius:calc(var(--radius));padding:1px;background:var(--background-dark)}.MultilineScaleStrip__segment{border-radius:1px}.MultilineScaleStrip__segment:first-child{border-top-left-radius:calc(var(--radius) - 1px);border-bottom-left-radius:calc(var(--radius) - 1px)}.MultilineScaleStrip__segment:last-child{border-top-right-radius:calc(var(--radius) - 1px);border-bottom-right-radius:calc(var(--radius) - 1px)}.MultilineScaleStrip__segment{position:relative;background:var(--background-1);display:flex;flex-direction:column;align-items:center;line-height:1rlh;padding-block:1rlh;flex:1 1 auto;width:100%;white-space:nowrap;--1:var(--fg-1);--2:var(--fg-2);--3:var(--fg-3);--4:var(--fg-4)}.MultilineScaleStrip__segment:after{content:"";position:absolute;inset:-.5rem;background:var(--teal-4);border-radius:inherit;z-index:1;filter:blur(20px);mix-blend-mode:screen;transition:all .15s ease-out;opacity:0}.MultilineScaleStrip__segment.playing{background:var(--teal-5);--1:var(--teal-1);--2:var(--teal-2);--3:var(--teal-3);--4:var(--teal-4)}.MultilineScaleStrip__segment.playing:after{opacity:.5;transition:all .01s ease-out}.MultilineScaleStrip__degree{color:var(--2)}.MultilineScaleStrip__interval{color:var(--3);font-size:var(--fs--1)}.MultilineScaleStrip__interval,.MultilineScaleStrip__note{font-family:var(--font-source-sans)}.MultilineScaleStrip__detune{color:var(--3);font-size:var(--fs--1)}.MultilineScaleStrip__output{background:var(--background-1);border-radius:var(--radius);overflow:hidden;height:4rlh;padding:1px;display:grid;grid-template-rows:1fr 1fr;grid-gap:1px;gap:1px;margin-block:1rlh}.MultilineScaleStrip__chords,.MultilineScaleStrip__notes{border-radius:calc(var(--radius) - 1px);font-family:var(--font-source-sans)}.MultilineScaleStrip__chords .empty,.MultilineScaleStrip__notes .empty{color:var(--fg-3)}.MultilineScaleStrip__notes{background:var(--background-dark);display:flex;align-items:center;gap:.5rem;padding:0 1rem;flex-wrap:wrap;line-height:.75rlh;height:2rlh;font-size:var(--fs--1)}.MultilineScaleStrip__notes__note{display:block}.MultilineScaleStrip__note-name{display:flex;justify-content:space-between;width:2.5ch}.MultilineScaleStrip__note-semitones{color:var(--fg-2);width:3ch}.MultilineScaleStrip__chords{background:var(--background-dark);display:flex;align-items:center;gap:1rem;padding:0 1rem;flex-wrap:wrap;height:2rlh;line-height:1rlh}.MultilineScaleStrip__chords .missing,.MultilineScaleStrip__chords__chord:nth-child(n+2){color:var(--fg-2)}.row{display:flex;gap:1rem;flex-wrap:wrap;margin-block:1rlh}.row.centered{align-items:center}html:has(.Scrubber.isScrubbing){cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Scrubber{position:relative;cursor:ew-resize}.Scrubber.disabled{color:var(--fg-2);cursor:default}.Scrubber.isEditing input{opacity:1;z-index:1}.Scrubber input{position:absolute;top:0;left:0;width:100%;height:100%;cursor:ew-resize;opacity:0}.Scrubber output{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Scrubber output .insignificant{color:var(--fg-3)}.ChordDegreeInputs{display:flex;gap:.5rem;margin-block:1rlh}.ChordDegreeInputs .Scrubber{padding:0 .5rem;background:var(--background-1);border-radius:var(--radius);color:var(--fg-1);font-family:var(--font-source-sans)}.ChordDegreeInputs .Scrubber.default,.ChordDegreeInputs .Scrubber.disabled{color:var(--fg-3)}.timeSignature{display:flex;flex-direction:column;font-weight:700}.timeSignature .Scrubber{text-align:center;width:3ch}