:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .6);--accent: #6366f1;--accent-light: rgba(99, 102, 241, .1)}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--glass-bg: rgba(30, 41, 59, .8);--glass-border: rgba(51, 65, 85, .6);--accent: #818cf8;--accent-light: rgba(129, 140, 248, .15)}@layer utilities{.font-content{font-family:Merriweather,serif}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);box-shadow:4px 0 24px #00000005}.glass-input{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);transition:all .3s ease;color:var(--text-primary)}.glass-input:focus{background:var(--bg-secondary);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light)}.glass-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border)}.animated-bg{background:linear-gradient(135deg,#e0f2fe,#f0f9ff,#eef2ff,#fdf4ff,#fff1f2);background-size:300% 300%;animation:gradient-flow 20s ease infinite}.dark .animated-bg{background:linear-gradient(135deg,#0f172a,#1e1b4b,#1e293b,#312e81,#0f172a)}.premium-glass{background:linear-gradient(135deg,#fff6,#ffffff1a);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268712}.dark .premium-glass{background:linear-gradient(135deg,#1e293bb3,#0f172a66);border:1px solid rgba(255,255,255,.08)}.message-animation{animation:slide-up-fade .4s cubic-bezier(.16,1,.3,1)}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:#00000005}.dark .custom-scrollbar::-webkit-scrollbar-track{background:#ffffff05}.custom-scrollbar::-webkit-scrollbar-thumb{background:#6366f133;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f166}.dark .text-slate-800{color:#f8fafc}.dark .text-slate-700{color:#f1f5f9}.dark .text-slate-600{color:#e2e8f0}.dark .text-slate-500{color:#cbd5e1}.dark .text-slate-400{color:#94a3b8}.dark .bg-white{background-color:#1e293b}.dark .bg-white\/10{background-color:#1e293b1a}.dark .bg-white\/20{background-color:#1e293b33}.dark .bg-white\/30{background-color:#1e293b4d}.dark .bg-white\/40{background-color:#1e293b66}.dark .bg-white\/50{background-color:#1e293b80}.dark .bg-white\/60{background-color:#1e293b99}.dark .bg-white\/80{background-color:#1e293bcc}.dark .bg-white\/90{background-color:#1e293be6}.dark .border-white\/50{border-color:#33415580}.dark .border-white\/60{border-color:#33415599}.dark .border-slate-100{border-color:#334155}.dark .border-slate-200{border-color:#475569}