*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden;width:100%}body{margin:0;padding:0;border:none;max-width:100vw;background-color:var(--bg-primary);transition:background-color .3s var(--ease-smooth)}:root{--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-tertiary:#fafbfc;--glass-primary:hsla(0,0%,100%,.85);--glass-secondary:hsla(0,0%,100%,.65);--glass-tertiary:hsla(0,0%,100%,.45);--glass-hover:hsla(0,0%,100%,.95);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-accent:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-success:linear-gradient(135deg,#43e97b,#38f9d7);--gradient-warm:linear-gradient(135deg,#fa709a,#fee140);--bubble-user:linear-gradient(135deg,#007aff,#0051d5);--bubble-assistant:rgba(239,241,246,.9);--text-primary:#1a202c;--text-secondary:#4a5568;--text-tertiary:#718096;--text-muted:#a0aec0;--text-inverse:#fff;--border-subtle:rgba(0,0,0,.08);--border-medium:rgba(0,0,0,.12);--border-strong:rgba(0,0,0,.18);--white-5:hsla(0,0%,100%,.05);--white-10:hsla(0,0%,100%,.1);--white-20:hsla(0,0%,100%,.2);--white-30:hsla(0,0%,100%,.3);--black-2:rgba(0,0,0,.02);--black-5:rgba(0,0,0,.05);--blue-30:rgba(0,122,255,.3);--blue-40:rgba(0,122,255,.4);--indigo-20:rgba(99,102,241,.2);--indigo-30:rgba(99,102,241,.3);--shadow-sm:0 2px 8px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 8px 32px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.08);--shadow-xl:0 20px 60px rgba(0,0,0,.15),0 8px 16px rgba(0,0,0,.1);--glow-primary:0 0 20px rgba(102,126,234,.3),0 0 40px rgba(102,126,234,.15);--glow-accent:0 0 20px rgba(0,122,255,.4),0 0 40px rgba(0,122,255,.2);--glow-success:0 0 20px rgba(67,233,123,.4),0 0 40px rgba(67,233,123,.2);--blur-sm:blur(10px);--blur-md:blur(20px);--blur-lg:blur(40px);--blur-xl:blur(60px);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--footer-height:40px;--footer-height-mobile:34px}.dark{--bg-primary:#0a0e1a;--bg-secondary:#141824;--bg-tertiary:#1a1f2e;--glass-primary:rgba(20,24,36,.85);--glass-secondary:rgba(20,24,36,.65);--glass-tertiary:rgba(20,24,36,.45);--glass-hover:rgba(20,24,36,.95);--bubble-assistant:rgba(30,35,48,.9);--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e1;--text-muted:#94a3b8;--border-subtle:hsla(0,0%,100%,.08);--border-medium:hsla(0,0%,100%,.12);--border-strong:hsla(0,0%,100%,.18);--shadow-sm:0 2px 8px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 16px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.5);--shadow-lg:0 8px 32px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.6);--shadow-xl:0 20px 60px rgba(0,0,0,.7),0 8px 16px rgba(0,0,0,.8)}@keyframes pageSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}