/* ============================================
   PROFESSIONAL PERFORMANCE OPTIMIZATION
   60FPS Guaranteed - All Browsers
   ============================================ */

/* Font Rendering */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Smooth Scrolling */
.chat-messages,
.sidebar-nav,
.settings-content {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

/* Custom Scrollbar - Gold Theme */
.chat-messages::-webkit-scrollbar,
.sidebar-nav::-webkit-scrollbar {
    width: 6px;
}

.chat-messages::-webkit-scrollbar-track,
.sidebar-nav::-webkit-scrollbar-track {
    background: transparent;
}

.chat-messages::-webkit-scrollbar-thumb,
.sidebar-nav::-webkit-scrollbar-thumb {
    background: rgba(212, 175, 55, 0.3);
    border-radius: 3px;
}

.chat-messages::-webkit-scrollbar-thumb:hover,
.sidebar-nav::-webkit-scrollbar-thumb:hover {
    background: rgba(212, 175, 55, 0.5);
}

/* Firefox scrollbar */
.chat-messages,
.sidebar-nav {
    scrollbar-width: thin;
    scrollbar-color: rgba(212, 175, 55, 0.3) transparent;
}

/* Light mode scrollbar */
.light-mode .chat-messages::-webkit-scrollbar-thumb,
.light-mode .sidebar-nav::-webkit-scrollbar-thumb {
    background: rgba(139, 115, 85, 0.4);
}

.light-mode .chat-messages::-webkit-scrollbar-thumb:hover,
.light-mode .sidebar-nav::-webkit-scrollbar-thumb:hover {
    background: rgba(139, 115, 85, 0.6);
}

.pure-light-mode .chat-messages::-webkit-scrollbar-thumb,
.pure-light-mode .sidebar-nav::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
}

.pure-light-mode .chat-messages::-webkit-scrollbar-thumb:hover,
.pure-light-mode .sidebar-nav::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}

/* Remove tap highlight on mobile */
* {
    -webkit-tap-highlight-color: transparent;
}

/* Smooth transitions */
button,
.nav-item,
.market-card {
    transition: all 0.2s ease;
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}