*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:gg sans,Noto Sans,Helvetica,Arial,sans-serif;background:#313338;color:#dbdee1;overflow:hidden}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:#b5bac1;border-radius:4px;padding:4px;transition:color .1s}.icon-btn:hover{color:#dbdee1}.icon-btn.active{color:#fff}.app{display:flex;height:100vh;width:100vw;position:relative}.server-rail{width:72px;background:#1e1f22;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px;flex-shrink:0}.server-pill{position:relative;width:48px;height:48px;border-radius:24px;background:#313338;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px;color:#dbdee1;transition:border-radius .15s,background .15s;border:none}.server-pill.home{background:#313338;color:#23a55a}.server-pill.home .rail-brand-icon{overflow:hidden}.server-pill .unread-badge{position:absolute;bottom:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;background:#f23f42;background-clip:padding-box;border:3px solid #1e1f22;border-radius:10px;color:#fff;font-size:10px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}.rail-brand-icon{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.server-pill.active,.server-pill:hover{border-radius:16px}.server-pill.active{color:#fff}.server-pill .indicator{position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:4px;height:8px;background:#fff;border-radius:0 4px 4px 0;transition:height .15s}.server-pill:hover .indicator{height:20px}.server-pill.active .indicator{height:40px}.rail-divider{width:32px;height:2px;background:#35363c;margin:4px 0}.rail-add{color:#23a55a;font-size:22px}.rail-add:hover{background:#23a55a;color:#fff}.rail-discord{color:#5865f2;text-decoration:none;cursor:pointer}.rail-discord:hover{background:#5865f2;color:#fff}.sidebar{width:240px;background:#2b2d31;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-weight:600;color:#f2f3f5;box-shadow:0 1px #0003;flex-shrink:0}.sidebar-header .head-icons{display:flex;gap:4px;font-size:16px}.sidebar-search{margin:10px 10px 4px;background:#1e1f22;color:#949ba4;font-size:13px;padding:6px 8px;border-radius:4px;display:flex;align-items:center;gap:6px;flex-shrink:0}.sidebar-search-input{background:transparent;border:none;outline:none;color:#dbdee1;font-size:13px;font-family:inherit;width:100%}.sidebar-search-input::placeholder{color:#949ba4}.friend-search-results{margin:0 10px 4px;background:#1e1f22;border-radius:4px;max-height:220px;overflow-y:auto;flex-shrink:0}.friend-search-row{display:flex;align-items:center;gap:8px;padding:6px 8px}.sidebar-empty-hint{color:#6d6f78;font-size:13px;text-align:center;padding:16px 12px}.friend-search-row .fname{flex:1;min-width:0;font-size:14px;color:#dbdee1;display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-search-status{font-size:11px;color:#949ba4;flex-shrink:0}.friend-add-btn{background:#248046;color:#fff;border:none;border-radius:4px;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;flex-shrink:0}.friend-add-btn:hover{background:#1a6334}.friend-request-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px}.friend-request-row:hover{background:#35373c}.friend-request-row .fname{flex:1;min-width:0;font-size:15px;color:#dbdee1;display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-request-actions{display:flex;gap:6px;flex-shrink:0}.friend-request-btn{width:24px;height:24px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.friend-request-btn.accept{background:#248046}.friend-request-btn.accept:hover{background:#1a6334}.friend-request-btn.decline{background:#4e5058}.friend-request-btn.decline:hover{background:#6d6f78}.sidebar-scroll{overflow-y:auto;flex:1;padding:8px}.sidebar-section{font-size:11px;font-weight:700;color:#949ba4;text-transform:uppercase;padding:16px 8px 4px;letter-spacing:.02em;display:flex;align-items:center;gap:4px}.sidebar-section-row{font-size:11px;font-weight:700;color:#949ba4;text-transform:uppercase;padding:16px 8px 4px;letter-spacing:.02em;display:flex;align-items:center;justify-content:space-between}.sidebar-section-add{background:transparent;border:none;color:#949ba4;cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;opacity:.7;flex-shrink:0}.sidebar-section-row.group:hover .sidebar-section-add,.sidebar-section-add:focus-visible{opacity:1}.sidebar-section-add:hover{color:#dbdee1;background:#3a3c42}@media (hover: none){.sidebar-section-add{opacity:1}}.channel-row,.dm-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;color:#949ba4;font-size:15px;margin-bottom:2px}.channel-row:hover,.dm-row:hover{background:#35373c;color:#dbdee1}.channel-row.active,.dm-row.active{background:#404249;color:#fff}.channel-row.unread,.dm-row.unread{color:#f2f3f5}.channel-row.unread>span:not(.unread-badge),.dm-row.unread .dm-row-name{font-weight:600}.unread-badge{margin-left:auto;min-width:16px;height:16px;padding:0 5px;border-radius:8px;background:#f23f42;color:#fff;font-size:11px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dm-row-text{display:flex;flex-direction:column;min-width:0;overflow:hidden;line-height:1.25}.dm-row-name{display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-row-preview{font-size:12px;color:#80848e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-row.active .dm-row-preview{color:#c9cdd3}.channel-hash{opacity:.7;display:inline-flex}.verified-badge{color:#00a8fc;flex-shrink:0;vertical-align:middle;margin-left:2px;position:relative;top:-1px}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px;flex-shrink:0;position:relative}.avatar.sm{width:20px;height:20px;font-size:10px}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.status-dot,.status-icon{--status-size: 10px;--status-border: 3px;position:absolute;bottom:-3px;right:-3px;box-sizing:content-box;width:var(--status-size);height:var(--status-size);border-radius:50%;border:var(--status-border) solid var(--status-ring, #2b2d31);background:var(--status-ring, #2b2d31)}.status-dot:after,.status-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--status-color)}.status-dot:before,.status-icon:before{content:"";position:absolute;z-index:1;display:none;background:var(--status-ring, #2b2d31)}.status-online{--status-color: #23a55a}.status-idle{--status-color: #f0b232}.status-idle:after{-webkit-mask:radial-gradient(circle at 18% 18%,transparent 0 38%,#000 39%);mask:radial-gradient(circle at 18% 18%,transparent 0 38%,#000 39%)}.status-dnd{--status-color: #f23f42}.status-dnd:before{display:block;left:20%;right:20%;top:37.5%;height:25%;border-radius:999px}.status-offline{--status-color: #80848e}.status-offline:before{display:block;top:25%;right:25%;bottom:25%;left:25%;border-radius:50%}.avatar.sm .status-dot{--status-size: 6px;--status-border: 2px;bottom:-2px;right:-2px}.sidebar,.member-list{--status-ring: #2b2d31}.user-panel{--status-ring: #232428}.chat-header{--status-ring: #313338}.dm-row:hover,.member-row:hover{--status-ring: #35373c}.dm-row.active{--status-ring: #404249}.user-panel-clickable:hover{--status-ring: #35373c}.user-panel{height:52px;background:#232428;display:flex;align-items:center;padding:0 8px;gap:8px;flex-shrink:0}.user-panel .names{flex:1;overflow:hidden}.user-panel .names .name{font-size:13px;font-weight:600;color:#f2f3f5}.user-panel .names .tag{font-size:11px;color:#949ba4}.user-panel-clickable{display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:4px;border-radius:4px;flex:1;min-width:0;text-align:left}.user-panel-clickable:hover{background:#35373c}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:transparent}.profile-card{position:absolute;left:16px;bottom:66px;width:300px;background:#111214;border-radius:8px;box-shadow:0 8px 24px #00000080}.profile-card>.profile-banner{border-radius:8px 8px 0 0}.profile-close{position:absolute;top:8px;right:8px;background:#0009;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:2}.profile-close:hover{background:#000c}.profile-banner{height:60px;background:linear-gradient(135deg,#5865f2,#eb459e)}.profile-avatar-wrap{margin:-34px 0 0 16px;width:68px;height:68px;border-radius:50%;background:#111214;padding:4px;position:relative}.profile-avatar-wrap .avatar{width:60px;height:60px;font-size:24px}.profile-avatar-wrap{--status-ring: #111214}.profile-avatar-wrap .status-dot{--status-size: 14px;--status-border: 4px;bottom:-2px;right:-2px}.profile-body{padding:8px 16px 16px}.profile-name-row{display:flex;align-items:center;gap:4px;margin-top:8px}.profile-name{font-size:18px;font-weight:700;color:#fff}.profile-handle{font-size:13px;color:#b5bac1;margin-top:2px}.profile-divider{height:1px;background:#2c2d31;margin:12px 0}.profile-section{display:flex;flex-direction:column;gap:6px}.profile-label{font-size:12px;font-weight:700;color:#f2f3f5;text-transform:uppercase}.profile-text{font-size:13px;color:#dbdee1;line-height:1.3}.profile-meta{display:flex;align-items:center;gap:6px;color:#b5bac1}.profile-edit-btn{width:100%;margin-top:16px;background:#4e5058;color:#fff;border:none;border-radius:4px;padding:8px 0;font-size:14px;font-weight:500}.profile-edit-btn:hover{background:#5c5e66}.user-profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.user-profile-card{position:relative;width:300px;max-width:100%;background:#111214;border-radius:8px;box-shadow:0 12px 32px #00000080}.user-profile-card>.profile-banner{border-radius:8px 8px 0 0}.user-profile-actions{display:flex;align-items:center;gap:10px;margin-top:4px}.user-profile-message-btn{flex:1;background:#5865f2;color:#fff;border:none;border-radius:4px;padding:9px 0;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}.user-profile-message-btn:hover{background:#4752c4}.user-profile-friend-btn{background:#4e5058;color:#fff;border:none;border-radius:4px;padding:9px 14px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;white-space:nowrap}.user-profile-friend-btn:hover{background:#5c5e66}.user-profile-friend-btn.pending{opacity:.6;cursor:default}.user-profile-friend-btn.pending:hover{background:#4e5058}.user-profile-friend-status{font-size:12px;color:#23a55a;font-weight:600;display:flex;align-items:center;gap:4px;white-space:nowrap}.user-profile-incoming-actions{display:flex;gap:8px;margin-bottom:10px}.user-profile-incoming-actions button{flex:1;justify-content:center}.attach-menu{position:absolute;left:0;bottom:66px;background:#111214;border-radius:8px;box-shadow:0 8px 24px #0006;padding:6px;z-index:20;min-width:200px}.attach-menu-item{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;color:#dbdee1;font-size:14px;padding:8px 10px;border-radius:4px;text-align:left}.attach-menu-item:hover{background:#4752c4;color:#fff}.drop-hint{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:3px dashed #5865F2;border-radius:8px;background:#5865f214;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#dbdee1;font-weight:600;z-index:15;pointer-events:none}.pending-attachments{display:flex;gap:8px;flex-wrap:wrap;padding:10px 4px}.pending-chip{position:relative;background:#2b2d31;border-radius:8px;overflow:hidden}.pending-chip.image,.pending-chip.video{width:84px;height:84px}.pending-thumb{width:100%;height:100%;object-fit:cover;display:block}.pending-file{display:flex;align-items:center;gap:8px;padding:8px 12px;min-width:160px}.pending-file-name{font-size:12px;color:#dbdee1;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-file-size{font-size:11px;color:#949ba4}.pending-remove{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#000000b3;color:#fff;border:none;display:flex;align-items:center;justify-content:center;z-index:2}.pending-remove:hover{background:#ed4245}.msg-attachments{display:flex;flex-direction:column;gap:6px;margin-top:4px;max-width:420px}.attach-image-link{display:block;width:fit-content;position:relative;border:none;background:none;padding:0;cursor:pointer}.attach-image{max-width:400px;max-height:300px;border-radius:8px;display:block;object-fit:contain}.attach-image-hover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:6px;background:#00000073;color:#fff;font-size:13px;font-weight:600;border-radius:8px;opacity:0;transition:opacity .12s ease}.attach-image-link:hover .attach-image-hover{opacity:1}.forwarded-tag{display:flex;align-items:center;gap:6px;color:#949ba4;font-size:12px;font-style:italic;margin-bottom:2px}.audio-player{display:flex;align-items:center;gap:12px;background:#2b2d31;border:1px solid #3f4147;border-radius:8px;padding:10px 14px;width:360px}.audio-play-btn{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#5865f2;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.audio-play-btn:hover{background:#4752c4}.audio-body{flex:1;min-width:0}.audio-name{font-size:13px;color:#dbdee1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}.audio-scrub{position:relative;height:4px;border-radius:2px;background:#4e5058;cursor:pointer}.audio-scrub-fill{position:absolute;top:0;left:0;bottom:0;background:#5865f2;border-radius:2px}.audio-scrub-knob{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.audio-time-row{display:flex;justify-content:space-between;font-size:11px;color:#949ba4;margin-top:6px}.audio-download{flex-shrink:0;color:#b5bac1}.audio-download:hover{color:#dbdee1}.viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:100;display:flex;align-items:center;justify-content:center}.viewer-topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;z-index:2}.viewer-filename{color:#dbdee1;font-size:14px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.6)}.viewer-actions{display:flex;align-items:center;gap:8px}.viewer-btn{display:flex;align-items:center;gap:7px;background:#141416b3;color:#dbdee1;border:none;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none}.viewer-btn:hover{background:#141416f2;color:#fff}.viewer-close{padding:8px}.viewer-forward-wrap{position:relative}.viewer-image{max-width:88vw;max-height:84vh;object-fit:contain;border-radius:4px;cursor:default}.forward-menu{position:absolute;top:calc(100% + 6px);right:0;background:#2b2d31;border:1px solid #1e1f22;border-radius:8px;box-shadow:0 8px 16px #0006;width:220px;max-height:320px;overflow-y:auto;padding:6px}.forward-group{margin-bottom:4px}.forward-group-title{color:#949ba4;font-size:11px;font-weight:700;text-transform:uppercase;padding:6px 8px 2px}.forward-item{display:block;width:100%;text-align:left;background:none;border:none;color:#dbdee1;font-size:14px;padding:7px 8px;border-radius:4px;cursor:pointer}.forward-item:hover{background:#35373c;color:#fff}.viewer-toast{position:absolute;bottom:28px;left:50%;transform:translate(-50%);background:#23a55a;color:#fff;font-size:13px;font-weight:600;padding:10px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;box-shadow:0 6px 14px #0006}.attach-video{max-width:400px;max-height:300px;border-radius:8px;display:block;background:#000}.attach-file-card{display:flex;align-items:center;gap:10px;background:#2b2d31;border:1px solid #3f4147;border-radius:8px;padding:10px 12px;text-decoration:none;width:320px}.attach-file-card:hover{background:#35373c}.attach-file-icon{flex-shrink:0;display:flex}.attach-file-info{display:flex;flex-direction:column;min-width:0;flex:1}.attach-file-name{color:#00a8fc;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-file-size{color:#949ba4;font-size:12px}.attach-file-download{color:#b5bac1;flex-shrink:0}.attach-file-card:hover .attach-file-download{color:#dbdee1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0009;display:flex;align-items:center;justify-content:center}.edit-modal{width:740px;max-height:86vh;background:#313338;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 32px #00000080}.edit-modal-header{height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:16px;font-weight:700;color:#f2f3f5;box-shadow:0 1px #0003}.edit-modal-body{display:flex;flex:1;overflow-y:auto}.edit-form{flex:1;padding:20px;display:flex;flex-direction:column;gap:4px;border-right:1px solid #26272b}.edit-field-label{font-size:12px;font-weight:700;color:#b5bac1;text-transform:uppercase;margin:14px 0 8px}.edit-field-label-row{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 8px}.edit-field-label-row label{font-size:12px;font-weight:700;color:#b5bac1;text-transform:uppercase}.char-count{font-size:11px;color:#6d6f78}.edit-input,.edit-textarea{background:#1e1f22;border:none;outline:none;border-radius:4px;padding:10px;color:#dbdee1;font-size:14px;font-family:inherit;resize:none}.edit-input:disabled{opacity:.6;cursor:not-allowed}.username-lock-note{font-size:12px;color:#949ba4;margin-top:-6px}.swatch-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.banner-swatch,.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;padding:0}.banner-swatch{border-radius:6px;width:40px;height:26px}.banner-swatch.selected,.color-swatch.selected{border-color:#fff}.banner-swatch.upload,.color-swatch.upload{background:#1e1f22;color:#b5bac1;display:flex;align-items:center;justify-content:center}.avatar-edit-row{display:flex;align-items:center;gap:16px}.avatar-upload-btn{position:relative;background:transparent;border:none;padding:0;width:64px;height:64px}.avatar-upload-btn .avatar{width:64px;height:64px;font-size:24px}.avatar-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .1s}.avatar-upload-btn:hover .avatar-upload-overlay{opacity:1}.edit-preview{width:300px;flex-shrink:0;padding:20px;background:#2b2d31}.edit-preview-label{font-size:12px;font-weight:700;color:#b5bac1;text-transform:uppercase;margin-bottom:12px}.profile-card.static{position:static;width:100%;box-shadow:none}.unsaved-bar{flex-shrink:0;background:#1e1f22;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#dbdee1}.unsaved-actions{display:flex;gap:8px;flex-shrink:0}.ghost-btn{background:transparent;border:none;color:#dbdee1;font-size:13px;padding:8px 14px}.ghost-btn:hover{text-decoration:underline}.save-btn{background:#248046;color:#fff;border:none;border-radius:4px;padding:8px 14px;font-size:13px;font-weight:500}.save-btn:hover{background:#1a6334}.user-panel .icons{display:flex;gap:2px;font-size:18px}.main{flex:1;display:flex;flex-direction:column;min-width:0;background:#313338;position:relative}.chat-header{height:48px;display:flex;align-items:center;padding:0 16px;box-shadow:0 1px #0003;gap:8px;color:#f2f3f5;font-weight:600;flex-shrink:0}.chat-header .sub{color:#949ba4;font-weight:400;font-size:13px;margin-left:8px}.chat-header .spacer{flex:1}.messages{flex:1;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column}.message-row{display:flex;gap:16px;padding:2px 16px 2px 24px;position:relative}.message-row:hover{background:#2e3035}.reply-tag{display:flex;align-items:center;gap:6px;color:#949ba4;font-size:13px;margin-bottom:2px}.reply-tag-author{color:#dbdee1;font-weight:600}.reply-tag-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:480px}.message-actions{position:absolute;top:-14px;right:16px;display:flex;gap:2px;background:#313338;border:1px solid #26272b;border-radius:6px;padding:3px;box-shadow:0 2px 6px #0000004d;opacity:0;pointer-events:none;transition:opacity .1s ease}.message-row:hover .message-actions{opacity:1;pointer-events:auto}.message-action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#b5bac1;background:transparent;border:none;cursor:pointer}.message-action-btn:hover{background:#3a3c42;color:#dbdee1}.message-action-btn.danger:hover{color:#fff;background:#da373c}.reply-banner{display:flex;align-items:center;justify-content:space-between;background:#2b2d31;color:#b5bac1;font-size:13px;padding:8px 16px;border-radius:8px 8px 0 0}.reply-banner span{display:flex;align-items:center;gap:8px}.reply-banner-close{background:transparent;border:none;color:#b5bac1;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px}.reply-banner-close:hover{color:#dbdee1;background:#3a3c42}.confirm-modal{width:440px;background:#313338;border-radius:8px;overflow:hidden;box-shadow:0 12px 32px #00000080}.confirm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0;font-size:20px;font-weight:700;color:#f2f3f5}.confirm-modal-close{background:transparent;border:none;color:#b5bac1;cursor:pointer;display:flex;padding:4px;border-radius:4px}.confirm-modal-close:hover{color:#dbdee1}.confirm-modal-body{padding:16px;color:#dbdee1;font-size:15px;line-height:1.375rem}.confirm-modal-footer{display:flex;justify-content:flex-end;gap:8px;background:#2b2d31;padding:16px}.confirm-btn{height:38px;padding:0 16px;border-radius:4px;border:none;font-size:14px;font-weight:500;cursor:pointer}.confirm-btn.ghost{background:transparent;color:#dbdee1}.confirm-btn.ghost:hover{text-decoration:underline}.confirm-btn.danger{background:#da373c;color:#fff}.confirm-btn.danger:hover{background:#a12828}.confirm-btn.primary{background:#5865f2;color:#fff}.confirm-btn.primary:hover{background:#4752c4}.confirm-btn.primary:disabled{background:#3b3f8a;color:#ababf5;cursor:not-allowed}.create-channel-modal{width:460px;background:#313338;border-radius:8px;overflow:hidden;box-shadow:0 12px 32px #00000080}.create-channel-body{padding:4px 16px 20px;display:flex;flex-direction:column;gap:16px}.channel-type-list{display:flex;flex-direction:column;gap:8px}.channel-type-option{display:flex;align-items:center;gap:12px;background:#2b2d31;border:1px solid transparent;border-radius:8px;padding:10px 12px;cursor:pointer;text-align:left}.channel-type-option.selected{background:#5865f21a;border-color:#5865f2}.channel-type-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1e1f22;color:#dbdee1}.channel-type-text{flex:1;display:flex;flex-direction:column;gap:2px}.channel-type-title{font-size:14px;font-weight:600;color:#f2f3f5}.channel-type-desc{font-size:12px;color:#949ba4;line-height:1.3}.channel-type-radio{width:18px;height:18px;border-radius:50%;border:2px solid #80848e;flex-shrink:0}.channel-type-radio.checked{border-color:#5865f2;background:#5865f2;box-shadow:inset 0 0 0 3px #2b2d31}.channel-name-label{font-size:12px;font-weight:700;color:#b5bac1;text-transform:uppercase}.channel-name-input-wrap{display:flex;align-items:center;gap:6px;background:#1e1f22;border-radius:4px;padding:0 10px;margin-top:6px}.channel-name-hash{color:#949ba4;display:flex}.channel-name-input-wrap input{flex:1;background:transparent;border:none;color:#dbdee1;height:40px;font-size:15px}.toggle-row{display:flex;align-items:center;gap:12px;background:#2b2d31;border-radius:8px;padding:10px 12px}.toggle-row-icon{color:#b5bac1;display:flex}.toggle-row-text{flex:1;display:flex;flex-direction:column;gap:2px}.toggle-row-title{font-size:14px;font-weight:600;color:#f2f3f5}.toggle-row-desc{font-size:12px;color:#949ba4;line-height:1.3}.toggle-switch{width:40px;height:24px;border-radius:12px;background:#80848e;border:none;cursor:pointer;flex-shrink:0;position:relative;padding:0}.toggle-switch.on{background:#23a55a}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .12s ease}.toggle-switch.on .toggle-knob{left:19px}.invite-modal{width:440px;background:#313338;border-radius:8px;overflow:hidden;box-shadow:0 12px 32px #00000080}.invite-modal-body{padding:4px 16px 20px;display:flex;flex-direction:column;gap:8px}.invite-link-label{font-size:12px;font-weight:700;color:#b5bac1;text-transform:uppercase;margin-top:8px}.invite-link-row{display:flex;align-items:center;gap:8px;background:#1e1f22;border-radius:4px;padding:0 4px 0 10px}.invite-link-icon{color:#949ba4;display:flex;flex-shrink:0}.invite-link-input{flex:1;background:transparent;border:none;color:#dbdee1;height:40px;font-size:14px;min-width:0}.invite-copy-btn{height:32px;padding:0 14px;border-radius:4px;border:none;background:#5865f2;color:#fff;font-size:13px;font-weight:500;cursor:pointer;flex-shrink:0}.invite-copy-btn:hover{background:#4752c4}.invite-hint{font-size:12px;color:#949ba4;margin:4px 0 0}.message-body{display:flex;flex-direction:column}.message-meta{display:flex;align-items:baseline;gap:8px}.message-author{font-weight:600;font-size:15px;color:#f2f3f5;cursor:pointer}.message-author:hover{text-decoration:underline}.message-avatar-clickable{cursor:pointer}.chat-header-dm-clickable{cursor:pointer;display:inline-flex;align-items:center}.chat-header-dm-clickable:hover{text-decoration:underline}.message-time{font-size:11px;color:#949ba4}.message-content{font-size:15px;color:#dbdee1;line-height:1.375rem}.bot-tag{background:#5865f2;color:#fff;font-size:10px;padding:0 4px;border-radius:3px;font-weight:500}.bot-components{display:flex;flex-direction:column;gap:6px;margin-top:6px}.bot-action-row{display:flex;flex-wrap:wrap;gap:6px}.bot-button{border:none;border-radius:4px;padding:7px 14px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;background:#4f545c;transition:filter .1s ease}.bot-button:hover:not(:disabled){filter:brightness(1.1)}.bot-button:disabled{cursor:default;opacity:.6}.bot-button-primary{background:#5865f2}.bot-button-secondary{background:#4f545c}.bot-button-success{background:#3ba55c}.bot-button-danger{background:#ed4245}.empty-hint{margin:auto;text-align:center;color:#6d6f78}.composer-wrap{padding:0 16px 24px;flex-shrink:0;position:relative}.composer{background:#383a40;border-radius:8px;display:flex;align-items:center;padding:0 8px 0 12px;gap:4px}.composer input{flex:1;background:transparent;border:none;outline:none;color:#dbdee1;font-size:15px;padding:11px 8px;font-family:inherit}.composer input::placeholder{color:#6d6f78}.composer .tray{display:flex;align-items:center;gap:2px}.composer .icon-btn{font-size:20px;padding:6px}.composer .send{color:#5865f2}.emoji-picker{position:absolute;right:0;bottom:66px;width:340px;height:380px;background:#2b2d31;border-radius:8px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;overflow:hidden;z-index:20}.emoji-search{margin:10px;background:#1e1f22;border-radius:4px;display:flex;align-items:center;gap:6px;padding:6px 8px;color:#949ba4}.emoji-search input{background:transparent;border:none;outline:none;color:#dbdee1;font-size:13px;flex:1;font-family:inherit}.emoji-grid-scroll{flex:1;overflow-y:auto;padding:0 8px}.emoji-cat-label{font-size:12px;font-weight:700;color:#949ba4;text-transform:uppercase;padding:8px 4px 4px}.emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.emoji-cell{background:transparent;border:none;font-size:20px;padding:4px;border-radius:4px;line-height:1;display:flex;align-items:center;justify-content:center}.emoji-cell:hover{background:#3a3c42}.emoji-img{display:inline-block;vertical-align:middle;object-fit:contain}.message-content .emoji-img{width:22px;height:22px;margin:0 1px}.emoji-tabs{display:flex;border-top:1px solid #1e1f22;padding:6px;gap:2px;flex-shrink:0;background:#232428}.emoji-tab{flex:1;text-align:center;background:transparent;border:none;font-size:17px;padding:6px 0;border-radius:4px;opacity:.6}.emoji-tab.active{opacity:1;background:#35373c}.emoji-tab:hover{opacity:1}.member-list{width:240px;background:#2b2d31;flex-shrink:0;overflow-y:auto;padding:16px 8px}.member-list .sidebar-section{padding-top:0}.member-row{display:flex;align-items:center;gap:10px;padding:4px 8px;border-radius:4px;color:#949ba4;cursor:pointer}.member-row:hover{background:#35373c}.member-row .mname{font-size:15px;color:inherit}.member-row.offline .mname{color:#80848e}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#313338;z-index:200;display:flex}.settings-nav{width:218px;background:#2b2d31;flex-shrink:0;display:flex;justify-content:flex-end}.settings-nav-inner{width:100%;max-width:218px;padding:60px 6px 20px 20px;display:flex;flex-direction:column}.settings-group-title{color:#949ba4;font-size:12px;font-weight:700;text-transform:uppercase;padding:12px 10px 4px}.settings-nav-item{text-align:left;background:none;border:none;color:#b5bac1;font-size:15px;padding:8px 10px;border-radius:4px;cursor:pointer}.settings-nav-item:hover{background:#35373c;color:#dbdee1}.settings-nav-item.active{background:#404249;color:#fff}.settings-nav-divider{height:1px;background:#3f4147;margin:8px 10px}.settings-version-footer{margin-top:auto;padding:12px 10px 4px;color:#80848e;font-size:12px}.settings-legal-para{margin:0 0 14px}.settings-legal-section:first-child .settings-subheading{margin-top:0}.settings-content{flex:1;position:relative;overflow-y:auto;padding:60px 40px;display:flex;justify-content:center}.settings-pane{width:100%;max-width:660px}.settings-heading{color:#fff;font-size:20px;margin:0 0 16px}.settings-subheading{color:#fff;font-size:16px;margin:20px 0 10px}.settings-desc{color:#b5bac1;font-size:14px;line-height:1.5}.settings-note{color:#949ba4;font-size:13px;margin-top:16px}.settings-close{position:absolute;top:60px;right:40px;background:none;border:2px solid #b5bac1;border-radius:50%;width:36px;height:36px;color:#b5bac1;display:flex;align-items:center;justify-content:center;cursor:pointer}.settings-close span{position:absolute;top:42px;font-size:10px;font-weight:700;letter-spacing:.04em}.settings-close:hover{border-color:#fff;color:#fff}.settings-account-card{background:#2b2d31;border-radius:8px;overflow:hidden;position:relative;padding-bottom:16px}.settings-account-body{padding:52px 16px 0;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.settings-lang-search{display:flex;align-items:center;gap:8px;background:#1e1f22;border-radius:4px;padding:8px 10px;margin-bottom:16px;color:#949ba4}.settings-lang-search input{background:none;border:none;outline:none;color:#dbdee1;font-size:14px;flex:1}.lang-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lang-card{display:flex;align-items:center;gap:10px;background:#2b2d31;border:2px solid transparent;border-radius:8px;padding:12px 14px;cursor:pointer;text-align:left;position:relative}.lang-card:hover{background:#35373c}.lang-card.active{border-color:#5865f2;background:#35373c}.lang-flag{font-size:22px}.lang-names{display:flex;flex-direction:column}.lang-native{color:#fff;font-size:14px;font-weight:600}.lang-english{color:#949ba4;font-size:12px}.lang-check{position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;background:#5865f2;color:#fff;display:flex;align-items:center;justify-content:center}.sidebar-header{position:relative}.server-menu-toggle{background:transparent;border:none;color:#f2f3f5;cursor:pointer;display:flex;align-items:center;padding:2px}.server-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.server-menu{position:absolute;top:52px;right:8px;width:220px;background:#111214;border-radius:6px;box-shadow:0 8px 24px #0006;padding:6px;z-index:41}.server-menu-item{width:100%;display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#dbdee1;font-size:14px;padding:8px;border-radius:4px;cursor:pointer;text-align:left}.server-menu-item:hover{background:#5865f2;color:#fff}.channel-context-menu{position:fixed;width:188px;background:#111214;border-radius:6px;box-shadow:0 8px 24px #0006;padding:6px;z-index:60}.channel-context-item{width:100%;display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#dbdee1;font-size:14px;padding:8px;border-radius:4px;cursor:pointer;text-align:left}.channel-context-item:hover{background:#5865f2;color:#fff}.channel-context-item.danger{color:#f23f42}.channel-context-item.danger:hover{background:#da373c;color:#fff}.channel-row.voice-active{color:#23a55a}.channel-row.voice-active .channel-hash{opacity:1;color:#23a55a}.voice-connected-bar{background:#232428;padding:8px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.voice-connected-info{display:flex;align-items:center;gap:8px}.voice-connected-dot{width:8px;height:8px;border-radius:50%;background:#23a55a;flex-shrink:0}.voice-connected-text{display:flex;flex-direction:column}.voice-connected-label{font-size:12px;font-weight:600;color:#23a55a}.voice-connected-channel{font-size:12px;color:#dbdee1}.voice-disconnect-btn{background:#35373c;border:none;color:#dbdee1;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.voice-disconnect-btn:hover{background:#da373c;color:#fff}.server-modal-desc{font-size:14px;color:#b5bac1;line-height:1.4;margin:0}.server-preview-row{display:flex;justify-content:center;padding:8px 0}.server-preview-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:22px}.auth-screen{width:100%;height:100vh;background:#313338;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.auth-card{width:480px;max-width:92vw;background:#2b2d31;border-radius:8px;padding:32px;box-shadow:0 12px 32px #00000080;display:flex;flex-direction:column;align-items:center}.auth-logo{width:56px;height:56px;border-radius:16px;margin-bottom:16px}.auth-title{color:#f2f3f5;font-size:24px;font-weight:700;margin:0;text-align:center}.auth-subtitle{color:#b5bac1;font-size:15px;margin:8px 0 20px;text-align:center}.auth-form{width:100%;display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field label{font-size:12px;font-weight:700;color:#b5bac1;text-transform:uppercase}.auth-field input{background:#1e1f22;border:none;border-radius:4px;color:#dbdee1;height:42px;padding:0 12px;font-size:15px}.auth-field input:focus{outline:2px solid #00a8fc}.auth-error{background:#da373c1a;border:1px solid #da373c;color:#f2b8b5;border-radius:4px;padding:10px 12px;font-size:13px}.auth-notice{background:#5865f21a;border:1px solid #5865F2;color:#dbdee1;border-radius:4px;padding:10px 12px;font-size:13px}.auth-submit{height:44px;background:#5865f2;color:#fff;border:none;border-radius:4px;font-size:15px;font-weight:600;cursor:pointer}.auth-submit:hover{background:#4752c4}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{font-size:14px;color:#949ba4;text-align:left}.auth-switch button{background:transparent;border:none;color:#00a8fc;cursor:pointer;padding:0;font-size:14px}.auth-switch button:hover{text-decoration:underline}.auth-footer-note{color:#6d6f78;font-size:12px;max-width:480px;text-align:center}.auth-loading-screen{width:100%;height:100vh;background:#313338;display:flex;align-items:center;justify-content:center;color:#b5bac1;font-size:15px}.save-btn.danger-btn{background:#da373c;margin-left:8px}.save-btn.danger-btn:hover{background:#a12828}.voice-room-members{display:flex;flex-direction:column;gap:4px;padding:2px 8px 6px 30px}.voice-room-member{display:flex;align-items:center;gap:8px;min-width:0}.voice-room-avatar-wrap{position:relative;display:inline-flex;border-radius:50%;flex-shrink:0}.voice-room-avatar-wrap.speaking{box-shadow:0 0 0 2px #23a55a;border-radius:50%}.voice-mini-badge{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-radius:50%;background:#2b2d31;color:#f23f42;display:flex;align-items:center;justify-content:center;border:2px solid #2b2d31}.voice-room-member-name{font-size:13px;color:#949ba4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-connected-info{background:transparent;border:none;padding:0;text-align:left;cursor:pointer;display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow:hidden}.voice-connected-text{overflow:hidden}.voice-connected-label,.voice-connected-channel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-connected-controls{display:flex;align-items:center;gap:3px;flex-shrink:0}.voice-mini-btn{background:#35373c;border:none;color:#dbdee1;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.voice-mini-btn:hover{background:#45474e;color:#fff}.voice-mini-btn.active{background:#5865f2;color:#fff}.voice-mini-btn.danger-active{background:#da373c;color:#fff}.voice-mini-btn:disabled{opacity:.5;cursor:not-allowed}.voice-stage{background:#313338}.voice-stage-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;align-items:center;gap:24px}.voice-connecting-banner{color:#b5bac1;font-size:14px;background:#2b2d31;padding:8px 16px;border-radius:8px}.voice-error-banner{background:#da373c14;border:1px solid #da373c;border-radius:8px;padding:16px 20px;max-width:420px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.voice-error-title{color:#fff;font-weight:600;font-size:15px}.voice-error-body{color:#f2b8b5;font-size:13px;line-height:1.4}.voice-join-prompt{display:flex;align-items:center;justify-content:center;padding:40px 0}.voice-join-btn{display:flex;align-items:center;gap:10px;background:#248046;color:#fff;border:none;border-radius:24px;padding:12px 22px;font-size:15px;font-weight:600;cursor:pointer}.voice-join-btn:hover{background:#1a6334}.voice-tiles{display:flex;flex-wrap:wrap;gap:20px 28px;justify-content:center;width:100%}.voice-tile{display:flex;flex-direction:column;align-items:center;gap:8px;width:96px}.voice-tile-avatar-wrap{position:relative;border-radius:50%}.voice-tile-avatar-wrap .avatar{width:72px;height:72px;font-size:28px}.voice-tile.speaking .voice-tile-avatar-wrap{box-shadow:0 0 0 4px #23a55a;border-radius:50%}.voice-tile-badge{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;background:#4e5058;color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid #313338}.voice-tile-badge.mic-off{background:#da373c}.voice-tile-badge.deaf-off{background:#4e5058}.voice-tile-name{color:#dbdee1;font-size:13px;font-weight:500;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.voice-tile-you{color:#949ba4;font-weight:400}.voice-screen-share-wrap{width:100%;max-width:860px;background:#1e1f22;border-radius:10px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;min-height:200px}.voice-screen-share-self{flex-direction:column;gap:12px;color:#949ba4;padding:40px 0}.voice-screen-video{width:100%;max-height:60vh;display:block;object-fit:contain;background:#000}.voice-screen-share-label{position:absolute;left:12px;bottom:12px;background:#000000a6;color:#fff;font-size:12px;font-weight:500;padding:6px 10px;border-radius:6px;display:flex;align-items:center;gap:8px}.voice-screen-share-self .voice-screen-share-label{position:static;background:transparent}.voice-beta-pill{background:#5865f2;color:#fff;font-size:9px;font-weight:700;letter-spacing:.03em;padding:2px 6px;border-radius:4px}.voice-beta-pill.inline{position:absolute;top:-6px;right:-8px;padding:1px 4px;font-size:8px}.voice-control-bar{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.voice-control-btn{position:relative;width:52px;height:52px;border-radius:50%;background:#383a40;border:none;color:#dbdee1;display:flex;align-items:center;justify-content:center;cursor:pointer}.voice-control-btn:hover{background:#45474e;color:#fff}.voice-control-btn.active{background:#5865f2;color:#fff}.voice-control-btn.danger-active{background:#da373c;color:#fff}.voice-control-btn.danger-active:hover{background:#a12828}.voice-control-btn.hangup{background:#da373c;color:#fff}.voice-control-btn.hangup:hover{background:#a12828}.voice-control-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-back-btn,.mobile-members-btn,.member-list-mobile-close,.mobile-members-backdrop{display:none}@media (max-width: 860px){html,body,#root{height:100%}.app{width:100vw;height:100vh;height:100dvh;overflow:hidden}.server-rail{padding-top:calc(12px + env(safe-area-inset-top,0px))}.sidebar{width:auto;flex:1;min-width:0}.app .main,.app .voice-stage,.app.mobile-chat-open .server-rail,.app.mobile-chat-open .sidebar{display:none}.app.mobile-chat-open .main,.app.mobile-chat-open .voice-stage{display:flex;width:100vw}.mobile-back-btn{display:inline-flex;margin-right:2px}.mobile-members-btn{display:inline-flex}.chat-header{padding-top:env(safe-area-inset-top,0px);height:calc(48px + env(safe-area-inset-top,0px))}.composer-wrap{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.member-list{display:none;position:fixed;top:0;right:0;bottom:0;width:80vw;max-width:320px;z-index:55;padding-top:calc(16px + env(safe-area-inset-top,0px));box-shadow:-8px 0 24px #0006}.app.mobile-members-open .member-list{display:flex;flex-direction:column}.app.mobile-members-open .mobile-members-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:54}.member-list-mobile-close{display:flex;align-items:center;justify-content:center;align-self:flex-end;margin:0 8px 8px 0;background:#1e1f22;color:#dbdee1;border:none;width:28px;height:28px;border-radius:50%}.user-panel{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.voice-connected-bar{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));flex-wrap:wrap}.voice-tiles{gap:16px 20px}.voice-tile{width:84px}.voice-tile-avatar-wrap .avatar{width:60px;height:60px;font-size:24px}.voice-control-bar{gap:12px}.voice-control-btn{width:56px;height:56px}.edit-modal,.confirm-modal,.create-channel-modal,.invite-modal{width:92vw;max-width:460px}.settings-overlay{flex-direction:column;overflow-y:auto}.settings-nav{width:100%;justify-content:flex-start}.settings-nav-inner{max-width:100%;padding:calc(16px + env(safe-area-inset-top,0px)) 16px 8px}.settings-content{padding:16px}.settings-close{top:14px;right:14px}.emoji-picker{width:min(340px,88vw)}}@media (max-width: 460px){.voice-tiles{gap:14px 16px}.voice-tile{width:72px}.voice-tile-avatar-wrap .avatar{width:52px;height:52px;font-size:20px}.voice-control-btn{width:50px;height:50px}.voice-control-bar{gap:8px}.voice-beta-pill.inline{display:none}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#313338;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#dbdee1;opacity:1;transition:opacity .35s ease,transform .35s ease}.loading-screen.hiding{opacity:0;transform:scale(1.04);pointer-events:none}.loading-center{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;max-width:420px}.loading-logo{width:96px;height:96px;margin-bottom:28px;animation:loading-spin 1.6s cubic-bezier(.55,0,.45,1) infinite}.loading-logo img{width:100%;height:100%;display:block;border-radius:28px;-webkit-user-select:none;user-select:none;animation:loading-squish 1.6s ease-in-out infinite}@keyframes loading-spin{0%{transform:rotate(0)}60%,to{transform:rotate(360deg)}}@keyframes loading-squish{0%,to{transform:scale(1)}30%{transform:scale(.82)}60%{transform:scale(1.08,.92)}75%{transform:scale(.96,1.04)}}.loading-tip-title{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin-bottom:8px}.loading-tip{font-size:16px;line-height:1.4;color:#dbdee1}.loading-trouble{position:absolute;bottom:calc(40px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:10px;font-size:14px;color:#b5bac1;opacity:0;visibility:hidden;transition:opacity .4s}.loading-trouble.visible{opacity:1;visibility:visible}.loading-reload{background:#5865f2;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500}.loading-reload:hover{background:#4752c4}@media (prefers-reduced-motion: reduce){.loading-logo,.loading-logo img{animation:none}}.typing-indicator{position:absolute;left:16px;right:16px;bottom:2px;height:22px;display:flex;align-items:center;gap:6px;font-size:13px;color:#dbdee1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.typing-indicator b{font-weight:700;color:#f2f3f5}.typing-text{overflow:hidden;text-overflow:ellipsis}.typing-dots{display:inline-flex;align-items:center;gap:3px;padding-left:2px}.typing-dots i{width:6px;height:6px;border-radius:50%;background:#dbdee1;opacity:.4;animation:typing-bounce 1.2s infinite ease-in-out}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}@media (max-width: 768px){.typing-indicator{bottom:calc(2px + env(safe-area-inset-bottom,0px))}}.status-picker{display:flex;flex-direction:column;gap:2px;margin-top:6px}.status-option{display:flex;align-items:flex-start;gap:10px;background:transparent;border:none;border-radius:4px;padding:7px 8px;text-align:left;color:#dbdee1;--status-ring: #111214}.status-option:hover{background:#5865f2;color:#fff;--status-ring: #5865F2}.status-option.selected{background:#2b2d31;--status-ring: #2b2d31}.status-option.selected:hover{background:#5865f2;--status-ring: #5865F2}.status-icon{position:relative;bottom:auto;right:auto;flex-shrink:0;margin-top:1px;--status-size: 10px;--status-border: 2px}.status-option-text{display:flex;flex-direction:column;min-width:0}.status-option-label{font-size:14px;font-weight:500}.status-option-desc{font-size:12px;color:#b5bac1;margin-top:2px;line-height:1.3}.status-option:hover .status-option-desc{color:#e0e3ff}.status-menu-wrap{position:relative}.status-menu-btn{width:100%;display:flex;align-items:center;gap:10px;background:#2b2d31;border:none;border-radius:6px;padding:9px 10px;color:#dbdee1;font-size:14px;font-weight:500;--status-ring: #2b2d31}.status-menu-btn:hover,.status-menu-btn.open{background:#35373c;--status-ring: #35373c}.status-menu-btn .status-icon{position:relative;bottom:auto;right:auto;--status-size: 10px;--status-border: 2px}.status-menu-label{flex:1;text-align:left}.status-menu-chevron{color:#b5bac1;transition:transform .15s}.status-menu-btn.open .status-menu-chevron{transform:rotate(90deg)}.status-flyout{position:absolute;left:calc(100% + 24px);bottom:0;width:260px;background:#111214;border-radius:8px;padding:6px;box-shadow:0 8px 24px #00000080;z-index:5}.status-flyout .status-picker{margin-top:0}@media (max-width: 768px){.status-flyout{position:static;width:auto;margin-top:6px;box-shadow:none;background:#1e1f22}}.beta-badge{background:#5865f2;color:#fff;font-size:9px;font-weight:700;letter-spacing:.03em;padding:2px 5px;border-radius:4px;margin-left:auto;text-transform:uppercase}.settings-group-title .beta-badge{margin-left:6px;vertical-align:1px}.ss-error{display:flex;align-items:center;gap:8px;background:#f23f4226;border:1px solid #f23f42;color:#fff;border-radius:6px;padding:8px 12px;margin-bottom:16px;font-size:14px}.ss-error span{flex:1}.ss-error button{background:none;border:none;color:#fff;display:flex}.ss-label{display:block;font-size:12px;font-weight:700;color:#b5bac1;text-transform:uppercase;margin:16px 0 8px}.ss-overview{display:flex;gap:24px;align-items:flex-start}.ss-server-icon{width:80px!important;height:80px!important;font-size:24px!important;flex-shrink:0}.ss-fields{flex:1;display:flex;flex-direction:column}.ss-fields .ss-label:first-child{margin-top:0}.ss-color-input{width:32px;height:28px;border:none;background:none;padding:0;cursor:pointer}.ss-savebar{position:sticky;bottom:16px;margin-top:24px;display:flex;align-items:center;gap:12px;background:#111214;border-radius:8px;padding:10px 12px 10px 16px;box-shadow:0 4px 16px #0006;color:#dbdee1;font-size:14px;animation:ss-pop .2s ease}.ss-savebar span{flex:1}.ss-savebar .save-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes ss-pop{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.server-settings .settings-pane{max-width:760px}.ss-roles{display:flex;gap:16px;margin-top:16px;align-items:flex-start}.ss-role-list{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:2px}.ss-create-role{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px;background:#5865f2}.ss-create-role:hover{background:#4752c4}.ss-role-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:4px;color:#dbdee1;font-size:14px;cursor:pointer}.ss-role-item:hover{background:#35373c}.ss-role-item.active{background:#404249;color:#fff}.ss-role-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;display:inline-block}.ss-role-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-role-count{font-size:12px;color:#949ba4}.ss-lock{color:#949ba4}.ss-role-move{display:none;gap:2px}.ss-role-item:hover .ss-role-move,.ss-role-item.active .ss-role-move{display:flex}.ss-role-move button{background:#1e1f22;border:none;color:#b5bac1;border-radius:3px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0}.ss-role-move button:hover:not(:disabled){color:#fff;background:#5865f2}.ss-role-move button:disabled{opacity:.3;cursor:default}.ss-role-editor{flex:1;min-width:0;background:#2b2d31;border-radius:8px;padding:16px}.ss-editor-title{font-size:12px;font-weight:700;color:#b5bac1;text-transform:uppercase}.ss-editor-inner .edit-input{width:100%}.ss-note{display:flex;align-items:center;gap:6px;font-size:13px;color:#f0b232;margin-top:10px}.ss-role-colors .color-swatch{width:24px;height:24px;border-radius:4px}.ss-role-colors .color-swatch:disabled{cursor:not-allowed}.ss-no-color{background:#99aab5!important;position:relative;overflow:hidden}.ss-no-color:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:2px;background:#f23f42;transform:rotate(-45deg)}.ss-toggle{margin-top:8px;background:#1e1f22}.toggle-switch:disabled{opacity:.45;cursor:not-allowed}.ss-delete-role{margin:20px 0 0;display:inline-flex;align-items:center;gap:6px}.ss-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:#949ba4;padding:48px 16px;text-align:center}.ss-members{display:flex;flex-direction:column;margin-top:12px}.ss-member{display:flex;align-items:center;gap:12px;padding:10px 8px;border-bottom:1px solid #3f4147}.ss-member-main{flex:1;min-width:0}.ss-member-name{font-size:15px;font-weight:600;color:#f2f3f5;display:flex;align-items:center;gap:6px}.ss-crown,.member-crown{color:#f0b232;flex-shrink:0}.member-crown{margin-left:4px;vertical-align:-1px}.ss-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;align-items:center}.ss-chip{display:inline-flex;align-items:center;gap:5px;background:#1e1f22;color:#dbdee1;border:none;border-radius:4px;padding:3px 7px;font-size:12px;font-weight:500}.ss-chip .ss-role-dot{width:10px;height:10px}.ss-chip button{background:none;border:none;color:#949ba4;padding:0;display:flex}.ss-chip button:hover{color:#fff}.ss-chip-add{color:#b5bac1;padding:5px 7px}.ss-chip-add:hover{color:#fff;background:#5865f2}.ss-add-wrap{position:relative}.ss-role-picker{position:absolute;top:calc(100% + 4px);left:0;z-index:41;min-width:180px;max-height:240px;overflow-y:auto;background:#111214;border-radius:6px;padding:6px;box-shadow:0 8px 24px #00000080}.ss-role-picker button{width:100%;display:flex;align-items:center;gap:8px;background:none;border:none;color:#dbdee1;padding:7px 8px;border-radius:4px;font-size:14px;text-align:left}.ss-role-picker button:hover{background:#5865f2;color:#fff}.ss-kick{padding:6px 12px;font-size:13px;flex-shrink:0}.ss-confirm{z-index:210}@media (max-width: 768px){.ss-roles{flex-direction:column}.ss-role-list{width:100%}.ss-role-move{display:flex}.ss-overview{flex-direction:column}}html{-webkit-text-size-adjust:100%}html,body{overscroll-behavior:none}*{-webkit-tap-highlight-color:transparent}.message-body{min-width:0;flex:1}.message-content{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.msg-link{color:#00a8fc;text-decoration:none}.msg-link:hover{text-decoration:underline}.channel-name-input-wrap input{min-width:0;width:100%;outline:none}.composer-status{position:absolute;left:16px;top:-30px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);background:#111214;color:#dbdee1;font-size:13px;border-radius:6px;padding:5px 10px;box-shadow:0 4px 12px #00000059;z-index:3}.composer-status.error{background:#3b1d1f;color:#ffb3b5}.composer-status button{background:none;border:none;color:inherit;display:flex;padding:0}.edit-upload-status{position:static;margin:0 16px 8px;align-self:flex-start}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0000008c;display:flex;align-items:flex-end;animation:sheet-fade .15s ease}.action-sheet{width:100%;background:#2b2d31;border-radius:16px 16px 0 0;padding:8px 12px calc(12px + env(safe-area-inset-bottom,0px));animation:sheet-up .2s cubic-bezier(.2,.8,.3,1);max-height:80dvh;overflow-y:auto}.sheet-grabber{width:36px;height:4px;border-radius:2px;background:#4e5058;margin:0 auto 10px}.sheet-preview{display:flex;flex-direction:column;gap:2px;padding:4px 6px 12px;font-size:14px;color:#b5bac1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.sheet-preview b{color:#f2f3f5;margin-right:6px}.sheet-group{background:#1e1f22;border-radius:10px;overflow:hidden;margin-bottom:10px}.sheet-item{width:100%;display:flex;align-items:center;gap:14px;background:none;border:none;color:#f2f3f5;font-size:16px;padding:14px 16px;text-align:left}.sheet-item+.sheet-item{border-top:1px solid #2b2d31}.sheet-item:active{background:#35373c}.sheet-item.danger{color:#f23f42}.sheet-cancel{width:100%;background:#1e1f22;border:none;color:#f2f3f5;font-size:16px;font-weight:600;padding:14px;border-radius:10px}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@media (hover: none){.message-actions{display:none!important}.message-row:hover{background:transparent}.message-row,.channel-row,.dm-row{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.message-row:active{background:#2e3035}}@media (max-width: 860px){input,textarea,select{font-size:16px!important}.app{height:100dvh}.server-rail{padding-bottom:env(safe-area-inset-bottom,0px)}.sidebar-header{height:calc(52px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);font-size:16px}.server-menu{top:calc(52px + env(safe-area-inset-top,0px))}.server-menu-toggle{width:40px;height:40px;justify-content:center;margin-right:-10px}.server-menu-item{padding:12px 10px;font-size:15px}.channel-row,.dm-row{min-height:44px;padding:8px 10px;font-size:16px}.dm-row .avatar{width:36px;height:36px}.sidebar-section-add{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.user-panel{height:auto;min-height:60px;padding-top:8px}.user-panel .icon-btn{width:40px;height:40px;font-size:20px}.chat-header{gap:6px;padding-left:6px;padding-right:6px}.chat-header>span:not(.channel-hash):not(.sub){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chat-header .sub{display:none}.mobile-back-btn,.mobile-members-btn{width:40px;height:40px;justify-content:center}.member-row{min-height:44px}.message-row{gap:10px;padding:4px 12px}.message-row .avatar{width:36px;height:36px}.messages{padding-bottom:8px}.attach-image,.attach-video{max-width:100%!important}.composer-wrap{padding:0 8px calc(24px + env(safe-area-inset-bottom,0px))}.composer{padding:0 4px 0 6px;border-radius:22px;min-height:44px}.composer input{padding:10px 4px}.composer .icon-btn{width:38px;height:38px}.typing-indicator{left:12px;right:12px}.emoji-picker{right:0;left:0;width:auto!important;height:min(380px,50dvh);bottom:60px}.attach-menu{bottom:60px}.composer-status{left:8px}.profile-overlay{background:#0000008c}.profile-card{left:0;right:0;bottom:0;width:auto;border-radius:16px 16px 0 0;max-height:88dvh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0px);animation:sheet-up .2s cubic-bezier(.2,.8,.3,1)}.profile-card>.profile-banner{border-radius:16px 16px 0 0}.profile-close{width:32px;height:32px}.status-menu-btn,.status-option{min-height:44px}.edit-modal{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0;padding-top:env(safe-area-inset-top,0px)}.unsaved-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));flex-wrap:wrap}.confirm-modal-footer .confirm-btn,.save-btn{min-height:40px}.channel-context-menu .channel-context-item{padding:12px 10px;font-size:15px}.settings-overlay{flex-direction:column;overflow:hidden}.settings-nav{flex-shrink:0;background:#2b2d31}.settings-nav-inner{display:flex;flex-direction:row;width:100%;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;padding:calc(10px + env(safe-area-inset-top,0px)) 56px 10px 10px}.settings-nav-inner::-webkit-scrollbar{display:none}.settings-group-title,.settings-nav-divider{display:none}.settings-nav-item{width:auto;flex-shrink:0;white-space:nowrap;margin:0;padding:8px 12px;font-size:15px}.settings-content{flex:1;overflow-y:auto;padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}.settings-close{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));right:8px;width:38px;height:38px;z-index:5;background:#1e1f22}.settings-close span{display:none}.settings-heading{font-size:18px}.lang-grid{grid-template-columns:1fr!important}.ss-savebar{bottom:calc(8px + env(safe-area-inset-bottom,0px));flex-wrap:wrap}.ss-savebar span{flex-basis:100%}.ss-member{flex-wrap:wrap}.ss-toggle{padding:12px}}