.mix-practice{background:var(--card,#fff);color:var(--foreground,#241333);border:1px solid #b79adf;border-radius:18px;margin:28px 0}.mix-practice>summary{cursor:pointer;box-sizing:border-box;min-height:44px;padding:20px;font-size:1.1rem;font-weight:700}.mix-practice-body{padding:0 20px 20px}.mix-practice-help{color:var(--muted,#665a75);font-size:.9rem}.mix-practice-pages{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0;display:grid;padding:0!important;list-style:none!important}.mix-practice-pages li{text-align:center;min-width:0}.mix-practice-position{opacity:.7;margin-bottom:8px;font-size:.8rem;display:block}.mix-practice-card{background:#dce9ff;border:2px solid #94b7ee;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:110px;font-weight:750;display:flex;cursor:grab!important;color:#402a5d!important;font-size:1.5rem!important}.mix-practice-card.source-b{background:#f9dbea;border-color:#e5a2c7}.mix-practice-card span{font-size:.75rem;font-weight:500}.mix-practice-card[aria-pressed=true]{outline-offset:3px;outline:3px solid #743ce8}.mix-practice-card:focus-visible{outline-offset:4px;outline:3px solid #743ce8}.mix-practice-actions button:focus-visible{outline-offset:4px;outline:3px solid #743ce8}.mix-practice>summary:focus-visible{outline-offset:4px;outline:3px solid #743ce8}.mix-practice-actions{flex-wrap:wrap;gap:12px;display:flex}.mix-practice-actions button{background:var(--background,#fff);border:1px solid #aa8bd4;border-radius:10px;min-height:44px;padding:12px 18px}.mix-practice-actions .mix-practice-check{color:#fff;background:#743ce8;border-color:#743ce8;font-weight:700}.mix-practice-feedback{min-height:24px;padding:16px 0 0;font-size:.95rem;position:relative}.mix-practice-feedback[data-correct=true]{color:var(--foreground,#241333);font-weight:700}.mix-practice-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mix-practice-confetti i{border-radius:2px;width:8px;height:12px;animation:.9s both mix-celebrate;position:absolute;top:0}@keyframes mix-celebrate{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(48px)rotate(180deg)}}@media (max-width:640px){.mix-practice-body{padding:0 12px 16px}.mix-practice-pages{gap:6px}.mix-practice-card{min-height:90px;font-size:1.15rem!important}.mix-practice-card span{font-size:.65rem}.mix-practice-actions button{flex-grow:1;padding:12px}.mix-practice>summary{padding:16px}}@media (prefers-reduced-motion:reduce){.mix-practice-confetti{display:none}.mix-practice-confetti i{animation:none}}