:root{--motiff-primary:#00e5ff;--motiff-secondary:#ff6b9d;--motiff-accent:#c77dff;--motiff-green:#00ffa3;--motiff-orange:#ffb347;--motiff-purple:#9d4edd;--motiff-blue:#4361ee;--glass-bg-light:rgba(255,255,255,0.03);--glass-bg-medium:rgba(255,255,255,0.08);--glass-bg-heavy:rgba(255,255,255,0.12);--glass-border:rgba(255,255,255,0.15);--glass-border-accent:rgba(0,229,255,0.3);--glass-blur:20px;--glass-shadow:0 8px 32px rgba(0,0,0,0.3);--glass-shadow-heavy:0 12px 40px rgba(0,0,0,0.4);--voice-active:var(--motiff-primary);--voice-inactive:rgba(255,255,255,0.4);--voice-waveform:linear-gradient(90deg,var(--motiff-primary),var(--motiff-accent));--motiff-gradient-primary:linear-gradient(135deg,var(--motiff-primary),var(--motiff-accent));--motiff-gradient-secondary:linear-gradient(135deg,var(--motiff-secondary),var(--motiff-orange));--motiff-gradient-success:linear-gradient(135deg,var(--motiff-green),var(--motiff-blue));--card-glow-primary:0 0 20px rgba(0,229,255,0.2);--card-glow-secondary:0 0 20px rgba(255,107,157,0.2);--card-glow-accent:0 0 20px rgba(199,125,255,0.2);--card-glow-success:0 0 20px rgba(0,255,163,0.2)}.motiff-glass-panel{background:var(--glass-bg-medium);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.motiff-glass-panel:hover{background:var(--glass-bg-heavy);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-heavy),var(--card-glow-primary);transform:translateY(-2px)}.motiff-insight-card{background:var(--glass-bg-light);backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:12px;padding:16px;position:relative;overflow:hidden;transition:all .3s ease}.motiff-insight-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:var(--motiff-gradient-primary);transition:left .5s ease}.motiff-insight-card:hover:before{left:0}.motiff-insight-card.trend-up{border-left:3px solid var(--motiff-green);box-shadow:var(--card-glow-success)}.motiff-insight-card.trend-down{border-left:3px solid var(--motiff-secondary);box-shadow:var(--card-glow-secondary)}.motiff-insight-card.trend-stable{border-left:3px solid var(--motiff-primary);box-shadow:var(--card-glow-primary)}.motiff-message-user{background:linear-gradient(135deg,var(--motiff-primary),var(--motiff-blue));color:white;border-radius:18px 18px 4px 18px;padding:12px 16px;max-width:70%;margin-left:auto;box-shadow:var(--card-glow-primary);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.motiff-message-assistant{background:var(--glass-bg-medium);backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:18px 18px 18px 4px;padding:12px 16px;max-width:70%;color:white;box-shadow:var(--glass-shadow)}.motiff-waveform{background:var(--voice-waveform);border-radius:20px;overflow:hidden;position:relative}.motiff-waveform:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:waveformShimmer 2s infinite}@keyframes waveformShimmer{0%{left:-100%}to{left:100%}}.motiff-metric-value{font-family:JetBrains Mono,monospace;font-weight:600;background:var(--motiff-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:metricPulse 2s ease-in-out infinite}@keyframes metricPulse{0%,to{opacity:1}50%{opacity:.7}}.motiff-status-connected{display:inline-flex;align-items:center;gap:6px;color:var(--motiff-green);font-size:12px;font-weight:500}.motiff-status-connected:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--motiff-green);box-shadow:0 0 10px var(--motiff-green);animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.motiff-status-disconnected{display:inline-flex;align-items:center;gap:6px;color:var(--motiff-secondary);font-size:12px;font-weight:500}.motiff-status-disconnected:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--motiff-secondary);box-shadow:0 0 10px var(--motiff-secondary);animation:statusBlink 1s ease-in-out infinite alternate}@keyframes statusBlink{0%{opacity:1}to{opacity:.3}}.motiff-chat-input{background:var(--glass-bg-heavy);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:12px 20px;color:white;font-size:14px;transition:all .3s ease;outline:none}.motiff-chat-input:focus{border-color:var(--motiff-primary);box-shadow:0 0 0 3px rgba(0,229,255,.1),var(--card-glow-primary);background:var(--glass-bg-medium)}.motiff-chat-input::-moz-placeholder{color:rgba(255,255,255,.5)}.motiff-chat-input::placeholder{color:rgba(255,255,255,.5)}.motiff-scrollbar::-webkit-scrollbar{width:6px}.motiff-scrollbar::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.motiff-scrollbar::-webkit-scrollbar-thumb{background:var(--motiff-gradient-primary);border-radius:3px;-webkit-transition:all .3s ease;transition:all .3s ease}.motiff-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--motiff-gradient-secondary)}@media (max-width:768px){.motiff-glass-panel{border-radius:12px;backdrop-filter:blur(15px)}.motiff-insight-card{border-radius:8px;padding:12px}.motiff-chat-input{border-radius:20px;padding:10px 16px}}.motiff-loading-dots{display:inline-flex;gap:4px}.motiff-loading-dots:after,.motiff-loading-dots:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--motiff-primary);animation:loadingDots 1.4s ease-in-out infinite}.motiff-loading-dots:before{animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.motiff-chart-container{background:var(--glass-bg-light);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;padding:16px;position:relative;overflow:hidden}.motiff-chart-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--motiff-primary) 0,transparent 70%);opacity:.1;animation:chartGlow 4s ease-in-out infinite}@keyframes chartGlow{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}