.v4-mcq{min-height:120px;position:relative}.v4-mcq__confetti{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:visible}.v4-mcq__confetti-piece{background:hsl(var(--confetti-hue,200) 85% 60%);width:8px;height:12px;box-shadow:0 0 10px hsla(var(--confetti-hue,200), 90%, 55%, .7);border-radius:2px;position:absolute}.v4-mcq__voice-overlay{z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 20%,#6366f11f,#0000 55%);border-radius:12px;position:absolute;inset:0}.v4-mcq__toolbar{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:100%;margin-bottom:12px;display:flex}.v4-mcq__chip{color:#ffffffbf;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000040;border:1px solid #ffffff1f;border-radius:999px;padding:6px 12px;font-size:12px}.v4-mcq__chip.is-hybrid-on{color:#c7d2fe;background:#6366f140;border-color:#818cf899}.v4-mcq__voice-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;margin-bottom:12px;display:flex}.v4-mcq__audio-tap{color:#fef3c7;cursor:pointer;background:#fbbf241f;border:1px solid #fbbf2473;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.v4-mcq__listen-btn{color:#f1f5f9;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.v4-mcq__listen-btn.is-listening{cursor:wait;background:linear-gradient(135deg,#f472b640,#a78bfa33);border:2px solid #f472b6}.v4-mcq__listen-btn:disabled{cursor:wait}.v4-mcq__listen-icon{font-size:18px}.v4-mcq__replay-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:10px;padding:8px 14px;font-size:13px}.v4-mcq__replay-btn:disabled{cursor:wait}.v4-mcq__speech-warn{color:#fbbf24e6;font-size:12px}.v4-mcq__speech-error{color:#fda4af;font-size:12px}.v4-mcq__prompt{color:#f1f5f9;letter-spacing:-.01em;margin-bottom:16px;font-size:17px;font-weight:500;line-height:1.55}.v4-mcq__prompt--with-toolbar,.v4-mcq__prompt--revealed{margin-top:0}.v4-mcq__shortcut{color:#ffffff6b;margin:0 0 14px;font-size:12px}.v4-mcq__shortcut strong{color:#ffffffa6}.v4-mcq__result{border-radius:14px;margin-bottom:16px;padding:14px 16px}.v4-mcq__result.is-success{background:linear-gradient(135deg,#10b98133,#06b6d41f);border:1px solid #34d39973;box-shadow:0 0 32px #34d39926}.v4-mcq__result.is-fail{background:linear-gradient(135deg,#f43f5e2e,#fb923c1a);border:1px solid #fb718566;box-shadow:0 0 28px #fb71851f}.v4-mcq__result-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.v4-mcq__result-emoji{font-size:28px}.v4-mcq__result-body{flex:200px}.v4-mcq__result-title{margin-bottom:4px;font-size:17px;font-weight:700}.v4-mcq__result-title.is-success{color:#6ee7b7}.v4-mcq__result-title.is-fail{color:#fecdd3}.v4-mcq__result-text{color:#ffffffb8;font-size:14px;line-height:1.45}.v4-mcq__result-explain{color:#ffffffd9;white-space:pre-wrap;margin-top:10px;font-size:14px;line-height:1.5}.v4-mcq__xp-badge{text-align:center;background:linear-gradient(135deg,#fbbf2459,#fb923c40);border:1px solid #fbd38d73;border-radius:12px;min-width:88px;padding:10px 16px}.v4-mcq__xp-label{color:#ffffffa6;font-size:11px;font-weight:600}.v4-mcq__xp-value{background:linear-gradient(90deg,#fde68a,#fcd34d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800}.v4-mcq__continue-wrap{margin-bottom:18px}.v4-mcq__continue-btn{width:auto;padding-left:26px;padding-right:26px}.v4-mcq__options{flex-direction:column;gap:10px;display:flex}.v4-mcq__option{text-align:left;color:#f1f5f9;cursor:pointer;background:linear-gradient(120deg,#ffffff0f,#ffffff05);border:2px solid #ffffff1f;border-radius:14px;flex-direction:column;align-items:stretch;padding:14px 16px;display:flex}.v4-mcq__option:disabled{cursor:default}.v4-mcq__option.is-selected{background:linear-gradient(120deg,#8b5cf647,#6366f126);border-color:#a78bfa;box-shadow:0 4px 24px #6366f133}.v4-mcq__option.is-correct{background:linear-gradient(120deg,#22c55e38,#06b6d41f);border-color:#4ade80}.v4-mcq__option.is-wrong-pick{background:linear-gradient(120deg,#f43f5e38,#f973161a);border-color:#fb7185}.v4-mcq__option-row{align-items:flex-start;gap:12px;display:flex}.v4-mcq__option-letter{color:#ffffffd9;background:#ffffff14;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.v4-mcq__option-letter.is-active{background:#00000059}.v4-mcq__option-letter.is-correct{color:#86efac}.v4-mcq__option-letter.is-wrong{color:#fda4af}.v4-mcq__option-label{flex:1;font-size:15px;line-height:1.45}.v4-mcq__option-explain{color:#ffffffa6;border-top:1px solid #ffffff14;margin-top:10px;padding-top:10px;font-size:13px}.v4-mcq__hints{margin-top:16px}.v4-mcq__hints-actions{margin-top:6px}.v4-mcq__hint-emoji{margin-right:6px}.v4-mcq__validate-wrap{justify-content:flex-end;margin-top:20px;display:flex}.v4-mcq__validate{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6 45%,#a855f7);border:none;border-radius:12px;padding:12px 22px;font-size:15px;font-weight:700;box-shadow:0 8px 28px #6366f159}.v4-mcq__validate:disabled{cursor:not-allowed;opacity:.55}.v4-mcq__validate.is-revealed{opacity:.45}
