:root{--bg-cream:#f5f3ef;--bg-cream-warm:#fff9f0;--bg-card:#fff;--gradient-blue:linear-gradient(135deg,#5b9fff,#7b68ee);--gradient-purple:linear-gradient(135deg,#a78bfa,#e879f9);--gradient-pink:linear-gradient(135deg,#f472b6,#fca5a5);--gradient-orange:linear-gradient(135deg,#fb923c,#fbbf24);--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#888;--card-radius:24px;--card-radius-sm:16px;--card-shadow:0 4px 16px #00000014;--card-shadow-hover:0 8px 24px #0000001f;--btn-shadow:4px 4px 12px #a78bfa4d,-2px -2px 8px #fffc;--btn-shadow-active:2px 2px 6px #a78bfa66,-1px -1px 4px #fff9;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--transition-fast:.15s ease;--transition-normal:.25s ease;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background:var(--bg-cream);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;padding:var(--spacing-lg);flex-direction:column;max-width:1400px;margin:0 auto;display:flex}.header{padding:var(--spacing-md)0;margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.header-title{background:var(--gradient-purple);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}.header-controls{gap:var(--spacing-md);align-items:center;display:flex}.lang-switch{gap:var(--spacing-xs);background:var(--bg-card);border-radius:var(--card-radius-sm);box-shadow:var(--card-shadow);padding:4px;display:flex}.lang-btn{cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);background:0 0;border:none;border-radius:12px;padding:6px 12px;font-size:.875rem}.lang-btn.active{background:var(--gradient-blue);color:#fff}.card{background:var(--bg-card);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--spacing-lg);transition:var(--transition-normal)}.card:hover{box-shadow:var(--card-shadow-hover)}.card-title{color:var(--text-primary);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-xs);font-size:1rem;font-weight:600;display:flex}.prompt-section{margin-bottom:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.prompt-editor{resize:vertical;border-radius:var(--card-radius-sm);width:100%;min-height:300px;padding:var(--spacing-md);font-size:.95rem;line-height:1.6;font-family:var(--font-sans);background:var(--bg-cream-warm);color:var(--text-primary);transition:var(--transition-fast);border:2px solid #0000}.main-content{gap:var(--spacing-lg);flex:1;min-height:0;display:flex}.left-panel{flex-direction:column;flex:1;display:flex;position:relative}.right-panel{gap:var(--spacing-md);flex-direction:column;flex-shrink:0;width:320px;display:flex}.floating-button{z-index:10;position:absolute;bottom:30px;right:30px}.floating-voice-btn{background:var(--gradient-purple);color:#fff;cursor:pointer;width:80px;height:80px;box-shadow:var(--btn-shadow);transition:var(--transition-normal);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:flex}.floating-voice-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #a78bfa80}.floating-voice-btn:active{transform:scale(.95)}.floating-voice-btn.active{background:var(--gradient-pink);animation:2s infinite pulse}.floating-voice-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.floating-voice-btn .btn-icon{font-size:1.5rem}.floating-voice-btn .btn-text{font-size:.7rem}.prompt-section{flex-direction:column;flex:1;margin-bottom:0;display:flex}.prompt-editor{resize:none;border-radius:var(--card-radius-sm);width:100%;min-height:400px;padding:var(--spacing-md);font-size:.95rem;line-height:1.6;font-family:var(--font-sans);background:var(--bg-cream-warm);color:var(--text-primary);transition:var(--transition-fast);border:2px solid #0000;flex:1}.prompt-editor:focus{border-color:#a78bfa;outline:none;box-shadow:0 0 0 4px #a78bfa26}.prompt-editor::placeholder{color:var(--text-muted)}.config-row{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.param-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.param-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.param-slider{-webkit-appearance:none;background:var(--bg-cream);border-radius:4px;outline:none;width:100%;height:8px}.param-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gradient-purple);cursor:pointer;width:20px;height:20px;box-shadow:var(--btn-shadow);border-radius:50%}.param-input{border:2px solid var(--bg-cream);background:var(--bg-cream-warm);transition:var(--transition-fast);border-radius:12px;padding:10px 14px;font-size:.95rem}.param-input:focus{border-color:#a78bfa;outline:none}.select-wrapper{position:relative}.select{background:var(--bg-cream-warm);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;transition:var(--transition-fast);border:2px solid #0000;border-radius:12px;padding:10px 14px;font-size:.95rem}.select:focus{border-color:#a78bfa;outline:none}.select-arrow{pointer-events:none;color:var(--text-muted);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.conversation-panel{gap:var(--spacing-sm);flex-direction:column;max-height:200px;display:flex;overflow-y:auto}.message{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--card-radius-sm);font-size:.9rem;line-height:1.5}.message-user{background:var(--gradient-blue);color:#fff;align-self:flex-end;max-width:80%}.message-ai{background:var(--bg-cream);color:var(--text-primary);align-self:flex-start;max-width:80%}.message-icon{margin-right:var(--spacing-xs)}.phone-section{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-cream-warm);border-radius:var(--card-radius-sm);margin-bottom:var(--spacing-lg);display:flex}.phone-input{background:var(--bg-card);transition:var(--transition-fast);border:2px solid #0000;border-radius:12px;flex:1;padding:10px 14px;font-size:.95rem}.phone-input:focus{border-color:#a78bfa;outline:none}.phone-status{align-items:center;gap:var(--spacing-xs);color:#10b981;font-size:.875rem;display:flex}.voice-button-container{padding:var(--spacing-lg)0;justify-content:center;display:flex}.voice-button{background:var(--gradient-purple);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-xs);width:120px;height:120px;box-shadow:var(--btn-shadow);transition:var(--transition-normal);border:none;border-radius:50%;flex-direction:column;font-size:1rem;font-weight:600;display:flex}.voice-button:hover{transform:scale(1.05)}.voice-button:active{box-shadow:var(--btn-shadow-active);transform:scale(.98)}.voice-button.active{background:var(--gradient-pink);animation:2s infinite pulse}.voice-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.voice-button-icon{font-size:2rem}.status-indicator{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--card-radius-sm);margin-bottom:var(--spacing-md);font-size:.875rem;display:flex}.status-connecting{color:#fb923c;background:#fb923c26}.status-connected{color:#10b981;background:#10b98126}.status-speaking{color:#a78bfa;background:#a78bfa26}@keyframes pulse{0%,to{box-shadow:0 0 #f472b666}50%{box-shadow:0 0 0 20px #f472b600}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s fadeIn}@media (max-width:768px){.config-row{grid-template-columns:1fr}.header{gap:var(--spacing-md);flex-direction:column}.header-controls{justify-content:space-between;width:100%}.voice-button{width:100px;height:100px}}.floating-shape{opacity:.4;pointer-events:none;z-index:-1;border-radius:50%;position:fixed}.shape-1{background:var(--gradient-pink);width:80px;height:80px;top:10%;right:5%}.shape-2{background:var(--gradient-blue);width:50px;height:50px;top:60%;left:3%}.shape-3{background:var(--gradient-orange);width:40px;height:40px;bottom:15%;right:10%}.shape-4{background:var(--gradient-purple);width:30px;height:30px;top:30%;left:8%}.aura-container{min-height:100vh;padding:var(--spacing-lg);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.aura-login-card{background:var(--bg-card);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--spacing-xl);width:100%;max-width:420px}.aura-login-input{border-radius:var(--card-radius-sm);background:var(--bg-cream-warm);width:100%;color:var(--text-primary);transition:var(--transition-fast);margin-bottom:var(--spacing-md);border:2px solid #0000;padding:14px 18px;font-size:1rem}.aura-login-input:focus{border-color:#a78bfa;outline:none;box-shadow:0 0 0 4px #a78bfa26}.aura-login-input::placeholder{color:var(--text-muted)}.aura-login-btn{border-radius:var(--card-radius-sm);background:var(--gradient-purple);color:#fff;cursor:pointer;width:100%;box-shadow:var(--btn-shadow);transition:var(--transition-normal);border:none;padding:14px;font-size:1rem;font-weight:600}.aura-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a78bfa66}.aura-login-btn:active{transform:translateY(0)}.aura-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.aura-header-left{align-items:center;gap:var(--spacing-md);display:flex}.aura-back-link{color:var(--text-muted);transition:var(--transition-fast);font-size:.9rem;text-decoration:none}.aura-back-link:hover{color:var(--text-primary)}.aura-logout-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;font-size:.875rem}.aura-logout-btn:hover{color:var(--text-primary)}.aura-main{gap:var(--spacing-lg);flex:1;grid-template-columns:1fr 1fr;display:grid}@media (max-width:768px){.aura-main{grid-template-columns:1fr}}.aura-agent-btn{border-radius:var(--card-radius-sm);cursor:pointer;transition:var(--transition-normal);background:var(--bg-cream);color:var(--text-secondary);border:none;flex:1;padding:14px;font-size:1rem;font-weight:600}.aura-agent-btn:hover:not(:disabled){background:var(--bg-cream-warm);transform:translateY(-1px)}.aura-agent-btn.active{background:var(--gradient-purple);color:#fff;box-shadow:var(--btn-shadow)}.aura-agent-btn.active-lix{background:var(--gradient-blue);color:#fff;box-shadow:var(--btn-shadow)}.aura-agent-btn:disabled{opacity:.6;cursor:not-allowed}.aura-status-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border-radius:9999px;font-size:.875rem;font-weight:500;display:inline-flex}.aura-status-idle{background:var(--bg-cream);color:var(--text-muted)}.aura-status-connecting{color:#fb923c;background:#fb923c26}.aura-status-connected{color:#10b981;background:#10b98126}.aura-status-error{color:#ef4444;background:#ef444426}.aura-status-dot{border-radius:50%;width:8px;height:8px}.aura-status-idle .aura-status-dot{background:var(--text-muted)}.aura-status-connecting .aura-status-dot{background:#fb923c;animation:2s infinite pulse}.aura-status-connected .aura-status-dot{background:#10b981;animation:2s infinite pulse}.aura-status-error .aura-status-dot{background:#ef4444}.aura-call-btn{cursor:pointer;width:100px;height:100px;transition:var(--transition-normal);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;display:flex}.aura-call-btn-start{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b98166}.aura-call-btn-start:hover{transform:scale(1.05);box-shadow:0 6px 24px #10b98180}.aura-call-btn-end{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef444466}.aura-call-btn-end:hover{transform:scale(1.05);box-shadow:0 6px 24px #ef444480}.aura-call-btn-connecting{background:var(--bg-cream);color:var(--text-muted);cursor:not-allowed}.aura-duration{color:var(--text-primary);margin-top:var(--spacing-sm);font-family:SF Mono,Monaco,monospace;font-size:1.75rem;font-weight:600}.aura-log-panel{height:320px;padding:var(--spacing-md);background:var(--bg-cream-warm);border-radius:var(--card-radius-sm);font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.6;overflow-y:auto}.aura-log-entry{gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.aura-log-time{color:var(--text-muted);flex-shrink:0}.aura-log-success{color:#10b981}.aura-log-error{color:#ef4444}.aura-log-agent{color:#a78bfa}.aura-log-info{color:var(--text-secondary)}.aura-footer{margin-top:var(--spacing-xl);text-align:center;color:var(--text-muted);font-size:.875rem}