:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b1120;color:#e5eefc}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:radial-gradient(circle at top,rgba(56,189,248,.12),transparent 30%),linear-gradient(180deg,#0b1120,#111827)}button,input,select,textarea{font:inherit}a{color:inherit}.page-shell{margin:0 auto;max-width:1200px;padding:48px 20px 72px}.hero{margin-bottom:24px}.hero h1{margin:8px 0 12px;font-size:clamp(2rem,4vw,3.5rem)}.hero-copy{max-width:720px;color:#b5c7e6;font-size:1.05rem;line-height:1.6}.eyebrow{margin:0;color:#7dd3fc;font-size:.875rem;letter-spacing:.16em;text-transform:uppercase}.grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:20px}.panel{border:1px solid rgba(148,163,184,.18);border-radius:20px;background:rgba(15,23,42,.78);padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 40px rgba(15,23,42,.25)}.panel h2,.panel h3,.panel p{margin-top:0}.panel-header{align-items:flex-start;gap:16px;justify-content:space-between}.field,.panel-header{display:flex;margin-bottom:16px}.field{flex-direction:column;gap:8px}.field span{color:#cbd5e1;font-size:.95rem}.field input,.field select,.otp-row input{width:100%;border:1px solid rgba(148,163,184,.24);border-radius:12px;background:rgba(15,23,42,.82);color:#f8fafc;padding:12px 14px}.primary-button,.secondary-button{border:0;border-radius:12px;cursor:pointer;padding:12px 16px}.primary-button{width:100%;background:linear-gradient(135deg,#38bdf8,#22c55e);color:#082f49;font-weight:700}.primary-button:disabled{cursor:wait;opacity:.7}.secondary-button{background:rgba(56,189,248,.18);color:#e0f2fe}.compact-button{width:auto;min-width:120px}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.helper-text{color:#94a3b8;line-height:1.5}.error-text{color:#fca5a5;margin-top:12px}.status-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.status-pill{display:inline-flex;align-items:center;border-radius:999px;background:rgba(56,189,248,.18);color:#bae6fd;padding:6px 12px;text-transform:capitalize}.chat-history,.event-list,.flow-list{display:flex;flex-direction:column;gap:12px}.chat-message,.event,.flow-card,.otp-box,.voice-summary{border:1px solid rgba(148,163,184,.14);border-radius:16px;background:rgba(15,23,42,.72);padding:14px 16px}.event{display:grid;grid-gap:12px;gap:12px;grid-template-columns:20px 1fr}.event p,.event small,.flow-card ol,.flow-card p,.otp-box p{margin:0}.event-success{border-color:rgba(34,197,94,.3)}.event-warning{border-color:rgba(250,204,21,.28)}.event-error{border-color:rgba(248,113,113,.3)}.otp-box{margin-top:16px}.otp-row{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr auto;margin-top:12px}.flow-card h3{margin-bottom:10px;text-transform:capitalize}.flow-card ol{padding-left:20px;color:#dbeafe}.voice-summary{margin-top:12px}.voice-summary p:last-child{margin-top:8px;color:#dbeafe;line-height:1.55}.chat-message{display:flex;flex-direction:column;gap:8px}.chat-message-user{border-color:rgba(56,189,248,.24)}.chat-message-assistant{border-color:rgba(34,197,94,.24)}.chat-message small{color:#94a3b8}.chat-input-row{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) auto auto;margin-top:16px}@media (max-width:860px){.panel-header{flex-direction:column}.chat-input-row{grid-template-columns:1fr}}.listening-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:.82rem;margin-bottom:8px;border:1px solid transparent;transition:background .2s,border-color .2s,color .2s}.listening-banner--idle{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);color:#94a3b8}.listening-banner--listening{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.35);color:#34d399}.listening-banner--speaking{background:rgba(129,140,248,.1);border-color:rgba(129,140,248,.35);color:#818cf8}.listening-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.listening-dot--idle{background:#94a3b8}.listening-dot--listening{background:#34d399;animation:listening-pulse 1.4s ease-in-out infinite}.listening-dot--speaking{background:#818cf8}@keyframes listening-pulse{0%,to{opacity:1}50%{opacity:.3}}.recording-hint{color:#f87171}.stop-recording-button{background:#dc2626}.stop-recording-button:hover{background:#b91c1c}.grid-single-col{grid-template-columns:1fr}