.q2-steps{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;margin:0;padding:0;list-style:none;display:grid}.q2-steps li{background:var(--color-surface);border:1px solid var(--color-border);height:6px}.q2-steps li[data-state=now]{background:var(--color-foreground);border-color:var(--color-foreground)}.q2-steps li[data-state=right]{background:var(--color-success);border-color:var(--color-success)}.q2-steps li[data-state=wrong]{background:var(--color-danger);border-color:var(--color-danger)}.q2-steps li[data-state=done]{background:var(--color-muted);border-color:var(--color-muted)}.q2-speed{background:var(--color-surface);height:3px;overflow:hidden}.q2-speed span{background:var(--color-accent);transform-origin:0;height:100%;transition:transform .1s linear;display:block}.q2-question{animation:.26s cubic-bezier(.16,1,.3,1) both q2-in}.q2-option{border:2px solid var(--color-border);background:var(--color-card);min-height:3.5rem;color:var(--color-foreground);border-radius:var(--radius-card);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;transition:border-color .15s,background-color .15s,opacity .15s;display:flex}.q2-option:not(:disabled):hover{border-color:var(--color-foreground)}.q2-option:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.q2-option[data-mark=picked]{border-color:var(--color-primary);background:var(--color-surface)}.q2-option[data-mark=right]{border-color:var(--color-success);background:var(--color-success-soft)}.q2-option[data-mark=wrong]{border-color:var(--color-danger);background:var(--color-danger-soft);animation:.32s both q2-shake}.q2-option[data-mark=dim]{opacity:.55}.q2-key{border:1px solid var(--color-border);background:var(--color-surface);flex:none;place-items:center;width:1.75rem;height:1.75rem;font-size:.75rem;font-weight:700;display:inline-grid}.q2-feedback{border-left:4px solid var(--color-danger);animation:.26s cubic-bezier(.16,1,.3,1) both q2-in}.q2-feedback[data-right="1"]{border-left-color:var(--color-success)}.q2-gain{color:var(--color-success-text);animation:.42s cubic-bezier(.16,1,.3,1) both q2-pop;display:inline-block}.q2-hero{border:1px solid var(--color-border);background:var(--color-card);position:relative;overflow:hidden}.q2-hero img{transition:transform .5s cubic-bezier(.16,1,.3,1)}.q2-hero:hover img{transform:scale(1.03)}.q2-card{transition:border-color .15s}.q2-card:hover{border-color:var(--color-foreground)}.q2-badge-chip{border:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.q2-badge-chip[data-off]{opacity:.45}@keyframes q2-in{0%{opacity:0;transform:translateY(6px)}}@keyframes q2-pop{0%{opacity:0;transform:translateY(6px)scale(.8)}}@keyframes q2-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.q2-question,.q2-feedback,.q2-gain,.q2-option,.q2-hero img{transition:none!important;animation:none!important}}