:root{font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#dcddde;background-color:#36393f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;height:100%;display:flex}h1{font-size:3.2em;line-height:1.1}button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;min-height:38px;border:none;border-radius:4px;font-size:14px;font-weight:500;font-family:inherit;line-height:1.15;color:#fff;background-color:#5865f2;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .17s ease}button:hover{background-color:#4752c4}button:active{background-color:#3c45a5}button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;background-color:#5865f2}button.btn-secondary{background-color:#4f545c}button.btn-secondary:hover{background-color:#5d6269}button.btn-secondary:active{background-color:#6a6f76}button.btn-danger{background-color:#da373c}button.btn-danger:hover{background-color:#a12829}button.btn-danger:active{background-color:#8b2022}button.btn-ghost{background-color:transparent;color:#b5bac1}button.btn-ghost:hover{background-color:#ffffff14;color:#dbdee1}button.btn-ghost:active{background-color:#ffffff24}#root{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0;height:100%}form{display:flex;flex-direction:column}input{margin:10px;padding:5px}.discord-message{display:flex;padding:8px 16px;margin:2px 0;position:relative;transition:background-color .1s ease;border-radius:4px}.discord-message:hover{background-color:#4f545c29}.message-avatar{width:40px;cursor:pointer;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;margin-right:16px;flex-shrink:0;margin-top:2px}.message-content-wrapper{flex:1;min-width:0}.message-header-inline{display:flex;align-items:baseline;margin-bottom:2px;position:relative}.message-username{font-weight:600;color:#fff;font-size:16px;margin-right:8px;cursor:pointer}.message-username:hover{text-decoration:underline}.message-timestamp{font-size:12px;color:#a3a6aa;font-weight:400}.message-edited{font-size:12px;color:#72767d;font-style:italic;margin-left:6px}.message-three-dots{opacity:0;cursor:pointer;padding:4px 8px;border-radius:4px;margin-left:auto;font-weight:700;font-size:16px;color:#a3a6aa;transition:opacity .1s ease,background-color .1s ease;-webkit-user-select:none;user-select:none}.discord-message:hover .message-three-dots{opacity:.6}.message-three-dots:hover{opacity:1!important;background-color:#4f545c4d}.message-text{color:#dcddde;font-size:16px;line-height:1.375;word-wrap:break-word;white-space:pre-wrap}.message-input{flex:1;min-width:0;margin:0}.message-input-form{width:100%;display:flex;flex-direction:row;gap:25px;padding:0 25px;box-sizing:border-box}.message-form{width:100%;padding:8px 0 16px}.edit-banner{display:flex;align-items:center;gap:12px;margin:0 25px 8px;font-size:13px;color:#b5bac1}.edit-banner-cancel{padding:2px 8px;min-height:0;font-size:13px;background-color:transparent;color:#00a8fc}.edit-banner-cancel:hover{background-color:#ffffff14}.chat-layout{display:flex;width:100vw;height:100vh}.room-sidebar{display:flex;flex-direction:column;width:240px;flex-shrink:0;background-color:#2f3136;padding:12px 8px;box-sizing:border-box}.room-sidebar-title{font-size:12px;font-weight:600;text-transform:uppercase;color:#8e9297;padding:0 8px 8px}.room-list{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto}.room-link{display:block;padding:6px 8px;margin:1px 0;border-radius:4px;color:#8e9297;font-weight:500;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-link:hover{background-color:#4f545c52;color:#dcddde}.room-link.active{background-color:#4f545c99;color:#fff}.room-create-form input,.room-create-form{margin:8px 0}.room-error,.chat-error{color:#f04747;font-size:14px;padding:4px 8px}.chat-main{display:flex;flex-direction:column;flex:1;min-width:0}.chat-header{padding:12px 16px;font-weight:600;color:#fff;border-bottom:1px solid #202225}.chat-messages{flex:1;overflow-y:auto}.chat-placeholder{margin:auto;color:#8e9297}.message-context-menu{background-color:#18191c;border-radius:6px;box-shadow:0 8px 16px #0000003d;padding:6px 0;min-width:150px;border:1px solid #4f545c;animation:menuFadeIn .1s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.menu-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;font-size:14px;color:#dcddde;transition:background-color .1s ease;-webkit-user-select:none;user-select:none}.menu-item:hover{background-color:#4752c4}.menu-item.delete:hover{background-color:#ed4245}.menu-icon{margin-right:8px;font-size:16px}#burger-icon{padding:5px;margin:5px;min-height:0;height:35px;width:35px}#create-room-button{width:100%;margin-top:10px;font-size:18px;font-weight:600}#room-create-form-button-section{display:flex;gap:8px}#room-create-form-button-section button{flex:1}.send-button{flex-shrink:0;padding:8px 20px}.center-wrapper{display:flex;justify-content:center;flex-direction:column;align-items:center;flex:1;min-height:0;width:100%}#profile-section-sidebar{display:flex;color:#fff;font-weight:650;align-items:center;padding:5px;max-height:40px}.profile-username{margin:0;font-size:clamp(13px,calc(25px - (var(--username-length, 0) - 10) * 1px),25px);line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#profile-section-sidebar:hover{background-color:#444}.auth-page{display:flex;align-items:center;justify-content:center;width:100%;flex:1;padding:24px 16px;box-sizing:border-box}.form-card{display:flex;flex-direction:column;width:100%;max-width:420px;box-sizing:border-box;padding:32px;background-color:#2f3136;border-radius:8px;box-shadow:0 8px 24px #00000052}.auth-title{margin:0;font-size:24px;font-weight:600;color:#fff;text-align:center}.auth-subtitle{margin:8px 0 0;font-size:15px;color:#b5bac1;text-align:center}.auth-form{display:flex;flex-direction:column;gap:18px;margin-top:24px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#b5bac1}.form-field input{margin:0;padding:10px 12px;font-family:inherit;font-size:15px;color:#dcddde;background-color:#1e1f22;border:1px solid #1e1f22;border-radius:4px;transition:border-color .17s ease}.form-field input::placeholder{color:#6d6f78}.form-field input:focus{outline:none;border-color:#5865f2}.auth-submit{width:100%;margin-top:6px;min-height:42px;font-size:15px;font-weight:600}.auth-error{margin:16px 0 0;padding:10px 12px;font-size:14px;color:#f9a8aa;background-color:#da373c1f;border-left:3px solid #da373c;border-radius:4px}.auth-switch{margin:20px 0 0;font-size:14px;color:#b5bac1;text-align:center}.auth-switch a{color:#00a8fc;font-weight:500}.auth-switch a:hover{text-decoration:underline}