:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#f4f1ea;background:#11100e;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{color:#f4f1ea;cursor:pointer;background:#24211b;border:1px solid #f5d76e44;border-radius:10px;padding:10px 12px}button:hover{background:#302b21}button:disabled{opacity:.5;cursor:not-allowed}.page{max-width:1200px;margin:0 auto;padding:32px}.hero{margin-bottom:28px}.eyebrow{color:#f5d76e;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}h1{letter-spacing:-.04em;margin:8px 0 14px;font-size:clamp(36px,6vw,68px);line-height:.95}.intro{color:#c8c1b3;max-width:760px;font-size:18px;line-height:1.5}.grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:20px;display:grid}.panel{background:#191713;border:1px solid #f5d76e22;border-radius:22px;padding:20px;box-shadow:0 20px 80px #0003}.panelHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.headerActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.startButton{color:#15130f;background:#f5d76e;border:none;font-weight:800}.startButton:hover{background:#ffe27c}.hangupButton{color:#f4f1ea;background:#a83a3a;border:none;font-weight:800}.hangupButton:hover{background:#c24646}.callStatus{color:#c8c1b3;background:#0d0c0a;border:1px solid #f5d76e33;border-radius:12px;margin:14px 0;padding:12px 14px;font-size:14px}.callStatus.live{color:#8fd6a8;border-color:#5ea779;animation:2s ease-in-out infinite pulse}.callStatus.connecting{color:#f5d76e}.callStatus.error{color:#e88;border-color:#a83a3a}@keyframes pulse{0%,to{border-color:#5ea77955}50%{border-color:#5ea779}}h2{margin:0 0 16px}.label{color:#c8c1b3;margin-bottom:7px;font-size:13px;display:block}.textInput,textarea,select{color:#f4f1ea;background:#0d0c0a;border:1px solid #f5d76e33;border-radius:12px;outline:none;width:100%;padding:12px}.quickTests{margin:16px 0}.quickTests p{color:#f5d76e;margin:0 0 8px;font-size:13px;font-weight:700}.quickTests button{text-align:left;width:100%;margin:7px 0;font-size:13px;line-height:1.35;display:block}.transcript{background:#0d0c0a;border:1px solid #f5d76e22;border-radius:16px;height:460px;padding:14px;overflow:auto}.emptyState{color:#c8c1b3;border:1px dashed #f5d76e33;border-radius:14px;padding:18px;line-height:1.45}.emptyState strong{color:#f5d76e}.bubble{border-radius:14px;max-width:88%;margin:0 0 12px;padding:12px 14px}.bubble strong{color:#f5d76e;margin-bottom:5px;font-size:12px;display:block}.bubble p{white-space:pre-wrap;margin:0;line-height:1.45}.bubble.user{background:#2b2a24;margin-left:auto}.bubble.assistant{background:#171f1b;border:1px solid #5ea77933}.composer{grid-template-columns:1fr auto;gap:10px;margin-top:12px;display:grid}.composer textarea{resize:vertical;min-height:74px}.rating{margin-bottom:14px}.notes{resize:vertical;min-height:180px}.primary{color:#15130f;background:#f5d76e;border:none;width:100%;margin-top:14px;font-weight:800}.primary:hover{background:#ffe27c}.status{color:#f5d76e;line-height:1.4}details{color:#c8c1b3;margin-top:18px}pre{white-space:pre-wrap;background:#0d0c0a;border-radius:12px;max-height:240px;padding:12px;overflow:auto}@media (max-width:900px){.grid{grid-template-columns:1fr}.page{padding:20px}.transcript{height:380px}}
