.interview-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.interview-popup{position:relative;width:90vw;max-width:1100px;background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.95));border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 100px rgba(6,182,212,.1);overflow:hidden;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.interview-close-btn{position:absolute;top:16px;right:16px;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:12px;color:rgba(255,255,255,.7);cursor:pointer;transition:all .2s ease}.interview-close-btn:hover{background:rgba(255,255,255,.15);color:white;transform:scale(1.05)}.interview-video-container{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px;min-height:400px}@media (max-width:768px){.interview-video-container{grid-template-columns:1fr;min-height:500px}}.interview-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.4);border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;min-height:300px}.interview-ai-panel{background:linear-gradient(145deg,rgba(6,182,212,.1),rgba(139,92,246,.1))}.interview-ai-logo{width:120px;height:120px;object-fit:contain;transition:transform .3s ease}.interview-ai-logo.speaking{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.interview-ai-label{margin-top:16px;font-size:18px;font-weight:600;color:white}.interview-ai-status{margin-top:8px;font-size:14px;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:8px}.interview-speaking-indicator{display:flex;gap:3px;align-items:flex-end;height:16px}.interview-speaking-indicator span{width:3px;background:#06b6d4;border-radius:2px;animation:soundWave .5s ease-in-out infinite}.interview-speaking-indicator span:first-child{animation-delay:0s;height:6px}.interview-speaking-indicator span:nth-child(2){animation-delay:.1s;height:12px}.interview-speaking-indicator span:nth-child(3){animation-delay:.2s;height:8px}.interview-speaking-indicator span:nth-child(4){animation-delay:.3s;height:14px}.interview-speaking-indicator span:nth-child(5){animation-delay:.15s;height:10px}@keyframes soundWave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.interview-user-panel{background:rgba(0,0,0,.5)}.interview-user-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.interview-user-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.5)}.interview-user-placeholder svg{width:64px;height:64px;margin-bottom:12px}.interview-audio-indicator{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:8px 16px;background:rgba(139,92,246,.9);border-radius:20px;display:flex;align-items:center;gap:8px}.interview-audio-indicator svg{width:16px;height:16px;color:white}.interview-controls{gap:16px;padding:20px;background:rgba(0,0,0,.3);border-top:1px solid rgba(255,255,255,.1)}.interview-control-btn,.interview-controls{display:flex;align-items:center;justify-content:center}.interview-control-btn{width:48px;height:48px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:white;cursor:pointer;transition:all .2s ease}.interview-control-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.interview-control-btn.muted{background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.5)}.interview-control-btn svg{width:20px;height:20px}.interview-timer{display:flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:24px;color:#fca5a5;font-weight:600;font-size:16px;font-family:Roboto Mono,monospace}.interview-timer-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.interview-end-btn{padding:12px 28px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:white;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease}.interview-end-btn:hover{background:linear-gradient(135deg,#f87171,#ef4444);transform:scale(1.02);box-shadow:0 4px 20px rgba(239,68,68,.4)}.interview-question-display{padding:16px 24px;background:rgba(6,182,212,.1);border-top:1px solid rgba(6,182,212,.2)}.interview-question-text{color:rgba(255,255,255,.9);font-size:15px;line-height:1.5;text-align:center}.interview-question-count{color:#06b6d4;font-size:13px;text-align:center;margin-bottom:8px}.interview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.interview-error svg{width:48px;height:48px;color:#ef4444;margin-bottom:16px}.interview-error h3{color:white;font-size:18px;margin-bottom:8px}.interview-error p{color:rgba(255,255,255,.6);font-size:14px;max-width:300px}.interview-next-btn{padding:10px 20px;background:rgba(6,182,212,.2);border:1px solid rgba(6,182,212,.4);border-radius:10px;color:#06b6d4;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease}.interview-next-btn:hover{background:rgba(6,182,212,.3)}.interview-next-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.interview-popup{width:95vw;max-height:95vh;overflow-y:auto;border-radius:16px}.interview-video-container{grid-template-columns:1fr;gap:12px;padding:16px;min-height:auto}.interview-panel{min-height:200px}.interview-ai-logo{width:80px;height:80px}.interview-ai-label{font-size:15px}.interview-question-display{padding:12px 16px}.interview-question-text{font-size:14px}.interview-question-count{font-size:12px}.interview-controls{flex-wrap:wrap;gap:10px;padding:16px}.interview-control-btn{width:44px;height:44px}.interview-timer{padding:8px 14px;font-size:14px;order:-1;width:100%;justify-content:center;margin-bottom:8px}.interview-end-btn{padding:10px 20px;font-size:14px}.interview-next-btn{padding:8px 14px;font-size:13px}.interview-close-btn{width:36px;height:36px;top:12px;right:12px}}@media (max-width:480px){.interview-popup{width:100vw;height:100vh;max-height:100vh;border-radius:0}.interview-video-container{padding:12px;gap:10px}.interview-panel{min-height:160px}.interview-ai-logo{width:60px;height:60px}.interview-controls{padding:12px;gap:8px}.interview-control-btn{width:40px;height:40px}.interview-control-btn svg{width:18px;height:18px}.interview-timer{padding:6px 12px;font-size:13px}.interview-end-btn,.interview-next-btn{flex:1;min-width:0}}.interview-complete{max-height:90vh;overflow-y:auto}.interview-feedback-container{padding:32px;max-width:700px;margin:0 auto}.feedback-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.feedback-loading-spinner{width:48px;height:48px;border:3px solid rgba(6,182,212,.2);border-top-color:#06b6d4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}@keyframes spin{to{transform:rotate(1turn)}}.feedback-loading h3{color:white;font-size:20px;margin-bottom:8px}.feedback-loading p{color:rgba(255,255,255,.6);font-size:14px}.feedback-header{text-align:center;margin-bottom:32px}.feedback-trophy{color:#fbbf24;margin-bottom:16px;animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feedback-header h2{color:white;font-size:28px;font-weight:700;margin-bottom:8px}.feedback-header p{color:rgba(255,255,255,.6);font-size:15px}.feedback-score-section{background:linear-gradient(135deg,rgba(6,182,212,.15),rgba(139,92,246,.15));border:1px solid rgba(6,182,212,.3);border-radius:16px;padding:24px;text-align:center;margin-bottom:24px}.feedback-score{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:12px}.score-number{font-size:56px;font-weight:700;color:#06b6d4;line-height:1}.score-total{font-size:24px;color:rgba(255,255,255,.5)}.feedback-stars{display:flex;justify-content:center;gap:4px;margin-bottom:16px}.feedback-star{color:rgba(255,255,255,.2)}.feedback-star.filled{color:#fbbf24;fill:#fbbf24}.feedback-assessment{color:rgba(255,255,255,.8);font-size:15px;line-height:1.6;max-width:500px;margin:0 auto}.feedback-section{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:16px}.feedback-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.feedback-section-header svg{color:#06b6d4}.feedback-section-header h3{color:white;font-size:16px;font-weight:600;margin:0}.feedback-list{list-style:none;padding:0;margin:0}.feedback-list li{position:relative;padding-left:24px;padding-bottom:10px;color:rgba(255,255,255,.8);font-size:14px;line-height:1.5}.feedback-list li:last-child{padding-bottom:0}.feedback-list li:before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%}.feedback-list.strengths li:before{background:#22c55e}.feedback-list.improvements li:before{background:#f59e0b}.feedback-list.tips li:before{background:#8b5cf6}.questions-section{background:rgba(0,0,0,.2)}.question-feedback-list{display:flex;flex-direction:column;gap:16px}.question-feedback-item{background:rgba(255,255,255,.05);border-radius:10px;padding:16px;border-left:3px solid #06b6d4}.qf-question{color:white;font-weight:500;font-size:14px;margin-bottom:10px;display:flex;gap:8px}.qf-number{background:#06b6d4;color:#0f172a;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700;flex-shrink:0}.qf-response{color:rgba(255,255,255,.6);margin-bottom:8px}.qf-feedback,.qf-response{font-size:13px;line-height:1.5}.qf-feedback{color:rgba(255,255,255,.8);background:rgba(139,92,246,.1);padding:10px;border-radius:6px}.qf-feedback strong,.qf-response strong{color:rgba(255,255,255,.5)}.feedback-close-btn{width:100%;padding:16px;margin-top:24px;background:linear-gradient(135deg,#06b6d4,#8b5cf6);border:none;border-radius:12px;color:white;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease}.feedback-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(6,182,212,.4)}.feedback-error{text-align:center;padding:60px 20px}.feedback-error p{color:rgba(255,255,255,.7);margin-bottom:20px}@media (max-width:768px){.interview-feedback-container{padding:20px}.feedback-header h2{font-size:22px}.score-number{font-size:44px}.feedback-section{padding:16px}.feedback-section-header h3{font-size:15px}.feedback-list li{font-size:13px}}@media (max-width:480px){.interview-feedback-container{padding:16px}.feedback-trophy{width:36px;height:36px}.feedback-header h2{font-size:20px}.feedback-score-section{padding:16px}.score-number{font-size:36px}.feedback-stars svg{width:16px;height:16px}.question-feedback-item{padding:12px}}