@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--glass-bg: rgba(255, 255, 255, .08);--glass-bg-hover: rgba(255, 255, 255, .12);--glass-bg-active: rgba(255, 255, 255, .16);--glass-bg-strong: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .12);--glass-border-light: rgba(255, 255, 255, .06);--glass-blur: blur(20px);--glass-blur-strong: blur(40px);--gradient-bg: linear-gradient(135deg, #0f0c29 0%, #302b63 40%, #24243e 100%);--gradient-accent: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-accent-hover: linear-gradient(135deg, #764ba2 0%, #667eea 100%);--gradient-bubble-own: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-bubble-other: rgba(255, 255, 255, .1);--gradient-glow: linear-gradient(135deg, rgba(102, 126, 234, .4), rgba(118, 75, 162, .4));--text-primary: #f0f0f5;--text-secondary: rgba(240, 240, 245, .7);--text-muted: rgba(240, 240, 245, .4);--text-on-accent: #ffffff;--accent: #667eea;--accent-hover: #7c8ff2;--accent-secondary: #764ba2;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--status-online: #34d399;--status-idle: #fbbf24;--status-dnd: #f87171;--status-offline: rgba(255, 255, 255, .3);--sidebar-width: 260px;--server-bar-width: 72px;--member-bar-width: 240px;--header-height: 56px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 50%;--radius-bubble: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(102, 126, 234, .3);--shadow-glow-strong: 0 0 40px rgba(102, 126, 234, .5);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-30px) rotate(5deg)}50%{transform:translate(-20px,20px) rotate(-5deg)}75%{transform:translate(20px,10px) rotate(3deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 40px #667eea99}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bubbleIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5;color:var(--text-primary);background:var(--gradient-bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(120px);opacity:.3;z-index:-1;animation:float 20s ease-in-out infinite}body:before{width:600px;height:600px;background:#667eea;top:-200px;right:-100px}body:after{width:500px;height:500px;background:#764ba2;bottom:-200px;left:-100px;animation-delay:-10s;animation-direction:reverse}a{color:var(--accent);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--accent-hover)}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}input,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}::selection{background:#667eea66;color:#fff}.message-content code.inline-code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:.9em;font-family:Fira Code,monospace}.message-content pre{background:#0000004d;padding:12px;border-radius:8px;overflow-x:auto;margin:4px 0}.message-content pre code{font-family:Fira Code,monospace;font-size:13px}.message-content blockquote{border-left:3px solid var(--accent, #5865f2);padding-left:12px;margin:4px 0;color:var(--text-secondary)}.message-content a{color:#00b0f4;text-decoration:none}.message-content a:hover{text-decoration:underline}.message-content strong{color:var(--text-primary)}.message-content del{opacity:.6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){::-webkit-scrollbar{width:0}body{-webkit-overflow-scrolling:touch}}button,[role=button]{user-select:none;-webkit-user-select:none}:focus-visible{outline:2px solid var(--accent, #5865f2);outline-offset:2px}html{scroll-behavior:smooth}::selection{background:#5865f24d}