.hd-shell .am-page-heading{margin-bottom:0}.hd-breadcrumb{padding-bottom:0}.hd-page{color:var(--foreground);padding-bottom:4rem}.hd-kicker,.hd-eyebrow{color:var(--primary);font-size:var(--pr-type-meta-size);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:800}.hd-hero{border-bottom:1px solid var(--border);padding:1.1rem 0 1.5rem}.hd-hero h1{letter-spacing:-.035em;max-width:50rem;margin:.45rem 0 .75rem;font-size:clamp(2rem,4vw,2.65rem);line-height:1.08}.hd-lead{max-width:46rem;color:var(--muted-foreground);margin:0;font-size:1.125rem}.hd-receiver{border-left:3px solid var(--primary);background:var(--accent);margin:1rem 0 1.25rem;padding:.85rem 1rem;font-size:.9375rem}.hd-challenge{padding:1.75rem 0 2rem}.hd-challenge-head{justify-content:space-between;align-items:end;gap:1.25rem;margin-bottom:1.15rem;display:flex}.hd-challenge h2,.hd-more h2,.hd-content h2,.hd-reveal h2{letter-spacing:-.02em;margin:.35rem 0 .45rem;font-size:clamp(1.55rem,3vw,1.9rem);line-height:1.15}.hd-muted{color:var(--muted-foreground)}.hd-pair-chip{border:1px solid var(--border);color:var(--muted-foreground);white-space:nowrap;border-radius:999px;margin:0;padding:.45rem .7rem;font-size:.8125rem}.hd-play-stage{border-block:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:1.5rem 0;display:grid}.hd-play-copy strong{font-size:1.2rem;display:block}.hd-timeline{color:var(--muted-foreground);align-items:center;gap:.5rem;margin-top:.75rem;font-size:.8125rem;display:flex}.hd-step{align-items:center;gap:.4rem;display:inline-flex}.hd-dot{background:color-mix(in srgb,var(--muted-foreground) 35%,transparent);border-radius:50%;width:.5rem;height:.5rem}.hd-dot.on{background:var(--primary)}.hd-sub-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.hd-primary{min-width:12rem}.hd-audio-error{border:1px solid color-mix(in srgb,var(--error) 35%,var(--border));border-radius:var(--pr-radius-control);background:color-mix(in srgb,var(--error) 8%,var(--background));color:var(--error);margin-top:1rem;padding:1rem}.hd-audio-error .am-button{margin-top:.75rem}.hd-guess{text-align:center;max-width:45rem;margin:1.75rem auto 0}.hd-guess h3{margin:0 0 .35rem;font-size:1.35rem}.hd-helper{color:var(--muted-foreground);margin:0 0 .95rem;font-size:.875rem}.hd-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.hd-choice{border:1px solid var(--border);border-radius:var(--pr-radius-control);background:var(--background);min-height:3.15rem;color:var(--foreground);font:inherit;cursor:pointer;font-weight:700}.hd-choice:disabled{cursor:not-allowed;color:var(--muted-foreground);background:color-mix(in srgb,var(--muted-foreground) 6%,var(--background))}.hd-choice.wrong{border-color:var(--error);background:color-mix(in srgb,var(--error) 8%,var(--background));color:var(--error)}.hd-choice.correct{border-color:var(--primary);background:var(--accent);color:var(--primary)}.hd-choice:focus-visible{outline:var(--pr-focus-width) solid var(--ring);outline-offset:2px}.hd-feedback{border-left:3px solid var(--error);border-radius:0 var(--pr-radius-control) var(--pr-radius-control) 0;background:color-mix(in srgb,var(--error) 8%,var(--background));color:var(--error);text-align:left;margin:1rem auto 0;padding:.85rem 1rem}.hd-feedback.info{border-left-color:var(--primary);background:var(--accent);color:var(--foreground)}.hd-wrong-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;margin-top:.85rem;display:flex}.hd-reveal{border-top:1px solid var(--border);text-align:left;margin-top:2.25rem;padding-top:2.25rem}.hd-reveal-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:2.5rem;display:grid}.hd-change{margin:1.1rem 0 .55rem;font-size:1.55rem;font-weight:800}.hd-change span:last-child{color:var(--primary)}.hd-keyboard-wrap .kn-key-scroll{background:0 0;padding:0;overflow:hidden}.hd-keyboard-wrap .kn-keyboard{border-top:.4rem solid var(--piano-key-black);height:12.8rem}.hd-role-legend{color:var(--muted-foreground);flex-wrap:wrap;gap:1rem;margin-top:.85rem;padding:0;font-size:.8125rem;list-style:none;display:flex}.hd-role-legend span{border:1px solid var(--border);vertical-align:-.1rem;width:.85rem;height:.85rem;margin-right:.35rem;display:inline-block}.hd-role-legend span[data-role=common]{background:color-mix(in srgb,var(--foreground) 10%,var(--background));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--foreground) 35%,transparent)}.hd-role-legend span[data-role=source]{background:color-mix(in srgb,var(--muted-foreground) 18%,var(--background));box-shadow:inset 0 0 0 1px var(--muted-foreground)}.hd-role-legend span[data-role=target]{background:var(--accent);box-shadow:inset 0 0 0 2px var(--primary)}.hd-learn{border-top:1px solid var(--border);margin-top:1.75rem}.hd-learn summary{min-height:var(--pr-control-min-size);cursor:pointer;font-weight:650}.hd-three{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem;padding:1.75rem 0;display:grid}.hd-three h3{margin:.25rem 0}.hd-three p{color:var(--muted-foreground);margin:0;font-size:.875rem}.hd-reveal-actions{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;padding:1.35rem 0;display:flex}.hd-refs{flex-wrap:wrap;gap:.9rem;margin-left:auto;font-size:.8125rem;display:flex}.hd-refs a{color:var(--primary);font-weight:650;text-decoration:none}.hd-more,.hd-content{border-bottom:1px solid var(--border);padding:2.25rem 0}.hd-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.hd-preset{border:1px solid var(--border);border-radius:var(--pr-radius-control);background:var(--background);text-align:left;cursor:pointer;padding:1rem}.hd-preset strong{display:block}.hd-preset span{color:var(--muted-foreground);margin-top:.2rem;font-size:.8125rem;display:block}.hd-preset.current{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.hd-preset:focus-visible{outline:var(--pr-focus-width) solid var(--ring);outline-offset:2px}.hd-content{grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);gap:2.5rem;display:grid}.hd-content p,.hd-content li{color:var(--muted-foreground)}.hd-content ul{margin:.25rem 0 1rem;padding-left:1.2rem}.hd-content details{margin-bottom:1rem}.hd-content summary{min-height:var(--pr-control-min-size);cursor:pointer;color:var(--foreground);font-weight:650}.hd-outbound{flex-wrap:wrap;gap:1rem;display:flex}.hd-outbound a{color:var(--primary);font-weight:650;text-decoration:none}.hd-preview{border-radius:var(--pr-radius-control);background:var(--surface);margin:1rem 0;padding:1rem}.hd-preview span{color:var(--muted-foreground);margin-top:.35rem;font-size:.8125rem;display:block}@media (max-width:47.5rem){.hd-challenge-head{display:block}.hd-pair-chip{margin-top:.75rem;display:inline-block}.hd-play-stage{grid-template-columns:1fr}.hd-primary,.hd-sub-actions .am-button{width:100%}.hd-choices{gap:.45rem}.hd-choice{padding:0 .4rem;font-size:.9375rem}.hd-reveal-grid,.hd-three,.hd-content{grid-template-columns:1fr;gap:1.5rem}.hd-keyboard-wrap .kn-keyboard{height:11rem}.hd-reveal-actions{display:block}.hd-reveal-actions .am-button{width:100%;margin-top:.65rem}.hd-reveal-actions .am-button:first-child{margin-top:0}.hd-refs{margin:1rem 0 0}.hd-presets{grid-template-columns:1fr 1fr}}@media (max-width:22rem){.hd-choices,.hd-presets{grid-template-columns:1fr}}