.app-shell{display:flex;height:100vh;width:100vw;max-width:100vw;overflow:hidden;background:#36393f;position:relative;margin:0;padding:0}.chat-area{display:flex;flex:1;min-width:0;max-width:100vw;background:#36393f;position:relative;overflow:hidden;width:100%}.mobile-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.mobile-overlay.active{opacity:1;visibility:visible;pointer-events:all}.mobile-menu-button{display:flex;position:fixed;top:8px;left:8px;z-index:1003;background:#2f3136;border:none;color:#dcddde;width:36px;height:36px;border-radius:4px;cursor:pointer;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease;box-shadow:0 2px 8px #0000004d;flex-shrink:0}.mobile-menu-button:hover{background:#36393f;color:#fff}.mobile-menu-button:active{transform:scale(.95)}.server-sidebar{position:fixed;left:-280px;top:0;bottom:0;z-index:1000;transition:left .3s ease;width:280px;max-width:85vw}.server-sidebar.open{left:0}.channel-sidebar{position:fixed;left:-100vw;top:0;bottom:0;z-index:1001;transition:left .3s ease;width:100vw;max-width:100vw}.channel-sidebar.open{left:0}.voice-panel{position:fixed;right:-100vw;top:0;bottom:0;z-index:1002;transition:right .3s cubic-bezier(.4,0,.2,1);height:100vh;overflow:hidden;width:100vw;max-width:100vw}.voice-panel.open{right:0;display:flex!important}.online-users-panel{position:fixed;right:-100vw;top:0;bottom:0;z-index:1002;transition:right .3s cubic-bezier(.4,0,.2,1);height:100vh;overflow:hidden;overflow-x:hidden;width:100vw;max-width:100vw;box-sizing:border-box}.online-users-panel.open{right:0;display:flex!important}@media (min-width: 481px){.mobile-menu-button{top:12px;left:12px;width:40px;height:40px;font-size:20px}.server-sidebar{left:-72px;width:72px;max-width:none}.server-sidebar.open{left:0}.channel-sidebar{left:-240px;width:240px;max-width:none}.channel-sidebar.open{left:72px}.voice-panel{right:-320px;width:320px;max-width:none}.voice-panel.open{right:0}.online-users-panel{right:-320px;width:320px;max-width:320px;overflow-x:hidden;box-sizing:border-box}.online-users-panel.open{right:0}}@media (min-width: 769px){.mobile-menu-button,.mobile-overlay,.mobile-overlay.active{display:none}.voice-panel{position:fixed;right:-240px;top:0;bottom:0;z-index:997;transition:right .3s ease;width:240px}.voice-panel.open{right:0}.online-users-panel{position:fixed;right:-240px;top:0;bottom:0;z-index:997;transition:right .3s ease;width:240px;max-width:240px;overflow-x:hidden;box-sizing:border-box}.online-users-panel.open{right:0}}@media (min-width: 1025px){.app-shell{width:100vw;height:100vh;overflow:hidden;position:relative;display:flex;flex-direction:row}.server-sidebar{position:relative!important;left:auto!important;width:72px;flex-shrink:0;display:flex!important}.server-sidebar.open{left:auto!important}.channel-sidebar{position:relative!important;left:auto!important;width:240px;flex-shrink:0;display:flex!important}.channel-sidebar.open{left:auto!important}.voice-panel{position:relative!important;right:auto!important;width:240px;flex-shrink:0;display:flex!important}.voice-panel.open{right:auto!important;display:flex!important}.online-users-panel{position:relative!important;right:auto!important;width:240px;flex-shrink:0;display:flex!important}.online-users-panel.open{right:auto!important;display:flex!important}.chat-area{flex:1;min-width:0;overflow-x:hidden;position:relative;display:flex;flex-direction:column}}.maintenance-mode-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2c2f33,#23272a);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.maintenance-mode-content{text-align:center;max-width:500px;padding:40px;background:#36393f;border-radius:16px;box-shadow:0 8px 32px #00000080;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.maintenance-logo{width:120px;height:120px;margin:0 auto 24px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.maintenance-mode-content h1{color:#fff;font-size:32px;font-weight:700;margin:0 0 16px}.maintenance-mode-content>p{color:#b9bbbe;font-size:18px;margin:0 0 8px}.maintenance-description{color:#72767d!important;font-size:14px!important;margin:16px 0 32px!important;line-height:1.6}.maintenance-retry-btn{background:#5865f2;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.maintenance-retry-btn:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 4px 12px #5865f266}.maintenance-retry-btn:active{transform:translateY(0)}:root{font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#36393f;color:#dcddde;--discord-dark: #202225;--discord-darker: #2f3136;--discord-darkest: #36393f;--discord-text: #dcddde;--discord-text-muted: #72767d;--discord-text-hover: #ffffff;--discord-blurple: #5865f2;--discord-blurple-hover: #4752c4;--discord-green: #43b581;--discord-red: #f04747;--discord-yellow: #faa61a;--shadow-sm: 0 1px 0 rgba(4, 4, 5, .2), 0 1.5px 0 rgba(6, 6, 7, .05), 0 2px 0 rgba(4, 4, 5, .05);--shadow-md: 0 4px 4px rgba(0, 0, 0, .16);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .24);--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .2s ease}*{box-sizing:border-box}body{margin:0;background:#36393f;color:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#202225;border:3px solid transparent;border-radius:10px;background-clip:padding-box;min-height:30px}::-webkit-scrollbar-thumb:hover{background:#1a1c1f;background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:#0f1011;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:#202225 transparent}html,body{width:100%;height:100%;overflow-x:hidden;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y}#root{width:100%;height:100%;overflow-x:hidden}button,a{-webkit-tap-highlight-color:rgba(88,101,242,.3);touch-action:manipulation}input,textarea{font-size:16px}@media (min-width: 481px){html,body,#root{overflow-x:auto}}