._page_1xkkb_1{gap:var(--space-5);padding-block:var(--space-3) var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=960px){._page_1xkkb_1{column-gap:var(--space-7);row-gap:var(--space-6);grid-template-columns:minmax(0,1fr) 360px;align-items:start}._head_1xkkb_16,._board_1xkkb_17,._loop_1xkkb_18,._pager_1xkkb_19{grid-column:1}._side_1xkkb_23{top:var(--space-4);grid-area:2/2/span 2;position:sticky}}._head_1xkkb_16{gap:var(--space-2);display:grid}._back_1xkkb_36{align-items:center;gap:var(--space-1);min-height:44px;font-size:var(--step--1);justify-self:start;font-weight:700;text-decoration:none;display:inline-flex}._back_1xkkb_36:hover{text-decoration:underline}._title_1xkkb_51{letter-spacing:-.02em;font-size:clamp(2.2rem,10vw,3.4rem);font-weight:900;font-stretch:62%;line-height:.9}._meta_1xkkb_59{font-size:var(--step--1);color:var(--ink-2);font-weight:600}._tip_1xkkb_65{margin-top:var(--space-1)}._board_1xkkb_17{scroll-margin-top:var(--space-3);gap:var(--space-3);min-width:0;display:grid}._packs_1xkkb_77{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;display:grid}._pack_1xkkb_77{border-radius:var(--radius);min-width:0;transition:outline-color .2s var(--ease-out);outline-offset:2px;outline:3px solid #0000;grid-template-rows:auto 1fr;display:grid}._pack_1xkkb_77[data-state=changing],._pack_1xkkb_77[data-state=held]{outline-color:var(--ink)}._band_1xkkb_99{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);border-radius:var(--radius) var(--radius) 0 0;background:var(--fam);color:var(--on-fam);transition:background-color .32s var(--ease-out), color .32s var(--ease-out);display:grid}._packLabel_1xkkb_111{justify-content:space-between;gap:var(--space-2);font-size:var(--step--1);font-weight:700;display:flex}._pack_1xkkb_77[data-role=now] ._packLabel_1xkkb_111{font-size:var(--step-0)}._symbol_1xkkb_123{letter-spacing:-.02em;white-space:nowrap;margin-left:-.04em;font-weight:900;font-stretch:62%;line-height:.8}._pack_1xkkb_77[data-role=now] ._symbol_1xkkb_123{font-size:var(--step-display)}._pack_1xkkb_77[data-role=next] ._symbol_1xkkb_123{font-size:clamp(3.5rem,16vw,7.5rem)}._suffix_1xkkb_140{letter-spacing:0;margin-left:.04em;font-size:.5em;font-weight:800}._packNumeral_1xkkb_147{font-weight:600}._packName_1xkkb_151{font-size:var(--step--1);font-weight:700;line-height:1.25}._pack_1xkkb_77[data-role=now] ._packName_1xkkb_151{font-size:var(--step-1)}._packFamily_1xkkb_161{font-size:var(--step--1);white-space:nowrap;font-weight:600;display:block}._packStage_1xkkb_168{padding:var(--space-3);border-radius:0 0 var(--radius) var(--radius);background:var(--paper);place-items:center;display:grid}._pack_1xkkb_77[data-role=now] ._packStage_1xkkb_168{padding-inline:var(--space-4)}._packs_1xkkb_77{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}@media (width<=599px){._packs_1xkkb_77{align-items:start}._pack_1xkkb_77[data-role=next] ._symbol_1xkkb_123{font-size:clamp(2.2rem,10vw,3.4rem)}._pack_1xkkb_77[data-role=next] ._packStage_1xkkb_168 svg{max-width:120px}}@media (width>=960px){._pack_1xkkb_77[data-role=now] ._packStage_1xkkb_168 svg{max-width:240px}._pack_1xkkb_77[data-role=next] ._packStage_1xkkb_168 svg{max-width:170px}}._beats_1xkkb_210{gap:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}._beats_1xkkb_210 li{background:var(--paper);height:44px;color:var(--ink-2);font-size:var(--step-1);font-variant-numeric:tabular-nums;border-radius:4px;place-items:center;font-weight:800;font-stretch:70%;transition:background-color 80ms linear,color 80ms linear;display:grid}._beats_1xkkb_210 li[data-on]{background:var(--ink);color:var(--paper)}._side_1xkkb_23{gap:var(--space-3);min-width:0;display:grid}._controls_1xkkb_247,._mark_1xkkb_248{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius);background:var(--paper);display:grid}._mainControls_1xkkb_256{gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}._start_1xkkb_262,._hold_1xkkb_263,._markButton_1xkkb_264{justify-content:center;align-items:center;gap:var(--space-2);min-height:56px;padding:0 var(--space-4);font-size:var(--step-0);cursor:pointer;transition:transform .16s var(--ease-out);border-radius:999px;font-weight:700;display:inline-flex}._start_1xkkb_262,._markButton_1xkkb_264{background:var(--ink);color:var(--paper);border:0}._hold_1xkkb_263{border:2px solid var(--ink);background:0 0}._hold_1xkkb_263:disabled{border-color:var(--rule);color:var(--pencil);cursor:default}._start_1xkkb_262:active,._hold_1xkkb_263:not(:disabled):active,._markButton_1xkkb_264:active,._round_1xkkb_299:not(:disabled):active{transform:scale(.96)}._tempo_1xkkb_303{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}._controlLabel_1xkkb_310{font-size:var(--step--1);font-weight:600}._stepper_1xkkb_315{align-items:center;gap:var(--space-2);display:flex}._round_1xkkb_299{border:1.5px solid var(--rule);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}._round_1xkkb_299:hover:not(:disabled){border-color:var(--ink-2)}._round_1xkkb_299:disabled{opacity:.35;cursor:default}._bpm_1xkkb_341{text-align:center;min-width:5.5rem;font-size:var(--step-2);font-variant-numeric:tabular-nums;font-weight:800;font-stretch:70%;line-height:1}._bpm_1xkkb_341 span{font-size:var(--step--1);font-weight:600;font-stretch:100%}._switches_1xkkb_357{gap:var(--space-1);display:grid}._switch_1xkkb_357{align-items:center;gap:var(--space-3);min-height:44px;font-size:var(--step--1);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;display:flex}._track_1xkkb_376{border:1.5px solid var(--ink-2);width:44px;height:26px;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out);border-radius:999px;flex:none;position:relative}._thumb_1xkkb_388{background:var(--ink-2);width:17px;height:17px;transition:transform .2s var(--ease-out), background-color .2s var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}._switch_1xkkb_357[aria-checked=true] ._track_1xkkb_376{border-color:var(--ink);background:var(--ink)}._switch_1xkkb_357[aria-checked=true] ._thumb_1xkkb_388{background:var(--paper);transform:translate(18px)}._keys_1xkkb_411{color:var(--ink-2);font-size:var(--step--1);line-height:2.25;display:none}._keys_1xkkb_411 kbd{vertical-align:middle}@media (hover:hover) and (pointer:fine){._keys_1xkkb_411{display:block}}._notice_1xkkb_428{font-size:var(--step--1);font-weight:600}._notice_1xkkb_428:empty{display:none}._markText_1xkkb_437{font-weight:600}._markActions_1xkkb_441{gap:var(--space-2);flex-wrap:wrap;display:flex}._markButton_1xkkb_264{min-height:48px;font-size:var(--step--1);text-align:left}._quiet_1xkkb_453{min-height:48px;padding:0 var(--space-4);border:1.5px solid var(--rule);font-size:var(--step--1);cursor:pointer;background:0 0;border-radius:999px;font-weight:700}._quiet_1xkkb_453:hover{border-color:var(--ink-2)}._onward_1xkkb_468{align-items:center;gap:var(--space-2);justify-self:start;min-height:44px;font-weight:700;display:inline-flex}._loop_1xkkb_18{min-width:0}._sectionTitle_1xkkb_482{margin-bottom:var(--space-2);font-size:var(--step-2)}._lede_1xkkb_487{margin-bottom:var(--space-4);color:var(--ink-2)}._bars_1xkkb_492{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:6px 0 0;list-style:none;display:grid}._bars_1xkkb_492 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_1xkkb_492 a:hover{transform:translateY(-2px)}._bars_1xkkb_492 li[data-playing] a{transform:translateY(-6px)}._barChord_1xkkb_522{font-size:var(--step-1);font-weight:800;font-stretch:70%;line-height:1}._barNumeral_1xkkb_529{font-size:var(--step--1);font-weight:600}._pager_1xkkb_19{justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--rule);display:flex}._pager_1xkkb_19 a{align-items:center;gap:var(--space-2);min-height:44px;font-weight:800;font-stretch:75%;font-size:var(--step-1);text-decoration:none;display:inline-flex}._pager_1xkkb_19 a:hover span{text-decoration:underline}._pager_1xkkb_19 small{font-size:var(--step--1);color:var(--ink-2);font-weight:600;font-stretch:100%;display:block}._pagerNext_1xkkb_565{text-align:right;margin-left:auto}._legStrip_1xkkb_574{margin:var(--space-1) 0 0;align-items:center;max-width:28rem;padding:0;list-style:none;display:flex}._legStrip_1xkkb_574 li{flex:1 1 0;place-items:center;min-width:0;display:grid;position:relative}._legStrip_1xkkb_574 li[data-end] a{width:24px}._legStrip_1xkkb_574 li:before{content:"";background:var(--ink-2);height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}._legStrip_1xkkb_574 li:first-child:before{left:50%}._legStrip_1xkkb_574 li[data-end]{flex:none}._legStrip_1xkkb_574 li[data-end]:before{right:50%}._legStrip_1xkkb_574 a{place-items:center;width:100%;max-width:44px;height:44px;display:grid;position:relative}._legStrip_1xkkb_574 a span{border:2px solid var(--ink-2);background:var(--ground);width:14px;height:14px;transition:transform .2s var(--ease-out);border-radius:50%}._legStrip_1xkkb_574 a:hover span{transform:scale(1.2)}._legStrip_1xkkb_574 li[data-marked] a span{border-color:var(--ink);background:var(--ink)}._legStrip_1xkkb_574 li[data-current] a span{background:var(--ink);outline:2px solid var(--ink);outline-offset:3px;border:0;border-radius:4px;width:22px;height:22px}._legStrip_1xkkb_574 li[data-end] a span{background:var(--ink);border:0;border-radius:2px;width:5px;height:26px}._packs_1xkkb_77[data-single]{grid-template-columns:minmax(0,1fr)}@media (width>=600px){._packs_1xkkb_77[data-single]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}._patternRow_1xkkb_674{gap:var(--space-2);display:grid}._patternName_1xkkb_679{font-size:var(--step--1);gap:2px;display:grid}._patternName_1xkkb_679 strong{word-spacing:.1em;font-size:var(--step-1);font-weight:800;font-stretch:75%;line-height:1.1}._patternName_1xkkb_679 span{color:var(--ink-2)}._board_1xkkb_17[data-focus=rhythm] ._patternRow_1xkkb_674{--strip-cell:var(--ground);padding:var(--space-3);border-radius:var(--radius);background:var(--paper)}._mainControls_1xkkb_256[data-single]{grid-template-columns:minmax(0,1fr)}._scaleBoard_1xkkb_709{align-items:stretch;gap:var(--space-3);grid-template-columns:minmax(0,3fr) minmax(0,2fr);display:grid}._scaleCard_1xkkb_716{grid-template-rows:auto auto 1fr;min-width:0;display:grid}._scaleLabel_1xkkb_722{justify-content:space-between;gap:var(--space-2);max-width:none;padding:var(--space-3) var(--space-4) 0;border-radius:var(--radius) var(--radius) 0 0;background:var(--fam);color:var(--on-fam);font-weight:700;display:flex}._scaleName_1xkkb_734{max-width:none;padding:var(--space-2) var(--space-4) var(--space-4);background:var(--fam);color:var(--on-fam);letter-spacing:-.01em;word-spacing:.1em;font-size:clamp(2.2rem,10vw,3.4rem);font-weight:900;font-stretch:62%;line-height:.9}@media (width<=959px){._scaleName_1xkkb_734{font-size:var(--step-3)}._scaleBoard_1xkkb_709 ._pack_1xkkb_77 ._symbol_1xkkb_123{font-size:clamp(2.2rem,10vw,3.4rem)}._scaleBoard_1xkkb_709 ._packStage_1xkkb_168 svg{max-width:120px}._scaleBoard_1xkkb_709 ._packName_1xkkb_151{font-size:var(--step--1)}}._scaleStage_1xkkb_766{padding:var(--space-3) var(--space-4);border-radius:0 0 var(--radius) var(--radius);background:var(--paper);place-items:center;display:grid}._scaleStage_1xkkb_766 svg{max-width:260px}._scaleNow_1xkkb_778{min-height:1.5em;color:var(--ink-2);font-size:var(--step--1);font-weight:600}._uses_1xkkb_785{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));margin:0;padding:0;list-style:none;display:grid}._uses_1xkkb_785 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}._uses_1xkkb_785 a:hover{transform:translateY(-2px)}._remix_1xkkb_811{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-1);font-size:var(--step--1);text-underline-offset:3px;justify-self:start;font-weight:700;display:inline-flex}