.challenge-song-clip{flex-direction:column;gap:5px;width:216px;max-width:100%;display:flex}.challenge-song-clip iframe{box-shadow:var(--home-key-shadow);border-radius:12px}.challenge-song-clip>p{color:var(--muted-foreground);font-size:10px;line-height:1.35}.challenge-song-clip[data-state=loading]{display:none}.challenge-song-clip-frame{border-radius:12px;position:relative;overflow:hidden}.challenge-song-clip-frame iframe{pointer-events:none;display:block}.challenge-song-clip-play{cursor:pointer;background:color-mix(in oklab, var(--foreground) 45%, transparent);color:var(--primary-foreground);border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:800;transition:background .2s;display:flex;position:absolute;inset:0}.challenge-song-clip-play[data-playing=true]{background:0 0;justify-content:flex-end;align-items:flex-end;padding:6px}.challenge-song-clip-icon{background:var(--primary);width:46px;height:46px;box-shadow:0 0 0 4px color-mix(in oklab, var(--primary-foreground) 35%, transparent), 0 6px 14px #00000059;border-radius:999px;place-items:center;animation:1.8s ease-in-out infinite song-clip-pulse;display:grid}.challenge-song-clip-icon svg{fill:currentColor;width:22px;height:22px}.challenge-song-clip-play[data-playing=true] .challenge-song-clip-icon{width:30px;height:30px;animation:none}.challenge-song-clip-play[data-playing=true] .challenge-song-clip-icon svg{width:14px;height:14px}.challenge-song-clip-label{text-shadow:0 1px 3px #0009}@keyframes song-clip-pulse{50%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.challenge-song-clip-icon{animation:none}}.free-song-challenge [data-chord-button="0"]{background:var(--chord-one)}.free-song-challenge [data-chord-button="1"]{background:var(--chord-four)}.free-song-challenge [data-chord-button="2"]{background:var(--chord-three)}.free-song-challenge [data-chord-button="3"]{background:var(--chord-two)}.free-song-challenge [data-chord-button="4"]{background:var(--primary)}.free-song-challenge [data-lit=true]{box-shadow:0 0 0 3px var(--background), 0 0 0 6px var(--primary), 0 0 20px var(--primary);transform:translateY(-4px)}.free-challenge-piano[data-chord=E] button:is([aria-label=E4],[aria-label=G\#4],[aria-label=B4]),.free-challenge-piano[data-chord=B] button:is([aria-label=B3],[aria-label=D\#4],[aria-label=F\#4]),.free-challenge-piano[data-chord=C\#m] button:is([aria-label=C\#4],[aria-label=E4],[aria-label=G\#4]),.free-challenge-piano[data-chord=A] button:is([aria-label=A3],[aria-label=C\#4],[aria-label=E4]),.free-challenge-piano[data-chord=C] button:is([aria-label=C4],[aria-label=E4],[aria-label=G4]),.free-challenge-piano[data-chord=G] button:is([aria-label=G3],[aria-label=B3],[aria-label=D4]),.free-challenge-piano[data-chord=Am] button:is([aria-label=A3],[aria-label=C4],[aria-label=E4]),.free-challenge-piano[data-chord=F] button:is([aria-label=F3],[aria-label=A3],[aria-label=C4]){background:var(--primary);color:var(--primary-foreground);box-shadow:inset 0 -4px 0 color-mix(in oklab, var(--primary) 70%, var(--foreground))}.free-challenge-piano button span{color:inherit}.free-song-challenge [data-state=on]{background:var(--primary);color:var(--primary-foreground)}.free-song-challenge [role=group]{flex-wrap:wrap}@media (width<=600px){.free-song-challenge .free-challenge-piano>div{padding-bottom:4rem}}.free-challenge-piano[data-pressed=true] button[aria-label][aria-pressed=false]{transition:background-color,transform}.free-challenge-piano[data-sounding~=E4] button[aria-label=E4],.free-challenge-piano[data-sounding~=G\#4] button[aria-label=G\#4],.free-challenge-piano[data-sounding~=B4] button[aria-label=B4],.free-challenge-piano[data-sounding~=B3] button[aria-label=B3],.free-challenge-piano[data-sounding~=D\#4] button[aria-label=D\#4],.free-challenge-piano[data-sounding~=F\#4] button[aria-label=F\#4],.free-challenge-piano[data-sounding~=C\#4] button[aria-label=C\#4],.free-challenge-piano[data-sounding~=A3] button[aria-label=A3],.free-challenge-piano[data-sounding~=C4] button[aria-label=C4],.free-challenge-piano[data-sounding~=G4] button[aria-label=G4],.free-challenge-piano[data-sounding~=G3] button[aria-label=G3],.free-challenge-piano[data-sounding~=D4] button[aria-label=D4],.free-challenge-piano[data-sounding~=F3] button[aria-label=F3]{background:var(--primary);color:var(--primary-foreground);box-shadow:inset 0 -4px 0 color-mix(in oklab, var(--primary) 70%, var(--foreground));transform:translateY(3px)}.free-challenge-piano[data-pressed=true] button span{color:inherit}@media (prefers-reduced-motion:reduce){.free-challenge-piano *{transition:none!important}}