.tm-compare{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.tm-compare button{color:#eeeae1;cursor:pointer;text-align:left;min-height:58px;animation:tm-rise var(--motion-duration) var(--motion-curve) both;animation-delay:calc(var(--tm-i,0) * var(--motion-stagger));transition:background var(--motion-duration) var(--motion-curve), border-color var(--motion-duration) var(--motion-curve), transform var(--motion-duration) var(--motion-curve);background:#ffffff0a;border:1px solid #ffffff24;border-radius:10px;align-content:center;gap:5px;padding:12px 16px;display:grid}.tm-compare button:hover{background:#ffffff17}.tm-compare button:active{transform:translateY(1px)}.tm-compare button[data-played=true]{border-color:var(--acid);background:#d8ff5f1f}.tm-compare button.tm-probe{grid-column:1/-1}.tm-compare strong{font-size:12px;font-weight:600}.tm-compare small{color:var(--muted-on-dark);font-size:11px;font-family:var(--font-geist-mono), monospace}.tm-note{color:var(--muted-on-dark);grid-column:1/-1;margin:2px 0 0;font-size:11px;line-height:1.6}@keyframes tm-rise{0%{opacity:0;transform:translateY(8px)}}@media (width<=680px){.tm-compare{grid-template-columns:1fr}.tm-compare button{min-height:56px}.tm-tones[data-tone-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid;overflow:visible}.tm-tones[data-tone-count="4"] button{min-width:0;min-height:52px}.tm-tones[data-interval-steps][data-tone-count="4"]{flex-direction:column;grid-template-columns:none;display:flex;position:relative;overflow:visible}.tm-tones[data-interval-steps][data-tone-count="4"] .lesson-tone-row{display:flex}.tm-tones[data-interval-steps][data-tone-count="4"] button{min-width:0}}@media (prefers-reduced-motion:reduce){.tm-compare button{animation:none}}