:root{--bg-dark:#090d16;--panel-bg:#121a2fd9;--panel-border:#263252cc;--accent-blue:#6d7cff;--accent-cyan:#38bdf8;--accent-green:#10b981;--accent-red:#ef4444;--accent-yellow:#f59e0b;--text-main:#f1f5f9;--text-muted:#94a3b8;--radius-lg:20px;--radius-md:12px}*{box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(at 0 0,#6d7cff1f 0,#0000 50%),radial-gradient(at 100% 100%,#38bdf814 0,#0000 50%);min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.shell{max-width:1200px;margin:0 auto;padding:30px 20px}.brand-header,.interview-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.logo-badge{background:linear-gradient(135deg,#a5b4fc,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:800}.live-tag{color:var(--accent-green);background:#10b98126;border:1px solid #10b9814d;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.candidate-badge{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.interview-header h1{margin:4px 0 0;font-size:28px}.header-pills{flex-wrap:wrap;gap:10px;display:flex}.pill{border:1px solid var(--panel-border);background:#ffffff0d;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.pill-question{color:var(--accent-cyan)}.pill-difficulty{color:var(--accent-yellow)}.pill-topic{color:var(--accent-blue)}.card{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:var(--radius-lg);margin-bottom:24px;padding:28px;box-shadow:0 20px 40px #0000004d}.hero-card{max-width:960px;margin:20px auto}.hero-title h1{background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:0;font-size:34px}.hero-title p{color:var(--text-muted);margin-bottom:30px;font-size:16px;line-height:1.6}.setup-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.form-group{margin-bottom:20px}.input-label{color:#cbd5e1;margin-bottom:8px;font-size:14px;font-weight:600;display:block}input[type=text],input[type=password],textarea,select{border-radius:var(--radius-md);color:#fff;background:#0d1426;border:1px solid #2d3a5c;width:100%;padding:14px;font-size:15px;transition:border-color .2s}input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:var(--accent-blue);outline:none}textarea{resize:vertical;min-height:100px}select{cursor:pointer}.mode-options{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.mode-option{border-radius:var(--radius-md);cursor:pointer;background:#0d1426;border:1px solid #2d3a5c;flex:1;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:12px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.mode-option input{margin:0}.mode-option.selected{border-color:var(--accent-blue);background:#6d7cff1f}.typed-answer-box{margin-bottom:16px}.audio-only-box{border-radius:var(--radius-md);border:1px dashed #334155;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px;padding:16px;display:flex}.audio-only-box .hint-text{margin:0}.upload-zone{border-radius:var(--radius-md);text-align:center;background:#0f172a66;border:2px dashed #334155;padding:20px;transition:all .2s}.upload-zone.uploaded{border-color:var(--accent-green);background:#10b98114}.upload-zone input{display:none}.upload-label{cursor:pointer;color:var(--accent-cyan);font-size:14px;font-weight:600}.setup-camera{border-radius:var(--radius-md);background:#0c1222;border:1px solid #1e293b;flex-direction:column;padding:20px;display:flex}.camera-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.camera-header h3{margin:0;font-size:16px}.status-pill{border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.status-pill.active{color:var(--accent-green);background:#10b98133;border:1px solid #10b98166}.status-pill.off{color:var(--accent-red);background:#ef444433;border:1px solid #ef444466}.camera-preview-box{aspect-ratio:16/10;border-radius:var(--radius-md);background:#040711;border:1px solid #1e293b;width:100%;position:relative;overflow:hidden}.camera-preview-box video{object-fit:cover;width:100%;height:100%}.camera-preview-box video.hidden{display:none}.camera-placeholder{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.cam-icon{margin-bottom:8px;font-size:40px}.camera-controls{margin-top:15px}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#6d7cff,#4f46e5);box-shadow:0 4px 20px #6d7cff66}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #6d7cff99}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-camera{color:#fff;background:#10b981;width:100%}.btn-secondary{color:#fff;background:#334155;width:100%}.btn-large{width:100%;margin-top:25px;padding:16px;font-size:16px}.btn-record{color:#fff;background:#2563eb;width:100%;padding:14px 28px;font-size:16px}.btn-stop{background:var(--accent-red);color:#fff;width:100%;padding:14px 28px;font-size:16px;animation:2s infinite pulse-red}@keyframes pulse-red{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 12px #ef444400}to{box-shadow:0 0 #ef444400}}.start-actions{margin-top:15px}.hint-text{color:#f59e0b;text-align:center;margin-top:12px;font-size:14px}.error-text{color:var(--accent-red);margin-top:10px;font-size:13px}.interview-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.question-card{flex-direction:column;justify-content:space-between;display:flex}.question-badge{color:var(--accent-cyan);justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.badge-sub{color:var(--text-muted);font-size:12px;font-weight:400}.question-text{color:#f8fafc;margin:20px 0;font-size:22px;line-height:1.5}.audio-control-box{border-radius:var(--radius-md);background:#0f172a99;border:1px solid #1e293b;padding:16px}.audio-label{color:var(--text-muted);margin-bottom:8px;font-size:13px;display:block}audio{width:100%}.camera-card{flex-direction:column;display:flex;position:relative}.camera-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.camera-card-header h3{margin:0;font-size:18px}.live-indicator{border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}.live-indicator.active{color:var(--accent-green);background:#10b98126}.live-indicator.recording{color:var(--accent-red);background:#ef444433}.video-container{aspect-ratio:16/10;border-radius:var(--radius-md);background:#040711;border:1px solid #1e293b;width:100%;overflow:hidden}.video-container video{object-fit:cover;width:100%;height:100%}.recording-actions{margin-top:16px}.busy-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);z-index:10;text-align:center;background:#090d16d9;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.spinner{border:4px solid #ffffff1a;border-top-color:var(--accent-blue);border-radius:50%;width:40px;height:40px;margin-bottom:15px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.history-card h2{margin-top:0;font-size:22px}.no-history{color:var(--text-muted)}.history-list{flex-direction:column;gap:24px;margin-top:20px;display:flex}.history-item{border-top:1px solid #1e293b;grid-template-columns:1fr 300px;gap:24px;padding-top:20px;display:grid}.item-tags{gap:8px;margin-bottom:10px;display:flex}.tag-q{background:var(--accent-blue);color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700}.tag-topic{color:var(--accent-cyan);background:#1e293b;border-radius:6px;padding:2px 10px;font-size:12px}.tag-diff{color:var(--accent-yellow);background:#1e293b;border-radius:6px;padding:2px 10px;font-size:12px}.history-q{margin:6px 0 14px;font-size:18px}.transcript-box{border-radius:var(--radius-md);background:#0f172a80;border:1px solid #1e293b;margin-bottom:14px;padding:14px;font-size:14px}.transcript-box p{color:#cbd5e1;margin:6px 0 0}.evaluation-box{border-radius:var(--radius-md);background:#1e293b66;border:1px solid #2d3a5c;padding:16px}.score-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.score-badge{color:#fff;border-radius:8px;padding:4px 12px;font-size:16px}.score-badge.high{background:#10b981}.score-badge.mid{background:#f59e0b}.score-badge.low{background:#ef4444}.score-rule{color:var(--text-muted);font-size:13px}.feedback-text{color:#cbd5e1;margin:8px 0;font-size:14px;line-height:1.5}.strengths-list,.improvements-list{margin-top:10px;font-size:13px}.strengths-list ul,.improvements-list ul{color:#cbd5e1;margin:4px 0 0;padding-left:20px}.history-video-box{flex-direction:column;display:flex}.video-label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600}.history-video-box video{border-radius:var(--radius-md);background:#040711;border:1px solid #1e293b;width:100%}.toast-error{color:#fff;border-radius:var(--radius-md);z-index:100;background:#991b1b;padding:14px 24px;font-weight:600;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px #00000080}.toast-info{background:var(--accent-blue);color:#fff;border-radius:var(--radius-md);z-index:100;cursor:pointer;max-width:360px;padding:14px 24px;font-weight:600;position:fixed;bottom:86px;right:20px;box-shadow:0 10px 30px #00000080}@media (width<=860px){.setup-grid,.interview-grid,.history-item{grid-template-columns:1fr}}.video-container{position:relative}.camera-off-overlay{text-align:center;color:var(--text-main);background:#090d16eb;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex;position:absolute;inset:0}.camera-off-overlay small{color:var(--text-muted)}.live-indicator.off{color:var(--accent-red);background:#ef444433}.past-card{margin-top:24px}.past-card h2,.player-card h2{margin-top:0;font-size:22px}.past-list{flex-direction:column;gap:12px;display:flex}.past-item{border:1px solid var(--panel-border);border-radius:var(--radius-md);grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.past-item small{color:var(--text-muted);margin-top:4px;display:block}.past-meta{flex-wrap:wrap;gap:8px;display:flex}.pill-done{color:var(--accent-green)}.pill-progress{color:var(--accent-yellow)}.player-card{margin-bottom:24px}.player-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.player-question{color:var(--text-muted)}.player-card video{border-radius:var(--radius-md);background:#040711;border:1px solid #1e293b;width:100%;max-height:520px}.player-nav{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.player-nav .pill{cursor:pointer;border:1px solid var(--panel-border);color:var(--text-main);background:0 0}.player-nav .pill-active{background:var(--accent-blue);border-color:var(--accent-blue)}.download-link{color:var(--accent-cyan);margin-top:8px;font-size:14px;display:inline-block}@media (width<=860px){.past-item{grid-template-columns:1fr}}.video-placeholder{aspect-ratio:16/10;border-radius:var(--radius-md);width:100%}