*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0a0a0b;height:100vh;font-family:Inter,sans-serif;overflow:hidden}.interview-container{background:#0a0a0b;width:100vw;height:100vh;position:relative}.avatar-stage{background:linear-gradient(135deg,#1a1a2e 0%,#0a0a0b 100%);position:absolute;inset:0;overflow:hidden}.avatar-crop{position:absolute;inset:0;overflow:hidden}#avatar-iframe{--avatar-zoom:1.65;--avatar-shift-y:14%;width:100%;height:100%;transform:scale(var(--avatar-zoom)) translateY(var(--avatar-shift-y));transform-origin:50% 30%;will-change:transform;border:none;display:block;position:absolute;top:0;left:0}.loading-overlay{z-index:100;background:#0a0a0bf2;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .3s;display:flex;position:absolute;inset:0}.stage-screen{z-index:90;text-align:center;background:#0a0a0bf7;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;transition:opacity .3s;display:flex;position:absolute;inset:0}.stage-screen.hidden{opacity:0;pointer-events:none}.stage-screen h2{font-size:1.4rem;font-weight:800}.stage-screen p{color:#ffffffa6;white-space:pre-line;max-width:380px;font-size:.9rem;line-height:1.55}.loading-overlay.hidden{opacity:0;pointer-events:none}.spinner{border:3px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#ffffffb3;font-size:.95rem;font-weight:500}.hud{z-index:20;flex-direction:column;gap:14px;width:280px;display:flex;position:absolute;top:20px;right:20px}.hud-card{color:#14141a;background:#fffffff7;border-radius:16px;animation:.3s slideIn;overflow:hidden;box-shadow:0 12px 32px #00000059}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.interviewer-card{padding:16px 16px 14px}.interviewer-card-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.interviewer-card-head .label{color:#14141a;font-size:.8rem;font-weight:700}.interviewer-status{color:#14141a66;font-size:.68rem;font-weight:600}.interviewer-status.speaking{color:#2563eb}.interviewer-status.listening{color:#16a34a}.question-text{color:#14141ad9;margin-bottom:12px;font-size:.85rem;line-height:1.55}.interviewer-card-foot{border-top:1px solid #14141a14;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.transcript-toggle{color:#14141ab3;align-items:center;gap:7px;font-size:.72rem;font-weight:600;display:flex}.switch{cursor:pointer;background:#22c55e;border-radius:999px;flex-shrink:0;width:30px;height:17px;transition:background .2s;position:relative}.switch.off{background:#14141a2e}.switch:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:left .2s;position:absolute;top:2px;left:15px;box-shadow:0 1px 3px #0000004d}.switch.off:after{left:2px}.btn-interrupt{color:#14141abf;cursor:pointer;background:#14141a0f;border:none;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:.68rem;font-weight:700;transition:background .15s}.btn-interrupt:hover{background:#14141a1f}.candidate-card{padding:12px 12px 14px}.candidate-card-head{justify-content:space-between;align-items:center;padding:0 4px 8px;display:flex}.candidate-card-head .label{color:#14141a;font-size:.8rem;font-weight:700}.candidate-menu-dot{color:#fff;cursor:pointer;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6rem;font-weight:700;display:flex}.mood-badge{letter-spacing:.02em;text-transform:uppercase;color:#14141a80;background:#14141a0f;border-radius:999px;margin-left:6px;padding:3px 8px;font-size:.62rem;font-weight:700;display:none}.mood-badge.visible{display:inline-block}.candidate-prompt{color:#14141a8c;padding:0 4px 8px;font-size:.78rem;font-style:italic}.user-video-wrapper{aspect-ratio:16/10;background:#111;border-radius:12px;position:relative;overflow:hidden}#user-video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.user-video-wrapper.no-stream:before{content:"Waiting for camera…";color:#ffffff80;justify-content:center;align-items:center;font-size:.72rem;font-weight:500;display:flex;position:absolute;inset:0}.mic-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffe6;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:8px;right:8px}.mic-indicator.muted{color:#ff8a8a}.live-caption{color:#1d4ed8;background:#2563eb14;border:1px dashed #2563eb59;border-radius:10px;max-height:84px;margin-top:8px;padding:8px 10px;font-size:.76rem;line-height:1.5;display:none;overflow-y:auto}.live-caption.active{display:block}.controls-bar{z-index:20;-webkit-backdrop-filter:blur(20px);background:#141416d9;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:12px;padding:10px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0006}.recording-indicator{color:#ff8a8a;align-items:center;gap:7px;padding:0 6px 0 10px;font-size:.78rem;font-weight:600;display:none}.recording-indicator.active{display:flex}.recording-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-round{color:#fff;background:#ffffff14;border:1px solid #ffffff24;width:46px;height:46px}.btn-round:hover:not(:disabled){background:#ffffff29}.btn-round.muted{color:#ff8a8a;background:#dc262633;border-color:#dc262680}.btn-home{background:#ffffff0f}.btn-primary{color:#111;background:#fff;padding:13px 26px}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #fff3}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.panel-title{z-index:20;align-items:center;gap:14px;display:flex;position:absolute;top:20px;left:24px}.btn-home-corner{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex}.btn-home-corner:hover{background:#ffffff29}.panel-title h1{letter-spacing:-.02em;text-shadow:0 2px 8px #00000080;font-size:1.1rem;font-weight:800}.panel-title p{color:#ffffffa6;text-shadow:0 2px 8px #00000080;margin-top:2px;font-size:.78rem}@media (width<=720px){.hud{width:min(78vw,300px);top:72px;right:12px}.panel-title{top:14px;left:12px}.controls-bar{bottom:16px}}