*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}.app-container{max-width:1400px;margin:0 auto;padding:20px}.app-header{text-align:center;margin-bottom:24px}.app-header h1{font-size:1.8rem;color:#f8fafc;margin-bottom:8px}.status-message{color:#94a3b8;font-size:.9rem}.app-main{display:grid;grid-template-columns:1fr 400px;gap:24px;align-items:start}.avatar-section{display:flex;flex-direction:column;gap:16px}.avatar-video-container{position:relative;background:#1e293b;border-radius:16px;overflow:hidden;aspect-ratio:16/9;border:1px solid #334155}.avatar-video{width:100%;height:100%;object-fit:cover}.avatar-video.inactive{display:none}.avatar-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b}.placeholder-icon{font-size:4rem;margin-bottom:12px}.placeholder-hint{font-size:.85rem;color:#475569}.session-indicator{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;background:#0009;padding:6px 12px;border-radius:20px;font-size:.8rem}.status-dot{width:8px;height:8px;border-radius:50%;background:#64748b}.status-dot.connected{background:#22c55e;animation:pulse 2s infinite}.status-dot.connecting{background:#eab308;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.controls{display:flex;flex-direction:column;gap:12px}.lookup-section{display:flex;gap:8px}.lookup-section input{flex:1;padding:10px 16px;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-size:.9rem}.lookup-section button{padding:10px 20px;border-radius:8px;border:none;background:#3b82f6;color:#fff;cursor:pointer;font-weight:500}.btn-start{padding:14px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .1s}.btn-start:hover{transform:scale(1.02)}.btn-stop{padding:14px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer}.info-section{display:flex;flex-direction:column;gap:16px}.conversation-panel{background:#1e293b;border-radius:16px;border:1px solid #334155;padding:16px;max-height:400px;display:flex;flex-direction:column}.conversation-panel h3{margin-bottom:12px;color:#f8fafc}.messages-container{flex:1;overflow-y:auto;padding-right:8px;min-height:200px}.empty-state{text-align:center;color:#64748b;padding:40px 0}.message{margin-bottom:12px;padding:10px 14px;border-radius:12px}.message.user{background:#1e3a5f;border-left:3px solid #3b82f6}.message.avatar{background:#1a2e1a;border-left:3px solid #22c55e}.message-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:.75rem;color:#94a3b8}.message-role{font-weight:600}.message-text{font-size:.9rem;line-height:1.4}.message-input{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #334155}.message-input input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;font-size:.85rem}.message-input button{padding:8px 16px;border-radius:8px;border:none;background:#3b82f6;color:#fff;cursor:pointer;font-weight:500}.message-input button:disabled{opacity:.5;cursor:not-allowed}.contact-info-panel{background:#1e293b;border-radius:16px;border:1px solid #334155;padding:16px}.contact-info-panel h3{margin-bottom:12px;color:#f8fafc}.extracting-indicator{color:#eab308;font-size:.8rem;font-weight:400}.returning-user-banner{background:#1a2e1a;border:1px solid #22c55e;border-radius:8px;padding:10px 14px;margin-bottom:12px}.returning-user-banner strong{color:#22c55e}.info-fields{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.info-field{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #334155}.field-label{color:#94a3b8;font-size:.85rem}.field-value{font-weight:500;display:flex;align-items:center;gap:6px}.field-value.new{color:#22c55e}.field-value.existing{color:#3b82f6}.badge{font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:600}.new-badge{background:#22c55e20;color:#22c55e}.existing-badge{background:#3b82f620;color:#3b82f6}.confidence-bar{margin-bottom:12px}.confidence-bar label{font-size:.8rem;color:#94a3b8;display:block;margin-bottom:4px}.bar-container{height:6px;background:#334155;border-radius:3px;overflow:hidden;margin-bottom:4px}.bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.confidence-bar span{font-size:.75rem;color:#94a3b8}.sync-status{text-align:center;padding:8px;border-radius:8px;font-size:.85rem}.synced{color:#22c55e}.pending{color:#64748b}@media (max-width: 900px){.app-main{grid-template-columns:1fr}}