:root{--bg-primary: #f8fafc;--bg-glass: rgba(255, 255, 255, .7);--text-main: #1e293b;--text-muted: #64748b;--border-color: rgba(226, 232, 240, .8);--accent-blue: #3b82f6;--card-bg: rgba(255, 255, 255, .5)}[data-theme=dark]{--bg-primary: #0f172a;--bg-glass: rgba(15, 23, 42, .7);--text-main: #f1f5f9;--text-muted: #94a3b8;--border-color: rgba(51, 65, 85, .5);--accent-blue: #60a5fa;--card-bg: rgba(30, 41, 59, .5)}body{margin:0;padding:0;transition:background-color .3s ease,color .3s ease;background-color:var(--bg-primary);color:var(--text-main);font-family:Tajawal,sans-serif;overflow:hidden}.mesh-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;background:radial-gradient(at 0% 0%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(at 100% 0%,rgba(16,185,129,.1) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(245,158,11,.1) 0,transparent 50%),radial-gradient(at 0% 100%,rgba(139,92,246,.1) 0,transparent 50%);animation:bgPulse 15s infinite alternate linear}@keyframes bgPulse{0%{transform:scale(1) rotate(0)}to{transform:scale(1.1) rotate(2deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(3deg)}50%{transform:translateY(-10px) rotate(-3deg)}75%{transform:translateY(-4px) rotate(2deg)}}@keyframes breathe{0%,to{filter:drop-shadow(0 0 10px currentColor);opacity:.9}50%{filter:drop-shadow(0 0 25px currentColor);opacity:1}}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.logo-float{animation:float 4s ease-in-out infinite}.logo-breathe{animation:breathe 2.5s ease-in-out infinite}.glow-pulse{animation:glow-pulse 2s ease-in-out infinite}@keyframes onlinePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.chat-container{position:relative;z-index:10;background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:100vh}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color)}.chat-scroll::-webkit-scrollbar{width:6px}.chat-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}[dir=rtl] .rounded-tl-none{border-top-left-radius:1rem;border-top-right-radius:0}[dir=rtl] .rounded-tr-none{border-top-right-radius:1rem;border-top-left-radius:0}