.wcard{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg, 16px);padding:var(--space-7, 28px) var(--space-7, 28px);box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000a;display:flex;flex-direction:column;gap:var(--space-5, 20px);transition:border-color .2s ease-out,box-shadow .2s ease-out}.wcard--success{border-color:#00b89440;box-shadow:0 1px 2px #0000000a,0 8px 24px #00b8940f}.wcard--warning{border-color:#f59e0b52;box-shadow:0 1px 2px #0000000a,0 8px 24px #f59e0b0f}.wcard__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px)}.wcard__head-left,.wcard__head-right{display:flex;align-items:center;gap:var(--space-2, 8px)}.wcard__eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-violet)}.wcard--success .wcard__eyebrow{color:var(--accent-mint, #00b894)}.wcard--warning .wcard__eyebrow{color:var(--accent-amber, #f59e0b)}.wcard__progress{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);letter-spacing:.04em}.wcard__dots{display:inline-flex;align-items:center;gap:5px}.wcard__dot{width:6px;height:6px;border-radius:50%;background:var(--border-default);transition:background .2s ease-out,transform .2s ease-out}.wcard__dot--done{background:var(--accent-violet)}.wcard__dot--current{background:var(--accent-violet);transform:scale(1.6)}.wcard__prompt{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;line-height:1.35;color:var(--text-heading);letter-spacing:-.01em}.wcard__prompt em{font-family:var(--font-editorial),Georgia,serif;font-style:italic;color:var(--accent-violet);font-weight:500}.wcard__body{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.wcard__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px);flex-wrap:wrap;padding-top:var(--space-2, 8px)}.wcard__btn{font-family:var(--font-body);font-size:14px;font-weight:600;border-radius:var(--radius-sm, 6px);padding:var(--space-2, 8px) var(--space-5, 20px);cursor:pointer;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out;border:1px solid transparent}.wcard__btn--primary{color:#fff;background:var(--accent-violet);border-color:var(--accent-violet)}.wcard__btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent-violet) 88%,black)}.wcard__btn--primary:disabled{opacity:.5;cursor:not-allowed}.wcard__btn--ghost{color:var(--text-secondary);background:transparent;border-color:var(--border-default)}.wcard__btn--ghost:hover{color:var(--accent-violet);border-color:var(--accent-violet)}.wcard__btn--warning{color:#fff;background:var(--accent-amber, #f59e0b);border-color:var(--accent-amber, #f59e0b)}.wcard__btn--warning:hover:not(:disabled){background:color-mix(in srgb,var(--accent-amber, #f59e0b) 88%,black)}.wcard__status{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);transition:color .15s ease-out}.wcard__status[data-state=error]{color:var(--accent-coral)}.wcard__status[data-state=success]{color:var(--accent-mint, #00b894)}.wcard__textarea{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm, 6px);padding:var(--space-3, 12px) var(--space-4, 16px);resize:vertical;min-height:100px;transition:border-color .15s ease-out,box-shadow .15s ease-out}.wcard__textarea:focus{outline:none;border-color:var(--accent-violet);box-shadow:0 0 0 3px #6c5ce726}.wcard__options{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.wcard__opt{display:flex;align-items:flex-start;gap:var(--space-3, 12px);padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm, 8px);cursor:pointer;font-family:var(--font-body);font-size:14.5px;line-height:1.45;color:var(--text-primary);transition:border-color .15s ease-out,background .15s ease-out}.wcard__opt:has(input:checked){border-color:var(--accent-violet);background:#6c5ce70d}.wcard__opt input{accent-color:var(--accent-violet);margin-top:3px;flex-shrink:0}.wcard__opt--correct{border-color:var(--accent-mint, #00b894);background:#00b8940f}.wcard__opt--wrong{border-color:var(--accent-coral);background:#ff6b6b0d}.wcard__opt-mark{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.wcard__opt--correct .wcard__opt-mark{color:var(--accent-mint, #00b894)}.wcard__opt--wrong .wcard__opt-mark{color:var(--accent-coral)}.wcard__explain{font-family:var(--font-body);font-size:14px;color:var(--text-secondary);line-height:1.55;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--bg-subtle);border-left:3px solid var(--accent-violet);border-radius:0 var(--radius-sm, 6px) var(--radius-sm, 6px) 0}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:9999}.confetti__piece{position:absolute;top:-16px;width:8px;height:14px;opacity:0;border-radius:1px;will-change:transform,opacity;animation:confetti-fall 2.8s cubic-bezier(.25,.7,.35,1) forwards}@keyframes confetti-fall{0%{opacity:0;transform:translateZ(0) rotate(0)}8%{opacity:1}to{opacity:0;transform:translate3d(var(--dx),var(--dy),0) rotate(var(--dr))}}