.video-room{margin-block:1rem;padding:clamp(16px,3vw,32px);border:1px solid var(--line,#e5e5e5);border-radius:24px;background:var(--surface,#fff);min-width:0}.video-room h3{font-size:clamp(22px,3vw,32px);margin:.4rem 0}.video-room .room-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;margin:18px 0}.room-stage,.room-self{min-height:220px;border-radius:20px;overflow:hidden;position:relative;display:grid;place-items:center;background:#f5f0eb;color:#333}.room-stage{background:radial-gradient(ellipse at 50% 70%,#ffdcca,#fbf9f7 70%)}.room-stage svg{width:170px;height:170px;max-width:65%}.room-stage[data-state=listening]{box-shadow:inset 0 0 0 3px #387865}.room-stage[data-state=thinking]{box-shadow:inset 0 0 0 3px #bd8b3d}.room-self video{width:100%;height:100%;position:absolute;object-fit:cover;transform:scaleX(-1)}.room-badge{position:absolute;left:14px;bottom:12px;border-radius:20px;background:#fff;color:#333;padding:5px 12px;font-size:12px}.room-captions{font-size:clamp(16px,2vw,20px);line-height:1.55;max-width:75ch;overflow-wrap:anywhere}.room-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.room-actions button{min-height:44px}.room-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.room-fields select{max-width:100%;width:100%}.room-recording{font-size:12px;letter-spacing:.04em;line-height:1.5;color:#a23724}.media-replay video{width:100%;max-height:400px;background:#151515;border-radius:16px}.media-replay li{padding:12px 0;border-bottom:1px solid #ddd}.media-replay button,.media-replay a{margin:6px;min-height:44px}.media-replay .small{overflow-wrap:anywhere}@media(max-width:600px){.video-room .room-grid{grid-template-columns:1fr 100px;gap:8px}.room-stage{min-height:180px}.room-self{min-height:100px;align-self:start}.room-self .room-badge{left:4px;bottom:4px;font-size:10px;padding:3px}.room-fields{grid-template-columns:1fr}.room-actions button{flex:1 1 40%}.room-self span{font-size:12px;padding:6px}.video-room{border-radius:18px}}@media(prefers-reduced-motion:reduce){.room-stage svg{transition:none}}

.video-interview-active #int-question,.video-interview-active #voice-captions,.video-interview-active #voice-mode-note,.video-interview-active .voice-heading h4,.video-interview-active .voice-heading .eyebrow,.video-interview-active #voice-thinking,.video-interview-active #voice-fallback,.video-interview-active #int-pause,.video-interview-active #int-stop{display:none}.video-interview-active #int-voice-choice>summary{display:none}.video-interview-active #voice-panel{border:0;padding:0}.video-interview-active #int-practice{grid-template-columns:minmax(0,1fr)}.video-interview-active .interview-aside>h3,.video-interview-active .interview-aside>p{display:none}.video-interview-active .interview-aside{padding:14px}

.dark .room-recording{color:#ffb49e}.dark .room-stage{background:radial-gradient(ellipse at 50% 70%,#604c42,#282830 70%)}.dark .room-self{background:#303038;color:#e4e4e9}