@font-face{font-family:EB Garamond Variable;font-style:italic;font-display:swap;font-weight:400 800;src:url(/assets/eb-garamond-cyrillic-ext-wght-italic-Ba0fXTjv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:EB Garamond Variable;font-style:italic;font-display:swap;font-weight:400 800;src:url(/assets/eb-garamond-cyrillic-wght-italic-Cini1BOa.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:EB Garamond Variable;font-style:italic;font-display:swap;font-weight:400 800;src:url(/assets/eb-garamond-greek-ext-wght-italic-nvsmRjVx.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:EB Garamond Variable;font-style:italic;font-display:swap;font-weight:400 800;src:url(/assets/eb-garamond-greek-wght-italic-Dc0bJcw6.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:EB Garamond Variable;font-style:italic;font-display:swap;font-weight:400 800;src:url(/assets/eb-garamond-vietnamese-wght-italic-2ii8blLS.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:EB Garamond Variable;font-style:italic;font-display:swap;font-weight:400 800;src:url(/assets/eb-garamond-latin-ext-wght-italic-CYvIfuu9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EB Garamond Variable;font-style:italic;font-display:swap;font-weight:400 800;src:url(/assets/eb-garamond-latin-wght-italic-AvGrCMCN.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.entry,.entry-done,.entry-steps{--gap:clamp(13px, 2.1vh, 20px)}.entry{min-height:calc(100svh - var(--nav-height));grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.entry__score{min-width:0;padding-block:clamp(24px,4vh,56px) clamp(16px,3vh,32px);padding-left:var(--margin);grid-template-rows:1fr auto auto;row-gap:clamp(16px,2.6vh,32px);display:grid}.entry__pitch{align-self:center;gap:clamp(16px,3vh,32px);padding-right:clamp(20px,3.4vw,64px);display:grid}.entry__title{font-size:clamp(3rem,min(7.2vw,13.5vh),9rem);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);text-wrap:balance;margin:0;line-height:.94}.entry__lede{max-width:44ch;color:var(--white-platinum);margin:0;font-size:clamp(1.1rem,.95rem + .55vw,1.5rem);line-height:1.32}.entry__foot{justify-content:space-between;align-items:flex-end;gap:24px;padding-right:clamp(20px,3.4vw,64px);display:flex}.entry__caption{max-width:46ch;color:var(--on-ink-muted);font-size:var(--small);margin:0;line-height:1.4}.entry__foot .scroll-cue{flex:none;position:static;translate:none}.staff-lines{inset:var(--gap) 0 auto;grid-auto-rows:var(--gap);height:calc(var(--gap) * 4);pointer-events:none;display:grid;position:absolute}.staff-lines__line{opacity:.55;background:currentColor;height:1px;display:block}.anacrusis{margin-top:calc(var(--gap) * 2);height:calc(var(--gap) * 7);align-items:flex-start;display:flex;position:relative}.anacrusis svg{fill:currentColor;width:auto;height:100%;display:block;overflow:visible}.anacrusis__signs{flex:none}.anacrusis__music{height:100%;color:var(--white-platinum);flex:none;margin-left:auto}.anacrusis__stem{stroke:currentColor;stroke-width:1.8px}.anacrusis__note[data-last]{color:var(--action-bright)}.anacrusis__slur{fill:none;stroke:var(--action-bright);stroke-width:1.6px;stroke-dasharray:1;stroke-dashoffset:0}.anacrusis__bar{width:2px;height:calc(var(--gap) * 4 + 1px);margin-top:var(--gap);background:currentColor;flex:none}.entry__panel{--action:var(--ink);--action-strong:#1d2527;--on-action:var(--on-ink);--focus:var(--on-action-bright);min-width:0;padding:clamp(24px, 5vh, 64px) var(--margin) clamp(24px, 5vh, 64px) clamp(24px, 3.4vw, 64px);background:var(--action-bright);color:var(--on-action-bright);grid-template-rows:1fr auto;row-gap:clamp(20px,4vh,48px);display:grid}.entry__emblem{align-self:start;width:clamp(88px,21vh,220px);height:auto;overflow:visible}.waitlist--action{max-width:30rem}.waitlist--action .waitlist__input{border-bottom-color:currentColor}.waitlist--action .waitlist__input::placeholder{color:#0d4a4c}.waitlist--action .waitlist__input:hover,.waitlist--action .waitlist__input:focus-visible{border-bottom-color:var(--on-action-bright)}.waitlist--action .waitlist__input:focus-visible{box-shadow:0 1px 0 0 var(--on-action-bright)}.waitlist--action .waitlist__input[aria-invalid=true]{border-bottom-color:#8a0f09}.waitlist--action .waitlist__consent input{accent-color:var(--ink)}.waitlist--action .waitlist__consent input[aria-invalid=true]{outline-color:#8a0f09}.waitlist--action .waitlist__message--error{color:#8a0f09;font-weight:600}.waitlist--closed .waitlist__input:disabled,.waitlist--closed .waitlist__submit:disabled,.waitlist--closed .waitlist__consent input:disabled,.waitlist--closed .waitlist__consent label{cursor:not-allowed}.waitlist--closed .waitlist__message{max-width:24em;letter-spacing:var(--tracking-display);margin:8px 0 0;font-size:clamp(1.2rem,1rem + .7vw,1.65rem);line-height:1.15}.entry-steps{min-height:calc(100svh - var(--nav-height));padding-block:clamp(48px,8vh,96px);padding-inline:var(--margin);scroll-margin-top:var(--nav-height);align-content:center;row-gap:clamp(32px,6vh,72px);display:grid}.entry-steps__title{margin:0}.entry-steps__list{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.entry-step{align-content:start;min-width:0;display:grid}.measure{height:calc(var(--gap) * 6);color:var(--on-paper);position:relative}.measure__bar{top:var(--gap);width:1px;height:calc(var(--gap) * 4 + 1px);background:currentColor;position:absolute;left:0}.entry-step:last-child .measure:after{content:"";top:var(--gap);width:6px;height:calc(var(--gap) * 4 + 1px);border-left:1px solid;border-right:3px solid;position:absolute;right:0}.measure__motif{width:auto;height:100%;position:absolute;top:0;left:50%;overflow:visible;translate:-50%}.measure__note{fill:var(--on-paper)}.measure__stem{stroke:var(--on-paper);stroke-width:1.8px}.measure__ring,.measure__check{fill:none;stroke:var(--action);stroke-dasharray:1;stroke-dashoffset:0}.measure__ring{stroke-width:2.4px}.measure__check{stroke-width:4px}.measure__wave{fill:var(--action)}.entry-step__head{padding-right:var(--gutter);align-items:center;gap:14px;margin-top:clamp(20px,3.4vh,36px);display:flex}.entry-step__head h3{font-size:clamp(1.35rem,1.05rem + .9vw,2.1rem);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);margin:0;line-height:1.05}.entry-step__text{max-width:34ch;padding-right:var(--gutter);color:var(--on-paper-muted);margin:14px 0 0;line-height:1.42}.entry-done{--focus:var(--on-action-bright);min-height:calc(100svh - var(--nav-height));background:var(--ink);color:var(--on-action-bright);display:grid;position:relative}.entry-done__field{background:var(--action-bright);position:absolute;inset:0}.entry-done__body{min-width:0;padding:clamp(24px, 5vh, 64px) var(--margin);grid-template-columns:minmax(0,1fr);align-content:center;row-gap:clamp(20px,4vh,48px);display:grid;position:relative}.entry-done__title{font-size:clamp(3.2rem,min(10vw,19vh),13rem);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);margin:0;line-height:.94}.entry-done__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.entry-done__text{max-width:34ch;margin:0;font-size:clamp(1.15rem,1rem + .5vw,1.5rem);line-height:1.3}.entry-done__cta{background:var(--ink);min-height:52px;color:var(--on-ink);transition:background-color .25s var(--ease-out);align-items:center;padding:0 24px;font-weight:700;text-decoration:none;display:inline-flex}.entry-done__cta:hover{background:#1d2527}.anacrusis--resolved .anacrusis__music{color:inherit;margin-left:clamp(8px,4vw,96px)}.anacrusis--resolved .anacrusis__note[data-last]{color:inherit}.anacrusis--resolved .anacrusis__slur{stroke:currentColor}.anacrusis__first{flex:none}.anacrusis__ring,.anacrusis__check{fill:none;stroke:currentColor;stroke-dasharray:1;stroke-dashoffset:0}.anacrusis__ring{stroke-width:2.4px}.anacrusis__check{stroke-width:5px}@media (width<=860px){.entry{grid-template-columns:minmax(0,1fr)}.entry__score{grid-template-rows:auto auto auto;padding-block:32px 24px}.entry__panel{padding:32px var(--margin) 40px;grid-template-rows:auto auto}.entry__title{font-size:clamp(3rem,15vw,6rem)}.entry__foot{flex-direction:column;align-items:stretch}.entry__foot .scroll-cue{align-self:center}.entry-steps__list{grid-template-columns:minmax(0,1fr);row-gap:40px}.entry-step .measure:after{content:"";top:var(--gap);width:1px;height:calc(var(--gap) * 4 + 1px);background:currentColor;position:absolute;right:0}.entry-step:last-child .measure:after{background:0 0;width:6px}.anacrusis--resolved .anacrusis__signs{display:none}.anacrusis--resolved .anacrusis__music{margin-left:0}}.try{min-height:calc(100svh - var(--nav-height));scroll-margin-top:var(--nav-height);--score-editor-accent:var(--on-paper);--score-editor-label-bg:var(--ink);--score-editor-label-fg:var(--on-ink);--score-editor-playing:var(--on-paper);--score-editor-scan:var(--on-paper);--score-editor-figure-font:var(--font);--score-editor-ease:var(--ease-out);padding-block:clamp(12px,2vh,40px) clamp(40px,6vh,96px)}.try__layout{align-items:start;row-gap:clamp(10px,1.6vh,32px)}.try__tabs{max-width:calc(1280px + 2 * var(--margin));padding-inline:var(--margin);justify-content:center;margin:0 auto clamp(10px,1.6vh,28px);display:flex}.try__tab{border:1px solid var(--on-paper);min-height:52px;color:var(--on-paper);font:inherit;cursor:pointer;background:0 0;border-radius:0;flex:0 18rem;padding:0 20px;font-size:1.125rem;font-weight:600}.try__tab+.try__tab{border-left:0}@media (width<=480px){.try__tab{padding:0 10px;font-size:1rem}}.try__tab:hover:not([aria-selected=true]){background:#0e0e0f0f}.try__tab[aria-selected=true]{background:var(--on-paper);color:var(--paper)}.try__intro{text-align:center;max-width:44rem;color:var(--on-paper-muted);grid-column:1/-1;margin:0 auto}@media (height<=900px){.try__intro{display:none}}.try__setup{border-bottom:1px solid var(--on-paper);flex-wrap:wrap;grid-column:1/-1;gap:16px 24px;padding-bottom:clamp(12px,2vh,24px);display:flex}.try__setup label{font-size:var(--small);font-weight:600;font-stretch:var(--stretch-label);color:var(--on-paper-muted);gap:6px;display:grid}.try__setup select{border:1px solid var(--on-paper);min-width:11rem;min-height:44px;color:var(--on-paper);font:inherit;background:0 0;border-radius:0;padding:0 12px;font-size:1rem;font-weight:500;font-stretch:100%}.try__setup:has(+.try__choices){border-bottom:0;padding-bottom:0}.try__choices{border:0;border-bottom:1px solid var(--on-paper);font-size:var(--small);flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:10px 22px;margin:0;padding:0 0 clamp(12px,2vh,24px);display:flex}.try__choices legend{float:left;font-weight:600;font-stretch:var(--stretch-label);color:var(--on-paper-muted);margin-right:6px;padding:0}.try__choice{color:var(--on-paper);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.try__choice input{width:18px;height:18px;accent-color:var(--action);margin:0}.try__choice-cadence{color:var(--on-paper-muted);align-items:center;gap:8px;display:inline-flex}.try__choice-cadence select{border:1px solid var(--on-paper);min-height:36px;color:var(--on-paper);font:inherit;background:0 0;border-radius:0;padding:0 10px}.try__key-note{text-align:center;font-size:var(--small);color:var(--action);grid-column:1/-1;margin:0}.try__score{min-width:0;scroll-margin-top:calc(var(--nav-height) + 16px);grid-column:1/9}.try__results{grid-column:9/13;position:sticky;top:24px}.try__results:focus{outline:none}.try__results-title{letter-spacing:.02em;color:var(--on-paper-muted);margin-bottom:12px;font-size:clamp(1.05rem,.95rem + .25vw,1.3rem);font-weight:600}.try-toolbar__status{font-weight:700;font-stretch:var(--stretch-label);margin-bottom:12px}.try-toolbar__groups{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.try-toolbar__group{display:flex}.try-toolbar__group button{border:1px solid var(--on-paper);min-width:44px;min-height:44px;color:var(--on-paper);font-weight:700;font-stretch:var(--stretch-label);cursor:pointer;transition:background-color .2s var(--ease-out), color .2s var(--ease-out);background:0 0;border-radius:0;padding:0 12px}.try-toolbar__group button+button{border-left:0}.try-toolbar__group button:hover{background:#0e0e0f0f}.try-toolbar__group button[aria-pressed=true]{background:var(--on-paper);color:var(--paper)}.try-toolbar__group button:disabled{opacity:.35;cursor:not-allowed}.try-toolbar__glyph{place-items:center;padding:0 7px;display:inline-grid}.try-toolbar__glyph-icon{display:block;overflow:visible}.try .score-editor__scroller{border-top:1px solid var(--on-paper);border-bottom:1px solid var(--on-paper)}.try__actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.try__generate{border:2px solid var(--on-paper);min-height:52px;color:var(--on-paper);font-size:1.0625rem;font-weight:700;font-stretch:var(--stretch-label);cursor:pointer;transition:background-color .25s var(--ease-out), color .25s var(--ease-out), transform .1s var(--ease-out);background:0 0;border-radius:0;padding:0 24px}.try__generate:hover:not(:disabled){background:var(--on-paper);color:var(--paper)}.try__generate:disabled{opacity:.4;cursor:not-allowed}.try__generate-group{display:flex}.try__regenerate{align-items:center;gap:10px;display:inline-flex}.try__regenerate svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square}@media (prefers-reduced-motion:no-preference){.try__regenerate-spin{animation:try-spin .6s var(--ease-out)}}@keyframes try-spin{to{transform:rotate(360deg)}}.try__listen{gap:0;margin-right:auto;display:flex}.try__listen .try__generate[aria-pressed=true]{background:var(--on-paper);color:var(--paper)}.try__tempo select{border:2px solid var(--on-paper);min-height:52px;color:var(--on-paper);cursor:pointer;background:0 0;border-left:0;border-radius:0;padding:0 12px;font-size:1rem;font-weight:600}.try__generated{color:var(--on-paper-muted);text-align:right;margin:12px 0 0;font-size:.95rem}.try__generated strong{color:var(--on-paper);letter-spacing:.02em;font-weight:700}.try__correct{background:var(--action);min-height:52px;color:var(--on-action);font-size:1.0625rem;font-weight:700;font-stretch:var(--stretch-label);cursor:pointer;transition:background-color .25s var(--ease-out), transform .1s var(--ease-out);border:0;border-radius:0;padding:0 32px}.try__correct:hover{background:var(--action-strong)}.try__correct:focus-visible{outline-color:var(--on-paper)}.try__help{color:var(--on-paper-muted);margin-top:24px;font-size:.95rem}.try__help summary{cursor:pointer;color:var(--on-paper);font-weight:600}.try__help ul{margin:12px 0 0;padding-left:1.2em}.try__help li+li{margin-top:6px}.results__hint,.results__note,.results__stale{color:var(--on-paper-muted);font-size:.95rem}.results__stale{border-top:1px solid var(--on-paper);border-bottom:1px solid var(--on-paper);color:var(--on-paper);margin-bottom:16px;padding:12px 0;font-weight:600}.results--stale .results__list,.results--stale .results__empty{opacity:.8}.results__count{font-size:var(--small);font-weight:700;font-stretch:var(--stretch-label);margin-bottom:8px}.results__list{border-top:1px solid var(--on-paper);margin:0 0 20px;padding:0;list-style:none}.results__item{cursor:default;transition:background-color .2s var(--ease-out);border-bottom:1px solid #0e0e0f2e;grid-template-columns:22px 1fr;gap:12px;padding:14px 0;display:grid}.results__item:focus-visible{outline:2px solid var(--action);outline-offset:2px}.results__item--active{background:#e3241b0f}.results__mark{border:2px solid var(--red);border-radius:50%;width:18px;height:18px;margin-top:3px}.results__title{font-weight:700;font-stretch:var(--stretch-label)}.results__repeated{font-weight:400;font-size:var(--small);color:var(--on-paper-muted);margin-left:8px}.results__tag{vertical-align:1px;border:1px solid var(--on-paper-muted);color:var(--on-paper-muted);margin-left:8px;padding:1px 6px;font-size:.75rem;font-weight:600}.results__explanation{margin-top:4px}.results__where{font-size:var(--small);color:var(--on-paper-muted);margin-top:4px}.results__rule{min-height:36px;color:var(--action);font-size:var(--small);text-underline-offset:.25em;align-items:center;gap:8px;margin-top:6px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.results__rule svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:14px;height:9px;transition:translate .3s var(--ease-out)}.results__rule:hover svg,.results__rule:focus-visible svg{translate:4px}.results__empty{border-top:1px solid var(--on-paper);border-bottom:1px solid var(--on-paper);color:var(--on-paper-muted);margin-bottom:20px;padding:16px 0}.results__empty-title{color:var(--on-paper);margin-bottom:4px;font-weight:700}.results__rules{font-size:var(--small);color:var(--on-paper-muted);margin-top:24px}.results__rules-title{color:var(--on-paper);margin-bottom:8px;font-weight:700}.results__rules ul{margin:0 0 8px;padding:0;list-style:none}.results__rules li+li{margin-top:4px}.results__source{margin-top:8px}.route-loading{padding:48px var(--margin);color:var(--on-ink-muted)}@media (width<=860px){.try__results{position:static}}.results__ref{color:var(--on-paper-faint);font-size:.8rem;display:block}.results__severity{letter-spacing:.04em;text-transform:uppercase;vertical-align:.1em;margin-right:8px;padding:1px 6px;font-size:.75rem;font-weight:700;display:inline-block}.results__severity--error{background:var(--red);color:#fff}.results__severity--warning{border:1px solid var(--on-paper);color:var(--on-paper)}.try__given{border-left:1px solid var(--on-paper);background:color-mix(in srgb, var(--on-paper) 4%, transparent);grid-column:1/-1;justify-self:center;width:100%;max-width:720px;padding:16px}.try__given-instructions{margin:0 0 12px;font-weight:600}.try__given-figures{flex-direction:column;gap:6px;font-size:.875rem;font-weight:600;display:flex}.try__given-figures input{border:1px solid var(--on-paper);background:var(--paper);min-height:44px;color:var(--on-paper);font-family:var(--font);letter-spacing:.04em;border-radius:0;padding:0 12px;font-size:1.05rem}.try__given-figures input[aria-invalid=true]{border-color:var(--red)}.try__given-hint{color:var(--on-paper-muted);margin:8px 0 0;font-size:.85rem}@keyframes try-settle{0%{opacity:0;transform:translateY(-6px)}}@keyframes try-fade{0%{opacity:0}}@keyframes try-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.try__generate,.try__correct{position:relative;overflow:hidden}.try__generate:active:not(:disabled),.try__correct:active{transform:translateY(1px)}.try__generate[aria-busy=true]{cursor:progress}.try__generate:disabled[aria-busy=true]{opacity:1}.try__generate:not(.try__listen-button)[aria-busy=true]:after{content:"";background:currentColor;width:40%;height:3px;animation:.9s cubic-bezier(.65,0,.35,1) infinite try-busy,.12s linear .15s backwards try-fade;position:absolute;bottom:0;left:0}@keyframes try-busy{0%{transform:translate(-100%)}to{transform:translate(250%)}}.computing{--cycle:2.4s;--space:11px;z-index:4;background:color-mix(in srgb, var(--paper) 93%, transparent);cursor:progress;animation:computing-in .24s var(--ease-out) .3s backwards;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}@keyframes computing-in{0%{opacity:0}}.computing__staff{width:calc(var(--space) * 17);height:calc(var(--space) * 4 + 1px);position:relative}.computing__line{left:0;right:0;top:calc(var(--line) * var(--space));background:var(--on-paper);opacity:.55;height:1px;position:absolute}.computing__note{left:calc(var(--space) * (3 + var(--chord) * 4.6));top:calc((8 - var(--step)) * var(--space) / 2 - var(--space) * .42);width:calc(var(--space) * 1.32);height:calc(var(--space) * .84);background:var(--on-paper);opacity:0;animation:computing-note var(--cycle) var(--ease-out) infinite backwards;animation-delay:calc(var(--chord) * .45s + var(--voice) * 90ms);border-radius:50%;position:absolute;rotate:-20deg}@keyframes computing-note{0%{opacity:0;transform:translateY(-9px)}8%,62%{opacity:1;transform:none}76%,to{opacity:0;transform:none}}.computing__pen{left:0;top:calc(var(--space) * -1);width:2px;height:calc(var(--space) * 6 + 1px);background:var(--action);opacity:0;animation:computing-pen var(--cycle) cubic-bezier(.45, 0, .55, 1) infinite;position:absolute}@keyframes computing-pen{0%{opacity:0;transform:translate(22px)}6%{opacity:1}58%{opacity:1;transform:translate(165px)}70%,to{opacity:0;transform:translate(165px)}}.computing__text{text-align:center;justify-items:center;gap:2px;margin:0;display:grid}.computing__title{color:var(--on-paper);font-weight:600}.computing__detail{font-size:var(--small);color:var(--on-paper-muted);font-style:italic}@media (prefers-reduced-motion:reduce){.computing__note{opacity:1;animation:none}.computing__pen{display:none}}.try__listen-button:after{content:"";height:3px;transform:scaleX(var(--progress,0));transform-origin:0;opacity:0;transition:transform .25s var(--ease-out), opacity .3s linear .15s;background:currentColor;position:absolute;bottom:0;left:0;right:0}.try__listen-button[aria-busy=true]:after{opacity:1;transition:transform .25s var(--ease-out), opacity .15s linear}.verdict{font-weight:700;font-stretch:var(--stretch-label);animation:try-settle .38s var(--ease-out) both;justify-content:flex-end;align-items:center;gap:10px;margin:14px 0 0;display:flex}.verdict-mark{fill:none;stroke-width:2px;flex:none;overflow:visible}.verdict-mark--clean{stroke:var(--correct)}.verdict-mark--marks{stroke:var(--red)}.verdict-mark--partial{stroke:var(--on-paper-faint)}.verdict-mark__ring{stroke-dasharray:1;transform-box:fill-box;transform-origin:50%;animation:try-draw .52s var(--ease-out) both;rotate:-90deg}.verdict-mark__tick{stroke-dasharray:1;stroke-width:2.5px;stroke-linecap:square;stroke-linejoin:miter;animation:try-draw .3s var(--ease-out) .32s both}.results__empty .verdict-mark{margin-bottom:12px;display:block}.verdict--solved{gap:14px;font-size:clamp(1.15rem,1rem + .4vw,1.4rem)}.verdict-mark__ripple{stroke:var(--correct);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;opacity:0;animation:verdict-ripple .76s var(--ease-out) .56s both}@keyframes verdict-ripple{0%{opacity:.55;scale:1}to{opacity:0;scale:1.9}}.results__item{animation:try-settle .32s var(--ease-out) both;animation-delay:calc(min(var(--i,0), 8) * 40ms)}.results__list,.results__empty{transition:opacity .25s var(--ease-out)}.try__generated,.try__given{animation:try-settle .32s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.verdict,.results__item,.try__generated,.try__given{animation-name:try-fade}.verdict-mark__ring,.verdict-mark__tick{animation:.2s linear both try-fade}.verdict-mark__ripple{display:none}.try__generate:not(.try__listen-button)[aria-busy=true]:after{opacity:.5;width:100%;animation:.2s linear .15s backwards try-fade}.try__generate:active:not(:disabled),.try__correct:active{transform:none}}.try__layout{max-width:calc(1280px + 2 * var(--margin));grid-template-columns:minmax(0,1fr);margin-inline:auto}.try__setup,.try__score,.try__results{grid-column:1/-1}.try__setup,.try-toolbar__groups,.try__actions,.verdict{justify-content:center}.try-toolbar__status,.try__generated,.try__given,.score-editor__scroller{text-align:center}.try__listen{margin-right:0}.try__given{border-left:0;border-top:1px solid var(--on-paper)}.try__given-instructions,.try__given-hint,.try__help{max-width:62ch;margin-inline:auto}.try__help summary{text-align:center}.try__results{justify-self:center;width:100%;max-width:720px;position:static}.try__results-title,.results__count,.results__hint,.results__note,.results__stale,.results__empty{text-align:center}.results__empty .verdict-mark{margin-inline:auto}.corrector-loading{min-height:80svh;color:var(--on-paper-muted);place-items:center;display:grid}.generate-panel{border-bottom:1px solid var(--on-paper);width:min(760px,100%);color:var(--on-paper);grid-column:1/-1;justify-self:center;padding-bottom:24px}.generate-panel form{gap:20px;display:grid}.generate-panel__title{font-size:var(--h3);font-weight:var(--weight-display);line-height:1.1}.generate-panel__field{font-size:var(--small);color:var(--on-paper-muted);gap:6px;font-weight:600;display:grid}.generate-panel__field input,.generate-panel__field select{border:1px solid var(--on-paper);min-height:44px;color:var(--on-paper);font:inherit;background:0 0;border-radius:0;padding:0 12px;font-size:1rem;font-weight:500}.generate-panel__field input{letter-spacing:.02em;font-size:1.125rem}.generate-panel__field input[aria-invalid=true]{border-color:var(--red)}.generate-panel__field select:disabled{opacity:.55}.generate-panel__hint{font-style:italic;font-weight:400}.sequence-builder{gap:12px;margin-top:-8px;display:grid}.sequence-builder__keys{gap:8px;display:grid}.sequence-builder__group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sequence-builder__label{min-width:4.5em;font-size:var(--small);color:var(--on-paper-muted);font-weight:600}.sequence-builder button{border:1px solid var(--on-paper);min-width:40px;min-height:38px;color:var(--on-paper);font:inherit;cursor:pointer;background:0 0;border-radius:0;padding:0 10px;font-size:1rem;font-weight:600}.sequence-builder button:hover:not(:disabled){background:#0e0e0f0f}.sequence-builder button[aria-pressed=true]{background:var(--on-paper);color:var(--paper)}.sequence-builder button:disabled{opacity:.4;cursor:not-allowed}.sequence-builder__figure{align-items:center;gap:8px;margin-right:auto;display:flex}.sequence-builder__figure select{border:1px solid var(--on-paper);min-height:38px;color:var(--on-paper);font:inherit;background:0 0;border-radius:0;padding:0 10px;font-size:1rem}.sequence-builder__degrees{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.sequence-builder .sequence-builder__degree{justify-content:center;align-items:center;gap:2px;min-height:52px;font-size:1.25rem;display:inline-flex}.sequence-builder .sequence-builder__degree+.sequence-builder__degree{border-left:0}.sequence-builder__secondary{grid-template-columns:auto repeat(5,minmax(0,1fr));align-items:center;display:grid}.sequence-builder__secondary .sequence-builder__label{min-width:0;padding-right:10px}.sequence-builder .sequence-builder__secondary .sequence-builder__degree{min-height:44px;font-size:1.05rem}.sequence-builder__of{font-size:.8em}.sequence-builder__status{font-size:var(--small);color:var(--on-paper-muted);margin:0}.sequence-builder__stack{vertical-align:middle;flex-direction:column;font-size:.7rem;line-height:1;display:inline-flex}.sequence-builder__keys .sequence-builder__stack{font-size:.85rem}.sequence-builder__stack .is-struck{text-decoration:line-through}.sequence-builder__bars{border-left:2px solid var(--on-paper);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sequence-builder__bar{border-right:1px solid var(--on-paper);border-top:1px solid var(--on-paper-faint);border-bottom:1px solid var(--on-paper-faint);flex:160px;align-items:center;gap:6px;min-height:56px;padding:8px 10px;display:flex}.sequence-builder .sequence-builder__chip{border-color:var(--on-paper-faint);align-items:center;gap:2px;min-height:40px;font-size:1.125rem;display:inline-flex}.sequence-builder__chip[data-state=warning]{border-color:var(--red);color:var(--red)}.sequence-builder__chip[data-state=invalid]{border-style:dashed;border-color:var(--red);color:var(--red)}.sequence-builder__presets{flex-wrap:nowrap}.sequence-builder__presets button{white-space:nowrap;padding:0 8px;font-size:.95rem}@media (width<=720px){.sequence-builder__presets{flex-wrap:wrap}}.sequence-builder__note,.sequence-builder__warnings{font-size:var(--small);color:var(--on-paper-muted);margin:0;font-style:italic}.sequence-builder__warnings{gap:4px;padding:0;list-style:none;display:grid}.sequence-builder__warnings [data-kind=problem]{color:var(--red);font-style:normal}.generate-panel__row{grid-template-columns:2fr 1fr 1.4fr;gap:12px;display:grid}.generate-panel__options{border:0;border-top:1px solid var(--on-paper);gap:12px;margin:0;padding:16px 0 0;display:grid}.generate-panel__options legend{font-size:var(--small);color:var(--on-paper-muted);padding:0 0 4px;font-weight:600}.generate-panel__options:disabled{opacity:.55}.generate-panel__check{align-items:center;gap:10px;min-height:32px;font-size:1rem;display:flex}.generate-panel__check input{width:18px;height:18px;accent-color:var(--action)}.generate-panel__check--soon{color:var(--on-paper-faint)}.generate-panel__soon{border:1px solid var(--on-paper-faint);padding:1px 6px;font-size:.75rem}.generate-panel__actions{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.generate-panel__actions .try__correct:disabled{opacity:.45;cursor:not-allowed}@media (width<=560px){.generate-panel__row{grid-template-columns:minmax(0,1fr)}}.results__cadence{border-left:3px solid var(--action);background:color-mix(in srgb, var(--action) 6%, transparent);animation:game-rise .42s var(--ease-out) .3s both;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:18px 0 0;padding:10px 14px;display:flex}.results__cadence-label{font-size:var(--small);letter-spacing:.06em;text-transform:uppercase;color:var(--action);font-weight:700}.results__cadence-source{font-size:var(--small);color:var(--on-paper-muted);margin-left:auto;font-style:italic}@media (prefers-reduced-motion:reduce){.results__cadence{animation:none}}.page-error{text-align:center;align-content:center;gap:18px}.tools__workspace{max-width:calc(1280px + 2 * var(--margin));padding-inline:var(--margin);gap:clamp(20px,2.4vw,32px);margin:0 auto;display:grid}.tools__intro{text-align:center;text-wrap:balance;max-width:44rem;color:var(--on-paper-muted);margin:0 auto;font-style:italic}.tools__stage{grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px;min-width:0;display:grid}.tools__stage .score-editor{width:100%}.tools__stage .score-editor__scroller,.tools__transport .score-editor__scroller{text-align:center;border:0}.tools__stage .try-toolbar__groups{justify-content:center;margin-bottom:0}.tools__panels{border-top:1px solid var(--on-paper);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(4px,1vw,16px);padding-top:clamp(20px,2.4vw,32px);display:grid}.tools__panels>*{min-width:0}.tools__panels>*+*{border-left:1px solid #0b0e0f2e;margin-left:clamp(20px,3vw,48px);padding-left:clamp(20px,3vw,48px)}.tools__panels--single{grid-template-columns:minmax(0,46rem);justify-content:center}.tools__result .try__results-title,.tools__side>.tools__subtitle:first-child,.tools__write>.tools__subtitle:first-child{text-align:left;font-size:var(--small);font-weight:700;font-stretch:var(--stretch-label);letter-spacing:.04em;text-transform:uppercase;color:var(--on-paper-muted);margin:0 0 14px;line-height:1.35}@media (width<=860px){.tools__panels{grid-template-columns:minmax(0,1fr);row-gap:24px}.tools__panels>*+*{border-top:1px solid #0b0e0f2e;border-left:0;margin-left:0;padding-top:24px;padding-left:0}}.tools__head{row-gap:16px;margin-bottom:clamp(28px,4vw,48px)}.tools__title,.tools__lede{text-align:center;grid-column:1/-1}.tools__lede{max-width:40rem;color:var(--on-paper-muted);margin:0 auto}.tools__listen[aria-pressed=true]{color:var(--paper);background:var(--on-paper)!important}.tools__empty{color:var(--on-paper-muted)}.tools__report{gap:4px;line-height:1.45;display:grid}.tools__reading+.tools__reading{border-top:1px solid #0b0e0f2e;margin-top:20px;padding-top:20px}.tools__detail{color:var(--on-paper)}.tools__subtitle{font-size:var(--small);font-weight:700;font-stretch:var(--stretch-label);letter-spacing:.04em;text-transform:uppercase;color:var(--on-paper-muted);margin-top:16px}.tools__list{margin:0;padding:0;list-style:none}.tools__steps{font-variant-numeric:tabular-nums;word-spacing:.1em;font-size:1.25rem}.tools__legend{font-size:var(--small);color:var(--on-paper-muted)}.tools__degrees{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:4px 16px;margin:0;padding:0;list-style:none;display:grid}.tools__degree{min-width:2.2em;font-weight:600;display:inline-block}.tools__write{gap:10px;display:grid}.tools__write .tools__subtitle{margin-top:0}.tools__write-row{flex-wrap:wrap;align-items:end;gap:12px 16px;display:flex}.tools__write label,.tools__keys-setup label{font-size:var(--small);font-weight:600;font-stretch:var(--stretch-label);color:var(--on-paper-muted);gap:6px;display:grid}.tools__write select,.tools__keys-setup select{border:1px solid var(--on-paper);min-width:7.5rem;min-height:44px;color:var(--on-paper);font:inherit;background:0 0;border-radius:0;padding:0 12px;font-size:1rem;font-weight:500}.tools__write .try__generate{min-height:44px}.tools__transport{max-width:calc(1280px + 2 * var(--margin));padding-inline:var(--margin);gap:clamp(24px,3vw,40px);margin:0 auto;display:grid}.tools__transport-part{border-top:1px solid var(--on-paper);grid-template-columns:minmax(0,1fr);justify-items:center;gap:16px;padding-top:20px;display:grid}.tools__transport-part .tools__subtitle{margin-top:0}.tools__transport label{font-size:var(--small);font-weight:600;font-stretch:var(--stretch-label);color:var(--on-paper-muted);gap:6px;display:grid}.tools__transport select{border:1px solid var(--on-paper);min-width:9rem;min-height:44px;color:var(--on-paper);font:inherit;background:0 0;border-radius:0;padding:0 12px;font-size:1rem;font-weight:500}.tools__transport .try-toolbar__groups{margin-bottom:0}.tools__imported{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.tools__imported .try__generate,.tools__by{min-height:44px}.tools__keys-setup{justify-content:center;align-items:end}.tools__facts{grid-template-columns:auto 1fr;gap:4px 16px;margin:0 0 8px;display:grid}.tools__facts dt{color:var(--on-paper-muted);font-weight:600}.tools__facts dd{margin:0}.tools__chords{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tools__chords li{grid-template-columns:3.2em 1fr;align-items:baseline;display:grid}.tools__chord-notes{font-size:var(--small);color:var(--on-paper-muted);display:block}@media (width<=720px){.tools .try__tabs{flex-wrap:wrap}.tools .try__tab{white-space:nowrap;border-left:1px solid var(--on-paper);flex:auto;margin:0 -1px -1px 0;padding-inline:14px}}.tools{--score-editor-scan:var(--action);overflow-x:clip}.tool-answer{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:clamp(10px,1vw,16px);margin-bottom:10px;display:grid}.tool-answer:not(.tool-answer--found){grid-template-columns:minmax(0,1fr)}.tool-answer__mark{fill:none;width:clamp(30px,2.6vw,42px);height:clamp(30px,2.6vw,42px);stroke:var(--action);stroke-width:2px;overflow:visible}.tool-answer__ring{stroke-dasharray:1;transform-box:fill-box;transform-origin:50%;animation:try-draw .52s var(--ease-out) 60ms both;rotate:-90deg}.tool-answer__tick{stroke-dasharray:1;stroke-width:2.5px;stroke-linecap:square;stroke-linejoin:miter;animation:try-draw .26s var(--ease-out) .38s both}.tool-answer__text{font-size:clamp(1.75rem,1.2rem + 1.6vw,2.9rem);line-height:1;font-weight:var(--weight-display);letter-spacing:var(--tracking-display);text-wrap:balance;margin:0;padding-block:.06em .14em;overflow:hidden}.tool-answer__text>span{animation:tool-answer-rise .6s var(--ease-out) both;display:inline-block}.tool-answer__rule{background:var(--action);transform-origin:0;height:2px;animation:tool-answer-rule .64s var(--ease-out) .14s both;grid-column:1/-1;margin-top:12px}.tool-answer:not(.tool-answer--found) .tool-answer__rule{background:var(--on-paper);height:1px}.tools__report>:not(.tool-answer),.tools__reading>:not(.tool-answer),.tools__result .tool-answer~*{animation:try-settle .32s var(--ease-out) .3s both}@keyframes tool-answer-rise{0%{transform:translateY(105%)}}@keyframes tool-answer-rule{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.tool-answer__text>span,.tool-answer__rule,.tools__report>:not(.tool-answer),.tools__reading>:not(.tool-answer),.tools__result .tool-answer~*,.tool-answer__ring,.tool-answer__tick{animation:.2s linear both try-fade}}.tools__transport-part>.tools__subtitle,.tools__transport-part>.score-editor,.tools__transport-part>.tools__report{justify-self:stretch}.tools__transport-part .tools__write-row,.tools__transport-part .try-toolbar__groups,.tools__imported{justify-content:center}.tools__transport-part>.tools__subtitle,.tools__transport-part .score-editor__scroller{text-align:center}.tools__transport .tools__report{text-align:center;justify-items:center}.tools__transport .tool-answer{grid-template-columns:auto auto;justify-content:center;width:min(100%,46rem)}.tools__side .tools__chords{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:10px 24px}.tools select{appearance:none;cursor:pointer;min-width:6.5rem;transition:box-shadow .2s var(--ease-out);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23111827' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:34px}.tools select:hover{box-shadow:inset 0 0 0 1px var(--on-paper)}.tools select:focus-visible{outline:2px solid var(--action);outline-offset:2px}.tools .try__tabs[data-from] .try__tab[aria-selected=true]{background:linear-gradient(var(--on-paper), var(--on-paper)) no-repeat left / 100% 100%;animation:tools-tab-fill .42s var(--ease-out) both}.tools .try__tabs[data-from=right] .try__tab[aria-selected=true]{background-position:100%}@keyframes tools-tab-fill{0%{color:var(--on-paper);background-size:0% 100%}}.tools .page-cta__link{justify-self:center}@media (prefers-reduced-motion:reduce){.tools .try__tabs[data-from] .try__tab[aria-selected=true],.tools [role=tabpanel]:not([hidden]){animation:.2s linear both try-fade}.tools select{transition:none}}.game{max-width:calc(1280px + 2 * var(--margin));padding-inline:var(--margin);justify-items:center;gap:clamp(16px,2vw,24px);margin:0 auto;display:grid}.game>*{max-width:100%}.game{scroll-margin-top:calc(var(--nav-height) + 12px)}.practice .tools__lede{text-wrap:balance}.practice.try{padding-top:clamp(24px,3vw,44px)}.practice .tools__head{margin-bottom:clamp(20px,2.6vw,32px)}.game__stat-label,.game__facts dt,.game__final-unit{font-size:var(--small);font-weight:700;font-stretch:var(--stretch-label);letter-spacing:.06em;text-transform:uppercase;color:var(--on-paper-muted)}.game__hud{border-bottom:1px solid var(--on-paper);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;width:min(100%,960px);padding-bottom:14px;display:flex}.game__hud-start{justify-items:start;gap:10px;display:grid}.game__home{min-height:32px;color:var(--on-paper-muted);font:inherit;font-size:var(--small);cursor:pointer;transition:color .2s var(--ease-out);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:600;display:inline-flex}.game__home svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:16px;height:10px;transition:translate .3s var(--ease-out)}.game__home:hover{color:var(--on-paper)}.game__home:hover svg{translate:-4px}.game__progress{gap:7px;margin:0;padding:0;list-style:none;display:flex}.game__cell{border:1px solid var(--on-paper);transform-origin:0;width:clamp(18px,2.4vw,30px);height:10px}.game__cell--current{border-color:var(--action);outline:2px solid var(--action);outline-offset:2px}.game__cell--right,.game__cell--wrong{animation:game-cell .42s var(--ease-out) both}.game__cell--right{border-color:var(--action);background:var(--action)}.game__cell--wrong{border-color:var(--red);background:var(--red)}@keyframes game-cell{0%{transform:scaleX(.15)}}.game__stats{align-items:end;gap:clamp(18px,3vw,36px);display:flex}.game__stat{justify-items:end;gap:2px;margin:0;display:grid}.game__stat-value{font-size:clamp(1.6rem,1.2rem + 1.2vw,2.4rem);line-height:1;font-weight:var(--weight-display);font-variant-numeric:tabular-nums lining-nums;align-items:baseline;gap:6px;display:inline-flex}.game__streak .game__stat-value{animation:game-pop .38s var(--ease-out) both}.game__multiplier{color:var(--action);font-size:.6em;font-style:normal;font-weight:700}.game__streak[data-multiplier="4"] .game__multiplier{background:var(--action);color:var(--on-action);padding:0 6px}.game__sound{border:1px solid var(--on-paper);width:44px;height:44px;color:var(--on-paper);cursor:pointer;background:0 0;place-items:center;display:grid}.game__sound svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:22px;height:22px}.game__sound[aria-pressed=false]{color:var(--on-paper-faint)}.game__countdown{min-height:max(420px, calc(100svh - var(--nav-height) - 180px));text-align:center;align-content:center;justify-items:center;gap:0;padding-block:24px 48px;display:grid}.game__count-title{font-size:var(--h2);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);animation:game-count-in .7s var(--ease-out) both;margin:0;line-height:1}.game__count-meta{max-width:40ch;font-size:var(--body);color:var(--on-paper-muted);text-wrap:balance;animation:game-count-in .7s var(--ease-out) .12s both;margin:14px 0 0;font-style:italic}@keyframes game-count-in{0%{opacity:0;transform:translateY(10px)}}.game__count-staff{width:min(360px,82vw);margin-top:8px;overflow:visible}.game__count-staff line{stroke:var(--on-paper);stroke-width:1px;vector-effect:non-scaling-stroke}.game__count-note{fill:var(--on-paper)}.game__count-note--now{fill:var(--action);animation:game-count-note .52s var(--ease-out) both}@keyframes game-count-note{0%{opacity:0;transform:translateY(-14px)}}.game__primary{background:var(--action);min-height:52px;color:var(--on-action);font:inherit;font-size:1.125rem;font-weight:700;font-stretch:var(--stretch-label);cursor:pointer;transition:background-color .25s var(--ease-out), transform .1s var(--ease-out);border:0;padding:0 28px}.game__primary:hover:not(:disabled){background:var(--action-strong)}.game__primary:active:not(:disabled){transform:scale(.97)}.game__primary:disabled{opacity:.4;cursor:default}.game__primary--big{min-height:68px;padding:0 56px;font-size:clamp(1.2rem,1rem + .6vw,1.6rem)}.game__hint{font-size:var(--small);color:var(--on-paper-muted);margin:0}.game__count{place-items:center;height:clamp(150px,20vw,230px);margin-top:clamp(20px,3vw,40px);display:grid}.game__count span{font-size:clamp(6rem,4rem + 8vw,12rem);line-height:1;font-weight:var(--weight-display);font-variant-numeric:lining-nums;color:var(--action);animation:game-count 1s var(--ease-out) both}@keyframes game-count{0%{opacity:0;transform:scale(1.6)}22%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(.97)}to{opacity:.35;transform:scale(.94)}}.game-ready{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4.5vw,72px);width:min(100%,1120px);padding-block:clamp(12px,1.6vw,20px) clamp(16px,2vw,28px);display:grid}.game-ready__demo{border:1px solid var(--on-paper);justify-items:center;gap:12px;margin:0;padding:clamp(28px,3vw,40px) clamp(16px,2.4vw,32px) clamp(20px,2.4vw,32px);display:grid;position:relative}.game-ready__label{background:var(--paper);font-size:var(--small);font-weight:700;font-stretch:var(--stretch-label);letter-spacing:.06em;text-transform:uppercase;color:var(--on-paper-muted);padding:0 10px;position:absolute;top:0;left:clamp(16px,2.4vw,32px);translate:0 -50%}.game-ready__prompt{text-align:center;text-wrap:balance;margin:0;font-size:clamp(1.2rem,1rem + .8vw,1.7rem);line-height:1.15}.game-ready__staff{zoom:.64;width:100%}.game-ready__staff .score-editor{width:100%}.game-ready__staff .score-editor__scroller{text-align:center;border:0}.game-ready__step{font-size:var(--small);color:var(--on-paper-muted);margin:0;font-style:italic}.game-ready__chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,420px);display:grid}.game-ready__chip{border:1px solid var(--on-paper);min-height:44px;animation:game-rise .42s var(--ease-out) calc(.5s + var(--i,0) * 90ms) both;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;font-size:1rem;display:flex}.game-ready__chip .game__mark{width:20px;height:20px}.game-ready__chip--check{animation:game-rise .42s var(--ease-out) calc(.5s + var(--i,0) * 90ms) both, game-ready-pick .36s var(--ease-out) 1.6s both;grid-column:1/-1;justify-self:center;min-width:12rem;font-weight:700}.game-ready__chip--check .game__mark circle{animation-delay:1.75s}.game-ready__chip--check .game__mark polyline{animation-delay:2.05s}@keyframes game-ready-pick{0%{transform:scale(1)}40%{border-color:var(--action);background:var(--action);color:var(--on-action);transform:scale(1.05)}to{border-color:var(--action);background:var(--action);color:var(--on-action);transform:scale(1)}}.game-ready__gain{background:var(--paper);font-variant-numeric:lining-nums;color:var(--action);animation:game-gain .7s var(--ease-out) 2.1s both;margin:0;padding:0 10px;font-size:clamp(1.3rem,1rem + 1vw,2rem);font-weight:700;line-height:1;position:absolute;top:0;right:clamp(16px,2.4vw,32px);translate:0 -50%}.game-ready__side{gap:clamp(16px,2vw,24px);display:grid}.game-ready__intro{color:var(--on-paper-muted);text-wrap:pretty;margin:0;font-style:italic}.game-ready__rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px);margin:0;padding:0;list-style:none;display:grid}.game-ready__rule{border-top:1px solid var(--on-paper);font-size:var(--small);color:var(--on-paper-muted);align-content:start;gap:6px;padding-top:10px;line-height:1.35;display:grid}.game-ready__figure{font-size:clamp(2.6rem,1.8rem + 2.6vw,4.4rem);line-height:.95;font-weight:var(--weight-display);font-variant-numeric:lining-nums;color:var(--on-paper);display:block}.game-ready__rule:nth-child(2) .game-ready__figure{color:var(--action)}.game-ready__levels{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.game-ready__levels legend{font-size:var(--small);font-weight:700;font-stretch:var(--stretch-label);letter-spacing:.06em;text-transform:uppercase;color:var(--on-paper-muted);margin-bottom:10px;padding:0}.game-ready__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.game-ready__cards[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.game-ready__card{border:1px solid var(--on-paper);color:var(--on-paper);font:inherit;text-align:left;cursor:pointer;transition:background-color .25s var(--ease-out), color .25s var(--ease-out), transform .15s var(--ease-out);background:0 0;align-content:start;gap:6px;padding:14px 14px 16px;display:grid}.game-ready__card:hover:not([aria-pressed=true]){box-shadow:inset 0 0 0 1px var(--on-paper)}.game-ready__card:active{transform:scale(.98)}.game-ready__card[aria-pressed=true]{background:var(--on-paper);color:var(--paper)}.game-ready__card-title{font-size:1.05rem;font-weight:700;line-height:1.2}.game-ready__card-hint{font-size:var(--small);color:var(--on-paper-muted);line-height:1.35}.game-ready__card[aria-pressed=true] .game-ready__card-hint{color:var(--on-ink-muted)}.game-ready__start{justify-self:stretch}@media (width<=860px){.game-ready,.game-ready__cards[data-count="3"]{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.game-ready__rules{grid-template-columns:minmax(0,1fr)}.game-ready__rule{grid-template-columns:4.5rem minmax(0,1fr);align-items:baseline}.game-ready__cards{grid-template-columns:minmax(0,1fr)}}.game__stage{justify-items:center;gap:clamp(10px,1.4vw,18px);width:100%;display:grid}.game__prompt{max-width:40ch;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.6rem);line-height:1.08;font-weight:var(--weight-display);letter-spacing:var(--tracking-display);text-align:center;text-wrap:balance;padding-block:.06em .14em;overflow:hidden}.game__prompt>span{display:inline-block}.game__staff{width:100%;position:relative}.game__staff .score-editor{width:100%}.game__staff .score-editor__scroller{text-align:center;border:0}.game__ripple{border:2px solid var(--action);pointer-events:none;width:48px;height:48px;animation:game-ripple .76s var(--ease-out) both;border-radius:50%;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}@keyframes game-ripple{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(7)}}.game__again{min-height:44px;color:var(--on-paper-muted);font:inherit;text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;grid-column:1/-1;justify-self:center;padding:0 8px;text-decoration:underline}.game__again:hover{color:var(--on-paper)}@keyframes game-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes game-shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.game__mark{fill:none;stroke:currentColor;stroke-width:2px;flex:none;width:28px;height:28px;overflow:visible}.game__mark circle,.game__mark polyline,.game__mark path{stroke-dasharray:1}.game__mark circle{transform-box:fill-box;transform-origin:50%;animation:try-draw .46s var(--ease-out) both;rotate:-90deg}.game__mark polyline,.game__mark path{stroke-width:2.5px;stroke-linecap:square;animation:try-draw .24s var(--ease-out) .3s both}.game__verdict{text-align:center;align-content:start;justify-items:center;gap:12px;width:min(100%,780px);min-height:112px;display:grid}.game__verdict-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;margin:0;display:inline-flex}.game__verdict-line--right{color:var(--action)}.game__verdict-line--right .game__mark{width:36px;height:36px}.game__praise{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.4rem);line-height:1;font-weight:var(--weight-display);color:var(--on-paper);animation:game-rise .52s var(--ease-out) both}.game__gain{font-variant-numeric:tabular-nums lining-nums;animation:game-gain .7s var(--ease-out) .12s both;font-size:clamp(1.3rem,1rem + 1vw,2rem);font-weight:700}.game__badge{border:1px solid var(--action);font-size:var(--small);font-weight:700;font-stretch:var(--stretch-label);letter-spacing:.06em;text-transform:uppercase;animation:game-badge .48s var(--ease-out) .26s both;padding:3px 10px}.game__badge--combo{background:var(--action);color:var(--on-action);animation-delay:.36s}@keyframes game-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes game-gain{0%{opacity:0;transform:translateY(18px)scale(.6)}60%{opacity:1;transform:translateY(-4px)scale(1.12)}to{transform:translateY(0)scale(1)}}@keyframes game-badge{0%{opacity:0;transform:scale(.5)}}.game__verdict-line--wrong{max-width:62ch;color:var(--red);text-align:left;animation:game-rise .42s var(--ease-out) both;flex-wrap:nowrap;align-items:start}.game__explanation{color:var(--on-paper);margin:0;font-size:clamp(1.05rem,.98rem + .3vw,1.25rem)}.game__nudge{color:var(--on-paper-muted);margin:0;font-style:italic}.game__next{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;display:flex}.game__next .try__generate{min-height:52px}.game__write{justify-items:center;gap:14px;display:grid}.game__write .try-toolbar__groups{justify-content:center;margin-bottom:0}.game__summary{text-align:center;justify-items:center;gap:clamp(12px,1.6vw,20px);padding-block:clamp(8px,2vw,24px);display:grid}.game__summary-title{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.8rem);font-weight:var(--weight-display);animation:game-rise .6s var(--ease-out) both;margin:0}.game__final{justify-items:center;gap:6px;margin:0;display:grid}.game__final>span:first-child{font-size:clamp(4rem,2.6rem + 7vw,9rem);line-height:.9;font-weight:var(--weight-display);font-variant-numeric:tabular-nums lining-nums;color:var(--action)}.game__progress--summary .game__cell{animation:game-drop .42s var(--ease-out) calc(.3s + var(--i,0) * 70ms) both}@keyframes game-drop{0%{opacity:0;transform:translateY(-14px)}}.game__facts{flex-wrap:wrap;justify-content:center;gap:12px clamp(24px,4vw,56px);margin:4px 0 0;display:flex}.game__facts div{animation:game-rise .5s var(--ease-out) .9s both;gap:2px;display:grid}.game__facts dd{font-variant-numeric:tabular-nums lining-nums;margin:0;font-size:clamp(1.4rem,1.1rem + .9vw,2rem)}.game__record{color:var(--on-paper-muted);animation:game-rise .5s var(--ease-out) 1.1s both;margin:0}.game__record--new{background:var(--action);color:var(--on-action);animation:game-badge .52s var(--ease-out) 1.3s both;padding:4px 12px;font-weight:700}.game-burst{z-index:60;pointer-events:none;width:0;height:0;position:fixed}.game-burst__dot{background:var(--action);border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}.game-burst__dot--ink{background:var(--on-paper)}@media (width<=620px){.game__hud{justify-content:center}}@media (prefers-reduced-motion:reduce){.game__cell--right,.game__cell--wrong,.game__streak .game__stat-value,.game__praise,.game__gain,.game__badge,.game__verdict-line--wrong,.game__summary-title,.game__progress--summary .game__cell,.game__facts div,.game__record,.game__record--new,.game__mark circle,.game__mark polyline,.game__mark path{animation:.2s linear both try-fade}.game__ripple{display:none}.game-ready__chip,.game-ready__chip--check,.game-ready__gain,.game__count span,.game__count-ring{animation:.2s linear both try-fade}.game-ready__chip--check{border-color:var(--action);background:var(--action);color:var(--on-action)}}.builder{grid-template-columns:minmax(0,1.05fr) minmax(0,1.9fr) minmax(0,1.05fr);align-items:start;gap:clamp(16px,2.6vw,40px);width:min(100%,1080px);display:grid}.builder__kind,.builder__pitch{gap:18px;display:grid}.builder__pitch{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px}.builder__col{align-content:start;gap:8px;display:grid}.builder__head{border-bottom:1px solid var(--on-paper);font-size:var(--small);font-weight:700;font-stretch:var(--stretch-label);letter-spacing:.06em;text-transform:uppercase;color:var(--on-paper-muted);margin:0;padding-bottom:6px}.builder__chips{gap:6px;display:grid}.builder__chip{border:1px solid var(--on-paper);background:var(--paper);min-height:42px;color:var(--on-paper);font:inherit;text-align:center;cursor:pointer;transition:background-color .2s var(--ease-out), color .2s var(--ease-out), box-shadow .2s var(--ease-out), transform .12s var(--ease-out);justify-content:center;align-items:center;padding:4px 10px;font-size:1.05rem;line-height:1.15;display:flex}.builder__chip:hover:not(:disabled):not([aria-pressed=true]){box-shadow:inset 0 0 0 1px var(--on-paper);transform:translateY(-1px)}.builder__chip:active:not(:disabled){transform:scale(.96)}.builder__chip[aria-pressed=true]{background:var(--on-paper);color:var(--paper)}.builder__chip:disabled{cursor:default}.builder__chip--accidental{font-size:1.5rem}.builder__ghost{z-index:60;pointer-events:none;background:var(--on-paper);color:var(--paper);margin:0;position:fixed}.builder__answer{justify-items:center;gap:10px;min-width:0;display:grid}.builder__answer .game__staff{zoom:.8;margin-bottom:-6px}.builder__answer>.builder__head{text-align:center;justify-self:stretch}.builder__slot{border:2px solid var(--on-paper);flex-wrap:wrap;place-content:center;align-items:baseline;gap:6px 12px;width:100%;min-height:84px;margin:0;padding:14px 16px;display:flex}.builder__part{color:var(--on-paper-faint);transition:color .3s var(--ease-out);border-bottom:2px dashed #0b0e0f4d;padding:0 4px 2px;font-size:clamp(1.1rem,.9rem + .6vw,1.5rem);font-style:italic}.builder__part--filled{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.6rem);font-style:normal;font-weight:var(--weight-display);color:var(--on-paper);animation:game-pop .36s var(--ease-out) .3s both;border-bottom-color:#0000;line-height:1}.builder__part--small.builder__part--filled{font-size:clamp(1.1rem,.9rem + .6vw,1.5rem)}.builder__part--right{color:var(--action)}.builder__part--wrong{color:var(--red);animation:game-shake .42s var(--ease-out) both;text-decoration:line-through;text-decoration-thickness:2px}.builder__check{min-width:12rem}@media (width<=900px){.builder{grid-template-columns:minmax(0,1fr);gap:16px}.builder__answer{order:-1}.builder__pitch{order:0;grid-template-columns:minmax(0,1fr)}.builder__kind{order:1}.builder__chips{grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr))}.builder__col--notes .builder__chips,.builder__col--accidental .builder__chips{grid-template-columns:repeat(7,minmax(0,1fr))}.builder__col--accidental .builder__chips{grid-template-columns:repeat(3,minmax(0,1fr))}.builder__chip{padding:4px 6px;font-size:1rem}}@media (prefers-reduced-motion:reduce){.builder__part--filled,.builder__part--wrong{animation:.2s linear both try-fade}.builder__chip{transition:none}}.game-ready__build{flex-wrap:wrap;justify-content:center;align-items:end;gap:10px 14px;display:flex}.game-ready__pill{animation:game-rise .42s var(--ease-out) calc(.5s + var(--i,0) * .12s) both;gap:4px;display:grid}.game-ready__pill-head{letter-spacing:.06em;text-transform:uppercase;color:var(--on-paper-muted);font-size:.75rem;font-weight:700}.game-ready__chip--pressed{min-width:5.5rem;animation:game-ready-press .3s var(--ease-out) both;justify-content:center}.game-ready__pill:first-child .game-ready__chip--pressed{animation-delay:1.1s}.game-ready__pill:nth-child(2) .game-ready__chip--pressed{animation-delay:1.45s}@keyframes game-ready-press{0%{transform:scale(1)}40%{transform:scale(.94)}to{background:var(--on-paper);color:var(--paper);transform:scale(1)}}.game-ready__slot{border:2px solid var(--action);min-height:52px;color:var(--action);animation:game-badge .42s var(--ease-out) 1.85s both;align-items:center;gap:10px;padding:6px 16px;font-size:1.4rem;display:inline-flex}.game-ready__slot .game__mark circle{animation-delay:2s}.game-ready__slot .game__mark polyline{animation-delay:2.25s}@media (prefers-reduced-motion:reduce){.game-ready__pill,.game-ready__slot,.game-ready__chip--pressed{animation:.2s linear both try-fade}.game-ready__chip--pressed{background:var(--on-paper);color:var(--paper)}}.builder--interval .builder__pitch{grid-template-columns:minmax(0,1fr)}@media (width<=900px){.builder--interval .builder__col--numbers .builder__chips{grid-template-columns:repeat(5,minmax(0,1fr))}.builder--interval .builder__col--mode .builder__chips{grid-template-columns:repeat(3,minmax(0,1fr))}}.game-options{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.game-options legend{font-size:var(--small);font-weight:700;font-stretch:var(--stretch-label);letter-spacing:.06em;text-transform:uppercase;color:var(--on-paper-muted);margin-bottom:10px;padding:0}.game-options__row{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.game-options__label{min-width:6.5rem;font-weight:600}.game-options__choices{flex-wrap:wrap;display:inline-flex}.game-options__choices button{border:1px solid var(--on-paper);min-height:40px;color:var(--on-paper);font:inherit;cursor:pointer;background:0 0;margin:0 0 -1px -1px;padding:0 12px}.game-options__choices button:first-child{margin-left:0}.game-options__choices button[aria-pressed=true]{background:var(--on-paper);color:var(--paper)}.game-options__choices button:focus-visible,.game-options select:focus-visible{outline:2px solid var(--action);outline-offset:2px}.game-options select{border:1px solid var(--on-paper);background:var(--paper);min-width:5rem;min-height:40px;color:var(--on-paper);font:inherit;padding:0 10px}.game-ready__cards[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.game__preparing{text-align:center;color:var(--on-paper-muted);margin:0;padding:10px 0;font-weight:600}.practice .try__tabs{max-width:calc(1080px + 2 * var(--margin));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.practice .try__tab{border-left:1px solid var(--on-paper);margin:0 0 -1px -1px;padding-block:8px;font-size:1.05rem;line-height:1.2}.practice .try__tab+.try__tab{border-left:1px solid var(--on-paper)}@media (width<=720px){.practice .try__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.practice[data-area=escucha] .try__tabs{max-width:calc(810px + 2 * var(--margin));grid-template-columns:repeat(3,minmax(0,1fr))}.quiz{justify-items:center;gap:clamp(12px,1.6vw,20px);width:min(100%,960px);display:grid}.quiz__staff,.quiz__staff .score-editor{width:100%}.quiz__staff .score-editor__scroller{text-align:center;border:0}.quiz__staff--signature{zoom:1.35}.quiz__listen{border:1px solid var(--on-paper);min-height:40px;color:var(--on-paper);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.quiz__listen svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:18px;height:18px}.quiz__listen:hover{background:color-mix(in srgb, var(--action) 8%, transparent)}.quiz__group{justify-items:center;gap:8px;width:100%;display:grid}.quiz__head{font-size:var(--small);letter-spacing:.08em;text-transform:uppercase;color:var(--on-paper-muted);margin:0;font-weight:700}.quiz__tiles{grid-template-columns:repeat(var(--columns,4), minmax(0, 1fr));gap:10px;width:100%;display:grid}.quiz__tiles[data-count="2"]{--columns:2;max-width:34rem}.quiz__tiles[data-count="3"]{--columns:3;max-width:44rem}.quiz__tiles[data-count="5"],.quiz__tiles[data-count="9"]{--columns:5}.quiz__tiles[data-count="7"]{--columns:7}.quiz__tiles[data-count="8"]{--columns:4}@media (width<=720px){.quiz__tiles,.quiz__tiles[data-count="3"],.quiz__tiles[data-count="8"]{--columns:2}.quiz__tile{min-height:56px}.quiz__tiles[data-count="7"]{--columns:4}.quiz__tiles[data-count="5"],.quiz__tiles[data-count="9"]{--columns:3}}.quiz__tile{border:1px solid var(--on-paper);background:var(--paper);min-height:64px;color:var(--on-paper);font:inherit;text-align:center;cursor:pointer;transition:background-color .2s var(--ease-out), color .2s var(--ease-out), opacity .3s var(--ease-out), transform .12s var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:clamp(1.05rem,1rem + .35vw,1.3rem);line-height:1.15;display:flex;position:relative}.quiz--grados .quiz__group:first-of-type .quiz__tile{font-size:clamp(1.3rem,1.1rem + .8vw,1.8rem);font-weight:600}.quiz__tile:hover:not(:disabled){background:color-mix(in srgb, var(--action) 7%, var(--paper));transform:translateY(-2px)}.quiz__tile:active:not(:disabled){transform:scale(.96)}.quiz__tile:focus-visible{outline:2px solid var(--action);outline-offset:2px}.quiz__tile:disabled{cursor:default}.quiz__key{font-variant-numeric:lining-nums;color:var(--on-paper-faint);font-size:.7rem;font-weight:700;position:absolute;top:4px;left:6px}@media (hover:none){.quiz__key{display:none}}.quiz__tile--picked{background:var(--on-paper);color:var(--paper)}.quiz__tile--answer{border-color:var(--action);background:var(--action);color:var(--on-action)}.quiz__tile--answer .quiz__key{color:color-mix(in srgb, var(--on-action) 70%, transparent)}.quiz__tile--answer .game__mark{width:26px;height:26px}.quiz__tile--answer .game__mark circle,.quiz__tile--answer .game__mark polyline{stroke:var(--on-action)}.quiz__tile--wrong{border-color:var(--red);color:var(--red);animation:game-shake .38s var(--ease-out);text-decoration:line-through;text-decoration-thickness:2px}.quiz__tile--faded{opacity:.38}.quiz__stack{font-variant-numeric:lining-nums;font-size:.9em;line-height:.9;display:inline-grid}.quiz__lesson{border-left:3px solid var(--action);background:color-mix(in srgb, var(--action) 6%, transparent);text-align:left;max-width:44rem;margin:0;padding:12px 18px;line-height:1.45}[data-phase=wrong] .quiz__lesson{border-left-color:var(--red);background:color-mix(in srgb, var(--red) 6%, transparent)}.quiz__rule{color:var(--action);white-space:nowrap;margin-left:10px;font-weight:700;display:inline-block}.quiz__tiles--demo{--columns:4;width:min(100%,30rem)}.quiz__tiles--demo[data-count="7"]{--columns:7}.quiz__tiles--demo .quiz__tile{cursor:default;min-height:44px;padding:6px 8px;font-size:.95rem}.game-ready__staff--hunt{zoom:.8}.game__speed{background:#0e0e0f14;width:min(100%,960px);height:4px;margin-top:-6px;position:relative}.game__speed:before{content:"";background:var(--action);transform-origin:0;animation:game-speed var(--fast,6s) linear both;position:absolute;inset:0}.game__speed-label{color:var(--action);animation:game-speed-label var(--fast,6s) step-end both;font-size:.75rem;font-weight:700;position:absolute;top:8px;right:0}[data-phase=right] .game__speed:before,[data-phase=wrong] .game__speed:before{animation-play-state:paused}@keyframes game-speed{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes game-speed-label{to{opacity:0}}.game__pips{gap:3px;margin-top:4px;display:flex}.game__pip{border:1px solid var(--on-paper);width:9px;height:9px;transition:background-color .25s var(--ease-out)}.game__pip--threshold{border-color:var(--action);border-width:2px}.game__pip--on{background:var(--action);border-color:var(--action);animation:game-pop .32s var(--ease-out) both}.game__stars{gap:14px;margin:0;padding:0;list-style:none;display:flex}.game__star{fill:none;stroke:#0e0e0f40;stroke-width:1.6px;width:clamp(40px,6vw,56px);height:clamp(40px,6vw,56px)}.game__star--on{fill:var(--action);stroke:var(--action);animation:game-star .6s var(--ease-out) both;animation-delay:calc(.7s + var(--i,0) * .26s)}@keyframes game-star{0%{opacity:0;transform:scale(.2)rotate(-40deg)}70%{transform:scale(1.18)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.quiz__tile--wrong,.game__pip--on,.game__star--on{animation:none}.game__speed:before{animation-duration:0s;animation-delay:var(--fast,6s)}}.quiz__staff--ear{position:relative}.quiz__wave{pointer-events:none;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.quiz__wave>span{width:6px;height:calc(18px + 10px * (2 - (var(--i) - 2) * (var(--i) - 2) / 2));background:var(--action);opacity:.85;transform-origin:50%;animation:ear-pulse .7s var(--ease-out) calc(var(--i) * 70ms) 3 both}@keyframes ear-pulse{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.quiz--que-melodia{width:100%}.game:has(.quiz--que-melodia) :is(.game__hud,.game__speed){width:100%}.quiz--que-melodia .quiz__tiles,.quiz__tiles--melodies{--columns:2}.quiz--que-melodia .quiz__tiles[data-wide]{--columns:1}.quiz--que-melodia .quiz__tile,.quiz__tiles--melodies .quiz__tile{padding:8px 10px 4px;overflow:hidden}.quiz__melody{pointer-events:none;width:100%;display:block;overflow:hidden}.quiz__melody .score-editor__scroller{text-align:center;border:0;overflow:hidden}.quiz--que-melodia .quiz__tile--picked,.quiz--que-melodia .quiz__tile--answer,.quiz__tiles--melodies .quiz__tile--answer{background:color-mix(in srgb, var(--action) 8%, var(--paper));color:var(--on-paper);border-color:var(--action);box-shadow:inset 0 0 0 2px var(--action)}.quiz--que-melodia .quiz__tile--answer .game__mark circle,.quiz--que-melodia .quiz__tile--answer .game__mark polyline,.quiz__tiles--melodies .quiz__tile--answer .game__mark circle,.quiz__tiles--melodies .quiz__tile--answer .game__mark polyline{stroke:var(--action)}.quiz--que-melodia .quiz__tile--wrong{box-shadow:inset 0 0 0 2px var(--red);text-decoration:none}.quiz--que-melodia .quiz__tile .game__mark,.quiz__tiles--melodies .quiz__tile .game__mark{position:absolute;top:6px;right:8px}@media (width<=720px){.quiz--que-melodia .quiz__tiles{--columns:1}.quiz__melody .score-editor__scroller{zoom:.8}}.game__stage{grid-template-columns:minmax(0,1fr)}.quiz,.quiz__staff{min-width:0;max-width:100%}.dictation{grid-template-columns:minmax(0,1fr);justify-items:center;gap:clamp(10px,1.4vw,16px);width:min(100%,960px);min-width:0;display:grid}.dictation__score,.dictation__solution,.dictation__toolbar{width:100%;min-width:0}.dictation__score .score-editor__scroller,.dictation__solution .score-editor__scroller{text-align:center}.dictation__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.dictation__listen{flex-wrap:wrap;justify-content:center;display:inline-flex}.dictation__listen .quiz__listen+.quiz__listen,.dictation__listen .dictation__tempo+.quiz__listen{margin-left:-1px}.dictation__tempo select{border:1px solid var(--on-paper);min-height:40px;color:var(--on-paper);font:inherit;cursor:pointer;background:0 0;border-radius:0;margin-left:-1px;padding:0 10px;font-weight:600}.dictation__tempo select:focus-visible{outline:2px solid var(--action);outline-offset:2px}.dictation__check[aria-disabled=true]{opacity:.45}.dictation__solution-title{font-size:var(--small);letter-spacing:.08em;text-transform:uppercase;color:var(--on-paper-muted);text-align:center;margin:0;font-weight:700}@media (prefers-reduced-motion:reduce){.quiz__wave>span{animation:none}}@media (width<=720px){.practice[data-area=escucha] .try__tab{white-space:normal;text-overflow:clip;padding-inline:6px;font-size:.95rem}}.dictation__key{border:1px dashed var(--action);background:color-mix(in srgb, var(--action) 7%, transparent);width:48px;color:var(--action);cursor:pointer;place-items:center;display:grid;position:absolute;top:30px;left:50px}.dictation__key--chosen{background:0 0;border-color:#0000}.dictation__key--chosen:hover,.dictation__key:focus-within{border-color:var(--action)}.dictation__key-hint{text-align:center;padding:0 2px;font-size:.72rem;font-weight:700;line-height:1.1}.dictation__key select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.practice[data-area=ritmo] .try__tabs{max-width:calc(1080px + 2 * var(--margin));grid-template-columns:repeat(4,minmax(0,1fr))}.rhythm-staff{width:100%}.rhythm-staff__box{margin-inline:auto;position:relative}.rhythm-staff__svg svg{display:block}.rhythm-staff__overlay{pointer-events:none;position:absolute;inset:0}.rhythm-staff__hole{border:2px dashed var(--action);background:color-mix(in srgb, var(--action) 7%, transparent);animation:rhythm-hole 1.6s var(--ease-out) infinite;position:absolute}@keyframes rhythm-hole{0%,to{opacity:.55}50%{opacity:1}}.tap{justify-items:center;gap:clamp(14px,2vw,22px);width:min(100%,1080px);display:grid}.tap__score{border:1px solid var(--on-paper);background:var(--paper);width:100%;padding:clamp(10px,1.6vw,18px) clamp(8px,1.6vw,20px) clamp(26px,3vw,34px)}.tap__head{background:var(--action);width:2px;box-shadow:0 0 0 3px color-mix(in srgb, var(--action) 18%, transparent);opacity:0;margin-left:-1px;transition:opacity .15s linear;position:absolute;top:8%;bottom:18%}.tap__lane{border-top:1px solid color-mix(in srgb, var(--on-paper) 18%, transparent);height:14px;position:absolute;bottom:-14%;left:0;right:0}.tap__guide{background:color-mix(in srgb, var(--on-paper) 35%, transparent);width:1px;height:8px;position:absolute;top:0}.tap__mark{background:var(--on-paper);width:11px;height:11px;animation:tap-mark .35s var(--ease-out) both;border-radius:50%;margin-left:-5.5px;position:absolute;top:1px}.tap__mark--hit{background:var(--action)}.tap__mark--extra{background:var(--red)}@keyframes tap-mark{0%{opacity:0;transform:scale(.2)translateY(-10px)}}.tap__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;display:flex}.tap__tempo,.tap__toggle{font-size:var(--small);align-items:center;gap:8px;font-weight:600;display:inline-flex}.tap__tempo select{border:1px solid var(--on-paper);background:var(--paper);min-height:40px;color:var(--on-paper);font:inherit;padding:0 10px;font-weight:400}.tap__toggle input{width:18px;height:18px;accent-color:var(--action)}.tap-pad{border:1px solid var(--on-paper);background:var(--on-paper);width:min(100%,520px);min-height:clamp(120px,18vh,170px);color:var(--paper);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .25s var(--ease-out);place-items:center;padding:18px;display:grid;position:relative;overflow:hidden}.tap-pad:hover{background:color-mix(in srgb, var(--on-paper) 88%, var(--action))}.tap-pad:focus-visible{outline:3px solid var(--action);outline-offset:3px}.tap-pad[data-state=countin],.tap-pad[data-state=playing]{cursor:pointer;background:var(--on-paper)}.tap-pad__label{letter-spacing:.01em;gap:6px;font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem);font-weight:600;display:grid}.tap-pad__label small{font-size:var(--small);opacity:.72;font-weight:400}.tap-pad__count{color:var(--action-bright);animation:tap-count .45s var(--ease-out) both;font-size:clamp(3rem,2.4rem + 3vw,5rem);font-weight:600;line-height:1}@keyframes tap-count{0%{opacity:0;transform:scale(1.5)}}.tap-pad__ring{border:3px solid var(--action-bright);opacity:0;pointer-events:none;position:absolute;inset:0}.tap-pad--hit .tap-pad__ring{animation:tap-ring .32s var(--ease-out)}.tap-pad--hit{animation:tap-press .18s var(--ease-out)}@keyframes tap-ring{0%{opacity:1;transform:scale(.96)}to{opacity:0;transform:scale(1.04)}}@keyframes tap-press{50%{transform:scale(.985)}}.tap-result{justify-items:center;gap:10px;width:min(100%,560px);display:grid}.tap-result__line{text-align:center;margin:0;font-weight:600}.tap-gauge{width:100%;font-size:var(--small);color:var(--on-paper-muted);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.tap-gauge__track{border-bottom:1px solid var(--on-paper);background:repeating-linear-gradient(to right, transparent 0 calc(12.5% - 1px), color-mix(in srgb, var(--on-paper) 25%, transparent) calc(12.5% - 1px) 12.5%);height:14px;position:relative}.tap-gauge__zone{background:var(--on-paper);width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-1px;left:50%}.tap-gauge__dot{background:var(--action);border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%}.meter-glyph{font-variant-numeric:lining-nums;justify-items:center;font-size:clamp(1.7rem,1.4rem + 1vw,2.3rem);font-weight:700;line-height:.92;display:inline-grid}.meter-glyph>span:first-child{border-bottom:2px solid;padding-bottom:2px}.quiz--que-compas .quiz__tile{min-height:104px}.quiz__rhythm,.quiz__piece{pointer-events:none;width:100%;display:block}.quiz--que-ritmo .quiz__tiles{--columns:2}.quiz--que-ritmo .quiz__tiles[data-wide]{--columns:1}.quiz--que-ritmo .quiz__tile,.quiz--completa-el-compas .quiz__tile{padding:8px 12px 4px}.quiz--que-ritmo .quiz__tile--picked,.quiz--que-ritmo .quiz__tile--answer,.quiz--completa-el-compas .quiz__tile--picked,.quiz--completa-el-compas .quiz__tile--answer{background:color-mix(in srgb, var(--action) 8%, var(--paper));color:var(--on-paper);border-color:var(--action);box-shadow:inset 0 0 0 2px var(--action)}.quiz--que-ritmo .quiz__tile--wrong,.quiz--completa-el-compas .quiz__tile--wrong{box-shadow:inset 0 0 0 2px var(--red);text-decoration:none}.quiz--que-ritmo .quiz__tile .game__mark,.quiz--completa-el-compas .quiz__tile .game__mark{position:absolute;top:6px;right:8px}.quiz--completa-el-compas .quiz__piece{max-width:220px;margin-inline:auto}.quiz__rhythm-main{border:1px solid color-mix(in srgb, var(--on-paper) 25%, transparent);width:min(100%,760px);padding:8px 14px 4px}.tap-demo{padding-bottom:18px;position:relative}.tap-demo__mark{animation:tap-mark .35s var(--ease-out) both}.tap-demo__pad{background:var(--on-paper);min-height:52px;color:var(--paper);place-items:center;margin-top:6px;font-weight:600;display:grid}.tap-demo__key{border:1px solid color-mix(in srgb, var(--paper) 55%, transparent);font-size:var(--small);letter-spacing:.04em;padding:4px 14px}@media (width<=720px){.practice[data-area=ritmo] .try__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz--que-ritmo .quiz__tiles{--columns:1}.tap__controls{gap:8px 12px}}@media (prefers-reduced-motion:reduce){.rhythm-staff__hole,.tap__mark,.tap-demo__mark,.tap-pad__count,.tap-pad--hit,.tap-pad--hit .tap-pad__ring{animation:none}}.theory{--paper-tint:color-mix(in srgb, var(--action) 6%, var(--paper));--action-line:color-mix(in srgb, var(--action) 32%, transparent)}.rehearsal-mark{width:clamp(40px,3.2vw,48px);height:clamp(40px,3.2vw,48px);color:var(--action);flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.rehearsal-mark svg{width:100%;height:100%;position:absolute;inset:0}.rehearsal-mark rect{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-dasharray:1;stroke-dashoffset:0}.rehearsal-mark__text{font-variant-numeric:lining-nums;font-size:clamp(1.05rem,.9rem + .6vw,1.4rem);font-weight:600;line-height:1}.theory-opening .page-opening{align-content:center;row-gap:clamp(20px,3.5vh,44px);padding-block:clamp(20px,3.5vh,48px) clamp(96px,12vh,120px)}.theory-opening__title{color:var(--white-snow);grid-column:1/8}.theory-opening__movements{grid-column:1/-1}.movements{--space:13px;--pad:14px;--mark:54px;--open:46cqw;--open-inner:calc(var(--open) - 2 * var(--pad));--settle:.6s var(--ease-out);border-top:1px solid var(--on-ink-line);border-bottom:1px solid var(--on-ink-line);position:relative;container-type:inline-size}.movements__staff{top:calc(var(--pad) + var(--mark) + 2 * var(--space));height:calc(4 * var(--space) + 1px);background:repeating-linear-gradient(to bottom, var(--white-mist) 0 1px, transparent 1px var(--space));position:absolute;left:0;right:0}.movements__end{top:calc(var(--pad) + var(--mark) + 2 * var(--space));width:3px;height:calc(4 * var(--space) + 1px);background:var(--white-silver);position:absolute;right:0}.movements__list{margin:0;padding:0;list-style:none;display:flex}.movement{min-width:0;min-height:400px;transition:flex-grow var(--settle);flex:1 1 0;position:relative;overflow:clip}.movement[data-open]{flex-grow:4.26}.movement__bar{background:var(--on-ink-line);width:1px;position:absolute;top:0;bottom:0;left:0}.movement:first-child .movement__bar{display:none}.movement__head{width:100%;padding:var(--pad) var(--pad) 0;color:var(--white-platinum);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;text-decoration:none;display:block}.movement__head:after{content:"";position:absolute;inset:0}.movement__head:focus-visible{outline:none}.movement__head:focus-visible:after{outline:2px solid var(--focus,var(--action));outline-offset:-3px}.movement__mark{height:var(--mark);font-family:"Bodoni Moda Variable", "Bodoni Moda", var(--font);color:var(--white-snow);transition:color .3s var(--ease-out);font-size:2.6rem;font-weight:400;line-height:1;display:block}.movement__sign{width:84px;height:116px;color:var(--white-platinum);transition:color .3s var(--ease-out);margin-left:-2px;display:block;overflow:visible}.movement__sign:not([data-ready]) text{opacity:0}.movement__glyph{fill:currentColor;font-family:Bravura,serif}.movement__stroke{stroke:currentColor;stroke-width:1.2px}.movement__fill{fill:currentColor}.movement__figure{fill:currentColor;font-size:13px;font-style:italic}.movement[data-open] .movement__mark,.movement[data-open] .movement__sign{color:var(--action)}.movement__spine{top:calc(var(--pad) + var(--mark) + 124px);left:var(--pad);white-space:nowrap;writing-mode:vertical-rl;transition:opacity .3s var(--ease-out) .2s;font-size:clamp(1.25rem,1rem + .5vw,1.55rem);line-height:1;position:absolute}.movement[data-open] .movement__spine{opacity:0;transition:opacity .12s var(--ease-out)}.movement__title{width:var(--open-inner);opacity:0;transition:opacity .12s var(--ease-out), transform .12s var(--ease-out);flex-wrap:wrap;align-items:baseline;gap:2px 14px;margin-top:2px;display:flex;transform:translateY(10px)}.movement[data-open] .movement__title{opacity:1;transition:opacity .45s var(--ease-out) .16s, transform .6s var(--ease-out) .16s;transform:none}.movement__name{letter-spacing:-.015em;color:var(--white-snow);font-size:clamp(1.8rem,1.2rem + 1.2vw,2.5rem);line-height:1.05}.movement__count{font-size:var(--small);color:var(--on-ink-muted);font-weight:600}.movement__chevron{display:none}.movement__body{z-index:1;width:var(--open);padding:10px var(--pad) var(--pad);pointer-events:none;visibility:hidden;opacity:0;transition:opacity .12s var(--ease-out), visibility 0s linear .12s;position:relative}.movement[data-open] .movement__body{visibility:visible;opacity:1;transition:opacity .45s var(--ease-out) .2s, visibility 0s}.movement__text{max-width:54ch;color:var(--on-ink-muted);margin:0 0 14px}.movement__lessons{border-top:1px solid var(--on-ink-line);margin:0;padding:0;list-style:none}.movement[data-long] .movement__lessons{columns:2;column-gap:18px}.movement__lessons>li{break-inside:avoid;border-bottom:1px solid var(--on-ink-hairline)}.movement__lesson{color:var(--white-platinum);transition:color .2s var(--ease-out);grid-template-columns:1.7em minmax(0,1fr);align-items:baseline;padding-block:6px;line-height:1.25;text-decoration:none;display:grid}.movement__lesson--soon{opacity:.6}a.movement__lesson{pointer-events:auto}a.movement__lesson:hover{color:var(--action)}a.movement__lesson:focus-visible{outline:2px solid var(--focus,var(--action));outline-offset:1px;color:var(--action)}.movement__number{font-size:var(--small);font-variant-numeric:lining-nums;color:var(--on-ink-muted)}.movement__lessons>li{opacity:0;transition:opacity .1s var(--ease-out), transform .1s var(--ease-out);transform:translateY(6px)}.movement[data-open] .movement__lessons>li{opacity:1;transition:opacity .4s var(--ease-out) calc(.22s + var(--i) * 24ms), transform .5s var(--ease-out) calc(.22s + var(--i) * 24ms);transform:none}@media (width<=999px){.movements{--open:auto;--open-inner:auto;border-bottom:0}.movements__staff,.movements__end,.movement__bar,.movement__sign,.movement__spine{display:none}.movements__list{display:block}.movement{border-bottom:1px solid var(--on-ink-line);min-height:0}.movement__head{grid-template-columns:3rem minmax(0,1fr) 16px;align-items:center;padding:12px 0;display:grid}.movement__head:after{content:none}.movement__head:focus-visible{outline:2px solid var(--focus,var(--action));outline-offset:-2px}.movement__mark{height:auto;font-size:1.9rem}.movement__title,.movement[data-open] .movement__title{opacity:1;width:auto;margin:0;transition:none;transform:none}.movement__name{font-size:1.5rem}.movement__chevron{width:12px;height:12px;transition:transform .3s var(--ease-out);display:block}.movement__chevron path{fill:none;stroke:currentColor;stroke-width:1.3px}.movement[data-open] .movement__chevron{transform:rotate(180deg)}.movement__fold{transition:grid-template-rows var(--settle);grid-template-rows:0fr;display:grid}.movement[data-open] .movement__fold{grid-template-rows:1fr}.movement__body{width:auto;min-height:0;transition:opacity .2s var(--ease-out), visibility 0s linear .4s;padding:0;overflow:hidden}.movement__text{margin-bottom:10px}.movement[data-long] .movement__lessons{columns:1}.movement__lessons{margin-bottom:14px}.movement__lessons>li:last-child{border-bottom:0}.movement__lesson{padding-block:11px}}@media (prefers-reduced-motion:reduce){.movement,.movement__mark,.movement__sign,.movement__spine,.movement[data-open] .movement__spine,.movement__title,.movement[data-open] .movement__title,.movement__body,.movement[data-open] .movement__body,.movement__fold,.movement__chevron,.movement__lessons>li,.movement[data-open] .movement__lessons>li{transition:none}}.theory-body{padding-top:clamp(72px,9vw,144px)}.theory-body:focus{outline:none}.theory-chapter+.theory-chapter{margin-top:clamp(72px,9vw,144px)}.theory-glossary-band{background:var(--paper-tint);color:var(--on-paper);border-top:1px solid var(--action-line)}.theory-glossary-band .theory-glossary__list,.theory-glossary-band .theory-glossary__search{border-color:var(--on-paper)}.theory-chapter__head{grid-column:1/5;align-self:start}.theory-chapter__head .rehearsal-mark{margin-bottom:clamp(16px,2vw,24px)}.theory-chapter__title{letter-spacing:-.015em;margin:0;font-size:clamp(2rem,1.4rem + 2vw,3.4rem);font-weight:400;line-height:1}.theory-chapter__text{max-width:34ch;color:var(--on-paper-muted);margin:14px 0 0}.theory-lessons{border-top:1px solid var(--on-paper);grid-column:5/13;margin:0;padding:0;list-style:none}.theory-lesson{border-bottom:1px solid color-mix(in srgb, var(--on-paper) 16%, transparent)}.theory-lesson__link{column-gap:var(--gutter);color:var(--on-paper);background:linear-gradient(var(--paper-tint), var(--paper-tint)) no-repeat 0 0 / 0% 100%;transition:background-size .6s var(--ease-out);grid-template-columns:clamp(3.5rem,6vw,5.5rem) minmax(0,1fr);align-items:baseline;row-gap:6px;padding:clamp(18px,2vw,26px) 48px clamp(18px,2vw,26px) 14px;text-decoration:none;display:grid;position:relative}a.theory-lesson__link:hover,a.theory-lesson__link:focus-visible{background-size:100% 100%}.theory-lesson__number{font-variant-numeric:lining-nums;color:var(--on-paper-faint);transition:color .25s var(--ease-out);grid-row:1/3;font-size:clamp(2.4rem,1.8rem + 2vw,4rem);line-height:.85}.theory-lesson__title{transition:color .25s var(--ease-out);flex-wrap:wrap;align-items:baseline;gap:6px 14px;font-size:clamp(1.5rem,1.1rem + 1.2vw,2.3rem);line-height:1.05;display:flex}.theory-lesson__soon{font-size:var(--small);letter-spacing:.02em;color:var(--on-paper-faint);font-weight:600}.theory-lesson__summary{max-width:58ch;color:var(--on-paper-muted);grid-column:2}a.theory-lesson__link:after{content:"";border-top:1.5px solid var(--action);border-right:1.5px solid var(--action);width:11px;height:11px;transition:translate .35s var(--ease-out);margin-top:-6px;position:absolute;top:50%;right:8px;rotate:45deg}a.theory-lesson__link:hover .theory-lesson__title,a.theory-lesson__link:hover .theory-lesson__number{color:var(--action)}a.theory-lesson__link:hover:after{translate:6px}a.theory-lesson__link:focus-visible{outline:2px solid var(--focus,var(--action));outline-offset:4px}.theory-lesson--soon .theory-lesson__title{color:var(--on-paper-faint)}.theory-glossary__search{border-bottom:1px solid var(--on-paper);max-width:22rem;transition:border-color .2s var(--ease-out);align-items:center;gap:10px;margin-top:clamp(20px,2.4vw,32px);display:flex}.theory-glossary__search:focus-within{border-bottom-color:var(--action);box-shadow:0 1px 0 var(--action)}.theory-glossary__search svg{fill:none;width:18px;height:18px;stroke:var(--on-paper-muted);stroke-width:1.6px;flex:none}.theory-glossary__search input{min-width:0;height:48px;color:var(--on-paper);font:inherit;caret-color:var(--action);background:0 0;border:0;flex:1;font-size:1.1rem}.theory-glossary__search input:focus{outline:none}.theory-glossary__search input::placeholder{color:var(--on-paper-faint)}.theory-glossary__search input::-webkit-search-cancel-button{display:none}.theory-glossary__list{border-top:1px solid var(--on-paper);grid-column:5/13}.theory-glossary__empty{color:var(--on-paper-muted);margin:0;padding-block:20px;font-style:italic}.theory-glossary__group{column-gap:var(--gutter);border-bottom:1px solid color-mix(in srgb, var(--on-paper) 16%, transparent);grid-template-columns:clamp(3.5rem,6vw,5.5rem) minmax(0,1fr);display:grid}.theory-glossary__letter{color:var(--action);opacity:.75;padding-top:14px;font-size:clamp(2.4rem,1.8rem + 2vw,4rem);line-height:.85}.theory-glossary__group dl{margin:0}.theory-glossary__entry{column-gap:var(--gutter);grid-template-columns:minmax(8rem,1fr) 3fr;padding-block:16px;display:grid}.theory-glossary__entry+.theory-glossary__entry{border-top:1px solid color-mix(in srgb, var(--on-paper) 10%, transparent)}.theory-glossary__entry dt{font-weight:700}.theory-glossary__entry dd{max-width:60ch;color:var(--on-paper-muted);gap:4px;margin:0;display:grid}.theory-glossary__entry a{font-size:var(--small);color:var(--on-paper);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--on-paper) 30%, transparent);text-decoration-color:color-mix(in srgb, var(--on-paper) 30%, transparent);text-underline-offset:3px;transition:color .2s var(--ease-out), text-decoration-color .2s var(--ease-out);justify-self:start;font-style:italic}.theory-glossary__entry a:hover{color:var(--action);text-decoration-color:currentColor}.lesson{--score-editor-figure-font:var(--font);--score-editor-playing:var(--action);--score-editor-ease:var(--ease-out)}.lesson-section{scroll-margin-top:calc(var(--nav-height) + 16px);padding-top:clamp(24px,2.6vw,36px);position:relative}.lesson-section+.lesson-section{margin-top:clamp(56px,6vw,96px)}.lesson-section:focus{outline:none}.lesson-section__rule{background:var(--on-paper);height:1px;position:absolute;top:0;left:0;right:0}.lesson-section__accent{background:var(--action);width:clamp(40px,3.2vw,48px);height:3px;position:absolute;top:-1px;left:0}.lesson-section__head{align-items:center;gap:clamp(14px,1.6vw,22px);display:flex}.lesson-section__title{letter-spacing:-.015em;margin:0;font-size:clamp(1.8rem,1.3rem + 1.6vw,3rem);font-weight:400;line-height:1.05;overflow:hidden}.lesson-section__title>span{text-wrap:balance;padding-bottom:.06em;display:block}.lesson-section__text{max-width:64ch;margin-top:clamp(16px,1.8vw,24px)}.lesson-section__text p{margin:0}.lesson-section__text p+p{margin-top:1em}.lesson-example{border:1px solid var(--action-line);background:var(--paper-tint);transition:border-color .3s var(--ease-out);margin:clamp(32px,3.4vw,48px) 0 0;position:relative}.lesson-example__label{background:var(--paper);color:var(--action);font-size:var(--small);letter-spacing:.02em;padding:0 8px;font-weight:600;line-height:1.4;position:absolute;top:0;left:14px;translate:0 -55%}.lesson-example[data-playing]{border-color:var(--action)}.lesson-example__staff{max-width:100%;padding:clamp(8px,1.4vw,20px) clamp(8px,1.6vw,24px) 0;overflow-x:auto}.lesson-example__staff:has(>.score-editor+.score-editor){flex-wrap:wrap;column-gap:clamp(8px,2vw,28px);display:flex}.lesson-example__staff .score-editor__scroller{text-align:start}.lesson-example__caption{border-top:1px solid var(--action-line);background:var(--paper);align-items:center;gap:16px;display:flex}.lesson-example__listen{border:0;border-right:1px solid var(--action-line);min-height:48px;color:var(--on-paper);font:inherit;cursor:pointer;transition:background-color .2s var(--ease-out), color .2s var(--ease-out);background:0 0;flex:none;align-items:center;gap:10px;padding:0 20px 0 16px;font-weight:600;display:inline-flex}.lesson-example__listen svg{fill:currentColor;width:16px;height:16px}.lesson-example__listen:hover{background:var(--on-paper);color:var(--paper)}.lesson-example__listen[aria-pressed=true]{background:var(--action);color:var(--on-action)}.lesson-example__listen:focus-visible{outline:2px solid var(--focus,var(--action));outline-offset:-4px}.lesson-example__text{font-size:var(--small);color:var(--on-paper-muted);padding:10px 16px 10px 0;font-style:italic}.lesson-end__title{font-size:var(--h3);margin:0 0 clamp(16px,2vw,24px);font-weight:700;line-height:1.05}.lesson-end__uses{border-top:1px solid var(--on-ink-line);margin:0;padding:0;list-style:none}.lesson-end__uses li{border-bottom:1px solid var(--on-ink-hairline)}.lesson-end__uses a{color:var(--on-ink);gap:4px;padding:14px 32px 14px 0;text-decoration:none;display:grid;position:relative}.lesson-end__uses a:after{content:"";border-top:1.5px solid var(--action);border-right:1.5px solid var(--action);width:8px;height:8px;transition:translate .3s var(--ease-out);margin-top:-4px;position:absolute;top:50%;right:6px;rotate:45deg}.lesson-end__use-name{transition:color .2s var(--ease-out);font-weight:600}.lesson-end__use-text{font-size:var(--small);color:var(--on-ink-muted)}.lesson-end__uses a:hover .lesson-end__use-name{color:var(--action)}.lesson-end__uses a:hover:after{translate:4px}.reader-practice a:focus-visible{outline:2px solid var(--focus,var(--action));outline-offset:4px}@media (width<=860px){.theory-chapter__head{margin-bottom:24px}}@media (width<=720px){.theory-glossary__group{grid-template-columns:2.6rem minmax(0,1fr)}.theory-glossary__entry{grid-template-columns:minmax(0,1fr);row-gap:4px}.lesson-example__caption{flex-wrap:wrap;gap:0}.lesson-example__text{padding:10px 16px}}.theory-chapter__title{scroll-margin-top:calc(var(--nav-height) + 24px)}.figure-label{align-items:flex-start;gap:1px;line-height:1;display:inline-flex}.figure-label__roman{font-size:1.05em}.figure-label__stack{font-variant-numeric:lining-nums;justify-items:start;margin-top:-.1em;font-size:.68em;line-height:1.05;display:inline-grid}.figure-label__struck{text-decoration:line-through;text-decoration-thickness:1px}.chord-label{justify-items:center;line-height:1.15;display:grid}.chord-label>:last-child{color:var(--on-paper-muted);font-size:.82em}.symbol-label{white-space:nowrap;justify-items:center;line-height:1.15;display:grid}.symbol-label__degree{color:var(--on-paper-muted);font-size:.82em}.lesson-example__staff--score{flex-wrap:wrap;gap:12px clamp(16px,3vw,40px);padding-bottom:8px;display:flex}.score-row{flex:auto;min-width:0}.score-row__label{font-size:var(--small);letter-spacing:.02em;color:var(--action);margin:8px 0 0;font-weight:600}.score-staff{width:100%;position:relative}.score-staff__svg svg{display:block}.score-staff__playing{background:color-mix(in srgb, var(--action) 16%, transparent);pointer-events:none;border-radius:13px;width:26px;margin-left:-13px;position:absolute}.score-staff__above,.score-staff__volta,.score-staff__glyph{stroke:none}.score-staff__above{font-family:var(--font);fill:var(--on-paper);font-size:15px;font-style:italic}.score-staff__volta{font-family:var(--font);fill:var(--on-paper);font-size:13px}.score-staff__glyph{fill:var(--on-paper);font-family:Bravura,serif;font-size:30px}.score-staff__glyph--bar{font-size:40px}.score-staff__slur{fill:var(--on-paper);stroke:var(--on-paper);stroke-width:.4px}.score-staff__hairpin{fill:none;stroke:var(--on-paper);stroke-width:1px}.lesson-table{max-width:100%;margin-top:clamp(20px,2.4vw,32px);overflow-x:auto}.lesson-table table{border-collapse:collapse;width:100%;font-size:var(--body)}.lesson-table th{border-bottom:1px solid var(--action);font-size:var(--small);letter-spacing:.02em;text-align:start;color:var(--action);padding:8px 16px 8px 0;font-weight:600}.lesson-table td{border-bottom:1px solid var(--action-line);vertical-align:top;padding:9px 16px 9px 0}.lesson-table td:first-child{font-weight:500}.lesson-table tr:last-child td{border-bottom:0}.reader{min-height:calc(100svh - var(--nav-height));background:var(--paper);color:var(--on-paper)}.reader__grid{align-items:start;padding-bottom:clamp(64px,8vw,120px)}.reader__pane{min-width:0}@media (width>=861px){.reader{--index-width:clamp(240px, 23vw, 340px)}.reader__grid{grid-template-columns:var(--index-width) minmax(0, 1fr);transition:grid-template-columns .55s var(--ease-out);column-gap:0}.reader[data-index-hidden] .reader__grid{grid-template-columns:0 minmax(0,1fr)}.reader__pane{transition:padding-left .55s var(--ease-out);grid-column:2;padding-left:clamp(16px,3vw,56px)}.reader[data-index-hidden] .reader__pane{padding-left:max(0px,50% - 440px)}}.reader__frame{overflow-clip-margin:8px;overflow-x:clip}.reader-page{max-width:880px}.reader-head{align-items:center;gap:12px 24px;max-width:880px;min-height:72px;margin-bottom:clamp(8px,1vw,16px);display:flex}.reader-sample{border-top:2px solid var(--action);background:var(--paper-tint);max-width:880px;font-size:var(--body);margin:0 0 clamp(16px,2vw,28px);padding:12px 16px;line-height:1.4}.reader-sample strong{color:var(--action);font-weight:700}.sample-tag{color:var(--action);white-space:nowrap;border:1px solid;margin-left:.6em;padding:0 .45em;font-size:.8em;font-weight:600;line-height:1.4;display:inline-block}.theory-lesson__title .sample-tag{font-size:var(--small);letter-spacing:0;vertical-align:.25em}.reader-head__index{display:none}.reader-head__collapse{border:0;border-right:1px solid color-mix(in srgb, var(--on-paper) 12%, transparent);min-height:36px;font:inherit;font-size:var(--small);color:var(--on-paper-muted);cursor:pointer;transition:color .2s var(--ease-out);background:0 0;flex:none;align-items:center;gap:8px;padding:0 10px 0 0;display:inline-flex}.reader-head__collapse:hover{color:var(--action)}.reader-head__collapse:focus-visible{outline:2px solid var(--focus,var(--action));outline-offset:2px}.reader-head__collapse svg{fill:none;stroke:currentColor;stroke-width:1.3px;flex:none;width:18px;height:18px}.reader-head__lesson{min-width:0;font-size:var(--small);text-overflow:ellipsis;white-space:nowrap;color:var(--on-paper);transition:color .2s var(--ease-out);flex:1;font-weight:600;text-decoration:none;overflow:hidden}.reader-head__lesson:hover{color:var(--action)}.reader-head__number{font-variant-numeric:tabular-nums lining-nums;color:var(--on-paper-faint);margin-right:8px}.reader-head__pages{align-items:center;gap:14px;display:flex}.reader-head__position{min-width:3.4em;font-size:var(--small);font-variant-numeric:tabular-nums lining-nums;text-align:end;white-space:nowrap;color:var(--on-paper-faint)}.reader-notes{margin:0;padding:0;list-style:none;display:flex;position:relative}.reader-notes:before{content:"";background:color-mix(in srgb, var(--on-paper) 28%, transparent);height:1px;position:absolute;inset:50% 0 auto}.reader-notes a{place-items:center;width:26px;height:32px;display:grid;position:relative}.reader-notes a:before{content:"";border:1.3px solid var(--on-paper-muted);background:var(--paper);width:11px;height:8px;transition:background-color .3s var(--ease-out), border-color .3s var(--ease-out), scale .45s var(--ease-out);border-radius:50%;rotate:-20deg}.reader-notes a:hover:before{border-color:var(--action);scale:1.25}.reader-notes a[data-read]:before{border-color:var(--action);background:var(--action)}.reader-notes a[aria-current=page]:before{border-color:var(--action);background:var(--action);scale:1.5}.reader-index{min-width:0;top:var(--nav-height);max-height:calc(100svh - var(--nav-height));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--action-line) transparent;grid-column:1;padding:24px 12px 32px 0;position:sticky;overflow-y:auto}@media (width>=861px){.reader-index{transition:opacity .3s var(--ease-out), visibility .55s;overflow-x:hidden}.reader-index>*{width:calc(var(--index-width) - 12px)}.reader[data-index-hidden] .reader-index{opacity:0;visibility:hidden;padding-right:0}.reader[data-index-hidden] .reader-index .reader-fold{visibility:hidden}}.reader-index__back{min-height:24px;font-size:var(--small);color:var(--on-paper);align-items:center;gap:10px;margin-bottom:20px;text-decoration:none;display:inline-flex}.reader-index__back:before{content:"";width:7px;height:7px;transition:translate .3s var(--ease-out);border-bottom:1.5px solid;border-left:1.5px solid;rotate:45deg}.reader-index__back:hover{color:var(--action)}.reader-index__back:hover:before{translate:-3px}.reader-chapters,.reader-lessons,.reader-pages{margin:0;padding:0;list-style:none}.reader-chapters{border-top:1px solid var(--on-paper)}.reader-chapter{border-bottom:1px solid color-mix(in srgb, var(--on-paper) 12%, transparent)}.reader-chapter__toggle{width:100%;font:inherit;text-align:start;color:var(--on-paper);cursor:pointer;transition:color .2s var(--ease-out);background:0 0;border:0;grid-template-columns:2.1em minmax(0,1fr) 12px;align-items:baseline;padding:12px 2px;font-weight:600;line-height:1.25;display:grid}.reader-chapter__toggle:hover{color:var(--action)}.reader-chapter__mark{font-size:var(--small);color:var(--action);font-weight:500}.reader-chapter__toggle svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:12px;height:12px;transition:rotate .35s var(--ease-out);align-self:center}.reader-chapter[data-open]>.reader-chapter__toggle svg{rotate:180deg}.reader-fold{visibility:hidden;transition:grid-template-rows .45s var(--ease-out), visibility .45s;grid-template-rows:0fr;display:grid}.reader-fold>*{min-height:0;overflow:hidden}.reader-chapter[data-open]>.reader-fold,.reader-lesson[data-open]>.reader-fold{visibility:visible;grid-template-rows:1fr}.reader-lessons{padding-bottom:8px}.reader-lesson__link{font-size:var(--small);color:var(--on-paper-muted);transition:color .2s var(--ease-out);grid-template-columns:2.1em minmax(0,1fr);padding:6px 2px;line-height:1.35;text-decoration:none;display:grid}.reader-lesson__number{font-variant-numeric:tabular-nums lining-nums;color:var(--on-paper-faint)}.reader-lesson__link:hover{color:var(--action)}.reader-lesson__link[aria-current]{color:var(--on-paper);font-weight:600}.reader-pages{margin-left:.55em;padding-bottom:8px;position:relative}.reader-pages:before{content:"";background:color-mix(in srgb, var(--on-paper) 18%, transparent);width:1px;position:absolute;top:6px;bottom:14px;left:5px}.reader-pages a{font-size:var(--small);color:var(--on-paper-muted);transition:color .2s var(--ease-out);padding:5px 2px 5px 22px;line-height:1.3;text-decoration:none;display:block;position:relative}.reader-pages a:hover,.reader-pages a[aria-current=page]{color:var(--action)}.reader-pages__marker{z-index:1;background:var(--action);width:12px;height:9px;transition:translate .55s var(--ease-out);border-radius:50%;position:absolute;top:-5px;left:0;rotate:-20deg}.reader-page .lesson-section{padding-top:clamp(24px,2.6vw,36px)}.reader-page :is(h1,h2):focus{outline:none}.reader-opening{margin-bottom:clamp(40px,5vw,72px)}.reader-opening__title{letter-spacing:-.02em;text-wrap:balance;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:16ch;margin:0;font-size:clamp(2.6rem,1.6rem + 3.4vw,5rem);font-weight:400;line-height:.98}.reader-opening__summary{max-width:54ch;color:var(--on-paper-muted);text-wrap:pretty;margin:clamp(16px,2vw,24px) 0 0;font-size:clamp(1.1rem,1rem + .4vw,1.4rem);line-height:1.4}.reader-terms__heading{font-size:var(--small);letter-spacing:.02em;color:var(--action);margin:clamp(32px,4vw,48px) 0 0;font-weight:600}.reader-terms{border-top:1px solid var(--action);margin:10px 0 0}.reader-terms__entry{gap:4px var(--gutter);border-bottom:1px solid var(--action-line);grid-template-columns:minmax(0,15em) minmax(0,1fr);padding:11px 0;display:grid}.reader-terms dt{font-weight:600}.reader-terms dd{color:var(--on-paper-muted);margin:0}.reader-practice{--focus:var(--on-ink);--action:var(--action-bright);background:var(--ink);color:var(--on-ink);margin-top:clamp(40px,5vw,64px);padding:clamp(24px,3vw,40px)}.reader-pager{gap:var(--gutter);border-top:1px solid var(--on-paper);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(56px,7vw,96px);display:grid}.reader-pager__link{background:linear-gradient(var(--paper-tint), var(--paper-tint)) no-repeat 0 0 / 0% 100%;color:var(--on-paper);transition:background-size .6s var(--ease-out);align-content:start;gap:6px;padding:18px 16px 20px;text-decoration:none;display:grid}.reader-pager__link--previous{padding-left:0}.reader-pager__link:hover{background-size:100% 100%}.reader-pager__link:focus-visible{outline:2px solid var(--focus,var(--action));outline-offset:2px}.reader-pager__link--next{text-align:end;justify-items:end;padding-right:0}.reader-pager__label{font-size:var(--small);letter-spacing:.02em;color:var(--on-paper-faint);font-weight:600}.reader-pager__title{text-wrap:balance;align-items:baseline;gap:14px;font-size:clamp(1.15rem,1rem + .7vw,1.7rem);line-height:1.15;display:inline-flex}.reader-pager__arrow{fill:none;width:32px;height:12px;stroke:var(--action);stroke-width:1.4px;transition:translate .35s var(--ease-out);flex:none;align-self:center}.reader-pager__link--previous .reader-pager__arrow{rotate:180deg}.reader-pager__link--next:hover .reader-pager__arrow{translate:6px}.reader-pager__link--previous:hover .reader-pager__arrow{translate:-6px}.reader-pager__link--lesson{--focus:var(--action);background:var(--ink);color:var(--on-ink);transition:background-color .3s var(--ease-out);padding:22px 24px 26px}.reader-pager__link--lesson:hover{background:color-mix(in srgb, var(--action) 26%, var(--ink))}.reader-pager__link--lesson .reader-pager__label{color:var(--on-ink-muted)}.reader-pager__link--lesson .reader-pager__arrow{stroke:var(--action-bright)}@media (width<=860px){.reader__pane{grid-column:1/-1;padding-left:0}.reader-head{top:var(--nav-height);z-index:30;min-height:52px;margin-bottom:24px;margin-inline:calc(var(--margin) * -1);padding-inline:var(--margin);border-bottom:1px solid color-mix(in srgb, var(--on-paper) 12%, transparent);background:var(--paper);position:sticky}.reader-head__collapse{display:none}.reader-head__index{min-height:44px;font:inherit;font-size:var(--small);color:var(--on-paper);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:600;display:inline-flex}.reader-head__index svg{fill:none;width:18px;height:18px;stroke:var(--action);stroke-width:1.5px}.reader-head__lesson{display:none}.reader-head__pages{flex:1;justify-content:flex-end;gap:8px;min-width:0}.reader-notes a{width:22px}.reader-index{inset:calc(var(--nav-height) + 52px) 0 0;z-index:40;max-height:none;padding:16px var(--margin) 40px;background:var(--paper);clip-path:inset(0 0 100%);visibility:hidden;transition:clip-path .45s var(--ease-out), visibility .45s;position:fixed}.reader[data-index-open] .reader-index{clip-path:inset(0);visibility:visible}.reader:not([data-index-open]) .reader-index .reader-fold{visibility:hidden}.reader-chapter__toggle,.reader-lesson__link,.reader-pages a{min-height:40px}.reader-lesson__link,.reader-pages a{padding-block:9px}.reader-terms__entry{grid-template-columns:minmax(0,1fr)}.reader-pager{grid-template-columns:minmax(0,1fr);gap:0}.reader-pager__link--next{order:-1;padding-inline:0}.reader-pager__link--lesson{padding-inline:20px}.reader-pager__link--previous{border-top:1px solid color-mix(in srgb, var(--on-paper) 12%, transparent)}.reader-pager>span:empty{display:none}}@media (prefers-reduced-motion:reduce){.reader__grid,.reader__pane,.reader-fold,.reader-index,.reader-pages__marker,.reader-pager__link{transition:none}}.reader-steps{counter-reset:step;border-top:1px solid var(--action);max-width:64ch;margin:clamp(20px,2.4vw,32px) 0 0;padding:0;list-style:none}.reader-steps li{border-bottom:1px solid var(--action-line);counter-increment:step;grid-template-columns:2em minmax(0,1fr);padding:10px 0;display:grid}.reader-steps li:before{content:counter(step);font-variant-numeric:tabular-nums lining-nums;color:var(--action);font-weight:600}.reader-pitfall{grid-template-columns:28px minmax(0,1fr);gap:14px;max-width:64ch;margin-top:clamp(32px,4vw,48px);display:grid}.reader-pitfall__ring{width:28px;height:28px;margin-top:1px}.reader-pitfall__ring circle{fill:none;stroke:var(--on-paper-error);stroke-width:1.6px}.reader-pitfall__ring ellipse{fill:var(--on-paper)}.reader-pitfall__title{font-size:var(--small);letter-spacing:.02em;color:var(--on-paper-error);margin:0 0 2px;font-weight:600}.reader-pitfall p{margin:0}.reader-check{margin-top:clamp(40px,5vw,64px)}.reader-check__list{border-top:1px solid var(--action);margin:10px 0 0;padding:0;list-style:none}.reader-check__item{border-bottom:1px solid var(--action-line);padding:16px 0 18px}.reader-check__question{margin:0;font-weight:500}.reader-check__options{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.reader-check__option{border:1px solid var(--action-line);background:var(--paper);min-height:44px;font:inherit;font-size:var(--small);text-align:start;color:var(--on-paper);cursor:pointer;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out), color .2s var(--ease-out);align-items:center;gap:8px;padding:8px 16px;line-height:1.25;display:inline-flex}.reader-check__option:hover:not(:disabled){border-color:var(--action);background:var(--paper-tint)}.reader-check__option:focus-visible{outline:2px solid var(--focus,var(--action));outline-offset:2px}.reader-check__option:disabled{cursor:default;color:var(--on-paper-faint)}.reader-check__mark{fill:none;stroke:currentColor;stroke-width:2px;flex:none;width:14px;height:14px}.reader-check__option[data-state=right]{border-color:var(--correct);background:color-mix(in srgb, var(--correct) 9%, var(--paper));color:var(--on-paper)}.reader-check__option[data-state=right] .reader-check__mark{stroke:var(--correct)}.reader-check__option[data-state=wrong]{border-color:var(--on-paper-error);background:color-mix(in srgb, var(--on-paper-error) 7%, var(--paper));color:var(--on-paper)}.reader-check__option[data-state=wrong] .reader-check__mark{stroke:var(--on-paper-error)}.reader-check__result p{color:var(--on-paper-muted);animation:check-result .5s var(--ease-out) backwards;margin:10px 0 0}.reader-check__result strong{color:var(--on-paper-error);font-weight:600}.reader-check__result p[data-right] strong{color:var(--correct)}@keyframes check-result{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.reader-check__result p{animation:none}}.circle-fifths{border:1px solid var(--action-line);background:var(--paper-tint);grid-template-columns:minmax(0,480px) minmax(180px,1fr);align-items:center;gap:clamp(20px,3vw,40px);margin:clamp(32px,3.4vw,48px) 0 0;padding:clamp(16px,2.4vw,32px);display:grid}.circle-fifths__wheel{aspect-ratio:1;position:relative}.circle-fifths__lines{width:100%;height:100%;position:absolute;inset:0}.circle-fifths__lines circle{fill:none;stroke:var(--action-line);stroke-width:.25px}.circle-fifths__sector{fill:color-mix(in srgb, var(--action) 16%, transparent);transform-origin:50px 50px;transition:transform .7s var(--ease-out)}.circle-fifths__key{width:44px;height:44px;font:inherit;color:var(--on-paper);cursor:pointer;transition:background-color .25s var(--ease-out), color .25s var(--ease-out);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;line-height:1;display:grid;position:absolute;translate:-50% -50%}.circle-fifths__key--major{font-size:clamp(1rem,.85rem + .5vw,1.3rem);font-weight:600}.circle-fifths__key--minor{width:36px;height:36px;font-size:var(--small);color:var(--on-paper-muted)}.circle-fifths__key:hover{color:var(--action)}.circle-fifths__key[aria-pressed=true]{background:var(--action);color:var(--on-action)}.circle-fifths__key:focus-visible{outline:2px solid var(--focus,var(--action));outline-offset:2px}.circle-fifths__centre{text-align:center;pointer-events:none;place-items:center;display:grid;position:absolute;inset:34%}.circle-fifths__chosen{font-size:clamp(.95rem,.8rem + .6vw,1.35rem);line-height:1.1}.circle-fifths__caption p{margin:0}.circle-fifths__caption p+p{margin-top:8px}.circle-fifths__help{font-size:var(--small);color:var(--on-paper-muted)}@media (width<=720px){.circle-fifths{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.circle-fifths__sector{transition:none}}@media (width>=861px){.theory-glossary>.theory-chapter__head{top:calc(var(--nav-height) + 24px);position:sticky}}.theory-glossary{scroll-margin-top:calc(var(--nav-height) + 24px)}.theory-glossary__search input{min-height:44px}.theory-glossary__clear{width:32px;height:32px;color:var(--on-paper-muted);cursor:pointer;transition:color .2s var(--ease-out);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.theory-glossary__clear:hover{color:var(--action)}.theory-glossary__clear:focus-visible{outline:2px solid var(--focus,var(--action))}.theory-glossary__search .theory-glossary__clear svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:14px;height:14px}.theory-glossary__status{min-height:1.5em;font-size:var(--small);font-variant-numeric:tabular-nums lining-nums;color:var(--on-paper-muted);margin:10px 0 0}.theory-glossary__group--results{grid-template-columns:minmax(0,1fr)}.theory-glossary__entry mark{background:color-mix(in srgb, var(--action) 20%, transparent);color:inherit}.theory-opening__title:focus{outline:none}.theory-float{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:40;pointer-events:none;gap:8px;display:flex;position:fixed}.theory-float__button{--focus:var(--action-bright);border:1px solid var(--on-ink-line);background:var(--ink);min-height:44px;font:inherit;font-size:var(--small);color:var(--on-ink);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out), translate .4s var(--ease-out), visibility .3s, background-color .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out);align-items:center;gap:8px;padding:0 16px 0 12px;font-weight:600;display:inline-flex;translate:0 10px;box-shadow:0 6px 20px #0b0e0f38}.theory-float__button[data-visible]{opacity:1;pointer-events:auto;visibility:visible;translate:0}.theory-float__button:hover{border-color:var(--action-bright);background:var(--action-bright);color:var(--on-action-bright)}.theory-float__button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.theory-float__button svg{fill:none;stroke:currentColor;stroke-width:1.5px;flex:none;width:18px;height:18px}@media (prefers-reduced-motion:reduce){.theory-float__button{transition:none}}.reader-part{border-top:1px solid color-mix(in srgb, var(--on-paper) 14%, transparent);margin-top:clamp(48px,6vw,80px);padding-top:clamp(20px,2.2vw,28px)}.reader-part__title{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(1.4rem,1.15rem + .8vw,1.9rem);font-weight:400;line-height:1.12}.reader-further{border-top:1px solid var(--action);margin:10px 0 0;padding:0;list-style:none}.reader-further li{border-bottom:1px solid var(--action-line);padding:10px 0}.reader-further a{-webkit-text-decoration-color:var(--action-line);text-decoration-color:var(--action-line);text-underline-offset:3px}.reader-further a:hover{color:var(--action);-webkit-text-decoration-color:var(--action);text-decoration-color:var(--action)}.step-guide{flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:10px 14px;margin:2px auto 6px;padding:0;list-style:none;display:flex}.step-guide__step{color:var(--on-paper-faint);transition:color .3s var(--ease-out);align-items:center;gap:10px;font-size:clamp(.95rem,.9rem + .2vw,1.05rem);display:flex}.step-guide__step:not(:last-child):after{content:"";background:#0b0e0f40;width:clamp(16px,3vw,44px);height:1px;margin-left:4px}.step-guide__mark{font-variant-numeric:lining-nums;width:30px;height:30px;animation:game-pop .36s var(--ease-out) both;border:1px solid;border-radius:50%;flex:none;place-items:center;font-size:.9rem;font-weight:700;display:grid}.step-guide__mark svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:square;stroke-dasharray:1;width:20px;height:20px;animation:try-draw .32s var(--ease-out) .12s both}.step-guide__step--done{color:var(--action)}.step-guide__step--current{color:var(--on-paper);font-weight:700}.step-guide__step--current .step-guide__mark{border-color:var(--on-paper);background:var(--on-paper);color:var(--paper)}@media (width<=720px){.step-guide{flex-direction:column;align-items:flex-start;gap:8px;width:fit-content}.step-guide__step:not(:last-child):after{display:none}}.staff-hint-host{width:100%;position:relative}.staff-hint{z-index:3;pointer-events:none;width:max-content;max-width:min(92%,34rem);animation:staff-hint-in .6s var(--ease-out) .35s both;justify-items:center;gap:2px;display:grid;position:absolute;top:4px;left:50%;translate:-50%}.staff-hint__text{background:var(--action);color:var(--on-action);font-size:var(--small);text-align:left;align-items:flex-start;gap:8px;margin:0;padding:8px 36px 8px 14px;font-weight:600;line-height:1.35;display:flex}.staff-hint__detail{color:#ffffffe0;margin-top:2px;font-weight:400;display:block}.staff-hint__close{width:30px;height:30px;color:var(--on-action);cursor:pointer;pointer-events:auto;transition:background-color .15s var(--ease-out);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.staff-hint__close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:11px;height:11px}.staff-hint__close:hover{background:#00000024}.staff-hint__close:focus-visible{outline:2px solid var(--on-action);outline-offset:-4px}@media (hover:none){.staff-hint__keys{display:none}}.staff-hint__icon{width:16px;height:16px;fill:var(--on-action);flex:none;margin-top:1px}.staff-hint__arrow{fill:none;width:12px;height:16px;stroke:var(--action);stroke-width:1.8px;animation:.7s ease-in-out 1.1s 2 staff-hint-bob}@keyframes staff-hint-in{0%{opacity:0;translate:-50% -8px}}@keyframes staff-hint-bob{50%{transform:translateY(5px)}}.try__correct--ready{animation:ready-pulse 1s var(--ease-out) 2}@keyframes ready-pulse{0%{outline-offset:0;outline:2px solid #0a7d84cc}to{outline-offset:12px;outline:2px solid #0a7d8400}}.try__ready{text-align:center;color:var(--action);animation:game-rise .42s var(--ease-out) both;grid-column:1/-1;margin:10px 0 0;font-weight:700}@media (prefers-reduced-motion:reduce){.step-guide__mark,.step-guide__mark svg,.staff-hint,.staff-hint__arrow,.try__correct--ready,.try__ready{animation:none}}