*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0b0e17;--bg-2:#10141f;--card:#151b2b;--card-2:#1a2236;--border:#232c44;--text:#e8ecf5;--text-dim:#8b95ad;--text-faint:#5b6478;--accent:#6c5ce7;--accent-2:#8b7cf7;--green:#2ecc8f;--red:#ff6b81;--amber:#f5b942;--mono:"SF Mono",SFMono-Regular,ui-monospace,Menlo,monospace}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased;min-height:100%}.shell{max-width:1200px;margin:0 auto;padding:0 24px 80px}.topbar{justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--border);margin-bottom:28px}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#4c9aff);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff}.brand h1{font-size:16px;font-weight:700;letter-spacing:-.01em}.brand .sub{font-size:12px;color:var(--text-dim);margin-top:1px}.tabs{display:flex;gap:4px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:4px}.tab{border:0;background:transparent;color:var(--text-dim);font-size:13px;font-weight:600;padding:8px 16px;border-radius:7px;cursor:pointer;transition:all .15s}.tab.active{background:var(--card-2)}.tab.active,.tab:hover:not(.active){color:var(--text)}.grid{display:grid;grid-template-columns:1fr 360px;grid-gap:20px;gap:20px;align-items:start}@media (max-width:960px){.grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px}.card h2{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:16px}.stage{display:flex;flex-direction:column;align-items:center;padding:40px 22px 30px}.orb-wrap{position:relative;width:150px;height:150px;margin-bottom:24px}.orb{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--accent-2),var(--accent) 60%,#3a2e8f);display:flex;align-items:center;justify-content:center;cursor:pointer;border:0;transition:transform .15s,box-shadow .3s;box-shadow:0 0 40px rgba(108,92,231,.25)}.orb:hover{transform:scale(1.03)}.orb:disabled{cursor:default;opacity:.85}.orb svg{width:44px;height:44px;fill:#fff}.orb.live{background:radial-gradient(circle at 35% 30%,#ff8a9b,var(--red) 60%,#a3243c);box-shadow:0 0 40px rgba(255,107,129,.3)}.ring{position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(108,92,231,.35);opacity:0}.ring.pulsing{animation:pulse 1.8s ease-out infinite}.ring.r2{animation-delay:.6s}@keyframes pulse{0%{transform:scale(.92);opacity:.7}to{transform:scale(1.35);opacity:0}}.stage-status{font-size:15px;font-weight:600;margin-bottom:6px}.stage-hint{text-align:center;max-width:420px;line-height:1.5}.stage-hint,.timer{font-size:13px;color:var(--text-dim)}.timer{font-family:var(--mono);margin-top:10px}.voice-row{display:flex;align-items:center;gap:10px;margin-top:18px}.voice-row label{font-size:12px;color:var(--text-dim);font-weight:600}.voice-row select{background:var(--card-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:13px}.statuschip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim);background:var(--bg-2);margin-bottom:18px}.dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint)}.dot.green{background:var(--green);box-shadow:0 0 8px var(--green)}.dot.amber{background:var(--amber)}.dot.red{background:var(--red)}.transcript{display:flex;flex-direction:column;gap:12px;max-height:380px;overflow-y:auto;padding-right:6px}.bubble{max-width:82%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5}.bubble.agent{align-self:flex-start;background:var(--card-2);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble.applicant{align-self:flex-end;background:linear-gradient(135deg,#2b3a67,#253055);border-bottom-right-radius:4px}.bubble .who{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.bubble .who,.empty{color:var(--text-faint)}.empty{font-size:13px;text-align:center;padding:30px 0}.check-list{display:flex;flex-direction:column;gap:8px}.check-item{gap:10px;font-size:13px;color:var(--text-dim)}.check-item,.check-item .box{display:flex;align-items:center}.check-item .box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border);justify-content:center;font-size:11px;flex-shrink:0;transition:all .2s}.check-item.done{color:var(--text)}.check-item.done .box{background:var(--green);border-color:var(--green);color:#06281a;font-weight:800}.check-item .gate-tag{font-size:10px;color:var(--amber);border:1px solid rgba(245,185,66,.35);border-radius:4px;padding:1px 5px;margin-left:auto}.outcome-banner{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:600}.outcome-banner.qualified{background:rgba(46,204,143,.12);border:1px solid rgba(46,204,143,.4);color:var(--green)}.outcome-banner.disqualified{background:rgba(255,107,129,.1);border:1px solid rgba(255,107,129,.35);color:var(--red)}.hood-section{margin-bottom:18px}.hood-section h3{font-size:12px;font-weight:700;color:var(--text-dim);margin-bottom:8px}.kv{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;border-bottom:1px solid var(--bg-2)}.kv .k{color:var(--text-dim)}.kv .v{font-size:12px}.codeblock,.kv .v{font-family:var(--mono)}.codeblock{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px;font-size:11.5px;line-height:1.55;color:#b8c2d9;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.hood-toggle{background:none;border:1px solid var(--border);color:var(--text-dim);font-size:12px;font-weight:600;padding:6px 12px;border-radius:7px;cursor:pointer;margin-bottom:10px}.hood-toggle:hover{color:var(--text)}.calls-table{width:100%;border-collapse:collapse;font-size:13px}.calls-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:10px 12px;border-bottom:1px solid var(--border)}.calls-table td{padding:12px;border-bottom:1px solid var(--bg-2)}.calls-table tr.row{cursor:pointer;transition:background .1s}.calls-table tr.row:hover{background:var(--card-2)}.pill{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}.pill.qualified{background:rgba(46,204,143,.15);color:var(--green)}.pill.disqualified{background:rgba(255,107,129,.13);color:var(--red)}.pill.in_progress{background:rgba(245,185,66,.13);color:var(--amber)}.pill.abandoned{background:var(--bg-2);color:var(--text-faint)}.pill.complete{background:rgba(46,204,143,.15);color:var(--green)}.overlay{position:fixed;inset:0;background:rgba(4,6,12,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,94vw);z-index:50;background:var(--bg-2);border-left:1px solid var(--border);padding:26px;overflow-y:auto}.drawer h2{font-size:16px;margin-bottom:4px}.drawer .meta{font-size:12px;color:var(--text-dim);margin-bottom:18px;font-family:var(--mono)}.drawer audio{width:100%;margin:14px 0}.field-grid{display:flex;flex-direction:column;gap:10px;margin:14px 0}.field-row{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.field-row .fk{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:3px}.field-row .fv{font-size:13px}.field-row .fverb{font-size:12px;color:var(--text-dim);font-style:italic;margin-top:3px}.close-x{position:absolute;top:18px;right:18px;background:var(--card);border:1px solid var(--border);color:var(--text-dim);width:32px;height:32px;border-radius:8px;font-size:15px}.btn,.close-x{cursor:pointer}.btn{background:linear-gradient(135deg,var(--accent),#5a4bd1);color:#fff;border:0;font-size:13px;font-weight:700;padding:10px 20px;border-radius:9px}.btn.ghost{background:var(--card-2);border:1px solid var(--border);color:var(--text-dim)}.btn:hover{filter:brightness(1.1)}.footer-note{margin-top:40px;text-align:center;font-size:12px;color:var(--text-faint)}