.conversation-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;height:100%;min-height:500px;max-height:650px;display:flex;overflow:hidden}.conversation-messages{scroll-behavior:smooth;flex:1;padding:24px;overflow-y:auto}.conversation-messages::-webkit-scrollbar{width:6px}.conversation-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.conversation-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;display:flex}.typing-dots{align-items:center;gap:6px;display:flex}.typing-dots span{background:#3b82f6;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite typingBounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.message-row{gap:12px;margin-bottom:20px;animation:.3s ease-out fadeInUp;display:flex}.message-row.user{flex-direction:row-reverse}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:600;display:flex}.message-avatar.ai{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.message-avatar.user{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.message-content{max-width:70%}.message-bubble{word-wrap:break-word;border-radius:16px;padding:12px 16px;font-size:14px;line-height:1.6}.message-bubble.ai{color:#1f2937;background:#f3f4f6;border-bottom-left-radius:4px}.message-bubble.user{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom-right-radius:4px}.message-time{color:#9ca3af;margin-top:4px;padding:0 4px;font-size:11px}.message-row.user .message-time{text-align:right}.message-bubble.ai.streaming:after{content:"|";color:#059669;font-weight:600;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.transcript-row{flex-direction:row-reverse;gap:12px;margin-bottom:20px;animation:.2s ease-out fadeInUp;display:flex}.transcript-bubble{color:#1e40af;opacity:.7;background:#dbeafe;border-radius:16px 16px 4px;max-width:70%;padding:12px 16px;font-size:14px;line-height:1.6}.waveform{align-items:center;gap:3px;height:24px;display:flex}.waveform-bar{border-radius:2px;width:3px;animation:1.2s ease-in-out infinite waveform}.waveform-bar:first-child{animation-delay:0s}.waveform-bar:nth-child(2){animation-delay:.15s}.waveform-bar:nth-child(3){animation-delay:.3s}.waveform-bar:nth-child(4){animation-delay:.45s}.waveform-bar:nth-child(5){animation-delay:.6s}@keyframes waveform{0%,to{height:6px}50%{height:20px}}.conversation-status-bar{background:#fafafa;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.status-indicator{color:#4b5563;align-items:center;gap:10px;font-size:14px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-dot.listening{background:#10b981;animation:2s ease-in-out infinite pulse}.status-dot.ai-speaking{background:#f59e0b;animation:1s ease-in-out infinite pulse}.status-dot.connecting{background:#6b7280;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0}50%{opacity:.7;box-shadow:0 0 0 6px #0000}}.conversation-empty{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.conversation-empty .anticon{color:#d1d5db;font-size:48px}.page-container{max-width:1100px;margin:0 auto;padding:32px 24px}.page-header{margin-bottom:28px}.page-header h2{color:#1a1a2e;margin-bottom:4px;font-size:28px;font-weight:600}.page-header p{color:#6b7280;font-size:15px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}