:root{--bg-primary: #0B0D11;--bg-secondary: #12151C;--bg-tertiary: #1A1E28;--bg-hover: #222733;--border: #2A2F3C;--border-focus: #6366F1;--text-primary: #F0F1F3;--text-secondary: #9CA3AF;--text-muted: #6B7280;--accent: #6366F1;--accent-hover: #818CF8;--accent-glow: rgba(99, 102, 241, .15);--success: #34D399;--warning: #FBBF24;--danger: #F87171;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--transition: .15s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:fadeIn .3s ease-out}.message-content tbody tr:hover{background:var(--bg-hover)!important}.message-content tbody tr:nth-child(2n){background:#1a1e2880}.message-content div::-webkit-scrollbar{height:6px}.message-content div::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.message-content div::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media(max-width:768px){:root{--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px}.sidebar-mobile-hidden{display:none!important}.sidebar-mobile-overlay{position:fixed!important;top:0!important;left:0!important;width:280px!important;height:100vh!important;z-index:1000!important;box-shadow:4px 0 24px #00000080!important}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:999;animation:fadeIn .2s ease-out}}@media(max-width:480px){:root{--radius-sm: 6px;--radius-md: 8px}body{font-size:14px}::-webkit-scrollbar{width:4px}}@media(hover:none)and (pointer:coarse){button,[role=button]{min-height:44px;min-width:44px}.no-touch-hover:hover{background:inherit!important}}