.ui-module___ALt2W__button{min-height:var(--ui-control-height);min-width:var(--ui-control-height);border-radius:var(--ui-radius-pill);font:inherit;font-size:var(--ui-text-body);text-align:center;overflow-wrap:anywhere;cursor:pointer;transition:background-color var(--ui-transition), border-color var(--ui-transition), color var(--ui-transition);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:650;line-height:1.4;display:inline-flex}.ui-module___ALt2W__button:disabled{opacity:.5;cursor:not-allowed}.ui-module___ALt2W__button:focus-visible,.ui-module___ALt2W__interactiveCard:focus-visible,.ui-module___ALt2W__field:focus-visible{outline:2px solid var(--ui-accent-text);outline-offset:3px}.ui-module___ALt2W__primary{background:var(--color-gold);color:var(--ui-text-on-accent);border-color:var(--color-gold-border)}.ui-module___ALt2W__secondary{background:var(--bg-surface-2);color:var(--text-main);border-color:var(--border-subtle)}.ui-module___ALt2W__outline{background:var(--color-gold-dim);color:var(--ui-accent-text);border-color:var(--color-gold-border)}.ui-module___ALt2W__ghost{color:var(--text-muted);background:0 0}.ui-module___ALt2W__danger{background:var(--ui-danger-bg);color:#fff}.ui-module___ALt2W__dangerGhost{color:var(--color-miss);background:0 0}.ui-module___ALt2W__small{padding-inline:1rem}.ui-module___ALt2W__large{min-height:48px;padding:.75rem 1.5rem}.ui-module___ALt2W__iconButton{width:var(--ui-control-height);flex-shrink:0;padding:.625rem}.ui-module___ALt2W__fullWidth{width:100%}.ui-module___ALt2W__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:1em;height:1em;animation:.8s linear infinite ui-module___ALt2W__spin}@keyframes ui-module___ALt2W__spin{to{transform:rotate(360deg)}}.ui-module___ALt2W__card{border:1px solid var(--border-subtle);border-radius:var(--ui-radius-card);background:var(--bg-card);min-width:0;padding:var(--ui-space-card);color:var(--text-main);transition:border-color var(--ui-transition), background-color var(--ui-transition)}.ui-module___ALt2W__selected{border-color:var(--color-gold-border);background:var(--bg-card-hover)}.ui-module___ALt2W__muted{background:var(--bg-surface-1)}.ui-module___ALt2W__interactiveCard{text-align:left;cursor:pointer;width:100%;font:inherit;min-height:var(--ui-control-height)}.ui-module___ALt2W__interactiveCard:disabled{cursor:not-allowed;opacity:.55}.ui-module___ALt2W__cardTitle{font-size:var(--ui-text-title);overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.4}.ui-module___ALt2W__cardDescription{font-size:var(--ui-text-body);color:var(--text-muted);overflow-wrap:anywhere;margin:.375rem 0 0;line-height:1.6}.ui-module___ALt2W__cardActions{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.ui-module___ALt2W__badge{border:1px solid var(--border-subtle);border-radius:var(--ui-radius-pill);max-width:100%;font-size:var(--ui-text-caption);color:var(--text-muted);background:var(--bg-surface-2);overflow-wrap:anywhere;align-items:center;gap:.375rem;padding:.25rem .625rem;font-weight:600;line-height:1.5;display:inline-flex}.ui-module___ALt2W__badgeAccent{color:var(--ui-accent-text);background:var(--color-gold-dim);border-color:var(--color-gold-border)}.ui-module___ALt2W__pageHeader{flex-direction:column;align-items:stretch;gap:1rem;display:flex}.ui-module___ALt2W__pageTitle{font-size:var(--ui-text-heading);letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;font-weight:750;line-height:1.25}.ui-module___ALt2W__description{color:var(--text-muted);font-size:var(--ui-text-body);overflow-wrap:anywhere;margin:.5rem 0 0;line-height:1.6}.ui-module___ALt2W__headerActions{flex-wrap:wrap;gap:.5rem;display:flex}.ui-module___ALt2W__headerActions>*{flex:1}.ui-module___ALt2W__startViewport{flex-direction:column;flex:1;width:100%;min-height:0;padding:1rem;display:flex;overflow-y:auto}.ui-module___ALt2W__startPanel{width:100%;max-width:42rem;box-shadow:var(--shadow-surface);text-align:center;flex-shrink:0;margin:auto;padding:1.5rem}.ui-module___ALt2W__startIcon{background:var(--color-gold-dim);width:3rem;height:3rem;color:var(--ui-accent-text);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.25rem;display:flex}.ui-module___ALt2W__startContent{text-align:left;margin-top:1.5rem}.ui-module___ALt2W__startActions{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.ui-module___ALt2W__dialogBackdrop{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:var(--bg-dialog-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ui-module___ALt2W__dialogPanel{overscroll-behavior:contain;border-radius:var(--ui-radius-dialog);border:1px solid var(--border-subtle);background:var(--bg-card);width:100%;min-width:0;max-width:30rem;max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-dialog);color:var(--text-main);overflow-y:auto}.ui-module___ALt2W__dialogSmall{max-width:24rem}.ui-module___ALt2W__dialogWide{max-width:42rem}.ui-module___ALt2W__dialogHeader{align-items:flex-start;gap:1rem;padding:1.25rem 1.25rem 0;display:flex;position:relative}.ui-module___ALt2W__dialogHeading{flex:1;min-width:0}.ui-module___ALt2W__dialogTitle{font-size:var(--ui-text-title);overflow-wrap:anywhere;margin:0;font-weight:750;line-height:1.4}.ui-module___ALt2W__dialogHeader .ui-module___ALt2W__iconButton{margin:-.5rem -.5rem 0 0}.ui-module___ALt2W__dialogBody{padding:1.25rem}.ui-module___ALt2W__dialogActions{border-top:1px solid var(--border-subtle);background:var(--bg-card);flex-direction:column-reverse;gap:.5rem;padding:1rem 1.25rem;display:flex;position:sticky;bottom:0}.ui-module___ALt2W__dialogActions>*{width:100%}.ui-module___ALt2W__field{width:100%;min-width:0;min-height:var(--ui-control-height);border:1px solid var(--border-medium);border-radius:var(--ui-radius-field);background:var(--bg-input);color:var(--text-main);font:inherit;padding:.625rem .875rem;font-size:1rem}.ui-module___ALt2W__field:disabled{opacity:.5}.ui-module___ALt2W__field[aria-invalid=true]{border-color:var(--color-miss)}.ui-module___ALt2W__fieldLabel{color:var(--text-main);font-size:var(--ui-text-body);margin-bottom:.5rem;font-weight:600;display:block}.ui-module___ALt2W__alert{border:1px solid var(--border-medium);border-radius:var(--ui-radius-field);background:var(--bg-surface-1);color:var(--text-main);font-size:var(--ui-text-body);overflow-wrap:anywhere;align-items:flex-start;gap:.75rem;padding:1rem;line-height:1.5;display:flex}.ui-module___ALt2W__alertError{border-color:var(--color-miss)}.ui-module___ALt2W__alertMessage{flex:1;min-width:0}@media (hover:hover){.ui-module___ALt2W__primary:hover:not(:disabled){background:var(--color-gold-hover)}.ui-module___ALt2W__secondary:hover:not(:disabled),.ui-module___ALt2W__ghost:hover:not(:disabled),.ui-module___ALt2W__outline:hover:not(:disabled){background:var(--bg-surface-3);color:var(--text-main)}.ui-module___ALt2W__danger:hover:not(:disabled){background:var(--ui-danger-hover)}.ui-module___ALt2W__dangerGhost:hover:not(:disabled){background:var(--bg-surface-2)}.ui-module___ALt2W__interactiveCard:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--color-gold-border)}}@media (min-width:640px){.ui-module___ALt2W__pageHeader{flex-direction:row;justify-content:space-between;align-items:flex-start}.ui-module___ALt2W__headerActions{flex-shrink:0}.ui-module___ALt2W__headerActions>*{flex:initial}.ui-module___ALt2W__startViewport,.ui-module___ALt2W__startPanel{padding:2rem}.ui-module___ALt2W__startActions{flex-direction:row;justify-content:center}.ui-module___ALt2W__dialogActions{flex-direction:row;justify-content:flex-end}.ui-module___ALt2W__dialogActions>*{width:auto}.ui-module___ALt2W__dialogHeader{padding:1.5rem 1.5rem 0}.ui-module___ALt2W__dialogBody{padding:1.5rem}.ui-module___ALt2W__dialogActions{padding:1rem 1.5rem}}@media (prefers-reduced-motion:reduce){.ui-module___ALt2W__button,.ui-module___ALt2W__card{transition:none}}
.AssessmentExamples-module__sC00UW__scroller{border-radius:.5rem;overflow-x:auto}.AssessmentExamples-module__sC00UW__sheet{min-width:38rem}.AssessmentExamples-module__sC00UW__score{width:100%;aspect-ratio:1 / var(--ratio);background-color:var(--text-main);-webkit-mask-image:var(--score);-webkit-mask-image:var(--score);mask-image:var(--score);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.FeedbackReadout-module__dMqxIW__board{--label:17rem;--gap:2.5rem;--pad:1.25rem;--s:11px;--staff:calc(var(--s) * 4);--idle:color-mix(in srgb, var(--text-muted) 50%, transparent);border:1px solid var(--border-subtle);border-radius:var(--ui-radius-card);background:var(--bg-surface-1);margin-top:3.5rem;position:relative;overflow:hidden}.FeedbackReadout-module__dMqxIW__row{padding:1.5rem var(--pad);align-items:center;gap:1.5rem;display:grid}.FeedbackReadout-module__dMqxIW__row+.FeedbackReadout-module__dMqxIW__row{border-top:1px solid var(--border-subtle)}.FeedbackReadout-module__dMqxIW__label,.FeedbackReadout-module__dMqxIW__plot{min-width:0}.FeedbackReadout-module__dMqxIW__legend{color:var(--text-muted);flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0 0;padding:0;font-size:.75rem;list-style:none;display:flex}.FeedbackReadout-module__dMqxIW__legend li{align-items:center;gap:.375rem;display:flex}.FeedbackReadout-module__dMqxIW__legendDot{border-radius:50%;width:.625rem;height:.625rem}.FeedbackReadout-module__dMqxIW__cols{grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.FeedbackReadout-module__dMqxIW__cell{height:100%;display:block;position:relative}.FeedbackReadout-module__dMqxIW__staff{height:calc(var(--s) * 7);position:relative}.FeedbackReadout-module__dMqxIW__system{inset-inline:0;top:var(--s);height:var(--staff);position:absolute}.FeedbackReadout-module__dMqxIW__line{inset-inline:0;top:calc(var(--s) * var(--l));background:var(--border-medium);height:1px;position:absolute}.FeedbackReadout-module__dMqxIW__system .FeedbackReadout-module__dMqxIW__cols{position:absolute;inset:0}.FeedbackReadout-module__dMqxIW__note{left:50%;top:calc(var(--staff) - var(--p) * var(--s) / 2);width:0;height:0;color:var(--c,var(--idle));position:absolute}.FeedbackReadout-module__dMqxIW__note:before{content:"";box-sizing:border-box;width:calc(var(--s) * 1.3);height:calc(var(--s) * .92);left:calc(var(--s) * -.65);top:calc(var(--s) * -.46);background:currentColor;border-radius:50%;position:absolute;transform:rotate(-22deg)}.FeedbackReadout-module__dMqxIW__note:after{content:"";width:1px;height:calc(var(--s) * 3.3);background:currentColor;position:absolute}.FeedbackReadout-module__dMqxIW__stemUp:after{left:calc(var(--s) * .6 - 1px);top:calc(var(--s) * -3.5)}.FeedbackReadout-module__dMqxIW__stemDown:after{left:calc(var(--s) * -.6);top:calc(var(--s) * .2)}.FeedbackReadout-module__dMqxIW__cap{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);justify-content:space-between;margin:0 0 .5rem;font-size:.6875rem;display:flex}.FeedbackReadout-module__dMqxIW__capSpaced{margin-top:1.25rem}.FeedbackReadout-module__dMqxIW__capValue{letter-spacing:.02em;text-transform:none;color:var(--ui-accent-text);font-variant-numeric:tabular-nums}.FeedbackReadout-module__dMqxIW__pitchLane,.FeedbackReadout-module__dMqxIW__timingLane{height:1.75rem}.FeedbackReadout-module__dMqxIW__pitchDot{box-sizing:border-box;background:var(--c);border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:50%;left:50%;translate:-50% -50%}.FeedbackReadout-module__dMqxIW__wrong{border:2px solid var(--c);background:0 0}.FeedbackReadout-module__dMqxIW__beat{background:var(--border-strong);width:1px;position:absolute;top:0;bottom:0;left:50%}.FeedbackReadout-module__dMqxIW__deviation{left:var(--from);width:var(--w);background:var(--c);opacity:.55;border-radius:1px;height:2px;position:absolute;top:50%;translate:0 -50%}.FeedbackReadout-module__dMqxIW__timingDot{left:var(--at);background:var(--c);border-radius:50%;width:.6875rem;height:.6875rem;position:absolute;top:50%;translate:-50% -50%}.FeedbackReadout-module__dMqxIW__tempo{height:5.5rem;position:relative}.FeedbackReadout-module__dMqxIW__tempoSvg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.FeedbackReadout-module__dMqxIW__tempoArea{fill:var(--color-gold-dim)}.FeedbackReadout-module__dMqxIW__tempoStroke{stroke:var(--color-gold);stroke-width:1.5px}.FeedbackReadout-module__dMqxIW__tempoDot{background:var(--color-gold);width:.5rem;height:.5rem;box-shadow:0 0 0 2px var(--bg-surface-1);border-radius:50%;position:absolute;translate:-50% -50%}.FeedbackReadout-module__dMqxIW__bpm{font-family:var(--font-mono,ui-monospace, monospace);white-space:nowrap;color:var(--text-muted);font-size:.6875rem;line-height:1;position:absolute;translate:-50% calc(-100% - .5rem)}.FeedbackReadout-module__dMqxIW__bpmBelow{translate:-50% .625rem}.FeedbackReadout-module__dMqxIW__bpmUnit{color:var(--text-faint)}.FeedbackReadout-module__dMqxIW__eyesCap{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.5rem;font-size:.6875rem;display:grid}.FeedbackReadout-module__dMqxIW__eyesCap p{margin:0}.FeedbackReadout-module__dMqxIW__capLeft{text-align:right;padding-right:.75rem}.FeedbackReadout-module__dMqxIW__capRight{padding-left:.75rem}.FeedbackReadout-module__dMqxIW__eyes{height:2rem;position:relative}.FeedbackReadout-module__dMqxIW__eyes .FeedbackReadout-module__dMqxIW__cols{height:100%}.FeedbackReadout-module__dMqxIW__head{width:calc(var(--s) * 1.3);height:calc(var(--s) * .92);background:var(--c);opacity:var(--o);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-22deg}.FeedbackReadout-module__dMqxIW__playhead{background:color-mix(in srgb, var(--color-perfect) 55%, transparent);border-radius:1px;width:2px;position:absolute;top:-.375rem;bottom:-.375rem;left:50%;translate:-50%}.FeedbackReadout-module__dMqxIW__hover{display:none}@media (min-width:1024px){.FeedbackReadout-module__dMqxIW__board{--pad:1.75rem}.FeedbackReadout-module__dMqxIW__row{grid-template-columns:var(--label) minmax(0, 1fr);column-gap:var(--gap);padding-block:1.75rem}}@media (min-width:1024px) and (hover:hover){.FeedbackReadout-module__dMqxIW__hover{top:0;bottom:0;left:calc(var(--pad) + var(--label) + var(--gap));right:var(--pad);grid-template-columns:repeat(8,minmax(0,1fr));display:grid;position:absolute}.FeedbackReadout-module__dMqxIW__hoverColumn{transition:background-color var(--ui-transition,.15s ease);border-radius:.5rem}.FeedbackReadout-module__dMqxIW__hoverColumn:hover{background:color-mix(in srgb, var(--color-gold) 7%, transparent)}}@media (prefers-reduced-motion:reduce){.FeedbackReadout-module__dMqxIW__hoverColumn{transition:none}}
.HeroStaff-module__eNs-hq__stage{--s:13px;--staff:calc(var(--s) * 4);--idle:color-mix(in srgb, var(--text-muted) 50%, transparent);--rule:var(--border-medium);--pass:18s;pointer-events:none;height:112px;animation:1.4s cubic-bezier(.22,1,.36,1) both HeroStaff-module__eNs-hq__stage-in;position:absolute;inset:28px 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.HeroStaff-module__eNs-hq__score{width:max(100%,680px);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.HeroStaff-module__eNs-hq__system{inset-inline:0;top:calc(50% - var(--staff) / 2);height:var(--staff);position:absolute}.HeroStaff-module__eNs-hq__line{inset-inline:0;top:calc(var(--s) * var(--i));background:var(--rule);height:1px;position:absolute}.HeroStaff-module__eNs-hq__bar{top:0;left:var(--x);width:1px;height:var(--staff);background:var(--rule);position:absolute}.HeroStaff-module__eNs-hq__layer{position:absolute;inset:0}.HeroStaff-module__eNs-hq__note{left:var(--x);top:calc(var(--staff) - var(--p) * var(--s) / 2);width:0;height:0;color:var(--c,var(--idle));position:absolute}.HeroStaff-module__eNs-hq__note:before{content:"";box-sizing:border-box;width:calc(var(--s) * 1.3);height:calc(var(--s) * .92);left:calc(var(--s) * -.65);top:calc(var(--s) * -.46);background:currentColor;border-radius:50%;position:absolute;transform:rotate(-22deg)}.HeroStaff-module__eNs-hq__note:after{content:"";width:1px;height:calc(var(--s) * 3.3);background:currentColor;position:absolute}.HeroStaff-module__eNs-hq__stemUp:after{left:calc(var(--s) * .6 - 1px);top:calc(var(--s) * -3.5)}.HeroStaff-module__eNs-hq__stemDown:after{left:calc(var(--s) * -.6);top:calc(var(--s) * .2)}.HeroStaff-module__eNs-hq__hollow:before{background:0 0;border:1.5px solid}.HeroStaff-module__eNs-hq__live{animation:HeroStaff-module__eNs-hq__reveal var(--pass) linear 1s infinite backwards}.HeroStaff-module__eNs-hq__playhead{left:0;top:calc(var(--s) * -2.2);width:100%;height:calc(var(--staff) + var(--s) * 4.4);opacity:0;animation:HeroStaff-module__eNs-hq__sweep var(--pass) linear 1s infinite backwards;position:absolute;transform:translate(-100%)}.HeroStaff-module__eNs-hq__playhead:after{content:"";background:color-mix(in srgb, var(--color-perfect) 55%, transparent);border-radius:1px;width:2px;position:absolute;top:0;bottom:0;right:-1px}@keyframes HeroStaff-module__eNs-hq__stage-in{0%{opacity:0}to{opacity:1}}@keyframes HeroStaff-module__eNs-hq__reveal{0%{clip-path:inset(calc(var(--s) * -4) 100% calc(var(--s) * -4) 0);opacity:1}74%,90%{clip-path:inset(calc(var(--s) * -4) 0 calc(var(--s) * -4) 0);opacity:1}97%,to{clip-path:inset(calc(var(--s) * -4) 0 calc(var(--s) * -4) 0);opacity:0}}@keyframes HeroStaff-module__eNs-hq__sweep{0%{opacity:0;transform:translate(-100%)}3%{opacity:1}74%{opacity:1;transform:translate(0)}78%,to{opacity:0;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.HeroStaff-module__eNs-hq__stage,.HeroStaff-module__eNs-hq__live,.HeroStaff-module__eNs-hq__playhead{animation:none}}
.ThemeToggle-module__V-28fa__toSun,.ThemeToggle-module__V-28fa__toMoon{display:inline-flex}.ThemeToggle-module__V-28fa__toMoon{display:none}:root[data-theme=light] .ThemeToggle-module__V-28fa__toSun{display:none}:root[data-theme=light] .ThemeToggle-module__V-28fa__toMoon{display:inline-flex}
.PlatformKeys-module__xb_-8q__keyboard{--key-height:clamp(9.5rem, 30vw, 12.5rem);--pressed-lip:inset 0 -6px 0 #0003;--down-lip:inset 0 -2px 0 #0003;width:min(100%,36rem);margin-inline:auto;position:relative}.PlatformKeys-module__xb_-8q__keyboard:before{content:"";background:var(--piano-black-key);height:.5rem;box-shadow:0 0 0 1px var(--piano-black-border), 0 0 0 2px var(--border-medium);border-radius:.4rem .4rem 0 0;position:absolute;inset:-.5rem 0 auto}.PlatformKeys-module__xb_-8q__keys{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.PlatformKeys-module__xb_-8q__key{box-sizing:border-box;height:var(--key-height);border:1px solid var(--border-medium);text-align:center;border-top:0;border-radius:0 0 .75rem .75rem;flex-direction:column;justify-content:flex-end;align-items:center;gap:.35rem;padding:0 .25rem 1rem;display:flex;position:relative}.PlatformKeys-module__xb_-8q__key+.PlatformKeys-module__xb_-8q__key{margin-left:-1px}.PlatformKeys-module__xb_-8q__lit{background:var(--piano-active-bg);border-color:var(--piano-active-border);color:var(--piano-active-text);box-shadow:var(--pressed-lip);animation:7s ease-in-out infinite PlatformKeys-module__xb_-8q__press;animation-delay:calc(var(--i) * .55s)}.PlatformKeys-module__xb_-8q__ghost{border-color:var(--piano-white-border);background:var(--piano-white-key);color:var(--piano-white-text);box-shadow:var(--pressed-lip)}.PlatformKeys-module__xb_-8q__icon{font-size:1.25rem}.PlatformKeys-module__xb_-8q__name{font-size:.875rem;font-weight:650;line-height:1.2}.PlatformKeys-module__xb_-8q__ghost .PlatformKeys-module__xb_-8q__name{color:var(--piano-white-text)}.PlatformKeys-module__xb_-8q__state{letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-size:.6875rem}.PlatformKeys-module__xb_-8q__blacks{height:calc(var(--key-height) * .5);pointer-events:none;position:absolute;inset:0 0 auto}.PlatformKeys-module__xb_-8q__black{top:0;left:calc(var(--at) * 20%);background:var(--piano-black-key);width:11%;height:100%;box-shadow:0 0 0 1px var(--piano-black-border), 0 0 0 2px var(--border-medium);border-radius:0 0 .4rem .4rem;position:absolute;translate:-50%}.PlatformKeys-module__xb_-8q__legend{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.5rem;margin:1.75rem 0 0;padding:0;font-size:.75rem;list-style:none;display:flex}.PlatformKeys-module__xb_-8q__legend li{align-items:center;gap:.5rem;display:flex}.PlatformKeys-module__xb_-8q__swatch{border-radius:.2rem;width:1rem;height:.625rem}.PlatformKeys-module__xb_-8q__swatchLit{background:var(--piano-active-bg)}.PlatformKeys-module__xb_-8q__swatchGhost{border:1px solid var(--piano-white-border);background:var(--piano-white-key)}@keyframes PlatformKeys-module__xb_-8q__press{0%,12%,to{box-shadow:var(--pressed-lip);transform:none}4%,8%{box-shadow:var(--down-lip);transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.PlatformKeys-module__xb_-8q__lit{animation:none}}
@media (min-width:1025px) and (hover:hover) and (pointer:fine){button.profile-module__9OG52a__editName{width:24px;min-width:24px;min-height:24px;color:var(--text-muted);background:0 0;border:0;border-radius:0;padding:0}button.profile-module__9OG52a__editName:hover:not(:disabled){color:var(--ui-accent-text);background:0 0}}
article.scorePreview-module__WdC75G__scoreCard{padding:0;overflow:hidden}.scorePreview-module__WdC75G__previewImage{filter:invert()brightness(.9);mix-blend-mode:screen}[data-theme=light] .scorePreview-module__WdC75G__previewImage{filter:none;mix-blend-mode:multiply}