/* Base styles */
@font-face {
    font-family: 'ScriptME6';
    src: url('/ScriptME6.ttf') format('truetype');
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Whitney', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #36393f;
    color: #dcddde;
    height: 100vh;
    overflow: hidden;
    cursor: url('/interact.png'), auto;
}

.app {
    display: flex;
    height: 100vh;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #2e3338;
}

::-webkit-scrollbar-thumb {
    background: #202225;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #1a1c1f;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .sidebar,
    .members-list {
        display: none;
    }
    
    .main-content {
        width: 100%;
    }
}