.server-sidebar{width:72px;background-color:var(--bg-base, #1e1f22);display:flex;flex-direction:column;align-items:center;padding:var(--space-3, 12px) 0;height:100vh;overflow-y:auto;overflow-x:hidden}.server-list{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, 8px);width:100%}.server-item{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--bg-surface-0, #313338);border-radius:50%;cursor:pointer;transition:all var(--transition-fast, .15s ease);border:none;color:var(--text-muted, #949ba4);font-size:inherit;padding:0;margin:0}.server-item:hover{border-radius:35%;background-color:var(--brand-primary, #5865f2);color:#fff}.server-item:focus{outline:none}.server-item:focus-visible{outline:2px solid var(--brand-primary, #5865f2);outline-offset:2px}.server-item.active{border-radius:35%;background-color:var(--brand-primary, #5865f2);color:#fff}.server-item.active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:4px;height:40px;background-color:#fff;border-radius:0 4px 4px 0}.server-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:20px}.server-icon svg{width:28px;height:20px}.server-tooltip{position:absolute;left:70px;top:50%;transform:translateY(-50%);background-color:var(--bg-overlay, #111214);color:var(--text-normal, #f2f3f5);padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-sm, 4px);font-size:var(--font-size-14, 14px);font-weight:var(--font-weight-medium, 500);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--transition-fast, .15s ease);z-index:var(--z-tooltip, 100);pointer-events:none;box-shadow:var(--shadow-elevated, 0 8px 16px rgba(0, 0, 0, .24))}.server-item:hover .server-tooltip,.server-item:focus .server-tooltip{opacity:1;visibility:visible}.pill-indicator{position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:4px;height:8px;background-color:transparent;border-radius:0 4px 4px 0;transition:all var(--transition-fast, .15s ease)}.server-item:hover .pill-indicator{background-color:#fff;height:20px}.server-item:focus-visible .pill-indicator{background-color:var(--brand-primary, #5865f2);height:20px}.home-button .server-icon{font-size:28px}.home-button .server-icon svg{width:28px;height:20px}.add-server{color:var(--brand-green, #23a559);background-color:var(--bg-base, #313338)}.add-server:hover{background-color:var(--brand-green, #23a559);color:#fff}.add-server:focus-visible{outline-color:var(--brand-green, #23a559)}.explore{color:var(--brand-green, #23a559);background-color:var(--bg-base, #313338)}.explore:hover{background-color:var(--brand-green, #23a559);color:#fff}.explore:focus-visible{outline-color:var(--brand-green, #23a559)}.server-separator{width:32px;height:2px;background-color:var(--bg-surface-0, #35373c);margin:var(--space-2, 8px) 0}.server-items-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2, 8px);width:100%}.server-sidebar::-webkit-scrollbar{width:4px}.server-sidebar::-webkit-scrollbar-track{background:transparent}.server-sidebar::-webkit-scrollbar-thumb{background-color:transparent;border-radius:2px}.server-sidebar:hover::-webkit-scrollbar-thumb{background-color:var(--bg-surface-1, #2b2d31)}@media (prefers-contrast: high){.server-item:focus-visible{outline:3px solid white}.server-item{border:1px solid var(--border-subtle, #3f4147)}.server-item.active{border:2px solid white}}.dm-badge,.server-unread-badge{position:absolute;bottom:-4px;right:-4px;background-color:#ed4245;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:3px solid var(--bg-base, #1e1f22);z-index:10;line-height:1;box-sizing:content-box;pointer-events:none;animation:badge-pop .3s ease}@keyframes badge-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.server-item,.server-tooltip,.pill-indicator{transition:none}.dm-badge{animation:none}}.channel-sidebar{width:240px;height:100vh;background-color:var(--bg-surface-1);display:flex;flex-direction:column}.server-header{height:48px;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);transition:background-color var(--transition-normal);position:relative}.server-header:hover{background-color:var(--bg-hover)}.server-header-left{display:flex;align-items:center;cursor:pointer;flex:1;min-width:0;background:none;border:none;color:inherit;font:inherit;text-align:left}.server-header-left:focus-visible{outline:2px solid var(--brand-primary, #5865f2);outline-offset:-2px;border-radius:4px}.server-header-actions{display:flex;align-items:center;gap:4px}.invite-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;transition:all .15s ease}.invite-btn:hover,.invite-btn:focus-visible{background-color:#5865f2;color:#fff}.invite-btn:focus-visible{outline:2px solid white;outline-offset:-2px}.server-name{font-size:15px;font-weight:600;color:#dbdee1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-menu-btn{color:#b5bac1;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:4px;padding:4px;border:none;cursor:pointer;transition:all .15s ease}.server-header:hover .server-menu-btn{background:#ffffff1a;color:#fff}.server-menu-btn:focus-visible{outline:2px solid var(--brand-primary, #5865f2);outline-offset:-2px}.server-owner-badge{position:absolute;top:4px;right:40px;font-size:10px;background:#5865f2;color:#fff;padding:2px 6px;border-radius:4px;font-weight:600}.owner-indicator{font-size:14px;margin-left:8px;filter:drop-shadow(0 0 2px gold)}.channels-container{flex:1;overflow-y:auto;padding:16px 0 0}.channel-category{margin-bottom:16px}.category-header{display:flex;align-items:center;padding:0 8px 0 16px;margin-bottom:4px;width:100%}.category-header-btn{display:flex;align-items:center;cursor:pointer;background:none;border:none;color:inherit;font:inherit;text-align:left;flex:1;padding:0}.category-header:hover .category-title,.category-header-btn:hover .category-title{color:#dbdee1}.category-header-btn:focus-visible{outline:none;background-color:#ffffff0d;border-radius:4px}.category-header-btn:focus-visible .category-title{color:#dbdee1}.category-arrow{color:#b5bac1;margin-right:2px;transition:transform .15s ease}.category-arrow.expanded{transform:rotate(180deg)}.category-title{font-size:12px;font-weight:600;text-transform:uppercase;color:#949ba4;letter-spacing:.02em;flex:1}.add-channel-btn{color:#949ba4;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,color .15s ease;background:none;border:none;cursor:pointer;padding:4px}.category-header:hover .add-channel-btn,.category-header:focus-visible .add-channel-btn{opacity:1}.add-channel-btn:hover,.add-channel-btn:focus-visible{color:#dbdee1}.add-channel-btn:focus-visible{outline:2px solid var(--brand-primary, #5865f2);outline-offset:-2px;border-radius:4px}.channel-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.channel-item{display:flex;align-items:center;padding:6px 8px 6px 16px;margin:1px 0;border-radius:0;cursor:pointer;color:#949ba4;transition:all .15s ease;background:transparent;border:none;width:100%;text-align:left;font:inherit;position:relative}.channel-item:hover{background-color:#35373c;color:#dbdee1}.channel-item:focus{outline:none}.channel-item:focus-visible{background-color:#35373c;color:#dbdee1}.channel-item:focus-visible:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--brand-primary, #5865f2)}.channel-item.active{background-color:#404249;color:#dbdee1}.channel-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:#fff}.channel-icon{margin-right:6px;flex-shrink:0}.channel-name{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-item.voice .channel-icon{color:#949ba4}.channel-unread-badge{margin-left:auto;background:#5865f2;color:#fff;font-size:11px;font-weight:700;padding:0 4px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1}.user-panel{height:52px;background-color:#232428;flex-shrink:0;display:flex;align-items:stretch;padding:0;position:sticky;bottom:0;z-index:10}.user-panel-container{flex:1;display:flex;align-items:center;padding:0 8px;min-width:0;position:relative}.user-info{display:flex;align-items:center;padding:4px 4px 4px 8px;border-radius:4px;cursor:pointer;flex:1;min-width:0;transition:background-color .15s ease;background:none;border:none;color:inherit;font:inherit;text-align:left}.user-info:hover,.user-info:focus-visible{background-color:#35373c}.user-info:focus{outline:none}.user-info:focus-visible{outline:2px solid var(--brand-primary, #5865f2);outline-offset:-2px}.user-avatar{width:32px;height:32px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;flex-shrink:0;margin-right:8px}.user-details{display:flex;flex-direction:column;min-width:0;flex:1}.username{font-size:14px;font-weight:600;color:#fff;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-tag{font-size:12px;color:#b5bac1;line-height:1.3}.user-panel-controls{display:flex;align-items:center;padding-right:8px;gap:0}.panel-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#b5bac1;border-radius:4px;transition:all .15s ease;background:transparent;border:none;cursor:pointer}.panel-btn:hover,.panel-btn:focus-visible{background-color:#404249;color:#dbdee1}.panel-btn:focus-visible{outline:2px solid var(--brand-primary, #5865f2);outline-offset:-2px}.panel-btn:active{transform:scale(.95)}.invite-popup{position:absolute;top:48px;left:0;right:0;background-color:#313338;border-radius:0 0 8px 8px;box-shadow:0 8px 16px #0000003d;z-index:100;animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.invite-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #1e1f22}.invite-popup-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.close-popup{background:none;border:none;color:#b5bac1;font-size:20px;cursor:pointer;padding:4px;line-height:1;transition:color .15s ease}.close-popup:hover,.close-popup:focus-visible{color:#fff}.close-popup:focus-visible{outline:2px solid var(--brand-primary, #5865f2);outline-offset:2px;border-radius:4px}.invite-popup-content{padding:16px}.invite-popup-content label{display:block;font-size:12px;font-weight:600;color:#949ba4;margin-bottom:8px;text-transform:uppercase}.invite-link-row{display:flex;gap:8px}.invite-link-row input{flex:1;padding:10px;background-color:#1e1f22;border:none;border-radius:4px;color:#dbdee1;font-size:14px;font-family:monospace}.invite-link-row input:focus{outline:none;box-shadow:0 0 0 2px var(--brand-primary, #5865f2)}.invite-link-row .copy-btn{padding:10px 16px;background-color:#5865f2;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease;white-space:nowrap}.invite-link-row .copy-btn:hover,.invite-link-row .copy-btn:focus-visible{background-color:#4752c4}.invite-link-row .copy-btn:focus-visible{outline:2px solid white;outline-offset:2px}.invite-link-row .copy-btn.copied{background-color:#23a559}.invite-loading{padding:20px;text-align:center;color:#949ba4}.invite-error{padding:16px;background-color:#ed42451a;border-radius:4px;text-align:center}.invite-error p{color:#f23f43;margin:0 0 8px}.invite-error button{padding:8px 16px;background-color:#f23f43;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .15s ease}.invite-error button:hover,.invite-error button:focus-visible{background-color:#d83a3d}.invite-error button:focus-visible{outline:2px solid white;outline-offset:2px}.invite-help{margin:12px 0 0;font-size:12px;color:#949ba4}.status-popup{position:fixed;bottom:60px;left:78px;width:200px;background-color:#313338;border-radius:8px;box-shadow:0 8px 16px #0000003d;z-index:1000;animation:slideUp .15s ease;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.status-popup-header{padding:12px 16px;font-size:12px;font-weight:600;color:#949ba4;text-transform:uppercase;border-bottom:1px solid #1e1f22}.status-option{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background-color .15s ease;background:none;border:none;width:100%;text-align:left;font:inherit;color:inherit}.status-option:hover,.status-option:focus-visible{background-color:#35373c}.status-option:focus{outline:none}.status-option:focus-visible{outline:2px solid var(--brand-primary, #5865f2);outline-offset:-2px}.status-option.active{background-color:#404249}.status-dot-option{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-option span{color:#dbdee1;font-size:14px;font-weight:500}.channels-container::-webkit-scrollbar{width:8px}.channels-container::-webkit-scrollbar-track{background:transparent}.channels-container::-webkit-scrollbar-thumb{background-color:#1e1f22;border-radius:4px}.channels-container::-webkit-scrollbar-thumb:hover{background-color:#2b2d31}@media (prefers-contrast: high){.channel-item:focus-visible{outline:2px solid white;outline-offset:-2px}.channel-item:focus-visible:before{display:none}}@media (prefers-reduced-motion: reduce){.channel-item,.category-header,.user-info,.panel-btn,.status-option,.invite-popup,.status-popup{transition:none}.invite-popup,.status-popup{animation:none}}.channel-context-menu{background:#18191c;border-radius:4px;padding:6px 8px;min-width:150px;box-shadow:0 8px 16px #0000003d;z-index:1000}.channel-context-menu .context-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:3px;color:#dcddde;font-size:14px;cursor:pointer;text-align:left;transition:background .1s}.channel-context-menu .context-menu-item:hover{background:#5865f2;color:#fff}.channel-context-menu .context-menu-item.danger:hover{background:#ed4245}.edit-channel-modal{background:#36393f;border-radius:8px;padding:20px;min-width:400px;max-width:500px}.edit-channel-modal h3{color:#fff;margin:0 0 16px;font-size:20px;font-weight:600}.edit-channel-modal .form-group{margin-bottom:20px}.edit-channel-modal label{display:block;color:#b9bbbe;font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:8px}.edit-channel-modal input{width:100%;padding:10px;background:#202225;border:none;border-radius:4px;color:#dcddde;font-size:16px;outline:none}.edit-channel-modal input:focus{outline:none;box-shadow:0 0 0 2px #5865f2}.edit-channel-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px}.edit-channel-modal .cancel-btn{padding:8px 16px;background:transparent;border:none;border-radius:4px;color:#b9bbbe;font-size:14px;cursor:pointer;transition:color .2s}.edit-channel-modal .cancel-btn:hover{color:#dcddde;text-decoration:underline}.edit-channel-modal .save-btn{padding:8px 16px;background:#5865f2;border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.edit-channel-modal .save-btn:hover{background:#4752c4}.edit-channel-modal .save-btn:disabled{background:#4f545c;cursor:not-allowed}.channel-list-item{position:relative}.voice-participants{list-style:none;margin:2px 0 4px;padding:0 0 0 28px;display:flex;flex-direction:column;gap:2px}.voice-participant{display:flex;align-items:center;gap:8px;padding:3px 8px;border-radius:4px;color:#b5bac1;font-size:14px}.voice-participant:hover{background-color:#35373c}.voice-participant-avatar{font-size:18px;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1e1f22;flex:0 0 auto}.voice-participant-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-participant.speaking .voice-participant-avatar{box-shadow:0 0 0 2px #23a559}.voice-participant.speaking .voice-participant-name{color:#23a559}.chat-area{flex:1;display:flex;flex-direction:column;background-color:var(--bg-base);min-width:0}.chat-area.channel-switching{animation:fade-in-up .2s var(--ease-out) forwards}.messages-container{flex:1;overflow-y:auto;padding-bottom:var(--space-4)}.messages-container.loading{opacity:.5;pointer-events:none;transition:opacity var(--transition-normal)}.messages-container.loaded{opacity:1}.message.new-message{animation:fade-in-up .2s var(--ease-out) forwards}.message.appear{animation:fade-in .15s var(--ease-out) forwards}.message.appear:nth-child(1){animation-delay:0ms}.message.appear:nth-child(2){animation-delay:20ms}.message.appear:nth-child(3){animation-delay:40ms}.message.appear:nth-child(4){animation-delay:60ms}.message.appear:nth-child(5){animation-delay:80ms}.chat-header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1f2023;flex-shrink:0}.channel-info{display:flex;align-items:center}.channel-type-icon{color:#80848e;margin-right:8px}.channel-info .channel-name{font-size:16px;font-weight:600;color:#dbdee1}.header-actions{display:flex;align-items:center;gap:8px}.header-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#b5bac1;border-radius:4px;transition:color .15s ease}.header-btn:hover{color:#dbdee1}.search-box{margin-left:8px}.search-box input{width:145px;height:24px;padding:0 8px;background-color:#1e1f22;border:none;border-radius:4px;color:#dbdee1;font-size:14px}.search-box input::placeholder{color:#949ba4}.search-box input:focus{outline:none;background-color:var(--bg-surface-3)}.messages-wrapper{padding:0 var(--space-4)}.channel-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 16px 0;margin-bottom:16px}.welcome-icon{width:68px;height:68px;background-color:#41434a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dbdee1;margin-bottom:8px}.welcome-title{font-size:32px;font-weight:700;color:#f2f3f5;margin-bottom:8px}.welcome-text{font-size:14px;color:#949ba4}.message{display:flex;padding:2px 0;margin-top:17px;position:relative}.message.grouped{margin-top:0;padding-left:40px}.message-avatar{width:40px;height:40px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;margin-right:16px;cursor:pointer;transition:background-color .15s ease}.message-avatar:hover{background-color:#4752c4}.message-body{flex:1;min-width:0}.grouped-body{padding-left:0}.message-header{display:flex;align-items:baseline;margin-bottom:2px}.message-username{font-size:16px;font-weight:500;color:#f2f3f5;margin-right:8px;cursor:pointer}.message-username:hover{text-decoration:underline}.message-username.admin{color:#f47b67}.message-username.moderator{color:#3ba55c}.message-timestamp{font-size:12px;color:#949ba4}.message-content{font-size:16px;line-height:1.375;color:#dbdee1;word-wrap:break-word}.message:hover{background-color:#2e3035}.message-edit-container{margin-top:4px}.message-edit-input{width:100%;background:#40444b;border:none;border-radius:4px;padding:8px 12px;color:#dcddde;font-size:14px;outline:none}.message-edit-input:focus{box-shadow:0 0 0 2px #5865f24d}.message-edit-actions{margin-top:4px}.edit-hint{font-size:12px;color:#72767d}.message.pinned{background:#5865f20d;border-left:2px solid #5865f2}.pinned-indicator{display:inline-flex;align-items:center;margin-left:4px;color:#5865f2}.sticker-message{padding:8px 0}.sticker-image{width:160px;height:160px;object-fit:contain}.reply-input-bar{display:flex;align-items:center;padding:8px 16px;background:#40444b;border-top:1px solid #202225;border-radius:8px 8px 0 0}.reply-input-avatar{width:24px;height:24px;background:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;margin-right:8px}.reply-input-content{flex:1;min-width:0}.reply-input-label{font-size:12px;color:#b9bbbe}.reply-input-username{color:#fff;font-weight:600}.reply-input-cancel{background:transparent;border:none;color:#b9bbbe;cursor:pointer;padding:4px;border-radius:4px}.reply-input-cancel:hover{background:#0003;color:#fff}.message-input-container{padding:0 0 24px 16px}.input-wrapper{display:flex;align-items:center;background-color:#383a40;border-radius:8px;padding:0 16px}.input-btn{width:32px;height:44px;display:flex;align-items:center;justify-content:center;color:#b5bac1;flex-shrink:0;transition:color .15s ease}.input-btn:hover{color:#dbdee1}.attach-btn{margin-right:8px}.message-input{flex:1;height:44px;background:none;border:none;color:#dbdee1;font-size:16px;padding:0 8px}.message-input::placeholder{color:#6d6f78}.message-input:focus{outline:none}.input-actions{display:flex;align-items:center;gap:0}.message-actions{position:absolute;right:0;top:0;opacity:0;transition:opacity .1s ease}.message.with-header{position:relative}.message:hover .message-actions{opacity:1}.messages-loading-older{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 0;color:var(--text-muted, #949ba4);font-size:13px}.messages-loading-older .loading-spinner{width:18px;height:18px;border-width:2px}.typing-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;color:#949ba4;font-size:14px}.typing-dots{display:flex;align-items:center;gap:2px}.typing-dots .dot{width:8px;height:8px;background-color:#949ba4;border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out both}.typing-dots .dot:nth-child(1){animation-delay:-.32s}.typing-dots .dot:nth-child(2){animation-delay:-.16s}.typing-dots .dot:nth-child(3){animation-delay:0s}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.typing-indicator strong{color:#f2f3f5;font-weight:500}.emoji-picker{position:absolute;bottom:50px;right:10px;width:350px;max-height:400px;background-color:#2b2d31;border-radius:8px;box-shadow:0 8px 16px #0000003d;z-index:100;display:flex;flex-direction:column;overflow:hidden}.emoji-search{padding:12px;border-bottom:1px solid #1e1f22}.emoji-search input{width:100%;height:32px;padding:0 10px;background-color:#1e1f22;border:none;border-radius:4px;color:#dbdee1;font-size:14px}.emoji-search input::placeholder{color:#949ba4}.emoji-search input:focus{outline:none}.emoji-categories{display:flex;padding:8px 12px;gap:4px;border-bottom:1px solid #1e1f22}.category-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;font-size:20px;cursor:pointer;transition:background-color .15s ease}.category-btn:hover{background-color:#35373c}.category-btn.active{background-color:#404249;border-bottom:2px solid #5865f2}.emoji-section{flex:1;overflow-y:auto;padding:8px}.emoji-section-title{font-size:12px;font-weight:600;text-transform:uppercase;color:#949ba4;padding:4px 8px;position:sticky;top:0;background-color:#2b2d31}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-grid.recent{grid-template-columns:repeat(8,1fr);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #1e1f22}.emoji-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:22px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .1s ease}.emoji-btn:hover{background-color:#404249;transform:scale(1.1)}.custom-emoji-section{border-top:1px solid #1e1f22}.emoji-grid.custom{grid-template-columns:repeat(7,1fr)}.emoji-btn.custom-emoji-btn{padding:4px}.emoji-btn.custom-emoji-btn img{width:28px;height:28px;object-fit:contain}.emoji-btn.custom-emoji-btn:hover img{transform:scale(1.1)}.emoji-search-results{padding:8px}.emoji-no-results{text-align:center;color:#949ba4;padding:16px;font-size:14px}.emoji-footer{padding:8px 12px;border-top:1px solid #1e1f22;font-size:12px;color:#949ba4;text-align:center}.emoji-section::-webkit-scrollbar{width:8px}.emoji-section::-webkit-scrollbar-track{background:transparent}.emoji-section::-webkit-scrollbar-thumb{background-color:#1e1f22;border-radius:4px}.emoji-section::-webkit-scrollbar-thumb:hover{background-color:#35373c}.mention-popup{position:absolute;bottom:100%;left:0;margin-bottom:8px;width:250px;max-height:200px;background-color:#2f3136;border-radius:4px;box-shadow:0 0 0 1px #0000001a,0 2px 10px #0003;overflow:hidden;z-index:100}.mention-header{padding:8px 10px;font-size:11px;font-weight:600;text-transform:uppercase;color:#96989d;background-color:#2f3136;border-bottom:1px solid #202225}.mention-list{overflow-y:auto;max-height:160px}.mention-item{display:flex;align-items:center;padding:6px 10px;cursor:pointer;transition:background-color .1s}.mention-item:hover,.mention-item.selected{background-color:#393c43}.mention-item.selected{background-color:#404349}.mention-avatar{width:24px;height:24px;font-size:16px;display:flex;align-items:center;justify-content:center;margin-right:8px}.mention-username{flex:1;color:#dcddde;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-status{width:8px;height:8px;border-radius:50%;margin-left:8px}.mention-status.online{background-color:#3ba55c}.mention-status.idle{background-color:#faa61a}.mention-status.dnd{background-color:#ed4245}.mention-status.offline{background-color:#747f8d}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:8px;border:none;background-color:#3c3f45;cursor:pointer;transition:all .1s ease}.reaction-badge:hover{background-color:#4e5058}.reaction-badge.reacted{background-color:#5865f24d;border:1px solid #5865f2}.reaction-emoji{font-size:14px;line-height:1}.reaction-count{font-size:12px;font-weight:500;color:#b9bbbe;line-height:1}.reaction-badge.reacted .reaction-count{color:#dee0fc}.reaction-picker-container{position:relative;display:inline-block}.add-reaction-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:none;background:transparent;color:#b9bbbe;cursor:pointer;transition:all .1s ease}.add-reaction-btn:hover{background-color:#3c3f45;color:#dcddde}.reaction-picker{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;display:flex;gap:4px;padding:6px;background-color:#2f3136;border-radius:8px;box-shadow:0 0 0 1px #0000001a,0 2px 10px #0003;z-index:100}.reaction-option{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:transform .1s ease,background-color .1s ease}.reaction-option:hover{background-color:#3c3f45;transform:scale(1.2)}.file-upload-modal{position:absolute;bottom:100%;left:0;right:0;background-color:#2f3136;border-radius:8px;padding:16px;margin-bottom:8px;box-shadow:0 4px 12px #0000004d;z-index:100}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.upload-header h3{color:#dbdee1;font-size:16px;font-weight:600;margin:0}.close-btn{background:none;border:none;color:#b5bac1;font-size:24px;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:#dbdee1}.upload-zone{border:2px dashed #4e5058;border-radius:8px;padding:32px;text-align:center;cursor:pointer;transition:all .2s ease}.upload-zone:hover{border-color:#5865f2;background-color:#5865f21a}.dragging .upload-zone{border-color:#5865f2;background-color:#5865f233}.upload-icon{color:#b5bac1}.upload-icon svg{margin-bottom:8px;opacity:.5}.upload-icon p{margin:0 0 4px;font-size:16px;color:#dbdee1}.upload-icon span{font-size:14px;color:#949ba4}.file-preview{max-width:100%;max-height:200px;border-radius:4px;object-fit:contain}.upload-progress{margin-top:12px}.progress-bar{height:8px;background-color:#1e1f22;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#5865f2;transition:width .3s ease}.upload-progress span{display:block;text-align:center;margin-top:8px;color:#949ba4;font-size:14px}.upload-error{margin-top:12px;padding:8px 12px;background-color:#ed424533;border-radius:4px;color:#ed4245;font-size:14px}.upload-info{margin-top:12px;text-align:center}.upload-info p{margin:0;font-size:12px;color:#949ba4}.file-attachment{margin-top:8px;max-width:400px}.attachment-image{max-width:100%;max-height:300px;border-radius:8px;cursor:pointer;transition:transform .2s ease}.attachment-image:hover{transform:scale(1.02)}.attachment-video{max-width:100%;max-height:300px;border-radius:8px}.attachment-audio{width:100%;max-width:400px}.attachment-file{display:flex;align-items:center;gap:8px;padding:12px;background-color:#2f3136;border-radius:8px;color:#00a8fc;text-decoration:none;transition:background-color .2s ease}.attachment-file:hover{background-color:#3c3f45;text-decoration:underline}.attachment-file svg{flex-shrink:0}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-preview{display:flex;align-items:center;gap:8px;padding:4px 8px;margin-bottom:4px;background:#0000001a;border-left:2px solid #5865f2;border-radius:4px;cursor:pointer;transition:all .15s ease;opacity:0;transform:translateY(-5px)}.message-reply-preview.loaded{opacity:1;transform:translateY(0)}.message-reply-preview:hover{background:#5865f21a}.reply-avatar{width:16px;height:16px;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reply-content{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.reply-username{color:#5865f2;font-size:12px;font-weight:600;white-space:nowrap}.reply-text{color:#b9bbbe;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-indicator{color:#b9bbbe;opacity:0;transition:opacity .15s ease}.message-reply-preview:hover .reply-indicator{opacity:1}.reply-input-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#2f3136;border-top:1px solid #202225;border-radius:8px 8px 0 0;margin-bottom:-8px}.reply-input-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.reply-input-icon{color:#b9bbbe;transform:scaleX(-1)}.reply-input-text{display:flex;align-items:center;gap:4px;min-width:0;font-size:14px}.reply-to-label{color:#b9bbbe}.reply-to-username{color:#5865f2;font-weight:600;white-space:nowrap}.reply-to-content{color:#72767d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-to-content:before{content:"—";margin-right:6px}.reply-cancel-btn{background:transparent;border:none;color:#b9bbbe;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.reply-cancel-btn:hover{background:#0003;color:#fff}.message.with-header .message-reply-preview{margin-left:42px;margin-top:8px}.message.grouped .message-reply-preview{margin-left:42px}.pinned-messages-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.pinned-messages-modal{background:#36393f;border-radius:8px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.pinned-messages-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #202225}.pinned-header-left{display:flex;align-items:center;gap:10px;color:#fff}.pinned-header-left svg{color:#b9bbbe}.pinned-header-left h2{margin:0;font-size:20px;font-weight:600}.pinned-count{background:#5865f2;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px}.pinned-close-btn{background:transparent;border:none;color:#b9bbbe;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease}.pinned-close-btn:hover{background:#0003;color:#fff}.pinned-messages-search{display:flex;align-items:center;gap:10px;margin:16px;padding:8px 12px;background:#202225;border-radius:4px}.pinned-messages-search svg{color:#72767d;flex-shrink:0}.pinned-messages-search input{background:transparent;border:none;color:#dcddde;font-size:14px;width:100%;outline:none}.pinned-messages-search input::placeholder{color:#72767d}.pinned-messages-list{flex:1;overflow-y:auto;padding:0 16px 16px}.pinned-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#72767d;text-align:center}.pinned-empty svg{margin-bottom:16px;opacity:.5}.pinned-empty h3{margin:0 0 8px;color:#b9bbbe;font-size:16px}.pinned-empty p{margin:0;font-size:14px}.pinned-message-item{display:flex;gap:12px;padding:12px;background:#2f3136;border-radius:8px;margin-bottom:12px;transition:background .15s ease}.pinned-message-item:hover{background:#36393f}.pinned-message-avatar{width:40px;height:40px;background:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.pinned-message-content{flex:1;min-width:0}.pinned-message-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.pinned-message-username{color:#fff;font-weight:600;font-size:14px}.pinned-message-date{color:#72767d;font-size:12px}.pinned-badge{display:flex;align-items:center;gap:4px;color:#72767d;font-size:12px;background:#0003;padding:2px 6px;border-radius:4px}.pinned-message-text{color:#dcddde;font-size:14px;line-height:1.4;word-wrap:break-word}.pinned-message-actions{display:flex;gap:4px;align-items:flex-start}.pinned-action-btn{background:transparent;border:none;color:#b9bbbe;cursor:pointer;padding:6px;border-radius:4px;transition:all .15s ease;opacity:0}.pinned-message-item:hover .pinned-action-btn{opacity:1}.pinned-action-btn:hover{background:#0003;color:#fff}.unpin-btn:hover{color:#ed4245}.pinned-messages-btn{background:transparent;border:none;color:#b9bbbe;cursor:pointer;padding:4px 8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative}.pinned-messages-btn:hover{background:#0003;color:#fff}.pinned-count-badge{position:absolute;top:-2px;right:-2px;background:#5865f2;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center}.pinned-messages-list::-webkit-scrollbar{width:8px}.pinned-messages-list::-webkit-scrollbar-track{background:transparent}.pinned-messages-list::-webkit-scrollbar-thumb{background:#202225;border-radius:4px}.pinned-messages-list::-webkit-scrollbar-thumb:hover{background:#17181a}.sticker-picker{position:absolute;bottom:100%;right:0;width:320px;max-height:400px;background:#36393f;border-radius:8px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;z-index:100;margin-bottom:8px}.sticker-picker-header{display:flex;gap:8px;padding:12px;border-bottom:1px solid #202225}.sticker-search{flex:1;background:#202225;border:none;border-radius:4px;padding:8px 12px;color:#dcddde;font-size:14px;outline:none}.sticker-search::placeholder{color:#72767d}.sticker-search:focus{box-shadow:0 0 0 2px #5865f24d}.sticker-upload-btn{background:#202225;border:none;border-radius:4px;color:#b9bbbe;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sticker-upload-btn:hover{background:#5865f2;color:#fff}.sticker-packs-tabs{display:flex;padding:8px 12px;gap:8px;border-bottom:1px solid #202225}.pack-tab{background:transparent;border:none;color:#72767d;font-size:13px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:4px;transition:all .15s ease}.pack-tab:hover{color:#dcddde;background:#0000001a}.pack-tab.active{color:#fff;background:#5865f2}.sticker-grid{flex:1;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:start}.sticker-item{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:8px;cursor:pointer;transition:all .15s ease}.sticker-item:hover{background:#0003}.sticker-item:active{transform:scale(.95)}.sticker-image{width:80px;height:80px;object-fit:contain;border-radius:4px}.sticker-name{font-size:10px;color:#72767d;margin-top:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.sticker-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:#72767d}.sticker-empty svg{margin-bottom:12px;opacity:.5}.sticker-empty p{margin:0;font-size:14px}.sticker-picker-footer{padding:8px 12px;border-top:1px solid #202225;font-size:11px;color:#72767d;text-align:center}.sticker-grid::-webkit-scrollbar{width:8px}.sticker-grid::-webkit-scrollbar-track{background:transparent}.sticker-grid::-webkit-scrollbar-thumb{background:#202225;border-radius:4px}.sticker-grid::-webkit-scrollbar-thumb:hover{background:#17181a}.gif-picker{position:absolute;bottom:56px;right:8px;width:360px;max-height:420px;background:var(--bg-floating, #2b2d31);border:1px solid rgba(0,0,0,.3);border-radius:8px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;overflow:hidden;z-index:1000}.gif-picker-search{padding:8px;border-bottom:1px solid rgba(0,0,0,.25)}.gif-picker-search input{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:6px;border:none;background:var(--bg-input, #1e1f22);color:var(--text-normal, #f2f3f5);font-size:14px;outline:none}.gif-picker-results{flex:1;overflow-y:auto;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.gif-item{border:none;padding:0;background:#0003;border-radius:6px;overflow:hidden;cursor:pointer;aspect-ratio:1 / 1}.gif-item img{width:100%;height:100%;object-fit:cover;display:block}.gif-item:hover{outline:2px solid var(--brand, #5865f2)}.gif-picker-message{grid-column:1 / -1;color:var(--text-muted, #b5bac1);font-size:13px;text-align:center;padding:24px 12px;line-height:1.5}.gif-picker-message code{background:#00000059;padding:1px 5px;border-radius:4px;font-size:12px}.gif-picker-footer{padding:6px 10px;border-top:1px solid rgba(0,0,0,.25);font-size:11px;color:var(--text-muted, #80848e);text-align:right}.thread-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:#36393f;border-left:1px solid #202225;display:flex;flex-direction:column;z-index:100;box-shadow:-4px 0 16px #0000004d}.thread-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #202225;background:#2f3136}.thread-header-info{display:flex;align-items:center;gap:12px;color:#fff}.thread-header-info>svg{color:#5865f2}.thread-title-section h3{margin:0;font-size:16px;font-weight:600}.thread-meta{font-size:12px;color:#72767d}.thread-header-actions{display:flex;align-items:center;gap:8px}.thread-action-btn{background:transparent;border:none;color:#b9bbbe;cursor:pointer;padding:6px;border-radius:4px;transition:all .15s ease}.thread-action-btn:hover{color:#dcddde;background-color:#3c3f45}.thread-action-btn.active{color:#5865f2;background-color:#5865f233}.thread-action-btn.danger:hover,.thread-action-btn.active.danger{color:#ed4245;background-color:#ed424533}.thread-status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.thread-status-badge.archived{background:#72767d4d;color:#b9bbbe}.thread-status-badge.locked{background:#ed424533;color:#ed4245}.thread-delete-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.thread-delete-confirm{background:#36393f;border-radius:8px;padding:24px;width:340px;max-width:90%}.thread-delete-confirm h4{margin:0 0 8px;color:#fff;font-size:18px;font-weight:600}.thread-delete-confirm p{margin:0 0 20px;color:#b9bbbe;font-size:14px;line-height:1.5}.thread-delete-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-delete-btn{padding:10px 16px;background:transparent;border:1px solid #72767d;border-radius:4px;color:#fff;font-size:14px;cursor:pointer}.cancel-delete-btn:hover{border-color:#fff;background:#ffffff1a}.confirm-delete-btn{padding:10px 16px;background:#ed4245;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.confirm-delete-btn:hover{background:#c03537}.thread-close-btn{background:transparent;border:none;color:#b9bbbe;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease}.thread-close-btn:hover{background:#0003;color:#fff}.thread-archived-badge{background:#5865f2;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px}.thread-messages{flex:1;overflow-y:auto;padding:16px}.thread-starter{display:flex;gap:12px;padding:12px;background:#5865f21a;border-radius:8px;margin-bottom:16px;border-left:3px solid #5865f2}.thread-starter-avatar{width:36px;height:36px;background:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.thread-starter-content{flex:1;min-width:0}.thread-starter-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.thread-starter-name{color:#fff;font-weight:600;font-size:14px}.thread-starter-date{color:#72767d;font-size:12px}.thread-starter-text{color:#dcddde;font-size:14px;line-height:1.4}.thread-started-label{display:flex;align-items:center;gap:4px;color:#5865f2;font-size:12px;margin-top:8px}.thread-message{display:flex;gap:12px;padding:8px 0}.thread-message:hover{background:#0000000d;border-radius:4px;margin:0 -8px;padding:8px}.thread-message-avatar{width:32px;height:32px;background:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.thread-message-content{flex:1;min-width:0}.thread-message-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.thread-message-name{color:#fff;font-weight:600;font-size:13px}.thread-message-date{color:#72767d;font-size:11px}.thread-message-text{color:#dcddde;font-size:14px;line-height:1.4;word-wrap:break-word}.thread-scroll-btn{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#5865f2;color:#fff;border:none;border-radius:16px;padding:8px 16px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;font-weight:500;box-shadow:0 4px 12px #0000004d;transition:all .15s ease}.thread-scroll-btn:hover{background:#4752c4}.thread-input-area{display:flex;align-items:center;gap:12px;padding:16px;background:#40444b;border-top:1px solid #202225}.thread-input-avatar{width:32px;height:32px;background:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.thread-input{flex:1;background:#36393f;border:none;border-radius:8px;padding:10px 14px;color:#dcddde;font-size:14px;outline:none}.thread-input::placeholder{color:#72767d}.thread-input:focus{box-shadow:0 0 0 2px #5865f24d}.thread-send-btn{background:#5865f2;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .15s ease}.thread-send-btn:hover:not(:disabled){background:#4752c4}.thread-send-btn:disabled{opacity:.5;cursor:not-allowed}.thread-locked-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#2f3136;border-top:1px solid #202225;color:#72767d;font-size:13px}.thread-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#5865f21a;border-radius:4px;cursor:pointer;margin-top:4px;font-size:13px;color:#5865f2;transition:all .15s ease}.thread-indicator:hover{background:#5865f233}.thread-indicator svg{transform:scaleX(-1)}.thread-indicator-action{font-weight:500}.thread-messages::-webkit-scrollbar{width:8px}.thread-messages::-webkit-scrollbar-track{background:transparent}.thread-messages::-webkit-scrollbar-thumb{background:#202225;border-radius:4px}.thread-messages::-webkit-scrollbar-thumb:hover{background:#17181a}@media (max-width: 768px){.thread-panel{width:100%}}.spoiler-content{background:#202225;color:#202225;border-radius:3px;padding:0 4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.spoiler-content:hover{background:#2f3136}.spoiler-content.revealed{background:#0003;color:#dcddde;cursor:text;-webkit-user-select:text;user-select:text}.code-block{background:#2f3136;border-radius:4px;margin:8px 0;overflow:hidden;border:1px solid #202225}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#202225;border-bottom:1px solid #17181a}.code-language{display:flex;align-items:center;gap:6px;color:#b9bbbe;font-size:12px;font-weight:500;text-transform:uppercase}.code-icon{font-size:14px}.code-copy-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:#b9bbbe;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s ease}.code-copy-btn:hover{background:#0003;color:#fff}.code-content{margin:0;padding:12px;overflow-x:auto;font-family:Fira Code,Consolas,Monaco,monospace;font-size:14px;line-height:1.5;color:#dcddde}.code-content code{font-family:inherit;white-space:pre}.inline-code{background:#0003;border-radius:3px;padding:0 4px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.9em;color:#e8912d}.message-link{color:#00aff4;text-decoration:none;cursor:pointer}.message-link:hover{text-decoration:underline}.mention-highlight{background:#5865f24d;color:#c9cdfb;border-radius:3px;padding:0 2px;cursor:pointer;transition:all .15s ease}.mention-highlight:hover{background:#5865f280;color:#fff}.mention-highlight.mention-self{background:#faa81a4d;color:#fae79c;border-radius:3px;padding:0 2px;cursor:pointer;font-weight:500}.mention-highlight.mention-self:hover{background:#faa81a80;color:#fff}.formatted-content{word-wrap:break-word;line-height:1.4}.formatted-content strong{font-weight:700}.formatted-content em{font-style:italic}.formatted-content del{text-decoration:line-through;color:#72767d}.formatted-content u{text-decoration:underline}.code-content::-webkit-scrollbar{height:8px}.code-content::-webkit-scrollbar-track{background:transparent}.code-content::-webkit-scrollbar-thumb{background:#202225;border-radius:4px}.code-content::-webkit-scrollbar-thumb:hover{background:#17181a}.context-menu{position:fixed;z-index:10000;background-color:#2f3136;border-radius:4px;box-shadow:0 2px 10px #0006,0 0 0 1px #0000004d;padding:6px 8px;min-width:180px;animation:contextMenuFadeIn .1s ease-out}.context-menu-reactions{display:flex;justify-content:space-between;padding:4px 0}.quick-reaction-btn{background:none;border:none;font-size:20px;padding:4px 8px;cursor:pointer;border-radius:4px;transition:all .1s ease}.quick-reaction-btn:hover{background-color:#ffffff1a;transform:scale(1.2)}.context-menu-divider{height:1px;background-color:#ffffff1a;margin:4px 0}.context-menu-item{display:flex;align-items:center;width:100%;padding:6px 8px;background:none;border:none;color:#dcddde;font-size:14px;text-align:left;cursor:pointer;border-radius:3px;transition:all .1s ease}.context-menu-item:hover{background-color:#40444b;color:#fff}.context-menu-item.danger{color:#ed4244}.context-menu-item.danger:hover{background-color:#ed424433;color:#ed4244}.menu-icon{font-size:14px;margin-right:10px;width:18px;text-align:center}.context-menu-info{padding:6px 8px;display:flex;flex-direction:column;gap:2px}.info-label{font-size:11px;color:#72767d;font-weight:600;text-transform:uppercase}.info-value{font-size:13px;color:#b9bbbe}.message-hover-actions{position:absolute;right:8px;top:-16px;display:flex;background-color:#2f3136;border-radius:4px;box-shadow:0 2px 5px #0000004d;opacity:0;transition:opacity .1s ease}.message-wrapper:hover .message-hover-actions{opacity:1}.hover-action-btn{background:none;border:none;padding:6px 8px;font-size:16px;cursor:pointer;color:#b9bbbe;transition:all .1s ease}.hover-action-btn:hover{color:#fff;background-color:#ffffff1a}.hover-action-btn:first-child{border-radius:4px 0 0 4px}.hover-action-btn:last-child{border-radius:0 4px 4px 0}.notification-settings-modal{width:500px;max-width:95vw;background-color:#36393f;border-radius:8px;overflow:hidden}.notification-settings-modal .settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#2f3136;border-bottom:1px solid #202225}.notification-settings-modal .settings-header h2{margin:0;color:#fff;font-size:18px;font-weight:600}.notification-settings-modal .close-btn{background:none;border:none;color:#b9bbbe;font-size:24px;cursor:pointer;padding:0;line-height:1}.notification-settings-modal .close-btn:hover{color:#fff}.notification-settings-modal .settings-content{padding:20px}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background-color:#2f3136;border-radius:8px;margin-bottom:12px}.setting-info{flex:1;margin-right:16px}.setting-label{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.setting-desc{display:block;color:#b9bbbe;font-size:13px;line-height:1.4}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4f545c;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle input:checked+.toggle-slider{background-color:#5865f2}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.test-btn{padding:8px 16px;background-color:#5865f2;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.test-btn:hover:not(:disabled){background-color:#4752c4}.test-btn:disabled{opacity:.5;cursor:not-allowed}.permission-help{margin-top:12px;padding:12px;background-color:#ed42451a;border:1px solid rgba(237,66,69,.3);border-radius:4px;color:#b9bbbe;font-size:12px;line-height:1.5;width:100%}.permission-help ol{margin:8px 0 0;padding-left:20px}.permission-help li{margin-bottom:4px}.notification-types{margin-top:24px;padding-top:20px;border-top:1px solid #404249}.notification-types h3{margin:0 0 16px;color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.type-list{display:flex;flex-direction:column;gap:12px}.type-item{display:flex;align-items:center;padding:12px;background-color:#2f3136;border-radius:8px}.type-icon{font-size:24px;margin-right:12px}.type-info{display:flex;flex-direction:column}.type-label{color:#dcddde;font-size:14px;font-weight:500}.type-desc{color:#72767d;font-size:12px;margin-top:2px}@media (max-width: 500px){.notification-settings-modal{width:100%;height:100%;max-height:100vh;border-radius:0}.setting-item{flex-direction:column;gap:12px}.setting-info{margin-right:0}.toggle{align-self:flex-end}.test-btn{align-self:flex-start}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-overlay, rgba(0, 0, 0, .85));display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay, 1000);animation:fade-in .15s var(--ease-out, ease-out) forwards}.modal-overlay.closing{animation:fade-out .15s var(--ease-in, ease-in) forwards}.modal-content{background-color:var(--bg-base, #313338);border-radius:var(--radius-md, 8px);width:440px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-elevated, 0 8px 16px rgba(0, 0, 0, .24));animation:pop-in .25s var(--ease-bounce, cubic-bezier(.175, .885, .32, 1.275)) forwards}.modal-overlay.closing .modal-content{animation:scale-down .15s var(--ease-in, ease-in) forwards}@keyframes scale-down{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.modal-header{padding:var(--space-6, 24px) var(--space-6, 24px) 0;text-align:center}.modal-header h2{font-size:var(--font-size-24, 24px);font-weight:var(--font-weight-bold, 700);color:var(--header-primary, #f2f3f5);margin-bottom:var(--space-2, 8px)}.modal-header p{font-size:var(--font-size-14, 14px);color:var(--header-secondary, #b5bac1);margin-bottom:var(--space-4, 16px)}.modal-body{padding:var(--space-6, 24px)}fieldset.form-group{border:none;padding:0;margin-left:0;margin-right:0}fieldset.form-group legend{display:block;font-size:var(--font-size-12, 12px);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;color:var(--header-secondary, #b5bac1);margin-bottom:var(--space-2, 8px);padding:0}.form-group{margin-bottom:var(--space-4, 16px)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:var(--font-size-12, 12px);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;color:var(--header-secondary, #b5bac1);margin-bottom:var(--space-2, 8px)}.form-group label .required{color:var(--brand-red, #ed4245);margin-left:4px}.form-group input,.form-group select,.form-group textarea{width:100%;height:40px;padding:0 var(--space-3, 12px);background-color:var(--bg-input, #1e1f22);border:none;border-radius:var(--radius-sm, 4px);color:var(--text-normal, #dbdee1);font-size:var(--font-size-16, 16px);transition:box-shadow var(--transition-fast, .1s ease)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-faint, #6d6f78)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;box-shadow:0 0 0 2px var(--brand-primary, #5865f2)}.form-group input[aria-invalid=true]{box-shadow:0 0 0 2px var(--brand-red, #ed4245)}.field-hint{font-size:var(--font-size-12, 12px);color:var(--text-muted, #949ba4);margin-top:var(--space-1, 4px)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:44px}.toggle-password-btn{position:absolute;right:8px;background:none;border:none;color:var(--text-muted, #949ba4);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm, 4px);transition:color var(--transition-fast, .1s ease)}.toggle-password-btn:hover{color:var(--text-normal, #dbdee1)}.toggle-password-btn:focus-visible{outline:2px solid var(--brand-primary, #5865f2);outline-offset:2px}.icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;background-color:var(--bg-input, #1e1f22);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition-fast, .15s ease);border:none;color:inherit}.icon-btn:hover{background-color:var(--bg-hover, #35373c)}.icon-btn:focus-visible{outline:2px solid var(--brand-primary, #5865f2);outline-offset:2px}.icon-btn.selected{background-color:var(--brand-primary, #5865f2);outline:2px solid var(--brand-primary, #5865f2);outline-offset:2px}.modal-footer{padding:16px 24px;background-color:var(--bg-surface-1, #2b2d31);border-radius:0 0 var(--radius-md, 8px) var(--radius-md, 8px);display:flex;justify-content:flex-end;gap:8px}.btn-cancel{padding:2px 16px;height:38px;color:var(--header-secondary, #b5bac1);font-size:var(--font-size-14, 14px);font-weight:var(--font-weight-medium, 500);border-radius:var(--radius-sm, 4px);border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-cancel:hover{background-color:#4e5058}.btn-cancel:focus-visible{outline:2px solid var(--brand-primary, #5865f2);outline-offset:2px}.btn-create,.submit-btn{padding:2px 16px;height:38px;background-color:var(--brand-primary, #5865f2);color:#fff;font-size:var(--font-size-14, 14px);font-weight:var(--font-weight-medium, 500);border-radius:var(--radius-sm, 4px);border:none;cursor:pointer;transition:background-color var(--transition-fast, .15s ease);width:100%}.btn-create:hover:not(:disabled),.submit-btn:hover:not(:disabled){background-color:var(--brand-primary-hover, #4752c4)}.btn-create:focus-visible,.submit-btn:focus-visible{outline:2px solid var(--brand-primary, #5865f2);outline-offset:2px;box-shadow:0 0 0 2px var(--bg-base, #313338),0 0 0 4px var(--brand-primary, #5865f2)}.btn-create:disabled,.submit-btn:disabled{background-color:#465064;color:#7a7d85;cursor:not-allowed}.channel-type-options{display:flex;gap:8px}.type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background-color:var(--bg-surface-1, #2b2d31);color:var(--text-muted, #949ba4);font-size:var(--font-size-14, 14px);font-weight:var(--font-weight-medium, 500);border-radius:var(--radius-md, 8px);border:none;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.type-btn:hover{background-color:var(--bg-hover, #35373c)}.type-btn:focus-visible{outline:2px solid var(--brand-primary, #5865f2);outline-offset:2px}.type-btn.selected{background-color:var(--brand-primary, #5865f2);color:#fff}.status-btn{justify-content:flex-start;padding:10px 16px}.status-indicator{width:12px;height:12px;border-radius:50%}.status-indicator.online{background-color:var(--status-online, #23a559)}.status-indicator.idle{background-color:var(--status-idle, #f0b232)}.status-indicator.dnd{background-color:var(--status-dnd, #f23f43)}.status-indicator.offline{background-color:var(--status-offline, #80848e)}.auth-modal{max-width:440px}.auth-modal .modal-header{text-align:center;padding-bottom:0}.auth-modal .modal-header h2{font-size:var(--font-size-24, 24px);margin-bottom:8px}.auth-modal .modal-header p{color:var(--text-muted, #949ba4);font-size:var(--font-size-14, 14px)}.error-message,.success-message{display:flex;align-items:center;gap:8px;border-radius:var(--radius-sm, 4px);padding:10px 12px;font-size:var(--font-size-14, 14px);margin-bottom:16px}.error-message{background-color:#ed42451a;border:1px solid var(--brand-red, #ed4245);color:var(--brand-red, #ed4245)}.success-message{background-color:#23a5591a;border:1px solid var(--brand-green, #23a559);color:var(--brand-green, #23a559)}.switch-mode{color:var(--text-muted, #949ba4);font-size:var(--font-size-14, 14px);margin:0}.forgot-password-link{background:none;border:none;color:var(--text-link, #00a8fc);font-size:var(--font-size-14, 14px);cursor:pointer;padding:0;margin-bottom:16px;text-align:left;display:block}.forgot-password-link:hover{text-decoration:underline}.link-btn{background:none;border:none;color:var(--text-link, #00a8fc);cursor:pointer;font-size:var(--font-size-14, 14px);padding:0 0 0 4px;text-decoration:none}.link-btn:focus-visible{outline:2px solid var(--brand-primary, #5865f2);outline-offset:2px}.modal-content:focus-visible{outline:none}.modal-content button:focus-visible{outline:2px solid var(--brand-primary, #5865f2);outline-offset:2px}.modal-content a:focus-visible{outline:2px solid var(--brand-primary, #5865f2);outline-offset:2px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background-color:var(--bg-surface-1, #2b2d31);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--bg-hover, #35373c)}.help-modal{max-width:480px;width:100%}.help-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.help-header h2{margin:0;font-size:20px;color:var(--text-normal, #f2f3f5)}.help-close{background:none;border:none;color:var(--text-muted, #b5bac1);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px}.help-close:hover{background:#ffffff0f;color:var(--text-normal, #f2f3f5)}.help-body section{margin-bottom:18px}.help-body h3{font-size:13px;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted, #b5bac1);margin:0 0 8px}.help-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.help-list li{display:flex;align-items:center;gap:12px;color:var(--text-normal, #dbdee1);font-size:14px}.help-list kbd,.help-list code{flex:0 0 auto;min-width:84px;text-align:center;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:3px 8px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#f2f3f5}.help-tips{margin:0;padding-left:18px;color:var(--text-normal, #dbdee1);font-size:14px;display:flex;flex-direction:column;gap:6px}.help-about{margin-top:12px;font-size:12px;color:var(--text-muted, #80848e)}.members-sidebar{width:240px;height:100vh;background-color:#2b2d31;display:flex;flex-direction:column;overflow-y:auto}.member-category{padding:16px 0 0}.category-title{padding:0 16px 8px;margin:0;font-size:12px;font-weight:600;text-transform:uppercase;color:#949ba4;letter-spacing:.02em}.member-list{display:flex;flex-direction:column}.member-item{display:flex;align-items:center;padding:6px 8px;margin:1px 8px;border-radius:4px;cursor:pointer;transition:background-color .15s ease;position:relative}.member-item:hover{background-color:#35373c}.member-item.current-user{background-color:#5865f21a}.member-item.current-user:hover{background-color:#5865f233}.member-avatar{width:32px;height:32px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;flex-shrink:0;margin-right:12px}.member-info{flex:1;min-width:0;display:flex;flex-direction:column}.member-name{font-size:14px;font-weight:500;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.member-name.admin{color:#e91e63}.member-name.moderator{color:#3ba55c}.member-name.you{color:#23a559}.role-badge{font-size:10px;font-weight:600;color:#fff;background-color:#5865f2;padding:2px 4px;border-radius:3px;text-transform:none}.you-badge{font-size:10px;color:#949ba4;font-weight:400}.member-username,.member-activity{font-size:12px;color:#949ba4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s ease}.member-item:hover .member-actions{opacity:1}.dm-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;transition:all .15s ease}.dm-button:hover{background-color:#5865f2;color:#fff}.member-context-menu{min-width:200px;background-color:#313338;border-radius:8px;box-shadow:0 8px 16px #0000003d;padding:8px;animation:contextMenuFadeIn .15s ease}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-header{display:flex;align-items:center;gap:12px;padding:8px}.context-avatar{width:40px;height:40px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.context-user-info{flex:1;min-width:0}.context-name{font-size:14px;font-weight:600;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-username{font-size:12px;color:#949ba4}.context-menu-divider{height:1px;background-color:#1e1f22;margin:4px 0}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:4px;color:#dbdee1;font-size:14px;cursor:pointer;transition:background-color .15s ease;text-align:left}.context-menu-item:hover{background-color:#5865f2;color:#fff}.context-menu-item svg{flex-shrink:0}.members-sidebar::-webkit-scrollbar{width:8px}.members-sidebar::-webkit-scrollbar-track{background:transparent}.members-sidebar::-webkit-scrollbar-thumb{background-color:#1e1f22;border-radius:4px}.members-sidebar::-webkit-scrollbar-thumb:hover{background-color:#2b2d31}.inbox-modal{max-width:440px;width:100%}.inbox-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.inbox-header h2{margin:0;font-size:20px;color:var(--text-normal, #f2f3f5)}.inbox-close{background:none;border:none;color:var(--text-muted, #b5bac1);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px}.inbox-close:hover{background:#ffffff0f;color:var(--text-normal, #f2f3f5)}.inbox-empty{text-align:center;padding:32px 12px;color:var(--text-muted, #b5bac1)}.inbox-empty-emoji{font-size:40px;margin-bottom:8px}.inbox-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:420px;overflow-y:auto}.inbox-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:none;border-radius:6px;cursor:pointer;text-align:left;color:var(--text-normal, #dbdee1)}.inbox-item:hover{background:#ffffff0f}.inbox-item-icon{font-size:22px;flex:0 0 auto}.inbox-item-text{display:flex;flex-direction:column;flex:1;min-width:0}.inbox-item-channel{font-size:15px;font-weight:600;color:var(--text-normal, #f2f3f5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-item-server{font-size:12px;color:var(--text-muted, #b5bac1)}.inbox-item-badge{flex:0 0 auto;background:var(--brand, #5865f2);color:#fff;font-size:12px;font-weight:700;min-width:18px;height:18px;padding:0 6px;border-radius:9px;display:flex;align-items:center;justify-content:center}.friends-panel{display:flex;flex:1;height:100vh}.friends-sidebar{width:240px;background-color:#2b2d31;display:flex;flex-direction:column}.friends-header{height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid #1f2023;color:#dbdee1;font-weight:600;cursor:pointer}.friends-header:hover{background-color:#35373c}.friends-icon{color:#80848e;margin-right:12px}.friends-tabs{display:flex;flex-direction:column;padding:8px;gap:2px}.tab-btn{padding:6px 10px;color:#949ba4;font-size:14px;font-weight:500;text-align:left;border-radius:4px;transition:all .15s ease}.tab-btn:hover{background-color:#35373c;color:#dbdee1}.tab-btn.active{background-color:#404249;color:#dbdee1}.friends-section{flex:1;overflow-y:auto;padding:8px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 8px 4px;font-size:12px;font-weight:600;text-transform:uppercase;color:#949ba4}.create-dm-btn{color:#949ba4;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.section-header:hover .create-dm-btn{opacity:1}.create-dm-btn:hover{color:#dbdee1}.friends-list{display:flex;flex-direction:column}.friend-item{display:flex;align-items:center;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.friend-item:hover{background-color:#35373c}.friend-avatar{width:32px;height:32px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;margin-right:12px}.status-dot{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:3px solid #2b2d31}.status-dot.online{background-color:#23a559}.status-dot.idle{background-color:#f0b232}.status-dot.dnd{background-color:#f23f43}.status-dot.offline{background-color:#80848e}.friend-info{display:flex;flex-direction:column}.friend-name{font-size:14px;font-weight:500;color:#949ba4}.friend-item:hover .friend-name{color:#dbdee1}.friend-status{font-size:12px;color:#949ba4}.user-panel{height:52px;background-color:#232428;padding:0 8px;display:flex;align-items:center;justify-content:space-between}.user-info{display:flex;align-items:center;padding:4px;border-radius:4px;cursor:pointer;flex:1;margin-right:8px}.user-info:hover{background-color:#35373c}.user-avatar{width:32px;height:32px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;margin-right:8px}.status-indicator{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:3px solid #232428}.status-indicator.online{background-color:#23a559}.status-indicator.idle{background-color:#f0b232}.status-indicator.dnd{background-color:#f23f43}.status-indicator.offline{background-color:#80848e}.user-details{display:flex;flex-direction:column}.username{font-size:14px;font-weight:600;color:#dbdee1}.user-status{font-size:12px;color:#949ba4}.user-controls{display:flex;align-items:center}.control-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#b5bac1;border-radius:4px;transition:all .15s ease}.control-btn:hover{background-color:#404249;color:#dbdee1}.friends-content{flex:1;display:flex;flex-direction:column;background-color:#313338}.content-header{height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid #1f2023}.header-tabs{display:flex;align-items:center}.header-tab{display:flex;align-items:center;gap:8px;padding:2px 8px;color:#949ba4;font-size:15px;font-weight:600;border-radius:4px;transition:all .15s ease}.header-tab:hover,.header-tab.active{color:#dbdee1}.header-tab svg{color:#80848e}.header-tab.active svg{color:#dbdee1}.content-body{flex:1;overflow-y:auto;padding:16px}.add-friend-section{background-color:#35373c;border-radius:8px;padding:16px;margin-bottom:16px}.add-friend-section h3{font-size:20px;font-weight:600;color:#f2f3f5;margin-bottom:8px}.add-friend-section p{font-size:14px;color:#b5bac1;margin-bottom:16px}.add-friend-input{display:flex;gap:8px}.add-friend-input input{flex:1;height:40px;padding:0 16px;background-color:#1e1f22;border:none;border-radius:8px;color:#dbdee1;font-size:16px}.add-friend-input input::placeholder{color:#6d6f78}.add-friend-input input:focus{outline:none}.add-friend-input button{padding:0 16px;height:40px;background-color:#5865f2;color:#fff;font-size:14px;font-weight:500;border-radius:8px;transition:background-color .15s ease}.add-friend-input button:hover{background-color:#4752c4}.friends-grid-section h3{font-size:12px;font-weight:600;text-transform:uppercase;color:#949ba4;margin-bottom:8px}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.friend-card{display:flex;align-items:center;padding:12px;background-color:#2b2d31;border-radius:8px;transition:background-color .15s ease}.friend-card:hover{background-color:#35373c}.card-avatar{width:40px;height:40px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;margin-right:12px}.card-info{flex:1;display:flex;flex-direction:column}.card-name{font-size:15px;font-weight:600;color:#f2f3f5}.card-status{font-size:13px;color:#949ba4}.card-actions{display:flex;gap:4px}.card-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#b5bac1;border-radius:8px;transition:all .15s ease}.card-btn:hover{background-color:#404249;color:#dbdee1}.friend-requests-section{margin-bottom:16px}.friend-requests-section h3{font-size:12px;font-weight:600;text-transform:uppercase;color:#949ba4;margin-bottom:8px}.requests-list{display:flex;flex-direction:column;gap:8px}.request-item{display:flex;align-items:center;padding:12px;background-color:#2b2d31;border-radius:8px}.request-avatar{width:40px;height:40px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:12px}.request-info{flex:1;display:flex;flex-direction:column}.request-name{font-size:15px;font-weight:600;color:#f2f3f5}.request-subtitle{font-size:13px;color:#949ba4}.request-actions{display:flex;gap:8px}.accept-btn{padding:2px 12px;height:32px;background-color:#23a559;color:#fff;font-size:14px;font-weight:500;border-radius:4px;transition:background-color .15s ease}.accept-btn:hover{background-color:#1e8e4c}.decline-btn{padding:2px 12px;height:32px;background-color:#f23f43;color:#fff;font-size:14px;font-weight:500;border-radius:4px;transition:background-color .15s ease}.decline-btn:hover{background-color:#d63639}.friend-feedback{display:flex;align-items:center;gap:8px;padding:12px;border-radius:4px;margin-bottom:12px;font-size:14px}.friend-feedback.error{background:#ed424526;color:#ed4245;border:1px solid rgba(237,66,69,.3)}.friend-feedback.success{background:#57f28726;color:#57f287;border:1px solid rgba(87,242,135,.3)}.empty-message{color:#949ba4;text-align:center;padding:40px 20px;font-size:14px}.search-results{background:#1e1f22;border-radius:4px;margin-top:8px;overflow:hidden;border:1px solid #35373c}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:background .15s}.search-result-item:hover{background:#35373c}.search-result-avatar{width:32px;height:32px;background:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.search-result-name{color:#f2f3f5;font-size:14px;font-weight:500}.dm-sidebar{width:240px;background-color:#2b2d31;display:flex;flex-direction:column;border-right:1px solid #1e1f22}.dm-search{padding:12px}.dm-search input{width:100%;height:28px;padding:0 8px;background-color:#1e1f22;border:none;border-radius:4px;color:#dbdee1;font-size:13px}.dm-search input::placeholder{color:#949ba4}.dm-friends-list,.dm-conversations{flex:1;overflow-y:auto}.dm-section-title{padding:16px 12px 4px;font-size:11px;font-weight:700;text-transform:uppercase;color:#949ba4}.dm-friend-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background-color .15s}.dm-friend-item:hover{background-color:#35373c}.dm-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background-color .15s}.dm-item:hover{background-color:#35373c}.dm-item.active{background-color:#404249}.dm-avatar{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;background-color:#1e1f22;border-radius:50%}.dm-avatar .status-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:3px solid #2b2d31}.dm-info{display:flex;flex-direction:column;overflow:hidden}.dm-name{font-size:14px;font-weight:500;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-preview{font-size:12px;color:#949ba4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-dms{padding:20px;text-align:center;color:#949ba4}.no-dms .hint{font-size:12px;margin-top:8px}.no-friends{padding:20px;text-align:center;color:#949ba4}.dm-chat{flex:1;display:flex;flex-direction:column;background-color:#313338}.dm-chat-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #1e1f22;background-color:#313338}.dm-chat-header .dm-avatar{width:40px;height:40px;font-size:24px}.dm-username{font-size:16px;font-weight:600;color:#f2f3f5}.dm-messages{flex:1;overflow-y:auto;padding:16px}.dm-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#949ba4}.dm-message{display:flex;gap:12px;margin-bottom:16px}.dm-message .message-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px;background-color:#1e1f22;border-radius:50%}.dm-message .message-body{display:flex;flex-direction:column;gap:4px}.dm-message .message-header{display:flex;align-items:baseline;gap:8px}.dm-message .message-author{font-size:14px;font-weight:500;color:#f2f3f5}.dm-message .message-time{font-size:11px;color:#949ba4;font-weight:400}.dm-message .message-content{font-size:14px;color:#dbdee1}.dm-input-form{display:flex;gap:8px;padding:16px;border-top:1px solid #1e1f22}.dm-input-form input{flex:1;height:40px;padding:0 12px;background-color:#383a40;border:none;border-radius:8px;color:#dbdee1;font-size:14px}.dm-input-form input::placeholder{color:#6d6f78}.dm-input-form button{padding:0 16px;background-color:#5865f2;color:#fff;font-size:14px;font-weight:500;border-radius:8px;transition:background-color .15s}.dm-input-form button:hover:not(:disabled){background-color:#4752c4}.dm-input-form button:disabled{background-color:#465064;cursor:not-allowed}.dm-no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#949ba4}.dm-no-selection h3{font-size:20px;color:#f2f3f5;margin-bottom:8px}.voice-panel{flex:1;display:flex;flex-direction:column;background-color:#313338}.voice-header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1f2023;background-color:#313338}.voice-channel-info{display:flex;align-items:center}.voice-icon{color:#23a559;margin-right:8px}.voice-channel-name{font-size:16px;font-weight:600;color:#dbdee1}.leave-voice-btn{display:flex;align-items:center;gap:6px;padding:2px 12px;height:32px;background-color:#f23f43;color:#fff;font-size:14px;font-weight:500;border-radius:4px;transition:background-color .15s ease}.leave-voice-btn:hover{background-color:#d63639}.voice-content{flex:1;display:flex;flex-direction:column;padding:24px;overflow-y:auto}.permission-warning{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#f23f4320;border:1px solid #f23f43;border-radius:8px;margin-bottom:16px;color:#f2f3f5}.permission-warning svg{color:#f23f43;flex-shrink:0}.permission-warning span{flex:1;font-size:14px}.permission-warning button{padding:6px 12px;background-color:#5865f2;color:#fff;font-size:13px;font-weight:500;border-radius:4px}.permission-warning button:hover{background-color:#4752c4}.voice-status{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:20px;font-weight:600;color:#23a559}.voice-connected-indicator{position:relative;width:24px;height:24px}.pulse{position:absolute;width:24px;height:24px;background-color:#23a559;border-radius:50%;animation:pulse 2s ease-out infinite}.pulse.delay{animation-delay:1s}@keyframes pulse{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.audio-level-indicator{flex:1;height:8px;background-color:#1e1f22;border-radius:4px;overflow:hidden;margin-left:12px;max-width:200px}.audio-level-bar{height:100%;border-radius:4px;transition:width .05s ease,background-color .15s ease}.current-user-voice{margin-bottom:24px}.user-voice-card{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#2b2d31;border-radius:12px;transition:all .15s ease}.user-voice-card.speaking{box-shadow:0 0 0 2px #23a559}.user-voice-avatar-container{position:relative;margin-bottom:12px}.user-voice-avatar{width:80px;height:80px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;position:relative;z-index:2}.speaking-ring{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:3px solid #23a559;border-radius:50%;transition:all .05s ease;z-index:1}.muted-overlay{position:absolute;bottom:-4px;right:-4px;width:28px;height:28px;background-color:#f23f43;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;border:3px solid #2b2d31}.muted-overlay svg{color:#fff}.user-voice-info{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.user-voice-name{font-size:16px;font-weight:600;color:#f2f3f5}.user-voice-status{font-size:12px;color:#949ba4}.user-voice-controls{display:flex;gap:8px}.voice-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#1e1f22;color:#b5bac1;border-radius:50%;transition:all .15s ease}.voice-btn:hover{background-color:#404249;color:#dbdee1}.voice-btn.active.muted,.voice-btn.active.deafened{background-color:#f23f43;color:#fff}.participants-section{flex:1}.participants-section h3{font-size:12px;font-weight:600;text-transform:uppercase;color:#949ba4;margin-bottom:12px}.participants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.participant-card{display:flex;flex-direction:column;align-items:center;padding:16px;background-color:#2b2d31;border-radius:8px;transition:background-color .15s ease}.participant-card:hover{background-color:#35373c}.participant-avatar{width:64px;height:64px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:8px}.participant-info{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.participant-name{font-size:14px;font-weight:600;color:#f2f3f5}.participant-status{display:flex;align-items:center;gap:4px;margin-top:4px}.participant-status-icon{display:flex;align-items:center}.participant-controls{display:flex;gap:8px}.voice-control-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#1e1f22;color:#b5bac1;border-radius:50%;transition:all .15s ease}.voice-control-btn:hover{background-color:#404249;color:#dbdee1}.voice-actions{display:flex;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #1f2023}.voice-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#2b2d31;color:#b5bac1;font-size:14px;font-weight:500;border-radius:8px;transition:all .15s ease}.voice-action-btn:hover{background-color:#404249;color:#dbdee1}.voice-action-btn.active{background-color:#23a559;color:#fff}.voice-action-btn svg{flex-shrink:0}.voice-header-actions{display:flex;align-items:center;gap:8px}.settings-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#b5bac1;border-radius:4px;transition:all .15s ease}.settings-btn:hover{background-color:#404249;color:#dbdee1}.settings-btn.active{background-color:#404249;color:#5865f2}.voice-settings-panel{background-color:#2b2d31;border-radius:8px;padding:16px;margin-bottom:16px}.voice-settings-panel h4{font-size:14px;font-weight:600;color:#f2f3f5;margin-bottom:16px}.settings-section{margin-bottom:12px}.settings-section:last-child{margin-bottom:0}.settings-section label{display:block;font-size:12px;font-weight:600;color:#949ba4;margin-bottom:6px;text-transform:uppercase}.settings-section select{width:100%;padding:8px 12px;background-color:#1e1f22;color:#dbdee1;border:none;border-radius:4px;font-size:14px;cursor:pointer}.settings-section select:focus{outline:none;box-shadow:0 0 0 2px #5865f2}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer}.toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:#5865f2;cursor:pointer}.toggle-label span{font-size:14px;color:#dbdee1;text-transform:none}.voice-connected-indicator.connecting .pulse{background-color:#f0b232}.voice-connected-indicator.failed .pulse{background-color:#f23f43}.voice-status .peer-count{font-size:14px;font-weight:400;color:#949ba4}.participant-card.connecting{opacity:.7}.participant-card.connected{border:1px solid #23a559}.participant-connection{font-size:11px;color:#949ba4;margin-left:4px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:24px}.video-item{position:relative;background-color:#1e1f22;border-radius:8px;overflow:hidden;aspect-ratio:16 / 9}.video-item video{width:100%;height:100%;object-fit:cover}.video-item.local-video video{transform:scaleX(-1)}.video-label{position:absolute;bottom:8px;left:8px;padding:4px 8px;background-color:#000000b3;border-radius:4px;font-size:12px;color:#fff}.screen-share-viewer{position:relative;background-color:#1e1f22;border-radius:8px;overflow:hidden;margin-bottom:16px;border:1px solid #2b2d31;min-width:320px;min-height:180px;max-width:100%}.screen-share-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#2b2d31;border-bottom:1px solid #1e1f22}.screen-share-info{display:flex;align-items:center;gap:8px;color:#dbdee1;font-size:13px;font-weight:600}.screen-share-info svg{color:#23a559}.screen-share-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#b5bac1;border-radius:4px;font-size:14px;transition:all .15s ease;cursor:pointer;border:none}.screen-share-close:hover{background-color:#f23f4340;color:#f23f43}.screen-share-video-container{width:100%;height:calc(100% - 40px);display:flex;align-items:center;justify-content:center;background-color:#000}.screen-share-video-container video{width:100%;height:100%;object-fit:contain}.screen-share-resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:nwse-resize;color:#b5bac1;background-color:#2b2d31b3;border-radius:4px 0 8px;transition:color .15s ease,background-color .15s ease;z-index:2}.screen-share-resize-handle:hover{color:#f2f3f5;background-color:#5865f280}.screen-share-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#23a55920;border:1px solid #23a55960;border-radius:8px;margin-bottom:16px;color:#23a559;font-size:14px;font-weight:500;animation:screen-share-pulse 2s ease-in-out infinite}.screen-share-banner svg{flex-shrink:0}@keyframes screen-share-pulse{0%,to{opacity:1}50%{opacity:.7}}.voice-action-btn.disconnect{border:1px solid #f23f43}.voice-action-btn.disconnect:hover{background-color:#f23f43;color:#fff}.voice-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.voice-content{padding:16px}.participants-grid{grid-template-columns:repeat(2,1fr)}.voice-actions{flex-wrap:wrap}.voice-action-btn{flex:1;min-width:100px;justify-content:center}}.voice-status-bar{position:fixed;left:72px;bottom:0;width:240px;box-sizing:border-box;background:#1e1f22;border-top:1px solid rgba(0,0,0,.3);border-right:1px solid rgba(0,0,0,.3);padding:8px 8px 6px;z-index:1500;box-shadow:0 -4px 12px #00000040}.voice-status-bar.above-user-panel{bottom:52px}.voice-status-bar .vsb-channel{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:6px;color:var(--text-normal, #dbdee1);text-align:left}.voice-status-bar .vsb-channel:hover{background:#ffffff0a}.vsb-signal{color:#23a559;flex:0 0 auto}.voice-status-bar.connecting .vsb-signal,.voice-status-bar.reconnecting .vsb-signal{color:#f0b232}.voice-status-bar.failed .vsb-signal{color:#f23f43}.vsb-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.vsb-state{font-size:12px;font-weight:700;color:#23a559}.voice-status-bar.connecting .vsb-state,.voice-status-bar.reconnecting .vsb-state{color:#f0b232}.voice-status-bar.failed .vsb-state{color:#f23f43}.vsb-name{font-size:12px;color:var(--text-muted, #b5bac1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vsb-controls{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:6px}.vsb-btn{flex:1;display:flex;align-items:center;justify-content:center;height:32px;border:none;border-radius:6px;background:#2b2d31;color:var(--text-normal, #dbdee1);cursor:pointer;transition:background .12s ease,color .12s ease}.vsb-btn:hover{background:#35373c}.vsb-btn.active{background:#5865f2;color:#fff}.vsb-btn.danger{color:#f23f43}.vsb-disconnect:hover{background:#f23f43;color:#fff}.emoji-manager-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.emoji-manager-modal{background:#36393f;border-radius:8px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.emoji-manager-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #202225}.emoji-manager-header h2{margin:0;color:#fff;font-size:20px;font-weight:600}.emoji-manager-close{background:transparent;border:none;color:#b9bbbe;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease}.emoji-manager-close:hover{background:#0003;color:#fff}.emoji-upload-section{padding:16px;border-bottom:1px solid #202225}.emoji-upload-section h3{margin:0 0 12px;color:#b9bbbe;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.emoji-upload-area{display:flex;gap:16px}.emoji-preview-box{width:80px;height:80px;background:#2f3136;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px dashed #202225}.emoji-preview{width:64px;height:64px;object-fit:contain}.emoji-preview-placeholder{color:#72767d}.emoji-upload-form{flex:1;display:flex;flex-direction:column;gap:12px}.emoji-file-input{font-size:13px;color:#dcddde}.emoji-file-input::file-selector-button{background:#5865f2;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:13px;font-weight:500;margin-right:12px;transition:all .15s ease}.emoji-file-input::file-selector-button:hover{background:#4752c4}.emoji-name-input label{display:block;color:#b9bbbe;font-size:12px;font-weight:600;margin-bottom:4px}.emoji-name-field{display:flex;align-items:center;background:#202225;border-radius:4px;overflow:hidden}.emoji-colon{color:#72767d;padding:0 8px}.emoji-name-field input{flex:1;background:transparent;border:none;color:#dcddde;font-size:14px;padding:8px 0;outline:none}.emoji-name-field input::placeholder{color:#72767d}.emoji-error{background:#ed42451a;color:#ed4245;font-size:13px;padding:8px 12px;border-radius:4px}.emoji-upload-actions{display:flex;gap:8px;justify-content:flex-end}.emoji-cancel-btn,.emoji-upload-btn{border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.emoji-cancel-btn{background:transparent;color:#b9bbbe}.emoji-cancel-btn:hover:not(:disabled){text-decoration:underline}.emoji-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.emoji-upload-btn{background:#5865f2;color:#fff}.emoji-upload-btn:hover:not(:disabled){background:#4752c4}.emoji-upload-btn:disabled{opacity:.5;cursor:not-allowed}.emoji-upload-hint{margin:12px 0 0;color:#72767d;font-size:12px}.emoji-list-section{flex:1;overflow-y:auto;padding:16px}.emoji-list-section h3{margin:0 0 12px;color:#b9bbbe;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.emoji-list-empty{text-align:center;padding:32px;color:#72767d}.emoji-list-empty p{margin:0}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.emoji-item{display:flex;align-items:center;gap:8px;padding:8px;background:#2f3136;border-radius:6px;transition:all .15s ease}.emoji-item:hover{background:#36393f}.emoji-item-image{width:32px;height:32px;object-fit:contain}.emoji-item-info{flex:1;min-width:0}.emoji-item-name{display:block;color:#dcddde;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emoji-item-creator{display:block;color:#72767d;font-size:11px}.emoji-delete-btn{background:transparent;border:none;color:#72767d;cursor:pointer;padding:4px;border-radius:4px;opacity:0;transition:all .15s ease}.emoji-item:hover .emoji-delete-btn{opacity:1}.emoji-delete-btn:hover{background:#ed424533;color:#ed4245}.emoji-list-section::-webkit-scrollbar{width:8px}.emoji-list-section::-webkit-scrollbar-track{background:transparent}.emoji-list-section::-webkit-scrollbar-thumb{background:#202225;border-radius:4px}.emoji-list-section::-webkit-scrollbar-thumb:hover{background:#17181a}.audit-log-viewer{display:flex;flex-direction:column;height:100%;background:var(--bg-base, #313338);color:var(--text-normal, #dbdee1)}.audit-log-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--bg-modifier-accent, #1e1f22)}.audit-log-header h2{margin:0;font-size:20px;font-weight:600;color:var(--header-primary, #f2f3f5)}.close-btn{width:32px;height:32px;border:none;background:transparent;color:var(--interactive-normal, #b5bac1);font-size:24px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--bg-modifier-hover, #35373c);color:var(--interactive-hover, #dbdee1)}.audit-log-filters{padding:12px 16px;border-bottom:1px solid var(--bg-modifier-accent, #1e1f22)}.filter-select{width:100%;padding:10px 12px;background:var(--bg-base, #313338);border:1px solid var(--bg-modifier-accent, #1e1f22);border-radius:4px;color:var(--text-normal, #dbdee1);font-size:14px;cursor:pointer;outline:none}.filter-select:hover{border-color:var(--interactive-normal, #b5bac1)}.filter-select:focus{border-color:var(--brand-primary, #5865f2)}.filter-select optgroup{color:var(--text-muted, #949ba4);font-weight:600}.filter-select option{color:var(--text-normal, #dbdee1);background:var(--bg-base, #313338)}.audit-log-content{flex:1;overflow-y:auto;padding:16px}.audit-log-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px;color:var(--text-muted, #949ba4)}.loading-spinner{width:32px;height:32px;border:3px solid var(--bg-modifier-accent, #1e1f22);border-top-color:var(--brand-primary, #5865f2);border-radius:50%;animation:spin 1s linear infinite}.audit-log-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:12px;color:var(--text-danger, #f23f43)}.audit-log-error button{padding:8px 16px;background:var(--brand-primary, #5865f2);border:none;border-radius:4px;color:#fff;cursor:pointer}.audit-log-error button:hover{background:var(--brand-primary-hover, #4752c4)}.audit-log-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-muted, #949ba4);text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.audit-log-empty h3{margin:0 0 8px;color:var(--header-secondary, #b5bac1)}.audit-log-empty p{margin:0;font-size:14px}.audit-log-list{display:flex;flex-direction:column;gap:2px}.audit-log-entry{display:flex;gap:12px;padding:12px;border-radius:4px;transition:background .1s ease}.audit-log-entry:hover{background:var(--bg-modifier-hover, #35373c)}.log-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.log-details{flex:1;min-width:0}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.log-action{font-weight:600;font-size:14px}.log-time{font-size:12px;color:var(--text-muted, #949ba4)}.log-info{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--text-muted, #949ba4)}.log-user{display:flex;align-items:center;gap:6px}.user-avatar{font-size:16px}.log-user strong{color:var(--text-normal, #dbdee1);font-weight:500}.change-detail{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:var(--bg-modifier-selected, #404249);border-radius:4px;font-size:13px;color:var(--text-normal, #dbdee1)}.role-color{width:12px;height:12px;border-radius:2px}.log-reason{width:100%;margin-top:4px;padding:8px 12px;background:var(--bg-modifier-accent, #1e1f22);border-left:3px solid var(--text-warning, #f0b232);border-radius:4px;font-size:13px}.log-reason em{color:var(--text-muted, #949ba4);margin-right:4px}.load-more-btn{width:100%;padding:12px;margin-top:8px;background:var(--bg-modifier-accent, #1e1f22);border:none;border-radius:4px;color:var(--text-muted, #949ba4);font-size:14px;cursor:pointer;transition:all .1s ease}.load-more-btn:hover:not(:disabled){background:var(--bg-modifier-hover, #35373c);color:var(--text-normal, #dbdee1)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.audit-log-header{padding:12px}.audit-log-header h2{font-size:16px}.audit-log-content{padding:12px}.audit-log-entry{padding:8px}.log-icon{width:32px;height:32px;font-size:16px}.log-info{flex-direction:column;align-items:flex-start}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.server-settings-modal{display:flex;width:960px;max-width:95vw;height:80vh;background-color:#2f3136;border-radius:8px;overflow:hidden}.settings-sidebar{width:218px;background-color:#2f3136;border-right:1px solid #202225;display:flex;flex-direction:column;flex-shrink:0}.settings-header{padding:16px 12px;margin:0;color:#fff;font-size:14px;font-weight:600;border-bottom:1px solid #202225;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-nav{flex:1;padding:8px;overflow-y:auto}.settings-nav-item{display:flex;align-items:center;width:100%;padding:10px 12px;background:none;border:none;border-radius:4px;color:#b9bbbe;font-size:14px;cursor:pointer;transition:all .1s ease;text-align:left}.settings-nav-item:hover{background-color:#3c3f45;color:#dcddde}.settings-nav-item.active{background-color:#404249;color:#fff}.settings-nav-item.danger{color:#ed4245}.settings-nav-item.danger:hover{background-color:#ed42451a}.nav-icon{margin-right:10px;font-size:16px}.nav-label{flex:1}.settings-content{flex:1;display:flex;flex-direction:column;background-color:#36393f;overflow:hidden}.settings-content-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #202225}.settings-content-header h2{margin:0;color:#fff;font-size:20px;font-weight:600}.close-btn{background:none;border:none;color:#b9bbbe;font-size:28px;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:#fff}.settings-content-body{flex:1;padding:24px;overflow-y:auto}.settings-section{max-width:600px}.settings-section h4{margin:0 0 8px;color:#fff;font-size:16px;font-weight:600}.settings-section p{color:#b9bbbe;font-size:14px;margin:0 0 16px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#b9bbbe;font-size:12px;font-weight:700;text-transform:uppercase}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:10px;background-color:#202225;border:none;border-radius:4px;color:#dcddde;font-size:16px}.form-group input:focus{outline:none}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-row{display:flex;gap:12px}.form-row input[type=text]{flex:1;padding:10px;background-color:#202225;border:none;border-radius:4px;color:#dcddde;font-size:14px}.form-row input[type=color]{width:50px;height:40px;padding:0;border:none;border-radius:4px;background:none;cursor:pointer}.icon-picker{display:flex;flex-wrap:wrap;gap:8px}.icon-option{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#202225;border:2px solid transparent;border-radius:8px;font-size:24px;cursor:pointer;transition:all .15s ease}.icon-option:hover{background-color:#3c3f45;border-color:#5865f2}.icon-option.selected{background-color:#5865f2;border-color:#7289da}.icon-option:disabled{opacity:.5;cursor:not-allowed}.save-btn,.create-btn{padding:10px 20px;background-color:#5865f2;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.save-btn:hover,.create-btn:hover{background-color:#4752c4}.delete-role-btn,.kick-btn{padding:8px 16px;background-color:transparent;border:1px solid #ed4245;border-radius:4px;color:#ed4245;font-size:13px;cursor:pointer;transition:all .15s ease}.delete-role-btn:hover,.kick-btn:hover{background-color:#ed4245;color:#fff}.ban-btn{padding:8px 16px;background-color:transparent;border:1px solid #7289da;border-radius:4px;color:#7289da;font-size:13px;cursor:pointer;transition:all .15s ease;margin-left:8px}.ban-btn:hover{background-color:#7289da;color:#fff}.delete-server-btn{padding:12px 24px;background-color:#ed4245;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.delete-server-btn:hover{background-color:#6e2a2a}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header-row h4{margin:0;color:#fff}.section-description{color:#b9bbbe;margin-bottom:16px}.upload-btn{background:#5865f2;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.upload-btn:hover{background:#4752c4}.upload-btn-secondary{background:transparent;color:#00aff4;border:1px solid #00aff4;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:8px}.upload-btn-secondary:hover{background:#00aff41a}.empty-state{text-align:center;padding:40px 20px;color:#72767d}.empty-icon{font-size:48px;display:block;margin-bottom:12px}.empty-state p{margin:0 0 12px}.emoji-count{color:#b9bbbe;font-size:14px;margin-bottom:16px}.emoji-grid-settings{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.emoji-item-settings{display:flex;align-items:center;background:#2f3136;padding:8px;border-radius:4px;gap:8px}.emoji-preview-img{width:32px;height:32px;object-fit:contain}.emoji-item-details{flex:1;min-width:0}.emoji-item-name{display:block;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emoji-item-creator{display:block;color:#72767d;font-size:12px}.delete-emoji-btn{background:transparent;border:none;color:#72767d;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px}.delete-emoji-btn:hover{background:#f04747;color:#fff}.sticker-grid-settings{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.sticker-item-settings{display:flex;align-items:flex-start;background:#2f3136;padding:12px;border-radius:8px;gap:12px}.sticker-preview-img{width:64px;height:64px;object-fit:contain;border-radius:4px}.sticker-item-details{flex:1;min-width:0}.sticker-item-name{display:block;color:#fff;font-size:14px;font-weight:500;margin-bottom:4px}.sticker-item-desc{display:block;color:#b9bbbe;font-size:12px;margin-bottom:4px}.sticker-tags{display:flex;flex-wrap:wrap;gap:4px}.sticker-tag{background:#5865f2;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px}.delete-sticker-btn{background:transparent;border:none;color:#72767d;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px}.delete-sticker-btn:hover{background:#f04747;color:#fff}.upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.upload-modal{background:#36393f;border-radius:8px;padding:24px;width:400px;max-width:90vw}.upload-modal h3{margin:0 0 20px;color:#fff}.upload-form{display:flex;flex-direction:column;gap:16px}.upload-preview-area{width:100%;height:160px;background:#2f3136;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.upload-preview{max-width:100%;max-height:100%;object-fit:contain}.upload-placeholder{color:#72767d;font-size:14px}.select-file-btn{background:#2f3136;color:#fff;border:1px solid #040405;padding:10px 16px;border-radius:4px;cursor:pointer}.select-file-btn:hover{background:#36393f;border-color:#5865f2}.upload-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.cancel-btn{background:transparent;color:#fff;border:1px solid #72767d;padding:10px 16px;border-radius:4px;cursor:pointer}.cancel-btn:hover{border-color:#fff}.upload-submit-btn{background:#5865f2;color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer}.upload-submit-btn:hover:not(:disabled){background:#4752c4}.upload-submit-btn:disabled{opacity:.5;cursor:not-allowed}.invite-advanced{margin-top:16px;border-top:1px solid #42454a;padding-top:16px}.toggle-settings-btn{background:transparent;border:none;color:#b9bbbe;font-size:14px;cursor:pointer;padding:8px 0}.toggle-settings-btn:hover{color:#fff}.invite-settings-panel{margin-top:12px;padding:12px;background:#2f3136;border-radius:4px}.create-custom-invite-btn{background:#5865f2;color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;margin-top:12px;width:100%}.create-custom-invite-btn:hover:not(:disabled){background:#4752c4}.create-custom-invite-btn:disabled{opacity:.5;cursor:not-allowed}.invites-list{margin-top:24px;border-top:1px solid #42454a;padding-top:16px}.invites-list h5{margin:0 0 12px;color:#fff}.invites-loading{color:#72767d;padding:16px;text-align:center}.invites-table{font-size:14px}.invites-table-header{display:grid;grid-template-columns:1fr 100px 120px 100px;padding:8px 12px;background:#2f3136;border-radius:4px 4px 0 0;color:#b9bbbe;font-weight:500}.invites-table-row{display:grid;grid-template-columns:1fr 100px 120px 100px;padding:8px 12px;border-bottom:1px solid #42454a;align-items:center}.invites-table-row:last-child{border-bottom:none}.invite-code-cell{font-family:monospace;color:#00aff4}.copy-mini-btn,.delete-mini-btn{background:transparent;border:none;cursor:pointer;padding:4px 8px;font-size:14px}.copy-mini-btn:hover,.delete-mini-btn:hover{filter:brightness(1.2)}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.info-text{color:#72767d;font-size:13px;font-style:italic}.roles-list{margin-bottom:24px}.role-item{background-color:#2f3136;border-radius:8px;margin-bottom:8px;overflow:hidden}.role-header{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .15s ease}.role-header:hover{background-color:#3c3f45}.role-color{width:16px;height:16px;border-radius:50%;margin-right:12px}.role-name{flex:1;color:#dcddde;font-size:15px;font-weight:500}.role-toggle{color:#72767d;font-size:12px}.role-editor{padding:16px;background-color:#2f3136;border-top:1px solid #202225}.section-label{display:block;margin:16px 0 12px;color:#b9bbbe;font-size:12px;font-weight:700;text-transform:uppercase}.permissions-grid{display:flex;flex-direction:column;gap:8px}.permission-item{display:flex;align-items:flex-start;padding:8px 12px;background-color:#202225;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.permission-item:hover{background-color:#282b30}.permission-item input[type=checkbox]{margin-right:12px;margin-top:2px;width:18px;height:18px;cursor:pointer}.permission-info{display:flex;flex-direction:column}.permission-label{color:#dcddde;font-size:14px;font-weight:500}.permission-desc{color:#72767d;font-size:12px;margin-top:2px}.create-role{padding:16px;background-color:#2f3136;border-radius:8px}.create-role h4{margin:0 0 12px;color:#fff;font-size:14px}.members-list{display:flex;flex-direction:column;gap:4px}.member-item{display:flex;align-items:center;padding:12px;background-color:#2f3136;border-radius:8px}.member-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#5865f2;border-radius:50%;font-size:20px;margin-right:12px}.member-info{flex:1}.member-name{display:block;color:#dcddde;font-size:15px;font-weight:500}.member-role{color:#72767d;font-size:12px}.member-actions{display:flex;align-items:center;gap:8px}.role-select{padding:6px 12px;background-color:#202225;border:none;border-radius:4px;color:#dcddde;font-size:13px}.invite-info h4{margin:0 0 8px;color:#fff;font-size:16px}.invite-description{color:#b9bbbe;font-size:14px;margin-bottom:20px}.invite-link{display:flex;gap:8px;margin-bottom:12px}.invite-link input{flex:1;padding:12px;background-color:#202225;border:1px solid #040405;border-radius:4px;color:#dcddde;font-size:14px;font-family:monospace}.invite-link .copy-btn{padding:12px 24px;background-color:#5865f2;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.invite-link .copy-btn:hover{background-color:#4752c4}.invite-link .copy-btn.copied{background-color:#3ba55c}.invite-loading{display:flex;align-items:center;gap:12px;padding:20px;background-color:#202225;border-radius:4px;color:#b9bbbe}.invite-loading .loading-spinner{width:20px;height:20px;border:2px solid #5865f2;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.invite-code-info{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:#2f3136;border-radius:4px;margin-bottom:20px}.invite-code{color:#b9bbbe;font-size:13px}.invite-code strong{color:#fff;font-family:monospace;font-size:14px}.regenerate-btn{padding:6px 12px;background-color:transparent;border:1px solid #5865f2;border-radius:4px;color:#5865f2;font-size:12px;cursor:pointer;transition:all .15s ease}.regenerate-btn:hover{background-color:#5865f2;color:#fff}.invite-error{padding:20px;background-color:#ed42451a;border:1px solid #ed4245;border-radius:4px;text-align:center}.invite-error p{color:#ed4245;margin-bottom:12px}.invite-error button{padding:8px 16px;background-color:#ed4245;border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer}.invite-instructions{padding:16px;background-color:#2f3136;border-radius:4px;margin-top:20px}.invite-instructions h5{margin:0 0 12px;color:#fff;font-size:14px}.invite-instructions ol{margin:0;padding-left:20px;color:#b9bbbe;font-size:13px;line-height:1.8}.danger-zone{padding:16px;background-color:#ed42451a;border:1px solid rgba(237,66,69,.3);border-radius:8px}@media (max-width: 768px){.server-settings-modal{flex-direction:column;height:90vh}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid #202225}.settings-nav{display:flex;flex-wrap:wrap;gap:4px}.settings-nav-item{flex:0 0 auto;padding:8px 12px}}.user-profile-modal{width:340px;max-width:95vw;background-color:#2f3136;border-radius:8px;overflow:hidden;position:relative}.profile-header{position:relative;height:100px}.profile-banner{height:60px;background:linear-gradient(135deg,#5865f2,#eb4598)}.avatar-container{position:absolute;top:30px;left:16px}.profile-avatar{width:80px;height:80px;background-color:#5865f2;border:6px solid #2f3136;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px}.status-ring{position:absolute;bottom:4px;right:4px;width:24px;height:24px;border-radius:50%;border:4px solid #3ba55c;background-color:#2f3136}.profile-info{padding:16px}.user-names{margin-bottom:8px}.display-name{margin:0;color:#fff;font-size:20px;font-weight:600}.username-tag{color:#b9bbbe;font-size:14px}.custom-status{margin-top:8px;padding:8px 12px;background-color:#202225;border-radius:4px;color:#dcddde;font-size:14px}.profile-tabs{display:flex;gap:8px;margin-top:16px;border-bottom:1px solid #404249;padding-bottom:8px}.tab-btn{padding:8px 12px;background:none;border:none;color:#b9bbbe;font-size:13px;font-weight:600;cursor:pointer;border-radius:4px;transition:all .15s ease}.tab-btn:hover{color:#dcddde;background-color:#3c3f45}.tab-btn.active{color:#fff;background-color:#404249}.tab-content{margin-top:16px;max-height:300px;overflow-y:auto}.info-section{margin-bottom:16px}.info-section h3{margin:0 0 8px;color:#72767d;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.info-card{background-color:#202225;border-radius:8px;padding:12px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-row:not(:last-child){border-bottom:1px solid #3c3f45}.info-label{color:#b9bbbe;font-size:13px}.info-value{color:#dcddde;font-size:13px;font-weight:500}.note-input{width:100%;padding:10px;background-color:#202225;border:none;border-radius:4px;color:#dcddde;font-size:14px;resize:none;font-family:inherit}.note-input:focus{outline:none}.note-input::placeholder{color:#72767d}.mutual-tab h3{margin:0 0 12px;color:#72767d;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mutual-list{display:flex;flex-direction:column;gap:8px}.mutual-server{display:flex;align-items:center;padding:8px;background-color:#202225;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.mutual-server:hover{background-color:#3c3f45}.mutual-server .server-icon{width:32px;height:32px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:16px}.mutual-server .server-name{color:#dcddde;font-size:14px;font-weight:500}.no-mutual{color:#72767d;font-size:14px;text-align:center;padding:20px}.profile-actions{display:flex;gap:8px;padding:16px;border-top:1px solid #404249}.action-btn{flex:1;padding:10px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.dm-btn{background-color:#5865f2;color:#fff}.dm-btn:hover{background-color:#4752c4}.block-btn{background-color:transparent;border:1px solid #ed4245;color:#ed4245}.block-btn:hover{background-color:#ed4245;color:#fff}.user-profile-modal .close-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background-color:#00000080;border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.user-profile-modal .close-btn:hover{background-color:#000000b3}.tab-content::-webkit-scrollbar{width:4px}.tab-content::-webkit-scrollbar-track{background:transparent}.tab-content::-webkit-scrollbar-thumb{background-color:#202225;border-radius:4px}.tab-content::-webkit-scrollbar-thumb:hover{background-color:#3c3f45}.search-results{display:flex;flex-direction:column}.search-result-item{display:flex;align-items:flex-start;padding:12px;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.search-result-item:hover{background-color:#36393f}.result-avatar{width:40px;height:40px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:12px;flex-shrink:0;position:relative}.result-avatar .status-dot{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:3px solid #2f3136}.status-dot.online{background-color:#3ba55c}.status-dot.idle{background-color:#faa61a}.status-dot.dnd{background-color:#ed4245}.status-dot.offline{background-color:#747f8d}.result-content{flex:1;min-width:0}.message-result .result-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.result-author{color:#fff;font-size:14px;font-weight:600}.result-channel{color:#72767d;font-size:12px}.result-channel:before{content:""}.result-server{color:#72767d;font-size:12px}.result-server:before{content:"•";margin-right:8px}.result-date{color:#72767d;font-size:12px;margin-left:auto}.result-text{color:#dcddde;font-size:14px;line-height:1.4;word-break:break-word}.user-result .result-content{display:flex;flex-direction:column}.result-username{color:#fff;font-size:15px;font-weight:600}.result-status{color:#72767d;font-size:12px;text-transform:capitalize;margin-top:2px}.server-result .result-server-icon{width:40px;height:40px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:12px;flex-shrink:0}.server-result .result-content{display:flex;flex-direction:column}.result-server-name{color:#fff;font-size:15px;font-weight:600}.result-member-count{color:#72767d;font-size:12px;margin-top:2px}.search-empty p{margin:0;font-size:14px}.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:flex-start;justify-content:center;padding-top:100px;z-index:1000}.search-modal{width:600px;max-width:95vw;background-color:#2f3136;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0006}.search-header{display:flex;align-items:center;padding:12px 16px;background-color:#202225}.search-input-container{flex:1;display:flex;align-items:center;background-color:#36393f;border-radius:4px;padding:8px 12px}.search-icon{color:#72767d;margin-right:12px;flex-shrink:0}.search-input{flex:1;background:none;border:none;color:#dcddde;font-size:16px;outline:none}.search-input::placeholder{color:#72767d}.clear-search{background:none;border:none;color:#72767d;font-size:20px;cursor:pointer;padding:0 4px;line-height:1}.clear-search:hover{color:#dcddde}.close-search{margin-left:12px;padding:6px 12px;background-color:transparent;border:1px solid #4f545c;border-radius:4px;color:#72767d;font-size:12px;font-weight:600;cursor:pointer}.close-search:hover{border-color:#dcddde;color:#dcddde}.search-tabs{display:flex;padding:0 16px;background-color:#202225;border-bottom:1px solid #36393f}.search-tab{padding:12px 16px;background:none;border:none;color:#72767d;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease}.search-tab:hover{color:#dcddde}.search-tab.active{color:#fff;border-bottom-color:#5865f2}.search-content{min-height:200px;max-height:400px;overflow-y:auto;padding:8px}.search-loading,.search-hint,.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#72767d}.search-loading .loading-spinner{width:24px;height:24px;border:3px solid #4f545c;border-top-color:#5865f2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.search-footer{display:flex;justify-content:space-between;padding:12px 16px;background-color:#202225;border-top:1px solid #36393f}.result-count,.search-shortcut{color:#72767d;font-size:12px}.search-content::-webkit-scrollbar{width:8px}.search-content::-webkit-scrollbar-track{background:transparent}.search-content::-webkit-scrollbar-thumb{background-color:#202225;border-radius:4px}.search-content::-webkit-scrollbar-thumb:hover{background-color:#3c3f45}.join-server-modal{width:440px;max-width:95vw;background-color:#36393f;border-radius:8px;overflow:hidden}.join-server-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#2f3136}.join-server-modal .modal-header h2{margin:0;color:#fff;font-size:18px;font-weight:600}.join-server-modal .close-btn{background:none;border:none;color:#b9bbbe;font-size:24px;cursor:pointer;padding:0;line-height:1}.join-server-modal .close-btn:hover{color:#fff}.join-server-modal .modal-content{padding:20px}.form-group{margin-bottom:16px}.form-group label{display:block;color:#b9bbbe;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.invite-input-wrapper{display:flex;align-items:center;background-color:#202225;border-radius:4px;padding:0 12px;border:1px solid transparent}.invite-input-wrapper:focus-within{border-color:#5865f2}.invite-prefix{color:#72767d;font-size:14px;padding-right:8px;border-right:1px solid #4f545c;margin-right:8px}.invite-input-wrapper input{flex:1;background:none;border:none;color:#dcddde;font-size:14px;padding:12px 0;outline:none}.invite-input-wrapper input::placeholder{color:#72767d}.input-hint{color:#72767d;font-size:12px;margin:8px 0 0}.error-message{background-color:#ed42451a;border:1px solid rgba(237,66,69,.3);border-radius:4px;color:#ed4245;font-size:13px;padding:10px 12px;margin-bottom:16px}.server-preview{margin-bottom:16px}.server-preview h3{color:#b9bbbe;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.preview-card{display:flex;align-items:center;padding:12px;background-color:#2f3136;border-radius:8px;border:1px solid #4f545c}.preview-icon{width:48px;height:48px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:12px}.preview-info{display:flex;flex-direction:column}.preview-name{color:#fff;font-size:15px;font-weight:600}.preview-members{color:#72767d;font-size:12px;margin-top:2px}.info-box{background-color:#2f3136;border-radius:4px;padding:12px}.info-box h4{color:#b9bbbe;font-size:12px;font-weight:600;margin:0 0 8px}.info-box ul{margin:0;padding:0;list-style:none}.info-box li{color:#72767d;font-size:13px;margin-bottom:4px}.info-box code{background-color:#202225;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:12px}.join-server-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;background-color:#2f3136;border-top:1px solid #202225}.btn-secondary,.btn-primary{padding:10px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary{background-color:transparent;border:1px solid #4f545c;color:#b9bbbe}.btn-secondary:hover{border-color:#dcddde;color:#dcddde}.btn-primary{background-color:#5865f2;border:none;color:#fff}.btn-primary:hover:not(:disabled){background-color:#4752c4}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.error-boundary{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;padding:20px;background-color:#2f3136;border-radius:8px}.error-boundary-content{text-align:center;max-width:400px}.error-boundary .error-icon{font-size:48px;margin-bottom:16px;color:#ed4245}.error-boundary h2{color:#fff;font-size:24px;margin-bottom:12px}.error-boundary .error-message{color:#b9bbbe;font-size:14px;margin-bottom:24px;line-height:1.5}.error-boundary .error-actions{display:flex;gap:12px;justify-content:center}.error-boundary .retry-button,.error-boundary .reload-button{padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.error-boundary .retry-button{background-color:#5865f2;color:#fff;border:none}.error-boundary .retry-button:hover{background-color:#4752c4}.error-boundary .reload-button{background-color:transparent;color:#b9bbbe;border:1px solid #4f545c}.error-boundary .reload-button:hover{background-color:#4f545c;color:#fff}.app{display:flex;height:100vh;background-color:#313338;overflow:hidden;position:relative}.connection-status{position:fixed;bottom:16px;left:16px;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.connection-status.connected{background-color:#23a55933;color:#23a559}.connection-status.disconnected{background-color:#f0a23233;border:1px solid rgba(240,162,50,.5)}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#313338;color:#b5bac1}.loading-spinner{width:40px;height:40px;border:3px solid #313338;border-top-color:#5865f2;border-radius:50%;animation:spin 1s linear infinite}.app-loading p{margin-top:16px;font-size:14px}.status-dot{width:8px;height:8px;border-radius:50%}.connected .status-dot{background-color:#23a559;animation:pulse-dot 2s infinite}.disconnected .status-dot{background-color:#f0b232}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.no-channel-selected{flex:1;display:flex;align-items:center;justify-content:center;background-color:#313338}.no-channel-content{text-align:center;color:#949ba4}.no-channel-content h2{font-size:24px;font-weight:700;color:#f2f3f5;margin-bottom:12px}.no-channel-content p{font-size:14px}.dm-toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.dm-toast{display:flex;align-items:center;gap:12px;background-color:#2b2d31;border:1px solid #3f4147;border-left:4px solid #5865f2;border-radius:8px;padding:12px 16px;min-width:300px;max-width:400px;box-shadow:0 8px 24px #0006;cursor:pointer;pointer-events:all;animation:toast-slide-in .3s ease;transition:transform .15s ease,opacity .15s ease}.dm-toast:hover{transform:translate(-4px);background-color:#32353b}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.dm-toast-avatar{font-size:24px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#5865f2;border-radius:50%;flex-shrink:0}.dm-toast-body{flex:1;min-width:0;overflow:hidden}.dm-toast-sender{font-size:13px;font-weight:600;color:#f2f3f5;margin-bottom:2px;display:flex;align-items:center;gap:6px}.dm-toast-sender:before{content:"💬";font-size:11px}.dm-toast-content{font-size:13px;color:#b5bac1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-toast-close{background:none;border:none;color:#949ba4;font-size:14px;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity .15s ease}.dm-toast:hover .dm-toast-close{opacity:1}.dm-toast-close:hover{color:#f2f3f5;background-color:#ffffff1a}@media (prefers-reduced-motion: reduce){.dm-toast{animation:none}}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#313338;padding:20px}.reset-password-container{background:#2b2d31;border-radius:8px;padding:32px;width:100%;max-width:440px;box-shadow:0 8px 16px #0000003d}.reset-password-container.error{text-align:center}.reset-password-container.error .error-icon{font-size:48px;margin-bottom:16px}.reset-password-container.success{text-align:center}.reset-password-container.success .success-icon{font-size:48px;margin-bottom:16px}.reset-header{text-align:center;margin-bottom:24px}.reset-header h2{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.reset-header p{color:#b5bac1;font-size:14px;margin:0}.reset-form{display:flex;flex-direction:column;gap:20px}.reset-form .form-group{display:flex;flex-direction:column;gap:8px}.reset-form label{color:#b5bac1;font-size:12px;font-weight:600;text-transform:uppercase}.reset-form input{padding:12px;background:#1e1f22;border:none;border-radius:4px;color:#dbdee1;font-size:16px;outline:none}.reset-form input:focus{box-shadow:0 0 0 2px #5865f2}.reset-form input::placeholder{color:#949ba4}.auth-submit-btn{width:100%;padding:12px 16px;background:#5865f2;border:none;border-radius:4px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:background .15s ease;margin-top:8px}.auth-submit-btn:hover:not(:disabled){background:#4752c4}.auth-submit-btn:disabled{background:#4f545c;cursor:not-allowed}.auth-error{background:#ed424526;border:1px solid #f23f43;border-radius:4px;padding:12px;color:#f23f43;font-size:14px}.reset-footer{text-align:center;margin-top:24px;padding-top:16px;border-top:1px solid #1e1f22}.link-btn{background:none;border:none;color:#00a8fc;font-size:14px;cursor:pointer;padding:4px 8px;transition:text-decoration .15s ease}.link-btn:hover{text-decoration:underline}.redirect-hint{color:#949ba4;font-size:14px;margin-top:8px}.loading-spinner{width:40px;height:40px;border:3px solid #1e1f22;border-top-color:#5865f2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.reset-password-container p{color:#b5bac1;font-size:14px;margin:0}.reset-password-container h2{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.join-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5865f2,#313338)}.join-container{background:#313338;border-radius:8px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 8px 32px #0000004d}.join-container h2{color:#fff;font-size:24px;margin-bottom:16px}.join-container p{color:#b5bac1;font-size:16px;line-height:1.5;margin-bottom:12px}.invite-code{background:#1e1f22;padding:12px;border-radius:4px;margin:16px 0}.invite-code strong{color:#fff;font-size:18px;letter-spacing:1px}.login-btn{background:#5865f2;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background .15s;margin-top:16px}.login-btn:hover{background:#4752c4}.loading-spinner{width:40px;height:40px;border:4px solid #1e1f22;border-top-color:#5865f2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.join-container.success h2{color:#23a559}.redirect-hint{color:#80848e;font-size:14px}.join-container.error h2{color:#f23f43}.join-container.error p{color:#f0b232}:root{--bg-base: #313338;--bg-surface-1: #2b2d31;--bg-surface-2: #1e1f22;--bg-surface-3: #1a1b1e;--bg-surface-4: #141517;--bg-overlay: rgba(0, 0, 0, .85);--bg-hover: #35373c;--bg-active: #404249;--bg-input: #1e1f22;--bg-modifier-hover: rgba(79, 84, 92, .16);--bg-modifier-active: rgba(79, 84, 92, .24);--bg-modifier-selected: rgba(79, 84, 92, .32);--brand-primary: #5865f2;--brand-primary-hover: #4752c4;--brand-green: #23a559;--brand-green-hover: #1a8f48;--brand-yellow: #f0b232;--brand-red: #ed4245;--brand-red-hover: #c93b3e;--brand-cyan: #00a8fc;--text-normal: #dbdee1;--text-muted: #949ba4;--text-faint: #6d6f78;--text-link: #00a8fc;--text-positive: #23a559;--text-warning: #f0b232;--text-danger: #ed4245;--text-brand: #5865f2;--header-primary: #f2f3f5;--header-secondary: #b5bac1;--border-subtle: #1e1f22;--border-normal: #2b2d31;--border-strong: #404249;--border-brand: #5865f2;--status-online: #23a559;--status-idle: #f0b232;--status-dnd: #f23f43;--status-offline: #80848e;--status-streaming: #593695;--font-primary: "Noto Sans", sans-serif;--font-display: "Ginto", "Noto Sans", sans-serif;--font-code: "Source Code Pro", monospace;--font-size-10: 10px;--font-size-12: 12px;--font-size-14: 14px;--font-size-16: 16px;--font-size-20: 20px;--font-size-24: 24px;--font-size-32: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.375;--line-height-relaxed: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .16);--shadow-md: 0 4px 8px rgba(0, 0, 0, .16);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .24);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .32);--shadow-elevated: 0 8px 16px rgba(0, 0, 0, .24);--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .25s ease;--transition-slower: .4s ease;--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-in: cubic-bezier(.55, .055, .675, .19);--ease-in-out: cubic-bezier(.645, .045, .355, 1);--ease-bounce: cubic-bezier(.175, .885, .32, 1.275);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--z-below: -1;--z-normal: 1;--z-toolbar: 100;--z-dropdown: 1000;--z-sticky: 2000;--z-overlay: 9999;--z-modal: 10000;--z-popout: 11000;--z-tooltip: 12000}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-pop-in{animation:pop-in .25s var(--ease-bounce) forwards}.animate-fade-in{animation:fade-in .15s var(--ease-out) forwards}.animate-fade-out{animation:fade-out .15s var(--ease-in) forwards}.animate-fade-in-up{animation:fade-in-up .2s var(--ease-out) forwards}.animate-fade-in-down{animation:fade-in-down .2s var(--ease-out) forwards}.animate-slide-in-right{animation:slide-in-right .2s var(--ease-out) forwards}.animate-slide-in-left{animation:slide-in-left .2s var(--ease-out) forwards}.animate-scale-up{animation:scale-up .2s var(--ease-out) forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce .6s ease infinite}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.skeleton{background:linear-gradient(90deg,var(--bg-surface-1) 25%,var(--bg-base) 50%,var(--bg-surface-1) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:16px;border-radius:var(--radius-xs)}.skeleton-text-sm{height:12px;border-radius:var(--radius-xs)}.skeleton-text-lg{height:20px;border-radius:var(--radius-sm)}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-avatar-sm{width:24px;height:24px;border-radius:var(--radius-full)}.skeleton-avatar-lg{width:80px;height:80px;border-radius:var(--radius-full)}.skeleton-button{height:32px;width:80px;border-radius:var(--radius-sm)}.skeleton-channel{height:42px;border-radius:var(--radius-md)}.skeleton-message{display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-4)}.skeleton-message .skeleton-avatar{flex-shrink:0}.skeleton-message-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-message-header{display:flex;gap:var(--space-2)}.skeleton-username{width:100px;height:14px}.skeleton-timestamp{width:60px;height:12px}.skeleton-message-body{display:flex;flex-direction:column;gap:var(--space-1)}.skeleton-line{height:14px;border-radius:var(--radius-xs)}.skeleton-line--short{width:60%}.skeleton-line--medium{width:80%}.skeleton-line--long{width:95%}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:absolute;top:-40px;left:0;background:var(--brand-primary);color:#fff;padding:var(--space-2) var(--space-4);z-index:var(--z-tooltip);transition:top var(--transition-fast)}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.focus-ring{outline:none}.focus-ring:focus-visible{box-shadow:0 0 0 2px var(--bg-base),0 0 0 4px var(--brand-primary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-pop-in,.animate-fade-in,.animate-fade-out,.animate-fade-in-up,.animate-fade-in-down,.animate-slide-in-right,.animate-slide-in-left,.animate-scale-up,.animate-spin,.animate-pulse,.animate-bounce{animation:none!important}.skeleton{animation:none!important;background:var(--bg-surface-1)}}@media (prefers-contrast: high){:root{--text-muted: #b5bac1;--text-faint: #949ba4;--border-subtle: #404249;--border-normal: #5865f2}}.transition-all{transition:all var(--transition-normal)}.transition-colors{transition:color var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}.transition-transform{transition:transform var(--transition-normal)}.transition-opacity{transition:opacity var(--transition-normal)}.interactive{cursor:pointer;transition:background-color var(--transition-fast)}.interactive:hover{background-color:var(--bg-modifier-hover)}.interactive:active{background-color:var(--bg-modifier-active)}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:var(--bg-base);color:var(--text-normal);overflow:hidden}#root{width:100vw;height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface-1);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--bg-surface-3);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--bg-surface-4)}input,textarea{font-family:var(--font-primary)}button{font-family:var(--font-primary);cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}ul,li{list-style:none}