:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17181a;background:#f5f1e8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{cursor:pointer;font:inherit;border:0}.app-shell{grid-template-columns:minmax(0,1fr);gap:0;min-height:100vh;display:grid}@media (width>=960px){.app-shell.with-inspector{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}}.call-screen{background:#f5f1e8;flex-direction:column;gap:32px;padding:clamp(28px,5vw,80px);display:flex}.brand-row{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#6b6455;margin:0 0 8px;font-size:13px}h1,h2,h3{margin:0;font-weight:650}h1{letter-spacing:-.02em;max-width:620px;font-size:clamp(32px,4.6vw,58px);line-height:1.04}.call-state{align-items:center;gap:14px;display:flex}.status-pill{color:#2c2a25;background:#e7e1d3;border-radius:999px;align-items:center;gap:9px;padding:9px 14px;font-size:14px;display:inline-flex}.status-pill.listening,.status-pill.speaking,.status-pill.connecting,.status-pill.processing{color:#14603b;background:#dff0e5}.status-pill.ended{background:#e6e1d3}.status-pill.error{color:#8d2d19;background:#f6ded6}.duration{color:#6b6455;font-variant-numeric:tabular-nums}.waveform{opacity:.28;align-items:flex-end;gap:10px;height:140px;margin:8px 0 18px;display:flex}.waveform.active{opacity:1}.waveform span{transform-origin:bottom;background:#1f7a4f;border-radius:999px;flex:1;min-width:10px;transition:height .2s,opacity .2s}.waveform.active span{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%{transform:scaleY(.55)}50%{transform:scaleY(1)}to{transform:scaleY(.55)}}.call-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.call-button{color:#fff;background:#157f4b;border-radius:999px;align-items:center;gap:12px;min-height:58px;padding:0 30px;font-size:17px;font-weight:620;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 10px 24px #157f4b2e}.call-button:hover{background:#126f41;transform:translateY(-1px);box-shadow:0 12px 28px #157f4b38}.call-button.end{background:#a5351f;box-shadow:0 10px 24px #a5351f2e}.call-button.end:hover{background:#8c2c19}.ghost-button{color:#2c2a25;background:0 0;border:1px solid #d3ccba;border-radius:999px;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-size:15px;transition:background .15s,border-color .15s;display:inline-flex}.ghost-button:hover{background:#ece6d8;border-color:#c1b9a5}.ghost-button.small{min-height:36px;font-size:13px}.error-message{color:#8d2d19;margin:0;font-size:15px}.question-list h2{margin-bottom:12px;font-size:17px}.question-list ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.question-list li{color:#5b564a;border-left:2px solid #d3ccba;padding-left:12px;font-size:15px}.inspector{color:#f1ece0;background:#17181a;flex-direction:column;gap:26px;padding:clamp(24px,3vw,42px);display:flex}.inspector header{justify-content:space-between;align-items:center;display:flex}.inspector h2{font-size:20px}.inspector h3{color:#d8d1c1;letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px;font-size:14px}.inspector section{border-top:1px solid #ffffff1f;padding-top:20px}.inspector select,.inspector input{color:#fff;width:100%;min-height:44px;font:inherit;background:#242528;border:1px solid #ffffff2e;border-radius:10px;padding:0 12px}.inspector form{gap:10px;display:grid}.inspector form button{color:#fff;background:#157f4b;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:600;display:inline-flex}.inspector dl{gap:8px;margin:0;font-size:14px;display:grid}.inspector dl div{justify-content:space-between;gap:16px;display:flex}.inspector dt{color:#a8a191}.inspector dd{margin:0}.transcript{gap:10px;max-height:260px;font-size:14px;display:grid;overflow:auto}.transcript p{margin:0}.transcript p span{color:#928c7f;font-variant-numeric:tabular-nums;margin-right:8px}.transcript .assistant{color:#d9f2e1}.metrics{color:#d8d1c1;gap:8px;margin:0;font-size:14px;display:grid}@media (prefers-reduced-motion:reduce){.waveform.active span{animation:none}.call-button,.ghost-button{transition:none}}.inspector .ghost-button{color:#f1ece0;border-color:#59574f}.inspector .ghost-button:hover{background:#34352f}button:disabled{opacity:.45;cursor:not-allowed}.disclaimer{color:#6b6455;max-width:540px;line-height:1.5}.diagnostic-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.diagnostic-actions span,.microphone-status{color:#6b6455;font-size:14px}.recognition-preview{max-width:650px;line-height:1.5}.inspector footer a{color:#f1ece0;margin-top:12px;display:block}.inspector footer p{color:#bcb7a9;font-size:12px;line-height:1.5}.call-screen{width:100%;max-width:1100px;margin:auto}@media (width<=600px){.brand-row{flex-direction:column}}.microphone-permission{background:#f7faf8;border:1px solid #dce3e0;border-radius:12px;margin:18px 0;padding:14px 16px;font-size:14px;line-height:1.5}.microphone-permission p{margin:0 0 8px}.microphone-permission p:first-child{align-items:center;gap:8px;font-weight:600;display:flex}.microphone-permission.denied,.microphone-permission.busy,.microphone-permission.missing{background:#fff8ec;border-color:#d6aa69}.microphone-permission.granted p{margin-bottom:0}
