@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#0a0a0a;min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}.interview-shell{color:#f5f7fb;background:#0e1116;grid-template-rows:auto auto 1fr auto auto;min-height:100svh;display:grid;overflow:hidden}.top-bar,.question-strip,.transcript-bar,.control-bar{background:#12161c;border-color:#252b34}.top-bar{border-top:1px solid #2f332c;border-bottom:1px solid #252b34;justify-content:space-between;align-items:center;height:48px;padding:0 24px;display:flex}.session-meta,.recording-meta,.question-strip,.question-meta,.controls,.progress-group,.remaining-time{align-items:center;display:flex}.session-meta{gap:16px;min-width:0}.brand{color:#32f281;letter-spacing:.12em;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700}.divider{background:#2b313b;width:1px;height:18px}.role{color:#9aa4b4;white-space:nowrap;font-size:13px}.recording-meta{gap:16px}.logout-btn{color:#a3a3a3;cursor:pointer;background:0 0;border:1px solid #404040;border-radius:6px;margin-left:auto;padding:4px 12px;font-size:11px}.logout-btn:hover{color:#e5e5e5;background:#262626}.recording-pill{color:#ff7676;letter-spacing:.08em;background:#ff6b6b1a;border:1px solid #ff6b6b6b;border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.recording-dot{background:#ff6b6b;border-radius:999px;width:5px;height:5px;animation:1.6s ease-in-out infinite pulse-rec}.interview-code{color:#5f6877;letter-spacing:.08em;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.question-strip{border-bottom:1px solid #252b34;gap:20px;min-height:80px;padding:14px 28px 16px}.question-state{border-right:1px solid #32f2813d;align-items:flex-start;height:100%;min-height:48px;padding-right:20px;display:flex}.question-state span,.question-meta>span:first-child,.role-chip,.transcript-bar>span{color:#32f281;letter-spacing:.14em;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800}.question-state span{background:#32f2811a;border:1px solid #32f28157;border-radius:999px;padding:5px 12px}.question-content{min-width:0}.question-meta{gap:10px;margin-bottom:8px}.topic-chip{color:#aab3c2;background:#1b212b;border:1px solid #303948;border-radius:4px;padding:4px 8px;font-size:11px}.question-content p{color:#eef2f7;margin:0;font-size:15px;font-weight:700;line-height:1.35}.stage{background:#0b0f14;min-height:0;padding:16px 22px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:100%;min-height:430px;display:grid}.participant-panel{background:#121722;border:1px solid #2a3340;border-radius:12px;min-height:430px;position:relative;overflow:hidden}.participant-panel img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.panel-overlay,.grid-overlay{pointer-events:none;position:absolute;inset:0}.ai-panel{border-color:#32f281;box-shadow:inset 0 0 0 1px #32f2812e,0 0 34px #32f2810f}.talking-head-player,.talking-head-player .avatar-image,.talking-head-player .avatar-video{width:100%;height:100%;position:absolute;inset:0}.talking-head-player{background:#0f151d}.talking-head-player .avatar-image,.talking-head-player .avatar-video{object-fit:cover;filter:saturate(.96)brightness(.82)contrast(1.04);opacity:1;transition:filter 70ms,opacity .12s}.talking-head-player .avatar-video{z-index:2;pointer-events:none}.talking-head-player .avatar-video::-webkit-media-controls{display:none!important}.webcam-video::-webkit-media-controls{display:none!important}.talking-head-player [data-visible=false]{opacity:0;pointer-events:none}.talking-head-player [data-visible=true]{opacity:1}.ai-panel[data-avatar-state=idle] .avatar-image,.ai-panel[data-avatar-state=listening] .avatar-image,.ai-panel[data-avatar-state=ended] .avatar-image{animation:4s ease-in-out infinite avatar-idle-life}.ai-panel[data-avatar-state=speaking] .avatar-image{filter:saturate()brightness(.86)contrast(1.05)}.talking-head-player[data-renderer-state=error] .avatar-image,.talking-head-player[data-renderer-state=asset-missing] .avatar-image{filter:saturate(.76)brightness(.66)contrast(1.02)}.avatar-asset-blocker{z-index:4;color:#ffe8a3;background:#171106db;border:1px solid #ffc1077a;border-radius:14px;gap:.35rem;padding:.85rem .95rem;font-size:.78rem;line-height:1.35;display:grid;position:absolute;bottom:3.6rem;left:1rem;right:1rem;box-shadow:0 14px 34px #00000052}.avatar-asset-blocker strong{color:#fff4c2;font-size:.82rem}.avatar-asset-blocker ul{margin:.2rem 0 0;padding-left:1rem}.ai-panel .panel-overlay{background:linear-gradient(#060a0c5c,#0000 28%),linear-gradient(#0000 66%,#040807b8),linear-gradient(90deg,#091c133d,#091c130a)}.applicant-panel{background:#141b2a;border-color:#273446}.applicant-panel img{filter:saturate(.9)brightness(.78)contrast(1.03)}.webcam-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.webcam-unavailable{color:#4a5568;letter-spacing:.04em;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.applicant-panel .panel-overlay{background:linear-gradient(#121a2b57,#0000 30%),linear-gradient(#0000 66%,#090d14b8)}.grid-overlay{opacity:.22;background-image:linear-gradient(#32f2811f 1px,#0000 1px),linear-gradient(90deg,#32f2811f 1px,#0000 1px);background-size:32px 32px}.role-chip{z-index:2;background:#0c1214c2;border:1px solid;border-radius:5px;padding:5px 10px;position:absolute;top:12px;right:12px}.ai-role{color:#32f281}.applicant-role{color:#7db6ff;background:#1c375d8a}.participant-badge{z-index:2;color:#f5f7fb;background:#04070adb;border-radius:7px;align-items:center;gap:7px;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;bottom:12px;left:12px}.voice-wave{align-items:center;gap:2px;height:12px;display:inline-flex}.voice-wave span{transform-origin:50%;background:#32f281;border-radius:2px;width:3px;height:8px;animation:.9s ease-in-out infinite wave}.transcript-bar{border-top:1px solid #252b34;border-bottom:1px solid #252b34;align-items:center;gap:12px;min-height:42px;padding:0 28px;display:flex}.transcript-bar p{color:#9ba5b5;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:13px;font-style:italic;font-weight:600;line-height:1.4;overflow:hidden}.control-bar{grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:20px;min-height:48px;padding:8px 20px 8px 28px;display:grid}.progress-group{color:#9aa4b4;gap:12px;font-size:12px}.progress-group>span:last-child{color:#5f6877}.progress-steps{gap:6px;display:inline-flex}.progress-steps span{background:#252b34;border-radius:999px;width:28px;height:4px}.progress-steps .complete{background:#3eea86}.progress-steps .active{background:#ffd34d}.controls{justify-content:center;gap:8px}button{color:inherit;font:inherit;cursor:pointer;border:0}.round-control{color:#d6deea;background:#1a202b;border:1px solid #2b3442;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;transition:border-color .2s,background .2s,transform .2s;display:inline-flex;box-shadow:inset 0 0 18px #ffffff05}.round-control:hover{background:#202838;border-color:#405068}.round-control:active,.end-call:active{transform:translateY(1px)}.round-control.danger{color:#ffd2d2;background:#ff6b6b2e;border-color:#ff6b6b66}.end-call{color:#fff;background:#ff6b6b;border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 18px;font-size:13px;font-weight:800;transition:background .2s,transform .2s;display:inline-flex}.end-call:hover{background:#ef5555}.remaining-time{color:#8d98a8;justify-content:flex-end;gap:12px;font-size:12px}.remaining-time time{color:#f6f8fb;letter-spacing:.02em;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;font-weight:800}.timer-ring{border:3px solid #32f281;border-color:#32f281 #32f281 #32f2812e #32f2812e;border-radius:999px;width:30px;height:30px}@keyframes wave{0%,to{transform:scaleY(.42)}50%{transform:scaleY(1)}}@keyframes pulse-rec{0%,to{opacity:1}50%{opacity:.42}}.ai-panel[data-avatar-state=idle]{box-shadow:none;border-color:#2a3340}.ai-panel[data-avatar-state=listening]{border-color:#32f281;animation:1.4s ease-in-out infinite avatar-listen-pulse}.ai-panel[data-avatar-state=speaking]{border-color:#32f281;box-shadow:inset 0 0 0 1px #32f2812e,0 0 34px #32f2810f}.ai-panel[data-avatar-state=ended]:after{content:"";border-radius:inherit;z-index:3;pointer-events:none;background:#0a0e129e;position:absolute;inset:0}.begin-interview-btn{z-index:4;border-radius:inherit;cursor:pointer;color:#32f281;letter-spacing:.1em;text-transform:uppercase;background:#060a0c94;border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-family:inherit;font-size:.72rem;font-weight:600;transition:background .16s;display:flex;position:absolute;inset:0}.begin-interview-btn:hover{background:#060a0c52}.begin-interview-btn:focus-visible{outline-offset:-4px;outline:2px solid #32f281}@keyframes avatar-listen-pulse{0%,to{box-shadow:0 0 #32f28100}50%{box-shadow:0 0 0 6px #32f2812e}}@keyframes avatar-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes avatar-idle-life{0%,to{opacity:1;transform:scale(1)}50%{opacity:.97;transform:scale(1.006)}}@media (width<=900px){.interview-shell{overflow:auto}.top-bar,.question-strip{align-items:stretch;height:auto}.top-bar{flex-direction:column;gap:10px;padding:12px 16px}.session-meta,.recording-meta{justify-content:space-between}.question-strip{flex-direction:column;gap:12px;padding:14px 16px}.question-state{border-right:0;min-height:0;padding:0}.stage{padding:14px}.video-grid{grid-template-columns:1fr}.participant-panel{min-height:320px}.transcript-bar{align-items:flex-start;padding:12px 16px}.transcript-bar p{white-space:normal}.control-bar{grid-template-columns:1fr;justify-items:center;padding:12px 16px 16px}.progress-group,.remaining-time{justify-content:center}.progress-steps span{width:24px}}@media (width<=520px){.role,.interview-code{font-size:11px}.controls{flex-wrap:wrap}.end-call{justify-content:center;width:100%}}