.message-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.message{gap:var(--spacing-md);animation:.3s slideIn;display:flex}.message.user{flex-direction:row-reverse}.message.interim{opacity:.7}.message-avatar{border:2px solid var(--border-color);width:40px;height:40px;transition:all var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.message.user .message-avatar{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:#0000}.message.assistant .message-avatar{background:var(--bg-tertiary);border-color:var(--accent-primary)}.message-avatar svg{width:20px;height:20px;color:var(--text-primary)}.message-content{gap:var(--spacing-xs);flex-direction:column;flex:1;max-width:70%;display:flex}.message.user .message-content{align-items:flex-end}.message-header{align-items:center;gap:var(--spacing-sm);font-size:.875rem;display:flex}.message.user .message-header{flex-direction:row-reverse}.message-role{color:var(--text-primary);font-weight:600}.message-time{color:var(--text-muted);font-size:.75rem}.message-text{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);transition:all var(--transition-base)}.message.user .message-text{background:var(--accent-gradient);border-color:#0000}.message.error .message-text{color:var(--error);background:#ef44441a;border-color:#ef44444d}.message-text p{color:var(--text-primary);word-wrap:break-word;margin:0;line-height:1.6}.message.user .message-text p{color:#fff}.interim-text{opacity:.8;font-style:italic}.loading-dots{gap:6px;padding:8px 0;display:flex}.loading-dots span{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.listening-indicator{align-items:center;gap:var(--spacing-xs);color:var(--accent-primary);font-size:.75rem;font-weight:500;display:flex}.pulse-dot{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite pulse}.scraped-card{margin-top:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);gap:var(--spacing-md);transition:all var(--transition-base);background:#6366f10d;border:1px solid #6366f133;display:flex}.scraped-card:hover{background:#6366f114;border-color:#6366f14d}.scraped-card-icon{border-radius:var(--radius-sm);background:#6366f11a;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.scraped-card-icon svg{width:20px;height:20px;color:var(--accent-primary)}.scraped-card-content{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.scraped-card-content h4{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600}.scraped-card-content p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.scraped-card-content a{color:var(--accent-primary);transition:all var(--transition-fast);word-break:break-all;font-size:.8125rem;text-decoration:none}.scraped-card-content a:hover{color:var(--accent-secondary);text-decoration:underline}@media (max-width:768px){.message-content{max-width:85%}.message-text{padding:10px 14px;font-size:.9375rem}.message-header{font-size:.8125rem}.message-time{font-size:.6875rem}.scraped-card{flex-direction:column;padding:12px}.scraped-card-icon{width:36px;height:36px}.scraped-card-icon svg{width:18px;height:18px}.scraped-card-content h4{font-size:.875rem}.scraped-card-content p{font-size:.8125rem}}@media (max-width:480px){.message-content{max-width:90%}.message-text{padding:8px 12px;font-size:.875rem}.message-header{font-size:.75rem}.message-time{font-size:.625rem}.message-avatar{width:32px;height:32px}.message-avatar svg{width:16px;height:16px}.scraped-card{padding:10px}.scraped-card-icon{width:32px;height:32px}.scraped-card-icon svg{width:16px;height:16px}.scraped-card-content h4{font-size:.8125rem}.scraped-card-content p,.scraped-card-content a{font-size:.75rem}}@media (max-width:768px) and (orientation:landscape){.message-content{max-width:80%}.message-text{padding:6px 10px;font-size:.8125rem}.message-avatar{width:28px;height:28px}.message-avatar svg{width:14px;height:14px}}
.voice-controls{justify-content:center;align-items:center;gap:var(--spacing-xl);width:100%;display:flex;position:relative}.mic-button-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.mic-button{background:var(--accent-primary);cursor:pointer;width:80px;height:80px;transition:all var(--transition-base);z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 0 20px #ccff004d}.mic-button svg{width:32px;height:32px;color:var(--text-dark)}.mic-button:hover{transform:scale(1.1);box-shadow:0 0 30px #ccff0080}.mic-button.listening{background:var(--accent-primary);animation:2s infinite pulse-ring}.mic-ring{border:1px solid var(--accent-primary);opacity:0;pointer-events:none;border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mic-button.listening .mic-ring:first-child{animation:2s linear infinite ripple}.mic-button.listening .mic-ring:nth-child(2){animation:2s linear .6s infinite ripple}.mic-button.listening .mic-ring:nth-child(3){animation:2s linear 1.2s infinite ripple}.control-button{background:var(--bg-tertiary);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex}.control-button:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-secondary)}.control-button svg{width:20px;height:20px}@keyframes ripple{0%{opacity:.8;border-width:2px;width:80px;height:80px}to{opacity:0;border-width:0;width:160px;height:160px}}@keyframes pulse-ring{0%{box-shadow:0 0 #ccff00b3}70%{box-shadow:0 0 0 20px #cf00}to{box-shadow:0 0 #cf00}}@media (max-width:768px){.voice-controls{gap:20px}.mic-button{width:70px;height:70px}.mic-button svg{width:28px;height:28px}.control-button{width:44px;height:44px}.control-button svg{width:18px;height:18px}.mic-ring{width:100%;height:100%}@keyframes ripple{0%{opacity:.8;border-width:2px;width:70px;height:70px}to{opacity:0;border-width:0;width:140px;height:140px}}}@media (max-width:480px){.voice-controls{gap:16px}.mic-button{width:60px;height:60px}.mic-button svg{width:24px;height:24px}.control-button{width:40px;height:40px}.control-button svg{width:16px;height:16px}@keyframes ripple{0%{opacity:.8;border-width:2px;width:60px;height:60px}to{opacity:0;border-width:0;width:120px;height:120px}}}@media (max-width:768px) and (orientation:landscape){.voice-controls{gap:12px}.mic-button{width:50px;height:50px}.mic-button svg{width:20px;height:20px}.control-button{width:36px;height:36px}.control-button svg{width:14px;height:14px}}
.voice-chatbot{width:100vw;max-width:none;height:100vh;max-height:none;box-shadow:none;z-index:1;background:0 0;border:none;border-radius:0;flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden}.chatbot-header{padding:var(--spacing-lg);z-index:20;pointer-events:none;background:linear-gradient(#000c 0%,#0000 100%);justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.header-top{align-items:center;gap:var(--spacing-lg);pointer-events:auto;display:flex}.language-selector{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);outline:none;padding:6px 12px;font-size:.875rem}.language-selector:hover,.language-selector:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #ccff001a}.ai-badge{color:var(--neon-green);letter-spacing:2px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ccff001a;border:1px solid #ccff004d;border-radius:9999px;padding:8px 20px;font-size:1rem;font-weight:600;box-shadow:0 0 20px #cf03}.status-indicator{color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:8px;padding:6px 16px;font-size:.875rem;display:flex}.status-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px;transition:all .3s}.status-dot.connected{background:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.visualizer-container{z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chatbot-body{width:400px;padding:var(--spacing-lg);gap:var(--spacing-md);z-index:10;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0003;border:1px solid #ffffff0d;flex-direction:column;display:flex;position:absolute;top:100px;bottom:120px;right:40px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(#0000,#000 5% 95%,#0000)}.chatbot-body::-webkit-scrollbar{width:6px;display:block}.chatbot-body::-webkit-scrollbar-track{background:#ffffff05}.chatbot-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.chatbot-body::-webkit-scrollbar-thumb:hover{background:#fff3}.orb{filter:blur(1px);background:radial-gradient(circle at 30% 30%,#fffc 0%,#4cc9f099 20%,#9d4edd99 50%,#14141400 80%);border-radius:50%;width:200px;height:200px;animation:6s ease-in-out infinite float,4s ease-in-out infinite breathe;position:relative;box-shadow:inset -20px -20px 50px #00000080,0 0 50px #4cc9f04d,0 0 100px #9d4edd33}.orb:after{content:"";mix-blend-mode:overlay;background:radial-gradient(circle at 70% 70%,#cf03 0%,#0000 50%);border-radius:50%;animation:10s linear infinite spin;position:absolute;inset:0}.orb.listening{animation:6s ease-in-out infinite float,1.5s ease-in-out infinite pulse-listen;box-shadow:inset -20px -20px 50px #00000080,0 0 60px #cf06,0 0 120px #4cc9f04d}.orb.speaking{animation:6s ease-in-out infinite float,.5s ease-in-out infinite pulse-speak}.transcript-overlay{text-align:center;width:80%;max-width:800px;color:var(--text-primary);text-shadow:0 4px 20px #000c;opacity:.9;z-index:15;pointer-events:none;font-size:1.5rem;font-weight:500;line-height:1.6;position:absolute;bottom:350px;left:50%;transform:translate(-50%)}.chatbot-footer{width:auto;padding:var(--spacing-md)var(--spacing-xl);gap:var(--spacing-xl);z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141499;border:1px solid #ffffff1a;border-radius:9999px;flex-direction:row;align-items:center;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.error-banner{color:#f55;border-radius:var(--radius-lg);z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff333326;border:1px solid #f336;align-items:center;gap:12px;padding:12px 24px;font-size:1rem;display:flex;position:absolute;top:100px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.error-close{color:currentColor;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.2rem;transition:opacity .2s}.error-close:hover{opacity:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-listen{0%,to{transform:scale(1);box-shadow:0 0 50px #ccff004d}50%{transform:scale(1.1);box-shadow:0 0 80px #cf09}}@keyframes pulse-speak{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.voice-chatbot{background:var(--bg-secondary);height:100vh}.chatbot-header{background:linear-gradient(#000000e6 0%,#000000b3 70%,#0000 100%);padding:16px}.ai-badge{letter-spacing:1px;padding:6px 16px;font-size:.875rem}.status-indicator{padding:4px 12px;font-size:.75rem}.orb{width:150px;height:150px}.chatbot-body{background:#0000004d;border-radius:20px;width:calc(100% - 32px);max-width:none;padding:12px;position:fixed;top:80px;bottom:140px;right:16px}.chatbot-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414cc;border:1px solid #ffffff1a;border-radius:9999px;width:calc(100% - 32px);max-width:400px;padding:12px 20px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0009}.transcript-overlay{width:90%;max-width:none;padding:0 16px;font-size:1.125rem;bottom:280px}.error-banner{width:calc(100% - 32px);max-width:none;padding:10px 16px;font-size:.875rem;top:80px;left:16px;transform:none}}@media (max-width:480px){.chatbot-header{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.header-left,.header-right,.header-left button{justify-content:center;width:100%}.status-indicator{justify-content:center}.orb{width:120px;height:120px}.chatbot-body{width:calc(100% - 24px);padding:10px;top:120px;bottom:140px;right:12px}.chatbot-footer{width:calc(100% - 24px);padding:10px 16px;bottom:12px}.transcript-overlay{padding:0 12px;font-size:1rem;bottom:270px}.error-banner{width:calc(100% - 24px);padding:8px 12px;font-size:.8125rem;top:120px;left:12px}}@media (max-width:768px) and (orientation:landscape){.orb{width:100px;height:100px}.chatbot-header{padding:8px 16px}.chatbot-body{top:60px;bottom:100px}.chatbot-footer{padding:8px 16px;bottom:8px}.transcript-overlay{font-size:.875rem;bottom:110px}}
.language-indicator-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:15;background:#00ff8826;border:2px solid #0f86;border-radius:9999px;align-items:center;gap:12px;padding:12px 24px;animation:2s ease-in-out infinite pulse-glow;display:flex;position:absolute;bottom:-80px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #00ff884d,inset 0 0 20px #00ff881a}.language-icon{filter:drop-shadow(0 0 10px #00ff8880);font-size:1.5rem}.language-text{color:var(--neon-green);text-shadow:0 0 10px #00ff8880;letter-spacing:.5px;font-size:1.25rem;font-weight:600}@keyframes pulse-glow{0%,to{border-color:#0f86;box-shadow:0 0 30px #00ff884d,inset 0 0 20px #00ff881a}50%{border-color:#0f89;box-shadow:0 0 50px #00ff8880,inset 0 0 30px #0f83}}@media (max-width:768px){.language-indicator-badge{gap:10px;padding:10px 20px;bottom:-60px}.language-icon{font-size:1.25rem}.language-text{font-size:1rem}}