:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#1c2b45;background:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px}.shell{min-height:100dvh;display:grid;align-content:center;justify-items:center;gap:clamp(10px,2.5vh,20px);padding:clamp(10px,2.5vh,24px) clamp(14px,4vw,24px);background:#fff}.brand{width:min(100%,560px);display:flex;justify-content:flex-start}.brand-logo{height:clamp(26px,5vh,36px);width:auto}.brand-wordmark{font-size:clamp(16px,3vh,22px);font-weight:800;letter-spacing:.04em;color:#79a6df}.card{width:min(100%,560px);max-height:calc(100dvh - clamp(60px,12vh,100px));overflow-y:auto;border:1px solid #cfe0f5;border-radius:28px;background:#fff;box-shadow:0 30px 80px #79a6df26;padding:clamp(20px,4vh,40px)}.eyebrow{font-size:11px;letter-spacing:.16em;color:#79a6df;font-weight:700}.intro h1{font-size:clamp(22px,min(5vw,4.2vh),40px);line-height:1.08;margin:clamp(10px,2vh,20px) 0 clamp(8px,1.6vh,16px);color:#16233a}.intro p,.hint{color:#4c5f7d;line-height:1.45;font-size:clamp(13px,1.9vh,16px);margin:0 0 clamp(6px,1.2vh,12px)}.tagline{font-weight:600;color:#2f4a6d!important}.intro form{display:grid;gap:clamp(10px,1.8vh,16px);margin-top:clamp(14px,2.5vh,28px)}label{display:grid;gap:5px;color:#33455f;font-size:14px}input{border:1px solid #cfe0f5;background:#f5f9fe;color:#16233a;border-radius:12px;padding:clamp(9px,1.6vh,13px) 14px;font:inherit;outline:none}input:focus{border-color:#79a6df}button{border:0;border-radius:12px;padding:clamp(10px,1.8vh,14px) 18px;font:inherit;font-weight:700;cursor:pointer;background:#79a6df;color:#fff}button:disabled{opacity:.45;cursor:not-allowed}.intro button{margin-top:clamp(4px,1vh,8px);display:flex;justify-content:space-between}.dashboard{margin-top:28px;border-top:1px solid #cfe0f5;padding-top:24px}.dashboard h2{margin:0 0 16px;color:#16233a}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-grid span{border:1px solid #cfe0f5;border-radius:12px;padding:12px;color:#4c5f7d;text-align:left;font-size:12px}.dashboard-grid strong{display:block;color:#16233a;font-size:24px;margin-top:4px}.top{display:flex;justify-content:space-between}.timer{font-variant-numeric:tabular-nums;color:#4c5f7d}.interview{text-align:center}.avatar{width:210px;height:210px;margin:58px auto 30px;display:grid;place-items:center;position:relative}.face{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(145deg,#a8c8ee,#5687c7);box-shadow:0 0 45px #79a6df66;z-index:1}.face-bar{width:5px;height:42px;border-radius:3px;background:#fff;transform-origin:center;transition:transform 90ms ease-out}.rings,.rings:before,.rings:after{position:absolute;inset:0;border:1px solid #79a6df55;border-radius:50%;content:""}.rings:before{inset:18px}.rings:after{inset:36px}.avatar-speaking .rings,.avatar-speaking .rings:before,.avatar-speaking .rings:after{animation:pulse 1.8s ease-in-out infinite}.avatar-listening .face{background:linear-gradient(145deg,#79d6c4,#2f9587);box-shadow:0 0 45px #4bcbb888}.interview h2{margin:0 0 8px;color:#16233a}.error-message{margin:16px auto;border:1px solid #e3a9bd;border-radius:12px;padding:12px 14px;background:#fdeef3;color:#97264a;line-height:1.45}.controls{display:flex;justify-content:center;gap:12px;margin:28px 0}.secondary{background:#eaf2fc;color:#2f4a6d}.danger{background:#fbe4ec;color:#97264a}.mic{font-size:12px;color:#6a7c98}.mic-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2f9587;margin-right:5px}.mic-dot-inactive{background:#b7c4da}@keyframes pulse{50%{transform:scale(1.12);opacity:.35}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.face-bar{transition:none!important}}