::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        ::-webkit-scrollbar-track {
            background-color: transparent;
        }
        ::-webkit-scrollbar-thumb {
            background-color: #1a1b1e;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background-color: #141517;
        }

        .sidebar-transition {
            transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
        }

        .server-pill {
            position: absolute;
            left: 0;
            width: 4px;
            background: white;
            border-radius: 0 4px 4px 0;
            transition: height 0.2s ease;
        }

        .chat-input::placeholder {
            color: #6d6f78;
        }
        
        *:focus {
            outline: none;
        }
        *:focus-visible {
            outline: 2px solid #5865f2;
            outline-offset: 2px;
        }