body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root,body,html{height:100%}#root{display:flex;flex-direction:column}.App{margin:0 auto;max-width:1200px;min-height:100vh;padding:0 20px}.App-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 0}.App-header h1{color:#333;font-size:24px;margin:0}main{display:flex;flex:1 1;flex-direction:column}footer,main{padding:20px 0}footer{border-top:1px solid #e0e0e0;color:#666;font-size:14px;text-align:center}.logout-button{background-color:#f44336;padding:8px 16px;transition:background-color .3s}.logout-button:hover{background-color:#d32f2f}@media (max-width:768px){.App-header{align-items:flex-start;flex-direction:column;gap:10px}.logout-button{align-self:flex-end}}.login-container{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center}.login-form-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:30px;width:100%}.login-form-wrapper h2{color:#333;font-size:24px;margin-top:0;text-align:center}.login-form-wrapper p{color:#666;margin-bottom:20px;text-align:center}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#4a90e2;outline:none}.error-message{color:#f44336;font-size:14px;margin-top:5px}.login-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s}.login-button:hover{background-color:#357abf}@media (max-width:480px){.login-form-wrapper{padding:20px}}:root{--discord-dark:#36393f;--discord-darker:#2f3136;--discord-darkest:#202225;--discord-light:#dcddde;--discord-lighter:#fff;--discord-accent:#7289da;--discord-green:#43b581;--discord-red:#f04747;--discord-text:#72767d;--discord-channel:#8e9297;--discord-mention:#faa61a;--discord-away:#747f8d}#root,.App,body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}.App{display:flex;flex-direction:column}.App footer,.App-header{display:none}.App main{flex:1 1;height:100vh}.discord-chat{background-color:#2f3136;background-color:var(--discord-darker);color:#dcddde;color:var(--discord-light);display:flex;flex-direction:row;font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;height:100vh}.discord-header{align-items:center;background-color:#202225;background-color:var(--discord-darkest);border-bottom:1px solid #202225;border-bottom:1px solid var(--discord-darkest);display:flex;flex-shrink:0;height:48px;justify-content:space-between;padding:0 16px}.discord-header-title h2{color:#fff;color:var(--discord-lighter);font-size:16px;font-weight:600;margin:0}.discord-header-actions{align-items:center;display:flex}.logout-button{background-color:#ed4245;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:background-color .2s}.logout-button:hover{background-color:#c03537}.discord-main{display:flex;flex:1 1;flex-direction:column;height:100vh;min-width:0;overflow:hidden}.server-header{align-items:center;background-color:#202225;background-color:var(--discord-darkest);border-bottom:1px solid #ffffff1a;box-shadow:0 1px 0 #0003;display:flex;height:48px;padding:16px}.server-name{color:#fff;color:var(--discord-lighter);font-size:16px;font-weight:700}.user-item{padding:8px 0}.user-avatar,.user-item{align-items:center;display:flex}.user-avatar{background-color:#7289da;background-color:var(--discord-accent);border-radius:50%;color:#fff;font-weight:700;height:32px;justify-content:center;margin-right:8px;width:32px}.user-name{font-size:14px;font-weight:500}.user-status{border-radius:50%;height:10px;margin-left:auto;width:10px}.user-status.online{background-color:#43b581;background-color:var(--discord-green)}.user-status.away{background-color:#747f8d;background-color:var(--discord-away)}.user-name.away{color:#747f8d;color:var(--discord-away);font-style:italic}.users-sidebar{background-color:#2f3136;background-color:var(--discord-darker);border-left:1px solid #0003;display:flex;flex-direction:column;overflow-y:auto;width:240px}.users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:16px}.users-header span{color:#8e9297;color:var(--discord-channel);font-size:12px;font-weight:600;text-transform:uppercase}.user-list{padding:0 16px}.channel-header{align-items:center;box-shadow:0 1px 0 #0003;display:flex;height:48px;padding:0 16px;z-index:10}.channel-header-name{color:#fff;color:var(--discord-lighter);font-size:16px;font-weight:700}.channel-header-topic{border-left:1px solid #72767d;border-left:1px solid var(--discord-text);color:#72767d;color:var(--discord-text);font-size:14px;margin-left:8px;padding-left:8px}.messages-area{background-color:#36393f;background-color:var(--discord-dark);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0}.messages-container{display:flex;flex-direction:column;padding:16px}.message-group{display:flex;margin-bottom:16px;padding:2px 16px 2px 0}.message-group:hover{background-color:#04040512}.avatar-container{height:40px;margin-right:16px;width:40px}.message-avatar{align-items:center;background-color:#7289da;background-color:var(--discord-accent);border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.message-content-wrapper{flex:1 1}.message-header{align-items:baseline;display:flex;margin-bottom:4px}.message-author{color:#fff;font-size:16px;font-weight:500;margin-right:8px}.message-timestamp{color:#72767d;color:var(--discord-text);font-size:12px}.message-text{color:#dcddde;color:var(--discord-light);font-size:16px;line-height:1.375;margin-bottom:4px;white-space:pre-wrap}.system-message{align-items:center;color:#72767d;color:var(--discord-text);display:flex;font-size:14px;font-style:italic;justify-content:center;margin:8px 0;padding:8px 16px}.system-message-inner{background-color:#0404051a;border-radius:4px;padding:4px 10px}.message-input-container{background-color:#40444b;border-radius:8px;margin:0 16px 24px;padding:0 16px}.message-form{align-items:center;display:flex;padding:10px 0}.message-input{background:#0000;border:none;color:#fff;color:var(--discord-lighter);flex:1 1;font-size:16px;padding:10px 0}.message-input:focus{outline:none}.message-input::placeholder,.send-button{color:#72767d;color:var(--discord-text)}.send-button{background:#0000;border:none;cursor:pointer;margin-left:8px;padding:8px}.send-button:hover{color:#fff;color:var(--discord-lighter)}.send-button:disabled{color:#72767d4d;cursor:not-allowed}.connection-status{align-items:center;border-radius:4px;display:flex;font-size:12px;margin-left:auto;padding:4px 8px}.connection-status.connected{color:#43b581;color:var(--discord-green)}.connection-status.disconnected{color:#f04747;color:var(--discord-red)}.status-dot{border-radius:50%;height:8px;margin-right:4px;width:8px}.status-dot.connected{background-color:#43b581;background-color:var(--discord-green)}.status-dot.disconnected{background-color:#f04747;background-color:var(--discord-red)}.no-messages{align-items:center;color:#72767d;color:var(--discord-text);display:flex;flex-direction:column;height:100%;justify-content:center;padding:32px;text-align:center}.no-messages-title{color:#fff;color:var(--discord-lighter);font-size:24px;font-weight:700;margin-bottom:16px}.no-messages-subtitle{color:#72767d;color:var(--discord-text);font-size:16px}@media (max-width:768px){.discord-chat,.discord-main{flex-direction:column}.discord-main{display:flex;height:calc(100vh - 120px);overflow-y:auto}.messages-area{flex:1 1;min-height:0}.message-input-container{bottom:0;margin-bottom:8px;position:-webkit-sticky;position:sticky;width:calc(100% - 32px)}.users-sidebar{border-left:none;border-top:1px solid #0003;height:auto;max-height:120px;overflow-y:auto;position:relative;width:100%;z-index:10}.user-list{display:flex;flex-wrap:wrap;padding:8px}.user-item{margin-bottom:8px;margin-right:12px}}@media (max-width:480px){.message-input-container{margin:0 8px 8px;padding:0 8px}.users-sidebar{max-height:80px}.discord-main{height:calc(100vh - 80px)}}
/*# sourceMappingURL=main.290df1f1.css.map*/