body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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;margin:0;padding:0}#root,body,html{overflow:hidden}.App{align-items:center;background-color:#8b3e34;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:space-between;margin:0;padding:0;position:relative;text-align:center}.App.dashboard-mode{align-items:stretch!important;height:100%;justify-content:flex-start;width:100%}.nav-bar{height:64px;justify-content:space-between;left:0;padding:0 24px;position:absolute;right:0;top:0;z-index:3}.logo-container,.nav-bar{align-items:center;display:flex}.logo-container{gap:10px;line-height:1}.logo{display:block;height:28px;width:auto}.app-title{color:#fff;font-size:18px;font-weight:800;letter-spacing:.2px;margin:0;text-shadow:0 1px 0 #00000059}.login-button{background-color:#40e0d0;border:none;border-radius:15px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.login-button:hover{background-color:#36c5b5}.welcome-page{align-items:center;background-image:url(/static/media/background.351345a247e1b18a2626.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0;padding:0;position:absolute;width:100%}.welcome-page:before{background-color:#8b000099;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.page-content{color:#fff;position:relative;text-align:center;z-index:2}.page-title{color:#fff;font-size:84px;margin:0}.page-title .turquoise{color:#40e0d0}.welcome-text{color:#fff;font-size:24px;line-height:1.6;margin-bottom:20px;margin-top:10px;max-width:600px;text-align:center}.welcome-text .turquoise{color:#40e0d0}.disclaimer-text{color:#aaa;font-size:.75rem;margin-top:1rem;text-align:center}.register-button:disabled{background-color:#888;cursor:not-allowed;opacity:.6}@media (max-width:768px){.nav-bar{height:56px;padding:0 16px}.logo{height:24px}.app-title{font-size:16px}}*{scrollbar-color:#8af2db59 #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#8af2db47;background-clip:content-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#8af2db61}.legal-page-wrapper{align-items:flex-start;background-color:#121212;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem;width:100%}.legal-page{background-color:#1e1e1e;border-radius:12px;box-shadow:0 0 12px #0006;color:#f0f0f0;max-height:calc(100vh - 80px);max-width:800px;overflow-y:auto;padding:32px;width:100%}.legal-page h1{color:#fff;font-size:2rem;margin-bottom:1.5rem}.legal-page h2{color:#40e0d0;font-size:1.25rem;margin-top:1.8rem}.legal-page li,.legal-page p{color:#d0d0d0;font-size:.95rem}.legal-page ul{list-style:disc;margin-left:1.5rem;padding-left:.5rem}.legal-page a{color:#40e0d0;text-decoration:none}.legal-page a:hover{text-decoration:underline}.legal-page footer{color:#888;font-size:.75rem;margin-top:2rem;text-align:center}.legal-page::-webkit-scrollbar{width:8px}.legal-page::-webkit-scrollbar-thumb{background-color:#a0a0a099;border-radius:4px}.legal-page::-webkit-scrollbar-track{background:#0000}#root,body,html{background-color:#121212!important;height:100%;margin:0;padding:0}.incoming-call-modal{background:#000000e6;border-radius:8px;box-shadow:0 2px 10px #0009;color:#fff;left:50%;padding:1em 2em;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10000}.incoming-call-modal button{margin:0 .5em}.attachments-preview-bar{background-color:#2c2c2e;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;flex-wrap:wrap;gap:8px;max-height:160px;overflow-y:auto;padding:8px}.attachment-preview{align-items:left;border-radius:8px;display:flex;justify-content:left;overflow:hidden;position:relative}.attachment-preview.file{background-color:#1e1e20;height:100px;width:100px}.attachment-preview.image{max-height:450px;max-width:50%}.attachment-preview img.message-image{cursor:pointer;transition:transform .2s ease}.attachment-preview img.message-image,.message-video{border-radius:8px;max-height:40vh;max-width:48vw;object-fit:contain}.message-video{background-color:#000;margin-top:8px}.attachment-thumbnail{height:100%;object-fit:cover;width:100%}.attachment-preview-multiple{display:flex;gap:12px;margin-bottom:8px;max-height:100px;max-width:100%;min-height:fit-content;overflow-x:auto;padding:4px 0}.attachment-preview-inner{align-items:center;display:flex;gap:8px}.preview-image{border-radius:4px;max-height:100px}.file-name-preview{background-color:#333;border-radius:4px;color:#ddd;padding:6px 10px}.remove-attachment-btn{background:none;border:none;color:#f55;cursor:pointer;font-size:1.2em;margin-left:8px}.clickable-avatar{cursor:pointer;transition:transform .2s}.clickable-avatar:hover{transform:scale(1.05)}.user-item:hover{background-color:#ffffff1a}.action-btn:hover,.friends-btn:hover,.server-icon:hover,.toggle-view-btn:hover{opacity:.8}.dashboard-container{background-color:#2d1a17;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh}.date-header{border-bottom:1px solid #444;color:#ccc;font-size:14px;margin-bottom:8px;padding:8px 0;text-align:center}.edit-input{background-color:#333;border:1px solid #666;border-radius:4px;color:#fff;font-size:1em;padding:4px 8px;width:100%}.top-bar{align-items:center;background-color:#1a1a1a;display:flex;justify-content:space-between;padding:8px 16px;position:relative;z-index:2000}.server-icons{display:flex;gap:10px}.server-icon{align-items:center;background-color:#40e0d0;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:visible;position:relative;width:40px}.server-icon-label{background-color:#333;border-radius:4px;bottom:-24px;color:#fff;font-size:.75rem;left:50%;opacity:0;padding:2px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s ease;white-space:nowrap;z-index:999}.server-icon:hover .server-icon-label{opacity:1}.add-server{background-color:#333}.top-right .friends-btn{background-color:#40e0d0;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.server-banner{align-items:center;background-color:#3c1d1a;display:flex;padding:10px 16px}.banner-image{border-radius:4px;height:auto;margin-right:16px;width:200px}.server-title{color:#40e0d0;flex:1 1;font-size:20px;font-weight:700;text-align:center}.server-header{align-items:center;background-color:#2a1a1a;background-position:50%;background-size:cover;border-bottom:1px solid #333;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:16px;padding:8px 12px}.server-header h1{color:#40e0d0;flex:1 1;font-size:1rem;margin:0}.server-header-title{color:#40e0d0;font-size:1.2rem;font-weight:700;margin:0}.server-settings-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.1rem}.server-settings-btn:hover{color:#40e0d0}.highlight{background-color:#555}.image-modal-overlay{align-items:center;background:#0a0a0acc;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.image-modal{align-items:center;background:#222;border-radius:8px;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;padding:1rem}.image-modal img{border-radius:6px;max-height:80vh;max-width:100%}.logout-button{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:8px;padding:6px 12px}.modal-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:.75rem}.modal-controls a,.modal-controls button{background:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.modal-controls a:hover,.modal-controls button:hover{background:#666}.modal-overlay{background:#0a0a0ab3;height:100%;width:100%}.modal-content{background:#1f1f1f;color:#fff;min-width:300px}.create-server-modal{background-color:#1f1f1f;border-radius:8px;box-shadow:0 4px 20px #00000080;color:#fff;max-width:90vw;padding:24px;text-align:left;width:400px}.create-server-modal h2{color:#40e0d0;margin-top:0}.create-server-modal label{display:block;font-size:.9rem;margin-bottom:12px}.create-server-modal input[type=file],.create-server-modal input[type=text],.create-server-modal textarea{background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;padding:8px;width:100%}.create-server-modal input[type=checkbox]{margin-right:6px}.create-server-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.create-server-modal .modal-actions button{background-color:#40e0d0;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 14px}.create-server-modal .modal-actions button:hover{background-color:#36c1b8}.modal-title{color:#40e0d0;margin-bottom:16px}.modal-actions{flex-direction:column;gap:10px}.modal-actions button{background-color:#40e0d0;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 14px}.modal-actions button.danger{background-color:#c0392b}.modal-actions button:hover{background-color:#36c1b8}.modal-actions button.danger:hover{background-color:#e74c3c}.middle-section{background-color:#2d1a17;display:flex;flex:1 1;overflow:hidden}.left-sidebar{background-color:#1f1b1a;overflow-y:auto;padding:10px;width:300px}.channel-list{display:flex;flex-direction:column;gap:4px}.channel-item{background-color:#3a2a28;border-radius:4px;color:#fff;cursor:pointer;padding:6px;position:relative;text-align:left}.channel-item:hover .channel-settings-btn{opacity:1;pointer-events:auto}.channel-settings-btn{background:none;border:none;cursor:pointer;font-size:14px;opacity:0;pointer-events:none;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:opacity .2s}.main-content{background-color:#1e1e1e;display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.channel-header{background-color:#333;color:#40e0d0;font-weight:700;padding:10px;text-align:center}.jump-to-present{background:#191919e6;border:1px solid #ffffff1f;border-radius:999px;bottom:84px;box-shadow:0 8px 24px #00000059;color:#fff;cursor:pointer;font-size:13px;left:50%;padding:8px 12px;position:absolute;transform:translateX(-50%);z-index:5}.jump-to-present:hover{background:#232323f2}.jump-to-present.pinned{border-color:#50c8b4a6}.message-actions{display:none;gap:4px;position:absolute;right:8px;top:-10px}.message-actions .action-btn{background:#0000;border:none;color:#aaa;cursor:pointer;font-size:12px;padding:2px 4px;transition:color .2s}.message-actions .action-btn:hover{color:#fff}.messages-area{background-color:#1e1e1e;flex:1 1;overflow-y:auto;padding:10px;scrollbar-gutter:stable;text-align:left}.message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.message-attachment-image{border-radius:4px;margin-top:4px;max-height:200px;max-width:200px}.message-attachment-file{background-color:#333;border-radius:4px;color:#40e0d0;display:inline-block;font-size:.9em;margin-top:4px;padding:6px 10px;text-decoration:none}.message-attachment-file:hover{background-color:#444}.message-body-row,.message-bubble{align-items:flex-start;display:flex}.message-bubble{background-color:#1e1e1e;border:1px solid #1e1e1e;border-radius:4px;flex-direction:column;margin:0;padding:0;position:relative;transition:border-color .2s}.message-bubble+.message-bubble{margin-top:1px}.message-bubble:hover{border:1px solid #666}.message-bubble:hover .message-actions{display:flex}.message-bubble.no-header:hover:before{background:#0000;border-radius:4px;color:#ccc;content:attr(data-timestamp);font-size:10px;left:0;padding:2px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}.message-bubble.reply-highlight{background-color:#40e0d01a;border-color:#40e0d0}.message-bubble.reply-highlight:hover{background-color:#40e0d026}.message-bubble.reply-bubble{padding-top:0}.message-bubble.reply-bubble .replied-context{align-items:center;background-color:#ffffff0d;border-left:2px solid #40e0d0;border-radius:4px 4px 0 0;color:#ccc;cursor:pointer;display:flex;font-size:.8em;gap:8px;margin:0 8px 6px;padding:6px 10px}.message-bubble.reply-bubble .replied-context img{border-radius:50%;height:20px;margin-right:6px;width:20px}.message-bubble.reply-bubble .replied-context .reply-name{color:#fff;font-weight:700;margin-right:4px}.message-bubble.reply-bubble .replied-context .reply-snippet{color:#aaa;font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-hover-highlight{animation:pulseHighlight 1.5s ease-out}@keyframes pulseHighlight{0%{background-color:#40e0d066}50%{background-color:#40e0d026}to{background-color:initial}}.avatar-spacer,.message-avatar{border-radius:50%;flex-shrink:0;height:40px;margin-right:16px;width:40px}.small-spacer{height:0;width:40px}.message-avatar{object-fit:cover}.message-content{display:flex;flex-direction:column}.message-author.with-name{color:#fff;font-weight:700;height:16px;margin-bottom:6px}.message-author.no-name{height:0;margin-bottom:0;overflow:hidden}.message-spacer{height:16px}.message-text{color:#fff;line-height:1.2;margin:0}.message-input-area{align-items:center;background-color:#1e1e1e;border-top:1px solid #444;display:flex;padding:8px}.message-input{background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;flex:1 1;margin-right:8px;padding:8px;text-align:left}.message-input-buttons button{background-color:#40e0d0;border:none;border-radius:4px;color:#fff;cursor:pointer;height:38px;margin-left:4px;padding:8px 12px}.message-input-buttons button:hover{background-color:#36c1b8}.message-input-container.dragging{background-color:#40e0d01a;border:2px dashed #40e0d0;border-radius:8px}.message-timestamp-inline{color:#aaa;font-size:.85em;font-weight:400;margin-left:8px}.message-wrapper{margin-bottom:4px;position:relative}.right-sidebar{background-color:#1f1b1a;display:flex;flex-direction:column;overflow-y:auto;padding:10px;position:relative;transition:width .3s ease;width:260px}.search-bar{margin-bottom:10px}.search-bar input{background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;padding:6px;text-align:left;width:100%}.right-sidebar.search-active{width:450px}.search-results-container{height:calc(100% - 40px);overflow-y:auto;padding:10px}.search-result-item{border-bottom:1px solid #fff;cursor:pointer;padding:10px}.search-result-item:hover{background-color:#2c9c91}.search-result-bubble{background-color:#2a2a2a;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:8px;transition:background-color .2s ease}.search-result-bubble:hover{background-color:#3a3a3a}.search-result-header{align-items:center;display:flex;margin-bottom:4px}.search-result-avatar{border-radius:50%;height:20px;margin-right:8px;width:20px}.search-result-name{color:#fff;font-size:.9em;font-weight:700;margin-right:6px}.search-result-time{color:#aaa;font-size:.7em}.search-result-content{color:#ddd;font-size:.9em}.edited-label{animation:fadeInEdited .3s ease forwards;color:#888;font-size:.75em;margin-left:6px;opacity:0}@keyframes fadeInEdited{to{opacity:1}}.no-results{color:#aaa;font-size:.9em;padding:16px;text-align:center}.result-header{color:#fff;display:flex;font-size:.9em;justify-content:space-between}.result-content{color:#fff;font-size:1em;margin-top:4px}.result-timestamp{color:#ccc}.user-list{display:flex;flex-direction:column;gap:8px;text-align:left}.user-item{align-items:center;background-color:#3a2a28;border-radius:4px;color:#fff;display:flex;padding:6px}.member-avatar{border-radius:50%;height:30px;margin-right:8px;object-fit:cover;width:30px}.bottom-bar{background-color:#1a1a1a;justify-content:space-between;padding:8px 16px}.bottom-bar,.user-panel{align-items:center;display:flex}.user-profile-popover{left:-320px;position:absolute;top:50px;width:300px;z-index:1000}.user-avatar{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.user-info{color:#fff;display:flex;flex-direction:column;text-align:left}.username{font-weight:700}.device-config{font-size:12px}.global-actions button{background-color:#40e0d0;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:8px;padding:8px 12px}.replied-context{color:#aaa;cursor:pointer;font-size:.85em;margin-bottom:4px}.replied-context:hover{text-decoration:underline}.reply-banner{align-items:center;background-color:#1f1f1f;border-left:4px solid #40e0d0;border-radius:4px;color:#ddd;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:8px;padding:8px 12px}.reply-banner strong{color:#fff;font-weight:600}.reply-banner label{align-items:center;color:#bbb;display:flex;font-size:.8rem;margin-left:auto}.reply-banner input[type=checkbox]{margin-right:4px}.reply-banner button{background:none;border:none;color:#bbb;cursor:pointer;font-size:1rem;line-height:1;margin-left:1rem}.reply-banner button:hover{color:#fff}.server-icon-img{border-radius:8px;height:100%;object-fit:cover;width:100%}.typing-indicator-bottom{color:#bbb;display:inline-flex;font-size:12px;margin-left:16px;margin-top:4px;min-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-group-header{background-color:#333;border-radius:4px;font-weight:700;margin-bottom:5px;margin-top:10px;padding:4px 8px}.vote-button.flash{animation:flash 1.5s infinite}@keyframes flash{0%{background-color:initial}50%{background-color:#ff4d4d}to{background-color:initial}}.vote-buttons{display:flex;gap:12px;justify-content:center;margin:12px}.vote-button{background-color:#333;border:1px solid #40e0d0;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px;transition:background-color .2s ease}.vote-button.selected{background-color:#40e0d0}.vote-button:hover{background-color:#36c1b8}.vote-message{color:#ccc;font-size:14px;margin-bottom:8px;text-align:center}.user-profile-card{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 0 8px #0003;font-family:sans-serif;overflow:hidden;width:300px}.user-profile-card.small{padding:8px}.user-profile-card.large{background:#fff;border:2px solid #ccc;box-shadow:0 0 16px #0000004d;min-height:800px;width:600px}.card-header{align-items:center;display:flex;flex-direction:column;position:relative}.card-banner{height:80px;width:100%}.avatar-and-names{align-items:center;display:flex;margin-top:0}.toggle-view-btn{background:none;border:none;cursor:pointer;font-size:.9em;position:absolute;right:8px;top:8px}.card-body{margin-top:16px}.badges{margin-bottom:8px}.badge{background-color:#eee;border-radius:4px;display:inline-block;font-size:.8em;margin-right:4px;padding:4px 6px}.badge-pill{align-items:center;background:#50c8b41f;border:1px solid #50c8b459;border-radius:999px;color:#8af2db;display:inline-flex;font-size:12px;gap:6px;padding:2px 8px}.badge-pill img{display:block;height:14px;width:14px}.badge-pill.early_supporter{box-shadow:inset 0 0 0 1px #8af2db40}.premium-badge{background-color:gold;color:#000}.bio,.mutual-info,.roles{margin-bottom:12px}.bio p{margin:4px 0}.card-footer{align-items:center;display:flex;flex-direction:column;margin-top:12px}.action-btn{background-color:#40e0d0;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:4px;padding:6px 12px}.other-actions{display:flex;gap:4px;margin-top:8px}.modal-overlay{background:#00000080;bottom:0;left:0;right:0;top:0;z-index:1000}.messages-panel{background-color:#1e1e1e;flex:1 1;overflow-anchor:none;overflow-y:auto;padding:10px;scroll-behavior:auto;text-align:left}.messages-inner{padding:12px}.messages-panel img.message-image,.messages-panel video.message-video{border-radius:8px;display:block;max-height:40vh;max-width:48vw;object-fit:contain}.message-input-wrapper{background-color:#1e1e1e;border-top:1px solid #333;display:flex;flex-direction:column;padding:12px}.message-input-wrapper textarea{background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;font-size:1em;padding:10px;resize:none}.message-input-wrapper button.send-btn{align-self:flex-end;background-color:#40e0d0;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:6px;padding:6px 14px}.active-dm{background-color:#4a1a1a!important;font-weight:700}.friends-page-container{background-color:#1a0c0c;display:flex;height:100%;max-width:100vw;min-height:0;width:100%}.dm-list,.friends-nav{border-right:1px solid #333;overflow-y:auto;padding:12px;width:240px}.dm-list{background-color:#1c0e0e}.friends-nav{background-color:#1f0d0d}.dm-content{background-color:#220d0d;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.friend-avatar{border-radius:50%;height:24px;margin-right:8px;width:24px}.dm-item,.friend-item{align-items:center;background-color:#2a1111;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:48px;margin-bottom:4px;padding:6px 8px;transition:background .2s}.dm-item:hover,.friend-item:hover{background-color:#3c1616}.dm-item.selected{background-color:#ffffff1a}.dm-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.dm-input{border:none;border-radius:4px;margin-top:12px;padding:10px;width:100%}.dm-text-block{display:flex;flex-direction:column;overflow:hidden}.add-friend-section{margin:12px 0}.add-friend-section input{padding:6px;width:calc(100% - 60px)}.add-friend-section button{margin-left:4px;padding:6px;width:50px}.friend-actions button{margin-bottom:6px;margin-right:6px}.dm-header{color:#fff}.dm-header-bar{align-items:center;border-bottom:1px solid #333;color:#fff;display:flex;padding:10px}.dm-header-avatar{border-radius:50%;height:32px;margin-right:10px;width:32px}.dm-header-name{color:#fff;font-weight:700}.conversation-area{display:flex;flex-direction:column;height:100%;min-height:0}.conversation-log{flex:1 1;overflow-y:auto;padding:10px}.dm-input-container{border-top:1px solid #333;display:flex;padding:10px}.dm-input-container input{flex:1 1;margin-right:10px;padding:8px}.friends-header{color:#fff}.friends-page-container .message-input-container{align-items:center;background-color:#1e1e1e;border-top:1px solid #333;display:flex;padding:8px}.friends-page-container .message-input{background:#2a2a2a;border:none;color:#fff;flex:1 1;font-size:14px;margin-right:10px;padding:10px}.friends-page-container .message-input-buttons{display:flex;gap:8px}.friends-page-container .message-input-buttons button{background-color:#40e0d0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;transition:background-color .2s ease}.friends-page-container .message-input-buttons button:hover{background-color:#36c1b8}.friends-page-container .emoji-btn{background-color:#333;padding:8px 12px}.danger-btn{background:#b73a3a;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 10px}.danger-btn:hover{background:#9d2f2f}.dm-body-container{flex:1 1;flex-direction:column;position:relative}.dm-body-container,.dm-main-and-search{display:flex;min-height:0;overflow:hidden}.dm-main-and-search{flex:1 1 auto;flex-direction:row}.img-overlay{background:#000000bf;display:grid;inset:0;place-items:center;position:fixed;z-index:9999}.img-overlay-media{border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:92vh;max-width:min(92vw,1200px)}.img-overlay-close{background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:28px;height:44px;line-height:1;position:fixed;right:22px;top:18px;width:44px}.img-overlay-close:hover{background:#000000b3}.jump-to-present-btn{background:#191919e6;border:1px solid #ffffff1f;border-radius:999px;bottom:84px;box-shadow:0 8px 24px #00000059;color:#fff;cursor:pointer;font-size:13px;left:50%;padding:8px 12px;position:absolute;transform:translateX(-50%);z-index:5}.jump-to-present-btn:hover{background:#232323f2}.jump-to-present-btn.pinned{border-color:#50c8b4a6}.search-sidebar{background-color:#1e1e1e;border-left:1px solid #333;max-width:28vw;overflow-y:auto;padding:12px;width:340px}.search-bar-inline{display:flex;gap:8px;margin-bottom:8px}.search-bar-inline input{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;padding:6px 10px;width:220px}.search-bar-inline input:focus{border-color:#40e0d0;outline:none}.fb-bar{-webkit-overflow-scrolling:touch;align-items:center;background:#0f0f10;border-bottom:1px solid #ffffff12;display:flex;gap:12px;overflow-x:auto;padding:8px 10px}.fb-bar::-webkit-scrollbar{height:8px}.fb-bar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}.fb-bar::-webkit-scrollbar-track{background:#0000}.fb-btn{align-items:center;background:#2b2b2f;border:0;border-radius:999px;box-shadow:0 2px 6px #00000040;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;line-height:1;padding:6px 10px;transition:background .15s ease,transform .08s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.fb-btn:hover{background:#3a3a40}.fb-btn:active{transform:translateY(1px)}.fb-icon-img{border-radius:50%;height:24px;object-fit:cover;width:24px}.fb-icon-emoji{align-items:center;display:inline-flex;font-size:18px;height:24px;justify-content:center;width:24px}.fb-label{white-space:nowrap}.gc-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:525px;overflow-y:scroll}@media (min-width:768px){.gc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.gc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.gc-card{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border:1px solid #ffffff0f;border-radius:16px;box-shadow:0 6px 16px #00000040;color:#fff;cursor:pointer;padding:24px;position:relative;text-align:center;transition:transform .15s ease,box-shadow .15s ease,background .2s ease;-webkit-user-select:none;user-select:none}.gc-card:hover{background:linear-gradient(135deg,#3a3a3a,#4a4a4a);box-shadow:0 10px 22px #00000059;transform:translateY(-2px)}.gc-icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));font-size:44px;margin-bottom:10px}.gc-name{font-size:17px;font-weight:600;letter-spacing:.3px}.gc-fav-btn{background:#0000;border:0;border-radius:10px;color:#bbb;line-height:0;padding:6px;position:absolute;right:8px;top:8px;transition:color .15s ease,background .15s ease,transform .1s ease}.gc-fav-btn:hover{background:#00000026;color:#ffe08a;transform:scale(1.05)}.gc-fav-btn.is-fav{color:#ffd24d}.gc-star{height:22px;width:22px}.gc-hover-hint{align-items:flex-end;background:#0000;border-radius:16px;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:background .15s ease,opacity .15s ease}.gc-hover-hint span{background:#141414b3;border-radius:8px;font-size:12px;margin-bottom:10px;padding:4px 8px}.gc-card:hover .gc-hover-hint{background:#00000014;opacity:1}.gc-queue-pill{align-items:center;background:#50c8b426;border:1px solid #50c8b459;border-radius:10px;bottom:8px;color:#8af2db;display:flex;font-size:12px;height:20px;justify-content:center;min-width:26px;padding:0 6px;pointer-events:none;position:absolute;right:8px}.mpf{background:#141416;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 0 12px #00000080;color:#fff;left:50%;max-width:480px;padding:24px;position:absolute;top:80px;transform:translateX(-50%);width:90vw;z-index:50}.mpf__title{font-size:18px;font-weight:700;margin:0 0 10px}.mpf__row{display:flex;flex-direction:column;margin:10px 0}.mpf__row--split{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.mpf__field{display:flex;flex-direction:column}.mpf__label{color:#ffffffbf;font-size:13px;margin-bottom:6px}.mpf__input,.mpf__select{background:#1e1f23;border:1px solid #ffffff14;border-radius:8px;color:#fff;font-size:14px;outline:none;padding:8px 10px;transition:border-color .15s ease,background .15s ease}.mpf__input:focus,.mpf__select:focus{background:#23252a;border-color:#38bdf899}.mpf__hint{color:#ffffff8c;font-size:12px;margin-top:6px}.mpf__error{background:#dc262626;border-radius:8px;color:#fecaca;font-size:13px;margin-top:6px;padding:8px 10px}.mpf__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.mpf__btn{border:0;border-radius:8px;cursor:pointer;font-weight:600;padding:8px 12px;transition:transform .08s ease,filter .15s ease,background .15s ease}.mpf__btn:active{transform:translateY(1px)}.mpf__btn--primary{background:#10b981;color:#0b0f0f}.mpf__btn--primary:hover{filter:brightness(1.05)}.mpf__btn--primary:disabled{cursor:not-allowed;opacity:.55}.mpf__btn--ghost{background:#2a2c31;color:#fff}.mpf__btn--ghost:hover{background:#32353b}.matchmaking-wrapper{display:flex;flex-grow:1}.matchmaking-screen-wrapper{background-color:#111;color:#fff;display:flex;flex:1 1;min-height:0;overflow:hidden;width:100%}.matchmaking-screen-left{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:16px;width:33.333%}.category-search,.favorites-search{background:#2d2d2d;border-bottom:1px solid #444;padding:8px}.category-input,.favorites-input{background:#3d3d3d;border:none;border-radius:4px;color:#fff;padding:8px;width:100%}.category-header{align-items:center;border-top:1px solid #444;display:flex;justify-content:space-between;padding-top:8px}.category-title{font-size:1.125rem;font-weight:600}.category-toggle{background:none;border:none;color:#63b3ed;cursor:pointer;font-size:.875rem}.category-toggle:hover{color:#4299e1}.category-section{display:flex;flex-direction:column;gap:12px}.category-grid{padding:8px}.matchmaking-screen-right{background:#1a1a1a;border-left:1px solid #444;display:flex;flex-direction:column;width:66.666%}.party-section{border-bottom:1px solid #444;padding:16px}.party-title{font-size:1.25rem;font-weight:700}.party-chat{flex:1 1;padding:16px}.party-chat,.party-chat-area{display:flex;flex-direction:column;overflow:hidden}.party-chat-area{flex:1 1}.party-avatar{border-radius:50%;height:28px;object-fit:cover;width:28px}.party-chat-messages{color:#ddd;flex:1 1;font-size:14px;overflow-y:auto;padding:12px}.party-chat-message{align-items:flex-start;display:flex;gap:8px;margin-bottom:10px}.party-chat-input{align-items:center;background-color:#1e1e1e;border-top:1px solid #333;display:flex;padding:10px}.party-chat-input input{background:#2a2a2a;border:none;border-radius:4px;color:#fff;flex:1 1;font-size:14px;margin-right:10px;padding:10px}.party-chat-input .message-input-buttons{display:flex;gap:8px}.party-chat-input .message-input-buttons button{background-color:#40e0d0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;transition:background-color .2s ease}.party-chat-input .message-input-buttons button:hover{background-color:#36c1b8}.party-chat-input .emoji-btn{background-color:#333;padding:8px 12px}.chat-title{font-size:1.125rem;font-weight:600;margin-bottom:8px}.chat-placeholder{background:#2d2d2d;border-radius:8px;color:#ccc;flex:1 1;overflow-y:auto;padding:16px}.match-preferences-popup{background:#2d2d2d;border-radius:12px;box-shadow:0 0 12px #00000080;left:50%;max-width:480px;padding:24px;position:absolute;top:80px;transform:translateX(-50%);width:90vw;z-index:50}.queue-controls-wrapper{margin-top:1rem;position:relative;text-align:center}.queue-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;left:50%;padding:6px 14px;position:absolute;transform:translateX(-50%);z-index:1}.queue-button.start{background-color:#40e0d0;color:#fff}.queue-button:hover{background-color:#36c1b8}.queue-button.cancel{background-color:#6b7280;color:#fff}.party-size-counter{position:absolute;right:0;top:50%;transform:translateY(-50%)}.party-size-counter.available{color:#4ade80;margin-left:0;position:static;transform:none}.party-size-counter{font-size:.875rem}.party-size-counter.full{color:#f87171}.party-controls-inline{align-items:center;display:flex;gap:8px;justify-content:flex-end;right:0;top:50%;transform:translateY(-50%)}.invite-button{background-color:#40e0d0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 10px}.invite-button:hover{background-color:#36c1b8}.leave-party-button{background-color:#40e0d0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 10px}.leave-party-button:hover{background-color:#36c1b8}.invite-button:disabled{cursor:not-allowed;opacity:.5}.selected-category-display-wrapper{align-items:center;display:flex;justify-content:center;margin-top:8px}.selected-category-display{align-items:center;background-color:#ffffff0d;border-radius:6px;color:#63b3ed;cursor:pointer;display:flex;font-weight:700;gap:8px;padding:6px 12px}.selected-category-icon{border-radius:4px;height:32px;object-fit:cover;width:32px}.selected-category-warning{color:#f87171;font-weight:700}.party-member-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.matchmaking-error-banner{animation:fadein .3s ease-in-out;background-color:#c32f2f;border-radius:8px;box-shadow:0 0 10px #0000004d;color:#fff;font-size:.9rem;max-width:300px;padding:10px 16px;position:fixed;right:1rem;top:60px;z-index:2000}@keyframes fadein{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.verification-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:50px auto;max-width:500px;padding:40px;text-align:center}.button-group{margin-top:20px}.refresh-button,.resend-button{background-color:#40e0d0;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin:0 10px;padding:10px 20px}.channel-settings-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.channel-settings-modal{background:#1f1f1f;border-radius:8px;box-shadow:0 4px 20px #00000080;color:#fff;max-width:95%;padding:24px;text-align:center;width:400px}.channel-settings-title{color:#40e0d0;margin-bottom:16px}.channel-settings-modal button{background-color:#40e0d0;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;margin:8px 0;padding:10px;width:100%}.channel-settings-modal button.danger{background-color:#c0392b}.channel-settings-modal button:hover{background-color:#36c1b8}.channel-settings-modal button.danger:hover{background-color:#e74c3c}.server-modal .modal-tabs{display:flex;gap:8px;margin-bottom:12px}.server-modal .tab{border:1px solid #333;border-radius:999px;padding:6px 10px}.server-modal .tab.active{background:#222;border-color:#4b7;color:#8af2db}.server-modal .server-form{display:flex;flex-direction:column;gap:10px}.server-modal .row{display:flex;gap:8px;justify-content:flex-end}.modal-swap{color:#aaa;font-size:12px;margin-top:10px;text-align:center}.modal-swap .linklike{background:none;border:none;color:#8af2db;cursor:pointer;padding:0 4px;text-decoration:underline}.modal-swap .linklike:hover{color:#a8f7e7}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-box.server-modal{background:#171717;border:1px solid #2a2a2a;border-radius:10px;box-shadow:0 10px 30px #00000080;max-width:90vw;padding:20px;width:540px}.modal-title{color:#e8e8e8;font-size:22px;font-weight:800;margin:4px 0 12px}.form-group{gap:6px;margin-bottom:10px}.input-label{color:#bdbdbd;font-size:12px}.text-input{background:#222;border:1px solid #2e2e2e;border-radius:6px;color:#eaeaea;height:36px;padding:8px 10px;width:100%}.text-input::placeholder{color:#777}.form-error{background:#ff5a5a14;border:1px solid #ff5a5a40;border-radius:8px;color:#ffb1b1;margin-top:6px;padding:8px 10px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.btn{border:none;border-radius:6px;cursor:pointer;height:36px;padding:0 14px}.btn-primary{background:#1ed2bf;color:#0b0f0f;font-weight:700}.btn-primary:disabled{cursor:default;opacity:.7}.btn-secondary{background:#2b2b2b;color:#dcdcdc}.invite-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.invite-modal{background:#222;border-radius:10px;color:#fff;max-width:400px;padding:20px 30px;text-align:center}.invite-buttons{display:flex;justify-content:space-around;margin-top:20px}.accept-btn,.decline-btn{border:none;border-radius:6px;cursor:pointer;padding:10px 20px}.accept-btn{background-color:#2ecc71;color:#fff}.decline-btn{background-color:#e74c3c;color:#fff}.settings-sidebar{background-color:#2b2b2b;border-right:1px solid #444;padding:24px;width:220px}.sidebar-title{font-size:20px;margin-bottom:20px}.sidebar-list{list-style:none;margin:0;padding:0}.sidebar-item{border-radius:4px;color:#ddd;cursor:pointer;margin-bottom:8px;padding:10px 12px;transition:background .2s}.sidebar-item:hover{background-color:#3a3a3a}.sidebar-item.active{background-color:#555;color:#fff;font-weight:700}.settings-overlay{background-color:#1a1a1a;color:#fff;display:flex;font-family:sans-serif;inset:0;position:fixed;z-index:2000}.settings-main{background-color:#232323;flex:1 1;overflow-y:auto;padding:24px;position:relative}.settings-content{font-size:16px;padding:16px}.close-button{background:none;border:none;color:#ccc;cursor:pointer;font-size:18px;position:absolute;right:16px;top:16px}.close-button:hover{color:#fff}.settings-section{background-color:#2b2b2b;border-radius:8px;color:#f0f0f0;margin:auto;max-width:600px;padding:24px}.settings-section h3{color:#fff;font-size:24px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{font-weight:500;margin-bottom:6px}.form-group input[type=password],.form-group input[type=text],.form-group select{background-color:#1e1e1e;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;padding:8px}.save-button{background-color:#3a8fff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 18px}.save-button:hover{background-color:#297be6}.voice-call-ui{background-color:#1e1e1e;border:1px solid #444;border-radius:8px;box-shadow:0 0 10px #0006;color:#fff;padding:10px;width:300px}.voice-call-ui-header{align-items:center;cursor:move;font-weight:700;margin-bottom:8px}.call-controls,.voice-call-ui-header{display:flex;justify-content:space-between}.call-controls{margin-top:10px}.control-button{background-color:#3a3a3a;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.control-button.leave{background-color:#c0392b}.voice-call-ui-minimized{background-color:#3a3a3a;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}.create-channel-section{margin-top:12px}.channel-type-select{background:#333;border:1px solid #444;border-radius:4px;color:#fff;margin-top:4px;padding:6px;width:100%}.server-settings-page{background:#1e1e1e;color:#fff;height:100%;overflow-y:auto;padding:12px}.server-settings-page h1{color:#40e0d0;margin-bottom:16px}.server-settings-page section{background:#2a1a1a;border-radius:8px;margin-bottom:20px;padding:16px}.server-settings-page button{background:#40e0d0;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:8px;margin-top:10px;padding:8px 14px}.server-settings-page label{color:#ddd;display:block;font-size:.85rem;margin-bottom:10px}.server-settings-page input[type=text],.server-settings-page textarea{color:#fff}.server-settings-page input[type=file]{background:#333;border:1px solid #444;border-radius:4px;color:#fff;margin-top:2px;padding:6px;width:100%}.server-settings-page button:hover{background:#36c1b8}.server-settings-page button.danger{background:#c0392b}.server-settings-page button.danger:hover{background:#e74c3c}.server-settings-page .profile-editor{background:#222;border-radius:4px;color:#fff;margin-left:0;margin-right:0;margin-top:10px;padding:12px}.server-settings-page .profile-editor label{display:block;font-size:.85rem;margin-bottom:8px}.server-settings-page .profile-editor input,.server-settings-page .profile-editor textarea{background:#333;border:1px solid #444;border-radius:4px;color:#fff;margin-top:2px;padding:6px;width:100%}.modal{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{background:#222;border-radius:8px;padding:20px;width:400px}
/*# sourceMappingURL=main.42d1c3d8.css.map*/