:root{--bg-primary: #36393f;--bg-secondary: #2f3136;--bg-tertiary: #202225;--bg-floating: #18191c;--modifier-selected: rgba(79, 84, 92, .32);--interactive-normal: #b9bbbe;--interactive-hover: #dcddde;--interactive-active: #fff;--text-normal: #dcddde;--text-muted: #72767d;--header-primary: #fff;--header-secondary: #b9bbbe;--scrollbar-thin-thumb: #202225;--scrollbar-thin-track: #2f3136;--brand: #5865F2;--danger: #ed4245;--success: #3ba55c;--font-display: "gg sans", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:var(--font-display);background-color:var(--bg-primary);color:var(--text-normal);overflow:hidden;-webkit-font-smoothing:antialiased}#root{height:100vh;width:100vw;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:#2b2d31;border-radius:4px}::-webkit-scrollbar-thumb{background-color:#1a1b1e;border-radius:4px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.flex-1{flex:1}.h-full{height:100%}.w-full{width:100%}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-2{padding:.5rem}.p-4{padding:1rem}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.hidden{display:none}@media(min-width:768px){.md\:block{display:block}}.server-sidebar{width:72px;background-color:var(--bg-tertiary);display:flex;flex-direction:column;align-items:center;padding-top:12px}.channel-sidebar{width:240px;background-color:var(--bg-secondary);display:flex;flex-direction:column}.chat-area{flex:1;background-color:var(--bg-primary);display:flex;flex-direction:column;min-width:0}.user-list{width:240px;background-color:var(--bg-secondary);padding:1rem}input,textarea{background-color:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-normal);padding:10px;font-family:inherit;outline:none}button{cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-weight:600;transition:background-color .2s}.btn-primary{background-color:var(--brand);color:#fff}.btn-primary:hover{background-color:#4752c4}.btn-danger{background-color:var(--danger);color:#fff}.channel-item{padding:8px 10px;margin:2px 8px;border-radius:4px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.channel-item:hover{background-color:var(--modifier-selected);color:var(--interactive-hover)}.channel-item.active{background-color:#4f545c7a;color:var(--interactive-active)}.message-container{padding:.5rem 1rem;margin-top:.5rem}.message-container:hover{background-color:#04040512}.message-header{display:flex;align-items:baseline;margin-bottom:4px}.username{font-weight:600;color:#fff;margin-right:.5rem;cursor:pointer}.username:hover{text-decoration:underline}.timestamp{font-size:.75rem;color:var(--text-muted)}.message-content{color:var(--text-normal);white-space:pre-wrap;word-break:break-word;line-height:1.375rem}.voice-user{display:flex;align-items:center;margin-left:20px;padding:4px 8px;color:var(--text-muted)}.voice-user img{width:24px;height:24px;border-radius:50%;margin-right:8px;background-color:var(--brand)}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-image:url(https://cdn.discordapp.com/attachments/860267073385791538/1149423672932372551/bg_login.png);background-size:cover}.login-box{background-color:var(--bg-primary);padding:32px;border-radius:5px;width:480px;box-shadow:0 2px 10px #0003}.login-box h2{color:#fff;text-align:center;margin-bottom:8px}.login-box p{color:var(--header-secondary);text-align:center;margin-bottom:20px}.form-group{margin-bottom:20px}.form-label{color:var(--header-secondary);font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:8px;display:block}.login-btn{width:100%;height:44px;font-size:16px;margin-top:10px}