._page_1e0mt_1{gap:var(--space-7);padding-block:var(--space-4) var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}._lead_1e0mt_8{min-width:0}@media (width>=960px){._page_1e0mt_1{gap:var(--space-8);grid-template-columns:minmax(340px,420px) minmax(0,1fr);align-items:start}._lead_1e0mt_8{top:var(--space-4);position:sticky}}._band_1e0mt_26{gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-5);background:var(--fam);color:var(--on-fam);border-radius:var(--radius) var(--radius) 0 0;transition:background-color .32s var(--ease-out), color .32s var(--ease-out);display:grid}._symbol_1e0mt_38{font-size:var(--step-display);letter-spacing:-.02em;margin-left:-.04em;font-weight:900;font-stretch:62%;line-height:.8}._suffix_1e0mt_47{letter-spacing:0;margin-left:.04em;font-size:.5em;font-weight:800}._bandText_1e0mt_54{gap:var(--space-1);display:grid}._fullName_1e0mt_59{font-size:var(--step-1);font-weight:700}._family_1e0mt_64{font-size:var(--step--1);margin-left:var(--space-2);white-space:nowrap;font-weight:600}._feel_1e0mt_71{font-size:var(--step-0)}._stage_1e0mt_75{justify-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-4);background:var(--paper);border-radius:0 0 var(--radius) var(--radius);grid-template-columns:minmax(0,1fr);display:grid}._diagramButton_1e0mt_85{width:100%;padding:var(--space-2) var(--space-6) 0;cursor:pointer;border-radius:var(--radius);-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;display:flex}._diagramButton_1e0mt_85:active svg{transform:scale(.985)}._diagramButton_1e0mt_85 svg{transition:transform .16s var(--ease-out)}._stageControls_1e0mt_105{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;display:flex}@media (width<=400px){._stageControls_1e0mt_105{flex-wrap:wrap;justify-content:center}}._playButton_1e0mt_121,._roundButton_1e0mt_122{justify-content:center;align-items:center;gap:var(--space-2);background:var(--ink);color:var(--paper);cursor:pointer;transition:transform .16s var(--ease-out);border:0;font-weight:700;display:inline-flex}._playButton_1e0mt_121{height:48px;padding:0 var(--space-5) 0 var(--space-4);border-radius:999px}._roundButton_1e0mt_122{border-radius:50%;flex:none;width:44px;height:44px}._playButton_1e0mt_121:active,._roundButton_1e0mt_122:active{transform:scale(.96)}._pager_1e0mt_153{align-items:center;gap:var(--space-1);display:flex}._iconButton_1e0mt_159{border:1.5px solid var(--rule);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}._iconButton_1e0mt_159:disabled{opacity:.35;cursor:default}._pagerText_1e0mt_175{text-align:center;min-width:7.5rem;line-height:1.25;display:grid}._pagerText_1e0mt_175 strong{font-size:var(--step--1)}._pagerText_1e0mt_175 span{font-size:var(--step--1);color:var(--ink-2);font-variant-numeric:tabular-nums}._stageOptions_1e0mt_192{justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}._segmented_1e0mt_200{border:1.5px solid var(--rule);border-radius:999px;padding:3px;display:inline-flex}._segmented_1e0mt_200 button{height:36px;padding:0 var(--space-4);font-size:var(--step--1);cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:600}._segmented_1e0mt_200 button[aria-pressed=true]{background:var(--ink);color:var(--paper)}._siblings_1e0mt_223{margin-top:var(--space-5)}._siblings_1e0mt_223 ul{gap:var(--space-2);margin:0 calc(var(--gutter) * -1);padding:4px var(--gutter) var(--space-2);scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;list-style:none;display:flex;overflow-x:auto}._siblings_1e0mt_223 ul::-webkit-scrollbar{display:none}._siblings_1e0mt_223 li{scroll-snap-align:start;flex:none}@media (width>=960px){._siblings_1e0mt_223 ul{flex-wrap:wrap;margin:0;padding:4px 0 0;overflow:visible}}._siblings_1e0mt_223 a{min-width:3.6rem;min-height:3.4rem;padding:var(--space-2) var(--space-3);background:var(--fam);color:var(--on-fam);font-size:var(--step-1);transition:transform .2s var(--ease-out);border-radius:4px;align-items:flex-end;font-weight:800;font-stretch:70%;line-height:1;text-decoration:none;display:flex}._siblings_1e0mt_223 a:hover{transform:translateY(-2px)}._siblings_1e0mt_223 a[aria-current=page]{outline:3px solid var(--ink);outline-offset:2px}._detail_1e0mt_283{gap:var(--space-7);min-width:0;display:grid}._sectionTitle_1e0mt_289{margin-bottom:var(--space-4);font-size:var(--step-2)}._siblings_1e0mt_223 ._sectionTitle_1e0mt_289{font-size:var(--step-1);margin-bottom:var(--space-3)}._tones_1e0mt_299{grid-template-columns:repeat(auto-fill, minmax(min(5.5rem, calc((100% - 3 * var(--space-2)) / 4)), 1fr));gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}._tones_1e0mt_299 li{padding:var(--space-3);background:var(--paper);border-radius:4px;align-content:start;display:grid}._tones_1e0mt_299 li[data-character]{background:var(--fam);color:var(--on-fam)}._toneNote_1e0mt_324{font-size:var(--step-3);font-weight:900;font-stretch:70%;line-height:1}._toneName_1e0mt_331{font-size:var(--step--1);font-weight:600}._why_1e0mt_336{margin-top:var(--space-4)}._dotKey_1e0mt_340{color:var(--ink-2);font-size:var(--step--1);text-align:center}._tension_1e0mt_346{align-items:center;gap:var(--space-3) var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}._meter_1e0mt_354{gap:4px;display:flex}._meter_1e0mt_354 span{background:var(--rule);border-radius:2px;width:28px;height:10px}._meter_1e0mt_354 span[data-on]{background:var(--ink)}._progressions_1e0mt_370,._moves_1e0mt_371{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}._progression_1e0mt_370{padding:var(--space-4);border-radius:var(--radius);background:var(--paper)}._progressionHead_1e0mt_385{align-items:flex-start;gap:var(--space-3);display:flex}._progressionHead_1e0mt_385 h3{font-size:var(--step-1)}._progressionHead_1e0mt_385 p{margin-top:var(--space-1);color:var(--ink-2);font-size:var(--step--1)}._playAlong_1e0mt_401{align-items:center;gap:var(--space-1);min-height:44px;font-size:var(--step--1);text-underline-offset:3px;font-weight:700;display:inline-flex}._linkRow_1e0mt_412{align-items:baseline;gap:var(--space-2) var(--space-4);margin-block:var(--space-3);flex-wrap:wrap;display:flex}._progressionHead_1e0mt_385 p._linkRow_1e0mt_412{margin-top:var(--space-3);color:inherit}._linkRow_1e0mt_412>a{min-height:0;position:relative}._linkRow_1e0mt_412>a:after{content:"";position:absolute;inset:-12px -4px}._quietLink_1e0mt_437{min-height:44px;color:var(--ink-2);font-size:var(--step--1);text-underline-offset:3px;align-items:center;font-weight:600;display:inline-flex}._quietLink_1e0mt_437:hover{color:var(--ink)}._bars_1e0mt_451{gap:var(--space-2);margin:var(--space-4) 0 0;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}._bars_1e0mt_451 a{align-content:space-between;gap:var(--space-2);min-height:4.5rem;padding:var(--space-2) var(--space-3) var(--space-3);background:var(--fam);color:var(--on-fam);transition:transform .24s var(--ease-out);border-radius:4px;text-decoration:none;display:grid}._bars_1e0mt_451 li{container:tile/inline-size}@container tile (width<=4rem){._bars_1e0mt_451 a{padding-inline:var(--space-2)}}._bars_1e0mt_451 li[data-self] a{box-shadow:inset 0 -5px 0 var(--ink)}._bars_1e0mt_451 li[data-playing] a{transform:translateY(-6px)}._barChord_1e0mt_491{font-size:var(--step-1);overflow-wrap:anywhere;font-weight:800;font-stretch:70%;line-height:1}@container tile (width<=4.75rem){._barChord_1e0mt_491[data-long]{font-size:var(--step-0)}}._barNumeral_1e0mt_506{font-size:var(--step--1);font-weight:600}._lede_1e0mt_511{margin-bottom:var(--space-4);color:var(--ink-2)}._moves_1e0mt_371 li{align-items:center;gap:var(--space-4);grid-template-columns:4.5rem minmax(0,1fr);display:grid}._chip_1e0mt_523{padding:var(--space-3) var(--space-2);background:var(--fam);color:var(--on-fam);font-size:var(--step-1);text-align:center;border-radius:4px;font-weight:800;font-stretch:70%;line-height:1;text-decoration:none;display:block}._keys_1e0mt_537{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}._keys_1e0mt_537 li{background:var(--fam);color:var(--on-fam);transition:transform .2s var(--ease-out);border-radius:4px}._keys_1e0mt_537 li:hover{transform:translateY(-2px)}._keys_1e0mt_537 a{gap:var(--space-1);min-width:7.5rem;padding:var(--space-3);color:inherit;text-decoration:none;display:grid}._keyName_1e0mt_566{font-size:var(--step-1);font-weight:800;font-stretch:70%;line-height:1}._keyRole_1e0mt_573{font-size:var(--step--1);font-weight:600}