.interview-scope{--ink:#172129;--muted:#637079;--paper:#f7f8f4;--card:#ffffff;--accent:#ee6a44;--dark:#19352e;--line:#dde2dc;min-height:100vh;margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}.interview-scope *{box-sizing:border-box}.interview-scope button,.interview-scope input,.interview-scope select,.interview-scope textarea{font:inherit}.interview-scope button{cursor:pointer;border:0;border-radius:10px;padding:13px 18px;color:white;background:var(--dark);font-weight:700}.interview-scope button:disabled{cursor:wait;opacity:.55}.interview-scope .shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding-bottom:56px}.interview-scope .topbar{display:flex;justify-content:space-between;align-items:center;padding:26px 0}.interview-scope .brand{font-size:22px;font-weight:800;letter-spacing:-.7px}.interview-scope .brand-mark{display:inline-grid;place-items:center;margin-right:8px;width:29px;height:29px;border-radius:9px;color:white;background:var(--accent)}.interview-scope .status-dot{color:var(--muted);font-size:14px}.interview-scope .status-dot:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#61ae74}.interview-scope .setup-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:78px;align-items:center;min-height:78vh}.interview-scope .eyebrow{margin:0 0 13px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:1.3px}.interview-scope .hero-copy h1,.interview-scope .question-panel h1,.interview-scope .report-hero h1{margin:0;letter-spacing:-2.5px;line-height:1.03}.interview-scope .hero-copy h1{max-width:570px;font-size:clamp(44px,5.2vw,76px)}.interview-scope .lede{max-width:480px;color:var(--muted);font-size:18px;line-height:1.6}.interview-scope .principles{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.interview-scope .principles span,.interview-scope .privacy-note{border:1px solid var(--line);border-radius:99px;padding:9px 11px;color:var(--dark);font-size:13px}.interview-scope .setup-card{display:grid;gap:15px;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 16px 50px rgba(29,53,46,.08)}.interview-scope .setup-card h2{margin:0 0 4px}.interview-scope .answer-label,.interview-scope .setup-card label{display:grid;gap:7px;color:#36454c;font-size:14px;font-weight:700}.interview-scope .document-field{display:grid;gap:8px}.interview-scope .file-upload{display:flex!important;align-items:center;justify-content:center;min-height:38px;border:1px dashed #9db4a4;border-radius:9px;color:#315746!important;background:#f4f9f5;font-size:13px!important;cursor:pointer}.interview-scope .file-upload:hover{border-color:#4a8060;background:#ebf5ed}.interview-scope .file-upload input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.interview-scope .answer-label textarea,.interview-scope .setup-card input,.interview-scope .setup-card select,.interview-scope .setup-card textarea{width:100%;border:1px solid #cbd3cd;border-radius:9px;padding:10px;color:var(--ink);background:#fcfdfb;resize:vertical;font-weight:400}.interview-scope .setup-card fieldset{display:grid;gap:9px;margin:0;border:0;padding:2px 0}.interview-scope .setup-card legend{margin-bottom:8px;font-size:14px;font-weight:700}.interview-scope .radio{display:flex!important;align-items:center;gap:8px;color:var(--muted)!important;font-weight:400!important}.interview-scope .radio input{width:auto}.interview-scope .error{margin:0;color:#b3261e;font-size:14px}.interview-scope .device-check{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);gap:42px;align-items:center;min-height:72vh}.interview-scope .device-copy{display:grid;gap:16px}.interview-scope .device-copy h1{margin:0;font-size:clamp(38px,5vw,62px);letter-spacing:-2.5px;line-height:1.04}.interview-scope .device-copy>p:not(.eyebrow){margin:0;color:var(--muted);font-size:17px;line-height:1.6}.interview-scope .device-status{display:flex;flex-wrap:wrap;gap:8px}.interview-scope .device-status span{padding:7px 10px;border-radius:99px;color:#748179;background:#e7ede8;font-size:13px}.interview-scope .device-status .ok{color:#1e6840;background:#d9f0df}.interview-scope .device-status .ok:before{content:"✓ "}.interview-scope .device-preview{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid #cbd8ce;border-radius:18px;background:#12261f;box-shadow:0 18px 48px rgba(29,53,46,.14)}.interview-scope .device-preview video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scaleX(-1)}.interview-scope .preview-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#b9cdc0}.interview-scope .micro-test{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;color:white;background:rgba(10,24,18,.74);font-size:12px;font-weight:700}.interview-scope .micro-test i{display:block;width:70px;height:5px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.25)}.interview-scope .micro-test b{display:block;height:100%;border-radius:inherit;background:#72d092;transition:width .08s linear}.interview-scope .dark-secondary{width:-moz-fit-content;width:fit-content;color:var(--dark);border-color:#8aa796}.interview-scope .room{display:grid;grid-template-columns:minmax(270px,.7fr) 1.4fr;min-height:650px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--card)}.interview-scope .agent-panel{display:flex;flex-direction:column;align-items:center;padding:48px 32px;color:#e5f0e8;background:var(--dark);text-align:center}.interview-scope .agent-panel .eyebrow{margin-top:30px;color:#ffc0ac}.interview-scope .agent-panel h2{margin:0}.interview-scope .agent-panel p:not(.eyebrow){color:#b9cdc0;line-height:1.6}.interview-scope .avatar{display:grid;place-items:center;width:180px;height:180px;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 40% 30%,#f0ba9d,#b7674c 45%,#714333);box-shadow:inset 0 0 0 13px rgba(255,255,255,.1)}.interview-scope .avatar video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.interview-scope .face{font-size:90px;transform:rotate(90deg);color:rgba(255,255,255,.8)}.interview-scope .self-view{position:relative;width:146px;height:104px;margin-top:18px;overflow:hidden;border:2px solid rgba(255,255,255,.75);border-radius:11px;background:#101c17;box-shadow:0 8px 22px rgba(0,0,0,.22)}.interview-scope .self-view video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scaleX(-1)}.interview-scope .self-view span{position:absolute;left:7px;bottom:6px;padding:3px 6px;border-radius:5px;color:white;background:rgba(0,0,0,.56);font-size:11px;font-weight:700}.interview-scope .privacy-note{margin-top:auto;color:#d5e3d9;border-color:#537063;border-radius:12px;line-height:1.45}.interview-scope .live-room{grid-template-columns:minmax(460px,1.15fr) minmax(360px,.85fr);min-height:min(780px,calc(100vh - 130px))}.interview-scope .live-room .agent-panel{padding:24px 28px 28px}.interview-scope .live-room .avatar{width:min(100%,610px);height:min(63vh,610px);min-height:460px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#111b17;box-shadow:0 18px 48px rgba(0,0,0,.22)}.interview-scope .live-room .avatar video{-o-object-fit:contain;object-fit:contain}.interview-scope .live-room .agent-panel .eyebrow{margin-top:18px}.interview-scope .live-room .agent-panel h2{font-size:24px}.interview-scope .live-room .agent-panel p:not(.eyebrow){margin:8px 0 0}.interview-scope .live-room .privacy-note{display:none}.interview-scope .live-room .call-stage{justify-content:center;padding:clamp(38px,7vw,90px)}.interview-scope .live-room .call-stage h1{font-size:clamp(38px,4.2vw,58px)}.interview-scope .live-room .call-stage .secondary-button{align-self:flex-start}.interview-scope .secondary-button{margin-top:10px;color:#dff0e5;background:transparent;border:1px solid #6a8978}.interview-scope .connection-note{font-size:13px}.interview-scope .voice-monitor{display:grid;gap:12px;width:min(100%,520px);margin:10px 0 22px;padding:17px;border:1px solid #d7e3da;border-radius:14px;background:#f7fbf7}.interview-scope .monitor-heading{display:flex;align-items:center;gap:8px;color:#315746;font-size:12px;font-weight:800;letter-spacing:.8px}.interview-scope .recording-dot{width:9px;height:9px;border-radius:50%;background:#aab8b0}.interview-scope .recording-dot.active{background:#e95e45;box-shadow:0 0 0 5px rgba(233,94,69,.16)}.interview-scope .monitor-state{margin:-5px 0 0;color:#52645a;font-size:14px}.interview-scope .monitor-checks{display:flex;flex-wrap:wrap;gap:7px}.interview-scope .monitor-checks span{padding:5px 8px;border-radius:99px;color:#7a8980;background:#e8eee9;font-size:12px}.interview-scope .monitor-checks .ok{color:#1e6840;background:#d9f0df}.interview-scope .monitor-checks .ok:before{content:"✓ "}.interview-scope .video-reconnecting{margin:-3px 0 0;color:#9b5a24;font-size:12px;line-height:1.4}.interview-scope .voice-actions{display:flex;flex-wrap:wrap;gap:10px}.interview-scope .voice-actions button{width:auto}.interview-scope .transcript-box{min-height:59px;padding:10px 12px;border-radius:9px;background:white}.interview-scope .transcript-box small{color:#68786f;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.interview-scope .transcript-box p{margin:5px 0 0;color:#34433b;font-size:14px;line-height:1.35}.interview-scope .conversation-history{width:min(100%,560px);margin:0 0 24px;border:1px solid #d7e3da;border-radius:14px;overflow:hidden;background:white}.interview-scope .conversation-title{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e6ece7;background:#f7fbf7}.interview-scope .conversation-title small{color:#5e7768;font-size:10px;font-weight:800;letter-spacing:.8px}.interview-scope .conversation-title h2{margin:3px 0 0;color:#263c31;font-size:17px}.interview-scope .conversation-title>span{padding:4px 8px;border-radius:99px;color:#5d7164;background:#e6eee8;font-size:11px;font-weight:700}.interview-scope .conversation-list{display:grid;gap:10px;max-height:286px;overflow-y:auto;padding:13px}.interview-scope .conversation-empty{margin:12px 4px;color:#738077;font-size:14px;line-height:1.45}.interview-scope .conversation-item{max-width:90%;padding:10px 12px;border-radius:10px 10px 10px 3px;background:#edf5ef}.interview-scope .conversation-item.candidate{justify-self:end;border-radius:10px 10px 3px 10px;color:white;background:#315e49}.interview-scope .conversation-item>div{display:flex;gap:8px;align-items:center}.interview-scope .conversation-item strong{font-size:12px}.interview-scope .conversation-item time{opacity:.7;font-size:10px}.interview-scope .conversation-item p{margin:5px 0 0;line-height:1.4;font-size:14px}.interview-scope .question-panel{display:flex;flex-direction:column;padding:52px}.interview-scope .progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.interview-scope .progress{height:6px;margin:9px 0 55px;overflow:hidden;border-radius:99px;background:#e5ebe6}.interview-scope .progress i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .25s ease}.interview-scope .question-panel h1{max-width:660px;font-size:clamp(32px,4vw,52px)}.interview-scope .hint{margin:25px 0 30px;color:var(--muted);line-height:1.5}.interview-scope .answer-label{margin-top:auto}.interview-scope .question-panel button{align-self:flex-end;margin-top:18px}.interview-scope .report{width:min(900px,100%);margin:50px auto}.interview-scope .report-hero{padding:42px;border-radius:18px;color:#f7fbf6;background:var(--dark)}.interview-scope .report-hero h1{font-size:82px}.interview-scope .report-hero small{font-size:25px;color:#b9cdc0}.interview-scope .report-hero p:last-child{max-width:620px;line-height:1.6;color:#d3e0d7}.interview-scope .score-grid{display:grid;gap:12px;margin:22px 0}.interview-scope .score-item{display:grid;grid-template-columns:92px 1fr;gap:20px;padding:22px;border:1px solid var(--line);border-radius:14px;background:white}.interview-scope .score-number{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;color:var(--accent);background:#fff0ea;font-size:24px;font-weight:800}.interview-scope .score-item h2{margin:2px 0 8px;font-size:18px}.interview-scope .score-item p{margin:0 0 12px;color:var(--muted);line-height:1.5}.interview-scope .score-item small{color:#64726a}.interview-scope .actions{margin-bottom:22px;padding:25px;border-radius:14px;background:#e8f0e8}.interview-scope .actions h2{margin-top:0}.interview-scope .actions li{margin:10px 0;line-height:1.5}@media (max-width:760px){.interview-scope .shell{width:min(100% - 24px,1180px)}.interview-scope .status-dot{display:none}.interview-scope .device-check,.interview-scope .room,.interview-scope .setup-grid{grid-template-columns:1fr;gap:28px;min-height:auto}.interview-scope .device-check,.interview-scope .setup-grid{padding:35px 0}.interview-scope .device-preview{order:-1}.interview-scope .agent-panel{min-height:360px}.interview-scope .live-room .agent-panel{min-height:auto;padding:18px}.interview-scope .live-room .avatar{width:min(100%,460px);height:min(68vh,540px);min-height:380px}.interview-scope .live-room .call-stage{min-height:320px;padding:34px 22px}.interview-scope .question-panel{padding:30px 22px;min-height:560px}.interview-scope .hero-copy h1{font-size:47px}.interview-scope .setup-card{padding:22px}.interview-scope .report{margin-top:20px}.interview-scope .report-hero{padding:28px}.interview-scope .report-hero h1{font-size:64px}}