.free-response-scene{position:absolute;left:54px;top:280px;width:972px;height:778px}
.free-response-meta-row{position:absolute;inset:0 0 auto 0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 22px;border:1px solid rgba(39,230,255,.28);border-radius:15px;background:linear-gradient(90deg,rgba(39,230,255,.08),rgba(101,92,255,.09))}
.free-response-mode-copy{display:flex;align-items:center;gap:18px;min-width:0;white-space:nowrap}.free-response-mode-copy strong{color:var(--color-cyan);font-size:23px;font-weight:950;letter-spacing:.075em}.free-response-mode-copy span{color:var(--color-muted);font-size:21px;font-weight:850;letter-spacing:.06em}
.free-response-phase-chip{min-width:166px;height:34px;display:flex;align-items:center;justify-content:center;padding:0 16px;border:1px solid rgba(56,236,146,.4);border-radius:999px;color:var(--color-green);background:rgba(56,236,146,.09);font-size:17px;font-weight:950;letter-spacing:.06em}.free-response-phase-chip.warning{color:var(--color-yellow);border-color:rgba(255,228,95,.5);background:rgba(255,228,95,.1)}.free-response-phase-chip.final{color:var(--color-orange);border-color:rgba(255,155,66,.6);background:rgba(255,155,66,.12)}.free-response-phase-chip.locked,.free-response-phase-chip.reveal{color:var(--color-white);border-color:rgba(39,230,255,.65);background:linear-gradient(90deg,rgba(39,230,255,.18),rgba(101,92,255,.22))}
.free-response-question-panel{position:absolute;left:0;top:62px;width:972px;height:280px;display:flex;align-items:center;justify-content:center;padding:36px 44px 18px;border:2px solid rgba(39,230,255,.54);border-radius:28px;background:radial-gradient(circle at 50% 0,rgba(58,124,255,.24),transparent 58%),linear-gradient(155deg,rgba(14,31,68,.98),rgba(4,10,27,.98));box-shadow:var(--shadow-cyan),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}.free-response-question-panel:before{content:"";position:absolute;left:75px;right:75px;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-cyan),var(--color-indigo),transparent)}
.free-response-question-kicker{position:absolute;left:30px;top:16px;color:var(--color-muted);font-size:18px;font-weight:900;letter-spacing:.12em}.free-response-question-text{width:100%;height:226px;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:66px;font-weight:950;line-height:1;letter-spacing:-.035em;text-align:center;overflow:hidden;overflow-wrap:anywhere;text-wrap:balance}
.free-response-answer-stage{position:absolute;left:0;top:360px;width:972px;height:408px;border:2px solid rgba(105,183,255,.3);border-radius:28px;background:linear-gradient(155deg,rgba(12,26,58,.98),rgba(4,9,24,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.22);overflow:hidden}.free-response-answer-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(39,230,255,.12),transparent 55%);pointer-events:none}
.free-response-active-state,.free-response-reveal-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 42px}.free-response-active-state[hidden],.free-response-reveal-state[hidden]{display:none}.free-response-chat-mark{width:104px;height:104px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border:2px solid rgba(39,230,255,.7);border-radius:30px;color:var(--color-cyan);background:rgba(39,230,255,.1);box-shadow:0 0 30px rgba(39,230,255,.18);font-size:58px;font-weight:950}.free-response-chat-kicker{color:var(--color-white);font-size:49px;font-weight:950;letter-spacing:.015em}.free-response-chat-example{margin-top:10px;color:var(--color-muted);font-size:27px;font-weight:750}.free-response-response-meter{position:absolute;left:32px;right:32px;bottom:24px;height:64px;display:flex;align-items:center;justify-content:center;gap:14px;border-top:1px solid rgba(255,255,255,.1);color:var(--color-muted);font-size:20px;font-weight:900;letter-spacing:.08em}.free-response-response-meter strong{color:var(--color-cyan);font-size:34px}
.free-response-reveal-kicker{color:var(--color-green);font-size:24px;font-weight:950;letter-spacing:.13em}.free-response-correct-answer{width:100%;max-height:172px;margin-top:12px;color:var(--color-white);font-size:72px;font-weight:950;line-height:1;letter-spacing:-.035em;overflow:hidden;white-space:nowrap;overflow-wrap:normal;word-break:normal;text-wrap:nowrap}.free-response-explanation{width:100%;max-height:105px;margin-top:16px;color:var(--color-muted);font-size:31px;font-weight:700;line-height:1.12;overflow:hidden;text-wrap:balance}.free-response-reveal-stats{position:absolute;left:30px;right:30px;bottom:22px;display:flex;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);color:var(--color-muted);font-size:19px;font-weight:900;letter-spacing:.05em}.free-response-reveal-stats strong{color:var(--color-green);font-size:28px}
.free-response-lock-sweep{position:absolute;left:-300px;top:360px;width:230px;height:408px;opacity:0;background:linear-gradient(90deg,transparent,rgba(39,230,255,.16),rgba(255,255,255,.3),transparent);transform:skewX(-12deg)}.free-response-scene.is-locked .free-response-lock-sweep{animation:free-response-lock-sweep .8s ease-out both}.free-response-scene.is-warning .free-response-answer-stage{border-color:rgba(255,228,95,.5)}.free-response-scene.is-final .free-response-answer-stage{border-color:rgba(255,155,66,.65)}.free-response-scene.is-reveal .free-response-answer-stage{border-color:rgba(56,236,146,.55);box-shadow:0 0 34px rgba(56,236,146,.13),inset 0 1px 0 rgba(255,255,255,.06)}
@keyframes free-response-lock-sweep{0%{left:-300px;opacity:0}20%{opacity:1}100%{left:1050px;opacity:0}}