:root{--brand-primary: #4f46e5;--brand-secondary: #7c3aed;--brand-accent: #6366f1;--brand-bg-start: rgba(79, 70, 229, .03);--brand-bg-end: rgba(124, 58, 237, .03)}body{font-family:Inter,sans-serif;background-color:#f8fafc;color:#0f172a;overflow:hidden;margin:0;height:100vh}.glass{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05)}.gradient-text{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-bg-light{background:linear-gradient(135deg,var(--brand-bg-start) 0%,var(--brand-bg-end) 100%)}.voice-active{animation:voicePulse 1.2s infinite ease-in-out}@keyframes voicePulse{0%,to{transform:scaleY(.4);opacity:.6}50%{transform:scaleY(1.2);opacity:1}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.message-appear{animation:slideUpFade .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000000d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0000001a}.mode-transition-enter{animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.bg-brand-primary{background-color:var(--brand-primary)}.text-brand-primary{color:var(--brand-primary)}.border-brand-primary{border-color:var(--brand-primary)}.shadow-brand{shadow-color:var(--brand-primary)}