.avatar{border-radius:50%;flex-shrink:0;background:var(--accent);position:relative;overflow:visible;box-shadow:none;border:none;transition:all .15s ease}.avatar.avatar-has-gif,.avatar.avatar-default{background:transparent}.avatar:before{display:none}.avatar:hover,.avatar:active{transform:none}.avatar-decoration{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;pointer-events:none}.avatar-decoration-1{box-shadow:inset 0 0 0 2px #d4af37e6}.avatar-decoration-2{box-shadow:inset 0 0 0 2px #ffffffd9,0 0 8px #ffffff26}.avatar-decoration-6{box-shadow:inset 0 0 0 2px #d8b4feb3,0 0 8px #a78bfa26}.avatar-decoration-8{box-shadow:inset 0 0 0 2px #e0f2f1e6,0 0 6px #b2dfdb33}.avatar img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;border-radius:50%;transform:translateZ(0);backface-visibility:hidden}.avatar-small{width:28px;height:28px;border-width:1.5px}.avatar-small:before{top:4px;left:5px;width:10px;height:8px}.avatar-medium{width:38px;height:38px}.avatar-large{width:50px;height:50px}.avatar-xlarge{width:72px;height:72px;border-width:3px}.avatar-presence-badge{position:absolute;bottom:-2px;right:-2px;border-radius:50%;background:var(--avatar-status-ring, var(--bg-secondary));padding:3px;z-index:10;display:flex;align-items:center;justify-content:center;line-height:0}.avatar-presence-badge svg{display:block}.avatar-small .avatar-presence-badge{padding:2px;bottom:-2px;right:-2px}.avatar-xlarge .avatar-presence-badge{padding:3.5px;bottom:-1px;right:-1px}.avatar .avatar-gif-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;transition:none}.avatar .avatar-gif-layer[src]{object-fit:cover;object-position:center center}.avatar .avatar-gif-static{pointer-events:none}.avatar .avatar-gif-visible{opacity:1;z-index:1}.avatar .avatar-gif-hidden{opacity:0;z-index:0}.avatar .avatar-gif-layer.avatar-gif-hidden{pointer-events:none}.avatar-img-gif{transform:translateZ(0);backface-visibility:hidden}.csm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080eeb;backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));display:flex;align-items:center;justify-content:center;z-index:2000001;animation:csmOverlayEnter .25s cubic-bezier(.16,1,.3,1)}.csm-overlay.csm-exiting{animation:csmOverlayExit .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes csmOverlayEnter{0%{opacity:0}to{opacity:1}}@keyframes csmOverlayExit{0%{opacity:1}to{opacity:0}}.csm-modal{background:var(--glass-panel-bg);border:1px solid var(--modal-panel-border);border-radius:var(--modal-panel-radius);box-shadow:var(--modal-panel-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);width:90%;max-width:480px;max-height:90vh;overflow-y:auto;animation:csmModalEnter .3s cubic-bezier(.16,1,.3,1)}.csm-modal.csm-exiting{animation:csmModalExit .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes csmModalEnter{0%{transform:translateY(16px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes csmModalExit{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-12px) scale(.97);opacity:0}}.csm-header{text-align:center;padding:24px 24px 0}.csm-header h2{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:var(--text-primary, #f2f3f5)}.csm-header p{margin:0;font-size:.9rem;color:var(--text-muted, #949ba4);line-height:1.4}.csm-templates{padding:16px 16px 8px;display:flex;flex-direction:column;gap:6px}.csm-template{display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all .15s;text-align:left;width:100%}.csm-template:hover{background:var(--bg-hover);border-color:var(--border-subtle, rgba(255,255,255,.12))}.csm-template.selected{border-color:var(--accent);background:var(--accent-muted, rgba(79, 110, 247,.15))}.csm-template-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:50%;flex-shrink:0;color:var(--text-muted, #949ba4)}.csm-template.selected .csm-template-icon{color:var(--accent);background:#4f6ef71a}.csm-template-info{flex:1;min-width:0}.csm-template-name{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary, #f2f3f5)}.csm-template-desc{display:block;font-size:.75rem;color:var(--text-muted, #949ba4);margin-top:2px;line-height:1.3}.csm-template-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-muted, #949ba4);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.csm-template.selected .csm-template-radio{border-color:var(--accent)}.csm-template-radio-inner{width:10px;height:10px;border-radius:50%;transition:background .15s}.csm-template.selected .csm-template-radio-inner{background:var(--accent)}.csm-form{padding:16px 24px}.csm-icon-upload{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.csm-icon-preview{width:80px;height:80px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:var(--accent-text);cursor:pointer;transition:opacity .15s;position:relative}.csm-icon-preview:hover{opacity:.8}.csm-field{margin-bottom:16px}.csm-field label{display:block;margin-bottom:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary, #b5bac1)}.csm-optional{font-weight:400;text-transform:none;opacity:.6;font-style:italic}.csm-field input,.csm-field textarea{width:100%;padding:10px;border:none;border-radius:4px;background:var(--bg-tertiary);color:var(--text-primary, #f2f3f5);font-size:.95rem;font-family:inherit;resize:none}.csm-field input:focus,.csm-field textarea:focus{outline:2px solid var(--accent);outline-offset:-2px}.csm-tos-note{font-size:.72rem;color:var(--text-muted, #949ba4);margin:0}.csm-progress{padding:0 24px 12px}.csm-progress-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:8px}.csm-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.csm-progress-text{font-size:.78rem;color:var(--text-muted, #949ba4)}.csm-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-secondary);border-radius:0 0 8px 8px}.csm-btn-cancel,.csm-btn-back{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;color:var(--text-primary, #f2f3f5);cursor:pointer;font-size:.85rem;font-weight:500;border-radius:4px;transition:all .15s}.csm-btn-cancel:hover,.csm-btn-back:hover{text-decoration:underline}.csm-btn-back:disabled{opacity:.5;cursor:not-allowed}.csm-btn-next,.csm-btn-create{padding:10px 24px;background:var(--accent);color:var(--accent-text);border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:.85rem;transition:background .15s}.csm-btn-next:hover,.csm-btn-create:hover:not(:disabled){background:var(--accent-hover)}.csm-btn-create:disabled{opacity:.5;cursor:not-allowed}.cysm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080eeb;backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));display:flex;align-items:center;justify-content:center;z-index:2000000;animation:cysmOverlayEnter .25s cubic-bezier(.16,1,.3,1)}.cysm-overlay.cysm-exiting{animation:cysmOverlayExit .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes cysmOverlayEnter{0%{opacity:0}to{opacity:1}}@keyframes cysmOverlayExit{0%{opacity:1}to{opacity:0}}.cysm-modal{background:var(--glass-panel-bg);border:1px solid var(--modal-panel-border);border-radius:var(--modal-panel-radius);box-shadow:var(--modal-panel-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);width:90%;max-width:440px;max-height:90vh;overflow-y:auto;animation:cysmModalEnter .3s cubic-bezier(.16,1,.3,1);position:relative}.cysm-modal.cysm-exiting{animation:cysmModalExit .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes cysmModalEnter{0%{transform:translateY(16px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes cysmModalExit{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-12px) scale(.97);opacity:0}}.cysm-header{text-align:center;padding:24px 24px 16px}.cysm-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--text-muted, #949ba4);cursor:pointer;transition:background .15s,color .15s}.cysm-close:hover{background:var(--bg-hover, rgba(255, 255, 255, .08));color:var(--text-primary, #f2f3f5)}.cysm-header h2{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:var(--text-primary, #f2f3f5)}.cysm-header p{margin:0;font-size:.9rem;color:var(--text-muted, #949ba4);line-height:1.4}.cysm-content{padding:0 16px 16px;display:flex;flex-direction:column;gap:6px}.cysm-templates{display:flex;flex-direction:column;gap:2px}.cysm-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s;text-align:left;color:var(--text-primary, #f2f3f5)}.cysm-row:hover{background:var(--bg-hover, rgba(255, 255, 255, .05))}.cysm-row-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, #2b2d31);border-radius:8px;flex-shrink:0;color:var(--text-muted, #949ba4)}.cysm-create-icon,.cysm-row:hover .cysm-row-icon{color:var(--text-primary, #f2f3f5)}.cysm-templates .cysm-row:nth-child(1) .cysm-row-icon{color:#9b59b6}.cysm-templates .cysm-row:nth-child(2) .cysm-row-icon{color:#e91e63}.cysm-templates .cysm-row:nth-child(3) .cysm-row-icon{color:#e74c3c}.cysm-templates .cysm-row:nth-child(4) .cysm-row-icon{color:#3498db}.cysm-row-text{flex:1;font-size:.95rem;font-weight:500}.cysm-row-arrow{color:var(--text-muted, #949ba4);display:flex}.cysm-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #949ba4);margin:16px 0 4px;padding:0 12px}.cysm-join-section{padding:20px 24px 24px;text-align:center;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.cysm-join-question{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--text-primary, #f2f3f5)}.cysm-join-btn{display:block;width:100%;padding:12px 20px;background:var(--bg-tertiary, #2b2d31);border:none;border-radius:6px;color:var(--text-primary, #f2f3f5);font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s}.cysm-join-btn:hover{background:var(--bg-hover, #3c3f44)}.cysm-discover-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding:10px 20px;background:transparent;border:1px solid var(--border-default, rgba(255, 255, 255, .15));border-radius:6px;color:var(--text-secondary, #b9bbbe);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.cysm-discover-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .05));border-color:var(--accent);color:var(--accent)}.dsm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));display:flex;align-items:center;justify-content:center;z-index:1000;animation:dsmOverlayEnter .25s cubic-bezier(.16,1,.3,1)}.dsm-overlay.dsm-exiting{animation:dsmOverlayExit .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes dsmOverlayEnter{0%{opacity:0}to{opacity:1}}@keyframes dsmOverlayExit{0%{opacity:1}to{opacity:0}}.dsm-modal{background:var(--glass-panel-bg);border:1px solid var(--modal-panel-border);border-radius:var(--modal-panel-radius);box-shadow:var(--modal-panel-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);width:90%;max-width:720px;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;animation:dsmModalEnter .3s cubic-bezier(.16,1,.3,1);position:relative}.dsm-modal.dsm-exiting{animation:dsmModalExit .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes dsmModalEnter{0%{transform:translateY(16px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes dsmModalExit{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-12px) scale(.97);opacity:0}}.dsm-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s;z-index:2}.dsm-close:hover{background:var(--bg-hover);color:var(--text-primary)}.dsm-hero{text-align:center;padding:32px 32px 20px;flex-shrink:0}.dsm-hero-icon{width:56px;height:56px;background:var(--accent-muted, rgba(79,110,247,.12));color:var(--accent);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.dsm-hero-title{margin:0 0 8px;font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap}.dsm-hero-subtitle{font-size:.9rem;color:var(--text-muted);line-height:1.5;max-width:400px;margin:0 auto 20px}.dsm-search-wrap{position:relative;max-width:380px;margin:0 auto}.dsm-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.dsm-search-input{width:100%;padding:10px 14px 10px 38px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-size:.9rem;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.dsm-search-input:focus{border-color:#4f6ef773;box-shadow:0 0 0 3px #4f6ef71a}.dsm-search-input::placeholder{color:var(--text-muted)}.dsm-categories{display:flex;gap:6px;padding:0 24px 16px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.dsm-categories::-webkit-scrollbar{display:none}.dsm-cat-pill{padding:5px 14px;background:var(--bg-hover, rgba(0,0,0,.04));border:1px solid var(--border-default);border-radius:999px;color:var(--text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.dsm-cat-pill:hover{background:var(--bg-active, rgba(0,0,0,.07));color:var(--text-primary)}.dsm-cat-pill.dsm-cat-active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.dsm-grid{flex:1;overflow-y:auto;padding:0 20px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:start}@media (max-width: 600px){.dsm-grid{grid-template-columns:1fr}}@media (max-width: 900px) and (min-width: 601px){.dsm-grid{grid-template-columns:repeat(2,1fr)}}.dsm-card{background:var(--bg-primary, #fff);border:1px solid var(--border-default);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}.dsm-card:hover{border-color:var(--accent);box-shadow:0 4px 20px #4f6ef71f;transform:translateY(-2px)}.dsm-card-icon{width:100%;height:80px;background:var(--bg-hover, rgba(0,0,0,.04));display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.dsm-card-icon img{width:100%;height:100%;object-fit:cover}.dsm-card-icon span{font-size:2rem;font-weight:700;color:var(--text-primary)}.dsm-card-body{padding:12px 14px 8px;flex:1;display:flex;flex-direction:column;gap:4px}.dsm-card-name{font-weight:700;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsm-card-members{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.dsm-card-desc{margin:2px 0 0;font-size:.78rem;color:var(--text-secondary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dsm-card-footer{padding:8px 14px 12px;flex-shrink:0}.dsm-join-btn{width:100%;padding:8px 0;background:var(--accent);border:none;border-radius:8px;color:var(--accent-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.dsm-join-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.01)}.dsm-join-btn:active:not(:disabled){transform:scale(.97)}.dsm-join-btn:disabled{opacity:.6;cursor:not-allowed}.dsm-your-badge{display:block;text-align:center;font-size:.8rem;color:var(--text-muted);padding:8px 0;background:var(--bg-hover);border-radius:8px}.dsm-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 24px;color:var(--text-muted)}.dsm-loading .loading-spinner{width:24px;height:24px;border:3px solid var(--bg-hover);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.dsm-error{padding:16px 24px;color:var(--error, #da373c);font-size:.9rem;text-align:center}.dsm-empty{padding:40px 24px;color:var(--text-muted);font-size:.9rem;text-align:center;line-height:1.5}.invite-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));display:flex;align-items:center;justify-content:center;z-index:1001;animation:inviteOverlayEnter .25s cubic-bezier(.16,1,.3,1)}.invite-modal-overlay.invite-exiting{animation:inviteOverlayExit .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes inviteOverlayEnter{0%{opacity:0}to{opacity:1}}@keyframes inviteOverlayExit{0%{opacity:1}to{opacity:0}}.invite-modal{background:var(--glass-panel-bg);border:1px solid var(--modal-panel-border);border-radius:var(--modal-panel-radius);box-shadow:var(--modal-panel-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:24px;width:90%;max-width:440px;animation:inviteModalEnter .3s cubic-bezier(.16,1,.3,1)}.invite-modal.invite-exiting{animation:inviteModalExit .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes inviteModalEnter{0%{transform:translateY(16px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes inviteModalExit{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-12px) scale(.97);opacity:0}}.invite-modal h2{margin:0 0 8px;color:var(--text-primary, #fff);font-size:1.4rem;font-weight:700;text-align:center}.invite-subtitle{color:var(--text-muted, #949ba4);text-align:center;margin:0 0 24px;font-size:.9rem}.invite-input-group{margin-bottom:16px}.invite-input-group label{display:block;margin-bottom:8px;color:var(--text-secondary, #b9bbbe);font-size:.75rem;font-weight:600;text-transform:uppercase}.invite-input-group input{width:100%;padding:12px;border:none;border-radius:4px;background:var(--bg-primary);color:var(--text-primary, #fff);font-size:1rem}.invite-input-group input:focus{outline:2px solid var(--accent);outline-offset:-2px}.invite-hint{display:block;margin-top:8px;color:var(--text-muted, #72767d);font-size:.8rem}.invite-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;color:var(--text-secondary, #b9bbbe)}.loading-spinner{width:24px;height:24px;border:3px solid var(--bg-tertiary, rgba(79, 84, 92, .4));border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.invite-error{padding:12px 16px;background:#da373c26;border:1px solid var(--error, #da373c);border-radius:4px;color:var(--error, #da373c);font-size:.9rem;margin-bottom:16px}.invite-preview{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:24px}.invite-server-icon{width:56px;height:56px;border-radius:16px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.invite-server-icon img{width:100%;height:100%;object-fit:cover}.invite-server-icon span{font-size:1.5rem;font-weight:600;color:var(--text-primary, #f2f3f5)}.invite-server-info h3{margin:0 0 4px;color:var(--text-primary, #fff);font-size:1.1rem}.invite-member-count{display:flex;align-items:center;gap:6px;color:var(--text-muted, #72767d);font-size:.85rem}.invite-member-count:before{content:"";width:8px;height:8px;background:var(--success, #23a559);border-radius:50%}.invite-actions{display:flex;justify-content:space-between;gap:12px}.invite-actions .cancel-btn{flex:1;padding:12px;background:transparent;border:none;color:var(--text-primary, #f2f3f5);cursor:pointer;font-size:.95rem;border-radius:4px;transition:all .15s}.invite-actions .cancel-btn:hover{text-decoration:underline}.invite-actions .join-btn{flex:2;padding:12px 24px;background:var(--accent-gradient, linear-gradient(135deg, #6685f9 0%, #4f6ef7 100%));color:var(--accent-text);border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:filter .12s ease,box-shadow .12s ease}.invite-actions .join-btn:hover:not(:disabled){filter:brightness(1.06)}.invite-actions .join-btn:disabled{opacity:.5;cursor:not-allowed}.share-modal{text-align:center}.share-invite-modal{max-width:480px;width:90%;max-height:85vh;display:flex;flex-direction:column;padding:0;overflow:hidden}.share-invite-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 12px;flex-shrink:0}.share-invite-title-wrap{flex:1}.share-invite-modal h2{margin:0 0 4px;font-size:1.25rem;text-align:left}.share-invite-subtitle{margin:0;color:var(--text-muted, #949ba4);font-size:.875rem;font-weight:400}.share-invite-close{background:none;border:none;color:var(--text-primary, #fff);cursor:pointer;padding:4px;margin:-4px -4px 0 0;border-radius:4px;opacity:.8}.share-invite-close:hover{opacity:1;background:var(--bg-tertiary, rgba(79, 84, 92, .4))}.share-invite-search{position:relative;padding:0 20px 12px}.share-invite-search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--text-muted, #72767d);pointer-events:none}.share-invite-search input{width:100%;padding:10px 12px 10px 36px;background:var(--bg-tertiary);border:1.5px solid var(--border-subtle);border-radius:10px;color:var(--text-primary, #fff);font-size:.9375rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.share-invite-search input:focus{border-color:#4f6ef773;background:var(--bg-secondary)}.share-invite-search input::placeholder{color:var(--text-muted, #72767d)}.share-invite-search input:focus{outline:none;background:var(--bg-secondary)}.share-invite-friends{flex:1;min-height:120px;max-height:220px;overflow-y:auto;padding:0 20px}.share-invite-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--text-muted, #949ba4);font-size:.9rem}.share-invite-empty{padding:24px;color:var(--text-muted, #949ba4);font-size:.9rem;text-align:center;margin:0}.share-invite-friend-list{display:flex;flex-direction:column}.share-invite-friend-row{display:flex;align-items:center;gap:12px;padding:8px 0}.share-invite-friend-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.share-invite-friend-avatar img{width:100%;height:100%;object-fit:cover}.share-invite-friend-avatar span{font-size:1rem;font-weight:600;color:var(--text-primary, #fff)}.share-invite-friend-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.share-invite-friend-name{font-weight:500;color:var(--text-primary, #fff);font-size:.9375rem}.share-invite-friend-username{font-size:.75rem;color:var(--text-muted, #72767d)}.share-invite-friend-invite-btn{padding:6px 16px;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary, #fff);font-size:.8125rem;font-weight:500;cursor:pointer;flex-shrink:0;transition:background .15s}.share-invite-friend-invite-btn:hover:not(:disabled){background:var(--bg-secondary)}.share-invite-friend-invite-btn:disabled{opacity:.5;cursor:not-allowed}.share-invite-friend-invite-btn.sent{background:var(--success, #23a559)}.share-invite-divider{padding:12px 20px;border-top:1px solid var(--bg-tertiary, rgba(79, 84, 92, .48))}.share-invite-divider span{color:var(--text-muted, #949ba4);font-size:.8125rem}.share-invite-link-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;color:var(--text-muted, #949ba4);font-size:.9rem}.share-invite-link-section{padding:0 20px 20px}.share-invite-link-row{display:flex;gap:8px;margin-bottom:8px}.share-invite-link-row input{flex:1;padding:10px 12px;background:var(--bg-tertiary);border:1.5px solid var(--border-subtle);border-radius:8px;color:var(--text-primary, #fff);font-size:.875rem;outline:none}.share-invite-copy-btn{padding:10px 20px;background:var(--accent-gradient, linear-gradient(135deg, #6685f9 0%, #4f6ef7 100%));border:none;border-radius:var(--radius, 8px);color:var(--accent-text);font-weight:600;font-size:.875rem;cursor:pointer;flex-shrink:0;transition:background .2s ease,box-shadow .2s ease}.share-invite-copy-btn:hover:not(:disabled){background:var(--accent-hover, #3d5ce5)}.share-invite-copy-btn.copied{background:var(--success, #23a559)}[data-theme=dark] .share-invite-copy-btn{background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:#fffffff2}[data-theme=dark] .share-invite-copy-btn:hover:not(:disabled){background:var(--btn-primary-hover);border-color:var(--btn-primary-border-hover)}[data-theme=dark] .share-invite-copy-btn.copied{background:#22c55e1f;border-color:#22c55e59;color:#22c55e}.share-invite-copy-btn:disabled{opacity:.5;cursor:not-allowed}.share-invite-expiry{margin:0;font-size:.75rem;color:var(--text-muted, #72767d)}.share-invite-edit-link{color:var(--text-link);cursor:pointer}.share-invite-edit-link:hover{text-decoration:underline}.share-invite-box{margin:24px 0}.share-invite-link{display:flex;gap:8px}.share-invite-link input{flex:1;padding:12px;border:none;border-radius:4px;background:var(--bg-tertiary);color:var(--text-primary, #f2f3f5);font-size:.9rem}.invite-expires{display:block;margin-top:8px;color:var(--text-muted, #72767d);font-size:.8rem}.close-share-btn{padding:10px 20px;background:transparent;border:none;color:var(--text-primary, #f2f3f5);cursor:pointer;font-size:.9rem}.close-share-btn:hover{text-decoration:underline}.context-menu{position:fixed;z-index:99999;min-width:196px;max-width:320px;background:var(--glass-float-bg);border:1px solid var(--border-default);border-radius:10px;padding:5px 6px;box-shadow:var(--shadow-elevated),0 0 0 1px #0000000a;animation:contextMenuEnter .12s var(--transition-smooth, cubic-bezier(.22, 1, .36, 1)) forwards;transform-origin:var(--ctx-origin, top left);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}[data-theme=dark] .context-menu{background:var(--glass-float-bg);border-color:#ffffff17}.context-menu:before{display:none}@keyframes contextMenuEnter{0%{opacity:0;transform:scale(.94) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:background .08s ease,color .08s ease;position:relative;opacity:1;transform:none}.context-menu-item:hover:not(.disabled):not(.danger){background:var(--accent);color:var(--accent-text)}.context-menu-item:hover:not(.disabled):not(.danger) .context-menu-icon{color:currentColor;opacity:1}.context-menu-item:active:not(.disabled){opacity:.75}.context-menu-item.disabled{opacity:.35;cursor:not-allowed}.context-menu-item.danger{color:var(--error, #f23f43)}.context-menu-item.danger:hover:not(.disabled){background:var(--error);color:#fff}.context-menu-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;opacity:.8;flex-shrink:0}.context-menu-label{flex:1}.context-menu-separator{height:1px;background:var(--border-subtle);margin:4px 2px}.context-menu-item-wrap{position:relative}.context-menu-item-wrap.has-submenu:hover .context-menu-item{background:var(--accent);color:var(--accent-text)}.context-menu-chevron{margin-left:auto;opacity:.6;flex-shrink:0}.context-menu-submenu{position:absolute;left:100%;top:0;min-width:180px;max-width:240px;max-height:320px;overflow-y:auto;background:var(--glass-float-bg);border:1px solid var(--border-default);border-radius:10px;padding:5px 6px;box-shadow:var(--shadow-elevated);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);margin-left:4px;z-index:99999}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));display:flex;align-items:center;justify-content:center;z-index:10000;animation:confirmOverlayFadeIn .2s cubic-bezier(.16,1,.3,1) forwards}.confirm-overlay:before{display:none}@keyframes confirmOverlayFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{position:relative;overflow:hidden;min-width:420px;max-width:560px;padding:2rem;background:var(--modal-panel-bg);border:1px solid var(--modal-panel-border);border-radius:var(--modal-panel-radius);box-shadow:var(--modal-panel-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);animation:confirmModalEnter .2s cubic-bezier(.22,1,.36,1) forwards;transform-origin:center center}.confirm-modal:before{display:none}@media (max-width: 400px){.confirm-modal{min-width:0;width:calc(100vw - 32px);margin:16px}}@keyframes confirmModalEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-title{margin:0 0 .85rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);position:relative;z-index:1}.confirm-message{margin:0 0 1.75rem;font-size:.95rem;color:var(--text-secondary);line-height:1.6;position:relative;z-index:1}.confirm-actions{display:flex;gap:.85rem;justify-content:flex-end;position:relative;z-index:1}.confirm-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .12s ease,box-shadow .12s ease,transform .1s ease;border:none;position:relative;overflow:hidden;opacity:1}.confirm-btn.cancel{background:transparent;border:none;color:var(--text-primary, #f2f3f5)}.confirm-btn.cancel:before{display:none}.confirm-btn.cancel:hover{text-decoration:underline}.confirm-btn.cancel:active{transform:scale(.96);transition:all .1s ease}.confirm-btn.confirm{background:var(--accent-gradient, linear-gradient(135deg, #4f6ef7 0%, #3558e8 100%));color:var(--accent-text);border:none;border-radius:8px}.confirm-btn.confirm:before{display:none}.confirm-btn.confirm:hover{filter:brightness(1.06)}.confirm-btn.confirm:active{transform:scale(.96);transition:all .1s ease}.confirm-btn.confirm.confirm-danger{background:var(--error, #da373c)}.confirm-btn.confirm.confirm-danger:hover{background:#c53034}.confirm-btn.confirm.confirm-warning{background:var(--warning, #f0b232)}.confirm-btn.confirm.confirm-warning:hover{filter:brightness(1.1)}.server-bar{width:76px;min-width:76px;height:100%;display:flex;flex-direction:column;background:var(--bg-tertiary);padding:12px 0;overflow-x:hidden;overflow-y:visible;border-right:1px solid var(--border-default)}.server-bar-nav{flex:1;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.server-bar-nav::-webkit-scrollbar{display:none}.server-list{list-style:none;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0 12px}.home-section{padding-top:6px;padding-bottom:6px}.servers-section{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;padding-top:8px;padding-bottom:8px}.servers-section::-webkit-scrollbar{display:none}.actions-section{margin-top:auto;padding-top:8px;padding-bottom:8px;border-top:1px solid var(--border-default)}.server-separator{width:32px;height:2px;background:var(--border-default);margin:8px 0;border-radius:1px;opacity:.7}.server-item{position:relative;width:48px;height:48px}.server-drag-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:default}.server-drag-wrapper[draggable=true]{-webkit-user-drag:element}.server-drag-wrapper:active{cursor:default}.server-item-drag-over .server-drag-wrapper{border-radius:14px;outline:2px solid var(--accent);outline-offset:2px}.server-item-dragging .server-drag-wrapper{opacity:.5}.server-icon-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;position:relative;cursor:pointer;text-decoration:none;border-radius:14px;transition:border-radius .18s var(--transition-spring, cubic-bezier(.34, 1.56, .64, 1)),transform .18s var(--transition-spring, cubic-bezier(.34, 1.56, .64, 1)),box-shadow .18s ease}.server-icon-link.active{border-radius:10px;outline:2px solid var(--accent);outline-offset:2px;transform:scale(1.03)}.server-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);transition:border-radius .15s ease,background-color .15s ease;overflow:hidden;position:relative}.server-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.server-initials{font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;z-index:1}.server-icon-link:not(.active):hover,.server-drag-wrapper:hover .server-icon-link:not(.active){border-radius:10px;box-shadow:none;transform:scale(1.07)}.server-icon-link:not(.active):hover .server-icon,.server-drag-wrapper:hover .server-icon-link:not(.active) .server-icon{border-radius:10px;background:var(--bg-hover)}.server-icon-link.active .server-icon,.server-icon.active{border-radius:10px;background:var(--bg-primary)}.server-indicator{display:none}.server-badge{position:absolute;bottom:-3px;right:-3px;min-width:18px;height:18px;padding:0 5px;background:#ed4245;color:#fff;font-size:.68rem;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2.5px var(--bg-tertiary),0 2px 8px #ed424566;z-index:2;letter-spacing:-.02em}.server-badge.muted{min-width:16px;height:16px;padding:0;background:var(--text-muted);border-radius:50%;box-shadow:0 0 0 2px var(--bg-tertiary)}.server-badge.muted svg{width:9px;height:9px}.server-tooltip{position:absolute;left:calc(100% + 16px);top:50%;transform:translateY(-50%) scale(.92) translate(-4px);background:#18191f;color:#e8eaf0;padding:8px 14px;border-radius:8px;font-size:.875rem;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease .5s,transform .18s var(--transition-smooth, cubic-bezier(.22, 1, .36, 1)) .5s;pointer-events:none;z-index:1000;box-shadow:0 4px 20px #0000004d,0 0 0 1px #ffffff0f;letter-spacing:-.01em}.server-tooltip:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#18191f;border-left:none}.server-icon-link:hover .server-tooltip,button.server-icon-link:hover .server-tooltip,.server-drag-wrapper:hover .server-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) scale(1) translate(0)}.home-icon{background:var(--bg-primary);color:var(--text-primary)}.server-icon-link:hover .home-icon,.home-icon.active{background:var(--bg-hover);border-radius:10px}.home-icon svg,.home-icon .home-logo{z-index:1}.home-logo{width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(1.45)}.add-icon{background:var(--bg-primary);color:var(--success, #23a559)}.server-icon-link:hover .add-icon{background:var(--success, #16a34a);color:#fff;border-radius:10px}.add-icon svg{z-index:1}.discover-icon{background:var(--bg-primary);color:var(--accent, #5865f2)}.server-icon-link:hover .discover-icon{background:var(--accent, #5865f2);color:var(--accent-text);border-radius:10px}.discover-icon svg{z-index:1}.discover-server-btn{background:none;border:none;padding:0;cursor:pointer}.add-server-btn{background:none;border:none;padding:0}.server-tooltip-portal{position:fixed;transform:translateY(-50%);background:#18191f;color:#e8eaf0;padding:7px 13px;border-radius:8px;font-size:.875rem;font-weight:600;white-space:nowrap;pointer-events:none;z-index:100000;box-shadow:0 4px 20px #00000059,0 0 0 1px #ffffff12;letter-spacing:-.01em;animation:tooltipEnter .12s cubic-bezier(.22,1,.36,1) both}.server-tooltip-portal:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#18191f;border-left:none}@keyframes tooltipEnter{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.ifp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99997}.ifp-panel{position:fixed;z-index:99998;width:300px;background:var(--glass-float-bg);border:1px solid var(--border-default);border-radius:14px;box-shadow:var(--shadow-elevated);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);overflow:hidden;animation:contextMenuEnter .15s var(--transition-smooth, cubic-bezier(.22,1,.36,1)) forwards}.ifp-panel.ifp-panel--flyout{animation:ifpFlyoutEnter .15s var(--transition-smooth, cubic-bezier(.22,1,.36,1)) forwards}@keyframes ifpFlyoutEnter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes contextMenuEnter{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ifp-header{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 14px 12px;border-bottom:1px solid var(--border-subtle)}.ifp-title{font-size:.7rem;font-weight:600;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;margin-bottom:2px}.ifp-server-name{font-size:.95rem;font-weight:700;color:var(--text-primary)}.ifp-close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;flex-shrink:0;margin-top:2px;transition:background .12s,color .12s}.ifp-close:hover{background:var(--bg-hover);color:var(--text-primary)}.ifp-list{max-height:320px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}.ifp-empty{padding:24px 16px;text-align:center;font-size:.875rem;color:var(--text-muted)}.ifp-friend{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;transition:background .12s}.ifp-friend:hover{background:var(--bg-hover)}.ifp-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--accent-muted, rgba(79,110,247,.12));display:flex;align-items:center;justify-content:center}.ifp-avatar img{width:100%;height:100%;object-fit:cover}.ifp-avatar span{font-size:.95rem;font-weight:700;color:var(--accent)}.ifp-info{flex:1;min-width:0}.ifp-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ifp-username{font-size:.75rem;color:var(--text-muted);margin-top:1px}.ifp-invite-btn{padding:6px 12px;background:var(--accent);color:var(--accent-text);border:none;border-radius:7px;font-size:.8rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .12s,transform .1s}.ifp-invite-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.03)}.ifp-invite-btn:active:not(:disabled){transform:scale(.97)}.ifp-invite-btn.sent{background:var(--success, #22c55e);cursor:default;opacity:.85}.ifp-invite-btn:disabled{cursor:default}[data-theme=dark] .server-bar{background:var(--bg-tertiary);border-right:1px solid var(--border-subtle);width:68px;min-width:68px}[data-theme=dark] .server-separator{background:var(--border-default);opacity:.95}[data-theme=dark] .server-icon{background:#1a1a1e}[data-theme=dark] .server-icon-link.active{animation:none}[data-theme=dark] .home-icon{background:#1a1a1e}[data-theme=dark] .server-icon-link:hover .home-icon{background:#1e1e22}@media (max-width: 768px){.server-bar{width:64px;min-width:64px;padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:max(8px,env(safe-area-inset-bottom,0px));padding-left:0;padding-right:0}.server-bar-nav{padding-top:4px}.home-section{padding-top:8px}.server-list{padding:0 6px}.server-item,.server-icon-link,.server-icon{width:44px;height:44px}.server-icon-link.active{transform:none;outline-offset:1px}.server-tooltip{display:none}}.udm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:24px 16px;animation:udmOverlayIn .18s ease-out both}@keyframes udmOverlayIn{0%{opacity:0}to{opacity:1}}.udm-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;cursor:pointer}.udm-modal{position:relative;z-index:1;width:min(980px,100%);height:min(92vh,860px);max-height:min(92vh,860px);background:var(--glass-panel-bg, #111);border:1px solid var(--border-default);border-radius:18px;overflow:hidden;display:block;box-shadow:0 32px 80px #000000b3,0 0 0 1px #ffffff0d;animation:udmModalIn .22s cubic-bezier(.22,1,.36,1) both}@keyframes udmModalIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.udm-banner{--fixed-image-banner-height: 112px;width:100%;height:160px;flex-shrink:0;background-color:#4f6ef7;background-size:cover;background-position:center top;position:relative}.udm-banner--image{height:var(--fixed-image-banner-height)}.udm-banner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}.udm-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#0000008c;border:1px solid rgba(255,255,255,.12);color:#ffffffd9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s,transform .15s var(--transition-spring, cubic-bezier(.34, 1.56, .64, 1));z-index:2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.udm-close-btn--outside{z-index:30}.udm-layout{display:grid;grid-template-columns:minmax(420px,64%) minmax(260px,36%);height:100%}.udm-main-card{order:1;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border-default)}.udm-main-body{overflow-y:auto;overflow-x:hidden;flex:1;padding:8px 20px 24px 16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.udm-main-body::-webkit-scrollbar{width:5px}.udm-main-body::-webkit-scrollbar-track{background:transparent}.udm-main-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.udm-side-panel{order:2;overflow-y:auto;overflow-x:hidden;padding:58px 22px 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.udm-side-panel::-webkit-scrollbar{width:5px}.udm-side-panel::-webkit-scrollbar-track{background:transparent}.udm-side-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.udm-side-panel--activities .udm-section-title{margin-bottom:10px}.udm-close-btn:hover{background:#000000bf;color:#fff;transform:scale(1.1)}.udm-avatar-row{display:flex;justify-content:space-between;align-items:flex-end;padding:0 24px 0 16px;margin-top:-52px;margin-bottom:8px;flex-shrink:0;position:relative;z-index:2}.udm-avatar-wrap{position:relative;width:101px;height:101px;flex-shrink:0}.udm-avatar-wrap .avatar{width:104px!important;height:104px!important;border:6px solid var(--bg-floating, #111)!important;border-radius:50%!important;box-sizing:border-box}.udm-avatar-skeleton{width:104px;height:104px;border-radius:50%;background:linear-gradient(90deg,var(--surface-2, #1c1c1c) 25%,var(--surface-3, #222) 50%,var(--surface-2, #1c1c1c) 75%);background-size:200% 100%;animation:udmShimmer 1.4s infinite;border:6px solid var(--bg-floating, #111);box-sizing:border-box}.udm-status-dot{position:absolute;bottom:4px;right:4px;width:22px;height:22px;border-radius:50%;border:4px solid var(--bg-floating, #111);box-sizing:border-box;background:#80848e;z-index:3}.udm-actions{display:flex;gap:8px;align-self:flex-end;padding-bottom:4px;flex-wrap:wrap;justify-content:flex-end}.udm-action-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:8px;background:var(--bg-hover, rgba(255,255,255,.07));border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s,color .12s,transform .12s var(--transition-spring, cubic-bezier(.34, 1.56, .64, 1))}.udm-action-btn:hover{background:var(--bg-active);color:var(--text-primary);transform:scale(1.04)}.udm-action-btn--primary{background:var(--accent);border-color:transparent;color:var(--accent-text)}.udm-action-btn--primary:hover{background:var(--accent-hover);color:var(--accent-text)}.udm-body{overflow-y:auto;overflow-x:hidden;flex:1;padding:4px 24px 28px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.udm-body::-webkit-scrollbar{width:5px}.udm-body::-webkit-scrollbar-track{background:transparent}.udm-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.udm-identity{margin-bottom:6px}.udm-displayname{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;line-height:1.25;letter-spacing:-.02em}.udm-username{font-size:.9rem;font-weight:500;color:var(--text-muted);display:block}.udm-badge{font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;line-height:1}.udm-badge--bot{background:#5865f2;color:#fff}.udm-badge--nitro{background:linear-gradient(135deg,#4f6ef7,#eb459e);color:#fff}.udm-status-msg{display:flex;align-items:center;gap:7px;font-size:.875rem;color:var(--text-secondary);margin-top:6px;margin-bottom:2px;font-style:italic}.udm-divider{height:1px;background:var(--border-default);border:none;margin:14px 0}.udm-section{margin-bottom:20px}.udm-section:last-child{margin-bottom:0}.udm-section-title{font-size:.675rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 8px;display:flex;align-items:center;gap:8px}.udm-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--accent-muted, rgba(97,121,248,.18));color:var(--accent);font-size:.65rem;font-weight:700;border-radius:9px}.udm-section-text{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.55;white-space:pre-wrap;word-break:break-word}.udm-date-row{display:flex;align-items:center;gap:7px;color:var(--text-muted)}.udm-date-row svg{flex-shrink:0}.udm-date-row .udm-section-text{color:var(--text-secondary)}.udm-teams-list{display:flex;flex-direction:column;gap:4px}.udm-team-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;background:var(--bg-hover, rgba(255,255,255,.04));border:1px solid var(--border-subtle);transition:background .12s,border-color .12s}.udm-team-item:hover{background:var(--bg-active, rgba(255,255,255,.07));border-color:#6179f840}.udm-team-icon{width:40px;height:40px;border-radius:12px;overflow:hidden;flex-shrink:0;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.udm-team-icon img{width:100%;height:100%;object-fit:cover}.udm-team-icon span{font-size:.85rem;font-weight:700;color:var(--text-primary)}.udm-team-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.udm-team-name{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.udm-team-meta{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.udm-team-role{display:inline-block;padding:1px 6px;background:var(--accent-muted, rgba(97,121,248,.15));color:var(--accent);border-radius:4px;font-size:.68rem;font-weight:600;letter-spacing:.02em}.udm-teams-loading{display:flex;flex-direction:column;gap:6px}.udm-team-skeleton{height:58px;border-radius:10px;background:linear-gradient(90deg,var(--surface-2, #1c1c1c) 25%,var(--surface-3, #222) 50%,var(--surface-2, #1c1c1c) 75%);background-size:200% 100%;animation:udmShimmer 1.4s infinite}.udm-empty-text{font-size:.875rem;color:var(--text-muted);margin:0;font-style:italic}.udm-note-preview{display:block;width:100%;text-align:left;font-size:.875rem;font-family:inherit;color:var(--text-secondary);background:var(--bg-tertiary);border:none;border-radius:8px;padding:10px 12px;cursor:pointer;min-height:44px;line-height:1.5;word-break:break-word;transition:background .1s;-webkit-tap-highlight-color:transparent}.udm-note-preview:hover{background:var(--surface-2)}.udm-note-preview--empty{color:var(--text-muted);font-style:italic}.udm-note-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:8px;padding:10px 12px;font-size:.875rem;font-family:inherit;color:var(--text-primary);resize:vertical;min-height:64px;outline:none;box-sizing:border-box;line-height:1.5;transition:border-color .15s}.udm-note-input:focus{border-color:#6179f873;box-shadow:0 0 0 3px #6179f81a}.udm-note-input::placeholder{color:var(--text-muted)}.udm-skeleton-body{padding:4px 0}.udm-skeleton-line{border-radius:5px;background:linear-gradient(90deg,var(--surface-2, #1c1c1c) 25%,var(--surface-3, #222) 50%,var(--surface-2, #1c1c1c) 75%);background-size:200% 100%;animation:udmShimmer 1.4s infinite;margin-bottom:10px}.udm-skeleton-line--name{height:26px;width:55%}.udm-skeleton-line--tag{height:16px;width:35%}.udm-skeleton-line--text{height:14px;width:70%;margin-top:14px}@keyframes udmShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.udm-error{padding:32px 0;text-align:center;color:var(--text-muted);font-size:.9rem}[data-theme=light] .udm-modal{background:#fff;box-shadow:0 24px 64px #0000002e,0 0 0 1px #0000000f}[data-theme=light] .udm-avatar-wrap .avatar{border-color:#fff!important}[data-theme=light] .udm-avatar-skeleton,[data-theme=light] .udm-status-dot{border-color:#fff}[data-theme=light] .udm-team-item{background:#f7f8fa;border-color:#00000012}[data-theme=light] .udm-team-item:hover{background:#eef0f4;border-color:#4f6ef740}[data-theme=light] .udm-note-preview{background:#f0f2f5;color:#2e3338}[data-theme=light] .udm-note-preview:hover{background:#e3e5e8}[data-theme=light] .udm-note-input{background:#f0f2f5;color:#2e3338;border-color:#0000001f}[data-theme=light] .udm-skeleton-line,[data-theme=light] .udm-team-skeleton,[data-theme=light] .udm-avatar-skeleton{background:linear-gradient(90deg,#e3e5e8 25%,#f2f3f5,#e3e5e8 75%);background-size:200% 100%}[data-theme=dark] .udm-modal{background:#0a0a14;border-color:#ffffff12}[data-theme=dark] .udm-avatar-wrap .avatar{border-color:#0a0a14!important}[data-theme=dark] .udm-avatar-skeleton,[data-theme=dark] .udm-status-dot{border-color:#0a0a14}[data-theme=dark] .udm-team-item{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .udm-team-item:hover{background:#ffffff0e;border-color:#6179f847}@media (max-width: 600px){.udm-overlay{padding:0;align-items:flex-end}.udm-modal{width:100%;height:auto;max-height:98vh;border-radius:18px 18px 0 0;animation:udmModalInMobile .25s cubic-bezier(.22,1,.36,1) both}@keyframes udmModalInMobile{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.udm-banner{height:120px}.udm-banner--image{height:var(--fixed-image-banner-height)}.udm-layout{grid-template-columns:1fr;height:auto}.udm-side-panel{order:2}.udm-main-card{order:1;border-right:none;border-bottom:1px solid var(--border-default);border-left:none}.udm-main-body{max-height:58vh;padding:8px 16px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.udm-side-panel{max-height:50vh;padding:16px}.udm-note-preview{min-height:48px;padding:14px 16px}.udm-avatar-row{padding:0 16px 0 12px;margin-top:-42px}.udm-avatar-wrap,.udm-avatar-wrap .avatar{width:84px!important;height:84px!important}.udm-avatar-skeleton{width:84px;height:84px}.udm-actions{gap:6px}.udm-action-btn{padding:7px 11px;font-size:.8rem}.udm-body{padding:4px 16px 24px}}.profile-card-popup{position:fixed;z-index:10000;width:320px;background:var(--glass-panel-bg);border:1px solid var(--border-default);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-elevated),0 0 0 1px #0000000a;display:flex;flex-direction:column;max-height:calc(100vh - 48px);animation:pcPopIn .18s cubic-bezier(.22,1,.36,1) forwards;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}@keyframes pcPopIn{0%{opacity:0;transform:scale(.96) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-effect-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;pointer-events:none;z-index:0}.profile-card-effect-3 .profile-effect-overlay{background:radial-gradient(ellipse 100% 80% at 50% 100%,rgba(251,146,60,.06) 0%,transparent 70%)}.profile-card-effect-4 .profile-effect-overlay{background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(253,224,71,.05) 0%,transparent 60%)}.profile-card-effect-7 .profile-effect-overlay{background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 35%)}.profile-card-effect-10 .profile-effect-overlay{box-shadow:inset 0 0 0 1px #22d3ee14}.profile-card-banner{width:100%;height:72px;flex-shrink:0;background-color:#4f6ef7;background-size:cover;background-position:center top;position:relative;z-index:1}.profile-card-banner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.profile-card-banner--tall{height:112px}.profile-card-banner--single-color{height:100px}.profile-card-spotify{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:8px 16px;background:#1db9541f;border:1px solid rgba(29,185,84,.25);border-radius:8px;flex-shrink:0}.profile-card-spotify-icon{color:#1db954;flex-shrink:0}.profile-card-spotify-icon svg{width:20px;height:20px}.profile-card-spotify-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profile-card-spotify-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff9}.profile-card-spotify-track{font-size:14px;font-weight:500;color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-card-spotify-track:hover{color:#1db954;text-decoration:underline}.profile-card-spotify-art{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.profile-card-spotify-hint{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:8px 16px;background:#1db95414;border:1px dashed rgba(29,185,84,.35);border-radius:8px}.profile-card-spotify-hint .profile-card-spotify-icon{opacity:.7}.profile-card-spotify-connect-btn{flex:1;background:none;border:none;color:#1db954;font-size:13px;font-weight:500;cursor:pointer;text-align:left;padding:0}.profile-card-spotify-connect-btn:hover{color:#1ed760;text-decoration:underline}.profile-card-scroll{overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.profile-card-scroll::-webkit-scrollbar{width:4px}.profile-card-scroll::-webkit-scrollbar-track{background:transparent}.profile-card-scroll::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.profile-card-content{padding:0;display:flex;flex-direction:column;min-height:100%}.profile-card-avatar-row{display:flex;justify-content:space-between;align-items:flex-end;padding:0 16px 0 8px;margin-top:-44px;margin-bottom:12px;min-height:40px;position:relative;z-index:5;flex-shrink:0}.profile-card-avatar-wrapper{position:relative;width:88px;height:88px;flex-shrink:0}.profile-card-avatar-wrapper .avatar{width:88px!important;height:88px!important;border:5px solid var(--bg-floating)!important;border-radius:50%!important;box-sizing:border-box;position:relative;z-index:1}.profile-card-avatar-wrapper--gradient{position:relative;overflow:visible}.profile-card-avatar-wrapper--gradient .avatar,.profile-card-avatar-wrapper--gradient .profile-card-skeleton-avatar{position:absolute;top:5px;left:5px;width:calc(100% - 10px)!important;height:calc(100% - 10px)!important;border:none!important}.profile-card-status-badge-wrap{position:absolute;bottom:2px;right:2px;width:18px;height:18px;border-radius:50%;border:3px solid var(--bg-floating);box-sizing:border-box;background:#80848e;z-index:3}.profile-card-actions{display:flex;gap:8px;align-self:flex-end;padding-bottom:2px}.profile-card-action-btn{width:34px;height:34px;border-radius:50%;background:var(--bg-hover);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease,transform .12s var(--transition-spring, cubic-bezier(.34, 1.56, .64, 1));flex-shrink:0}.profile-card-action-btn:hover{background:var(--bg-active);color:var(--text-primary);transform:scale(1.1)}.profile-card-menu-wrap{position:relative}.profile-card-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:188px;padding:5px 6px;background:var(--glass-float-bg);border:1px solid var(--border-default);border-radius:10px;box-shadow:var(--shadow-elevated),0 0 0 1px #0000000a;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);z-index:10;animation:pcDropIn .14s var(--transition-smooth, cubic-bezier(.22, 1, .36, 1))}@keyframes pcDropIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-card-dropdown-item{display:block;width:100%;padding:7px 9px;text-align:left;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:none;border:none;border-radius:6px;cursor:pointer;font-family:inherit;transition:background .08s ease,color .08s ease}.profile-card-dropdown-item:hover{background:var(--accent);color:var(--accent-text)}.profile-card-body{padding:0 16px 16px}.profile-card-body--own{display:flex;flex-direction:column;flex:1;min-height:0}.profile-card-identity{margin-bottom:6px}.profile-card-displayname{font-size:1.05rem;font-weight:700;color:#f2f3f5;line-height:1.3;margin:0 0 2px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.profile-card-note-btn{opacity:0;padding:4px;color:#b5bac1;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:opacity .15s,color .15s,background .15s;display:inline-flex;align-items:center;justify-content:center}.profile-card-popup:hover .profile-card-note-btn{opacity:1}.profile-card-note-btn:hover{color:#f2f3f5;background:#ffffff14}.profile-card-note-inline{margin-top:6px;margin-bottom:4px}.profile-card-note-preview{font-size:.875rem;color:var(--text-secondary);line-height:1.4;margin:0;padding:6px 8px;background:var(--bg-tertiary);border-radius:4px;cursor:text;word-break:break-word}.profile-card-note-preview:hover{background:var(--surface-2)}.profile-card-tag-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.profile-card-copy-username-btn{opacity:0;padding:4px;color:var(--text-muted, #949ba4);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:opacity .15s,color .15s,background .15s;display:inline-flex;align-items:center;justify-content:center}.profile-card-popup:hover .profile-card-copy-username-btn{opacity:1}.profile-card-copy-username-btn:hover{color:var(--text-primary);background:#ffffff14}.profile-card-username{font-size:.875rem;font-weight:500;color:var(--text-primary)}.profile-card-username--muted{color:var(--text-muted, #949ba4);font-weight:400}.profile-card-bot-badge{font-size:.625rem;font-weight:500;color:#fff;background:#5865f2;padding:2px 4px;border-radius:3px;margin-right:6px;line-height:1}.profile-card-nitro-badge{display:inline-block;font-size:.65rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#4f6ef7,#eb459e);padding:2px 6px;border-radius:3px;letter-spacing:.03em;vertical-align:middle;text-transform:uppercase}.profile-card-role-badge{display:inline-block;font-size:.625rem;font-weight:500;padding:2px 5px;border-radius:3px;border:1px solid;margin-right:4px;line-height:1;vertical-align:middle;background:transparent}.profile-card-role-badge--owner{color:#f0b232;border-color:#f0b232;background:#f0b23226}.profile-card-badges-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;align-items:center}.profile-card-badges-row--bottom{margin-top:auto;margin-bottom:0;padding-top:16px}.profile-card-badge{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;padding:4px 8px;border-radius:6px;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}.profile-card-badge--bot{color:#fff;background:linear-gradient(135deg,#5865f2,#4752c4);box-shadow:0 1px 3px #5865f259}.profile-card-badge--nitro{color:#fff;background:linear-gradient(135deg,#4f6ef7,#eb459e,#f0b232);background-size:200% 200%;box-shadow:0 1px 4px #eb459e66}.profile-card-badge--owner{color:#1a1a1a;background:linear-gradient(135deg,#f0b232,#e5a01e);border:1px solid rgba(240,178,50,.5);box-shadow:0 1px 3px #f0b2324d}.profile-card-badge--role{background:#ffffff14;border:1px solid;font-weight:500;text-transform:none}.profile-card-status-msg{font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.4;margin-bottom:8px;word-break:break-word}.profile-card-divider{height:1px;background:var(--border-default);border:none;margin:12px 0}.profile-card-mutuals-btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;margin-bottom:10px;background:var(--bg-hover, rgba(255,255,255,.04));border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s,transform .15s var(--transition-spring, cubic-bezier(.34, 1.56, .64, 1));text-align:left}.profile-card-mutuals-btn:hover{background:var(--bg-active);border-color:#6179f84d;transform:translate(2px)}.profile-card-mutuals-icon{color:var(--accent);display:flex;align-items:center;flex-shrink:0}.profile-card-mutuals-text{flex:1;font-size:.875rem;font-weight:600;color:var(--text-primary)}.profile-card-mutuals-count{min-width:20px;height:20px;padding:0 5px;background:var(--accent-muted, rgba(97,121,248,.18));color:var(--accent);border-radius:10px;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.profile-card-mutuals-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .15s ease}.profile-card-mutuals-btn:hover .profile-card-mutuals-chevron{transform:translate(2px);color:var(--accent)}.profile-card-expand-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:10px;padding:8px;background:transparent;border:1px dashed var(--border-subtle);border-radius:8px;color:var(--text-muted);font-size:.8rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.profile-card-expand-btn:hover{background:var(--bg-hover);border-color:#6179f859;border-style:solid;color:var(--text-primary)}.profile-card-mutuals{margin-bottom:12px}.profile-card-section{margin-bottom:16px}.profile-card-section:last-child{margin-bottom:0}.profile-card-section-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#c5c9d0;margin:0 0 6px}.profile-card-section-content{font-size:.875rem;color:#dbdee1;margin:0;line-height:1.5}.profile-card-note-content{padding:8px 10px;background:var(--bg-tertiary);border-radius:4px;font-size:.875rem;color:var(--text-primary);cursor:text;min-height:36px;line-height:1.45;transition:background .1s;word-break:break-word}.profile-card-note-content:hover{background:var(--surface-2)}.profile-card-note-content.empty{color:var(--text-muted);font-style:italic}.profile-card-note-input{width:100%;padding:8px 10px;font-size:.875rem;font-family:inherit;color:var(--text-primary);background:var(--bg-tertiary);border:none;border-radius:4px;resize:vertical;min-height:48px;outline:none;box-sizing:border-box;line-height:1.45}.profile-card-note-input::placeholder{color:var(--text-muted)}.profile-card-message-wrap{display:flex;align-items:center;gap:8px;margin-top:16px;padding:11px 16px;background:var(--bg-tertiary);border-radius:8px;cursor:pointer;transition:background .1s;border:none;width:100%;box-sizing:border-box}.profile-card-message-wrap:hover{background:var(--surface-2)}.profile-card-message-input{flex:1;background:none;border:none;outline:none;color:var(--text-muted);font-size:.875rem;font-family:inherit;pointer-events:none;cursor:pointer;min-width:0}.profile-card-message-input::placeholder{color:var(--text-muted)}.profile-card-message-emoji{color:#4e5058;display:flex;align-items:center;flex-shrink:0}.profile-card-loading{padding:8px 0 4px}.profile-card-skeleton-avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:pcShimmer 1.5s infinite;border:5px solid var(--bg-floating);box-sizing:border-box}.profile-card-skeleton-line{height:16px;border-radius:4px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:pcShimmer 1.5s infinite;margin-bottom:8px}.profile-card-skeleton-line--name{width:60%;height:20px}.profile-card-skeleton-line--tag{width:40%;height:14px}.profile-card-skeleton-text{height:14px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:pcShimmer 1.5s infinite;border-radius:4px;margin-bottom:8px;width:60%}.profile-card-skeleton-text.short{width:40%}@keyframes pcShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-card-error{padding:24px 16px;text-align:center;color:#b5bac1;font-size:.875rem}@media (max-width: 768px){.profile-card-sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:flex-end;justify-content:stretch}.profile-card-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:none;background:#00000075;cursor:pointer;transition:opacity .18s linear}.profile-card-sheet{position:relative;width:100%;margin-top:auto;max-height:98vh;border-radius:36px 36px 0 0;border-top:1px solid color-mix(in srgb,var(--border-subtle) 88%,transparent);background:linear-gradient(175deg,var(--bg-secondary) 0%,color-mix(in srgb,var(--bg-primary) 84%,#000 16%) 100%);box-shadow:0 -16px 42px #00000061;padding:0 0 env(safe-area-inset-bottom);animation:profileCardSheetUp .22s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;overflow:hidden}.profile-card-sheet.profile-card-popup{width:100%;max-width:none;top:auto!important;left:auto!important;border-radius:36px 36px 0 0;border:none;border-top:1px solid color-mix(in srgb,var(--border-subtle) 88%,transparent);box-shadow:0 -16px 42px #00000061;animation:profileCardSheetUp .22s cubic-bezier(.22,1,.36,1)}.profile-card-sheet-grab{position:absolute;top:12px;left:50%;transform:translate(-50%);width:50px;height:5px;border-radius:999px;flex-shrink:0;z-index:2;background:color-mix(in srgb,var(--text-muted) 70%,transparent);touch-action:none}.profile-card-sheet .profile-card-banner{order:-1;border-radius:36px 36px 0 0;overflow:hidden}.profile-card-sheet .profile-effect-overlay{border-radius:36px 36px 0 0}.profile-card-sheet .profile-card-scroll{flex:1;min-height:0;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom)}}@keyframes profileCardSheetUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.profile-card-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;animation:pcOverlayIn .15s ease-out}@keyframes pcOverlayIn{0%{opacity:0}to{opacity:1}}.profile-card-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;cursor:pointer}.profile-card-popup--card{position:relative!important;top:auto!important;left:auto!important;z-index:1;width:100%;max-width:340px;max-height:90vh;overflow-y:auto;border-radius:8px;animation:pcCardIn .2s cubic-bezier(.22,1,.36,1) forwards}@keyframes pcCardIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.profile-card-popup--no-overlay-band .profile-card-scroll:before{display:none!important}.profile-card-popup--high-contrast-gradient .profile-card-scroll{position:relative}.profile-card-popup--high-contrast-gradient .profile-card-scroll:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000059,#00000080,#0006);pointer-events:none;z-index:0}.profile-card-popup--high-contrast-gradient .profile-card-content{position:relative;z-index:1}.profile-card-popup--high-contrast-gradient .profile-card-action-btn{background:#00000080;color:#fff}.profile-card-popup--high-contrast-gradient .profile-card-action-btn:hover{background:#000000a6}.profile-card-popup--high-contrast-gradient .profile-card-avatar-wrapper .avatar{border-color:#ffffff4d!important}.profile-card-popup--high-contrast-gradient .profile-card-avatar-wrapper--gradient .avatar{border:none!important}.profile-card-popup--high-contrast-gradient .profile-card-status-badge-wrap{border-color:var(--bg-floating)}.profile-card-popup--light-gradient .profile-card-avatar-wrapper .avatar{border-color:#0003!important}.profile-card-popup--light-gradient .profile-card-avatar-wrapper--gradient .avatar{border:none!important}.profile-card-popup--light-gradient .profile-card-status-badge-wrap{border-color:#ffffffe6}.profile-card-popup--light-gradient .profile-card-action-btn{background:#00000040;color:#111}.profile-card-popup--light-gradient .profile-card-action-btn:hover{background:#00000059;color:#000}.profile-card-popup--light-gradient .profile-card-displayname{color:#0d0d0d}.profile-card-popup--light-gradient .profile-card-username,.profile-card-popup--light-gradient .profile-card-status-msg{color:#1a1a1a}.profile-card-popup--light-gradient .profile-card-divider{background:#00000038}.profile-card-popup--light-gradient .profile-card-mutuals-text,.profile-card-popup--light-gradient .profile-card-section-title{color:#1a1a1a}.profile-card-popup--light-gradient .profile-card-section-content{color:#0d0d0d}.profile-card-popup--light-gradient .profile-card-note-content{background:#0000001a;color:#111}.profile-card-popup--light-gradient .profile-card-note-content:hover{background:#00000026}.profile-card-popup--light-gradient .profile-card-note-content.empty{color:#333}.profile-card-popup--light-gradient .profile-card-note-input{background:#0000001a;color:#111}.profile-card-popup--light-gradient .profile-card-note-input::placeholder{color:#444}.profile-card-popup--light-gradient .profile-card-message-wrap{background:#0000001f}.profile-card-popup--light-gradient .profile-card-message-wrap:hover{background:#0000002e}.profile-card-popup--light-gradient .profile-card-message-input{color:#1a1a1a}.profile-card-popup--light-gradient .profile-card-message-input::placeholder{color:#444}.profile-card-popup--light-gradient .profile-card-message-emoji{color:#333}.profile-card-popup--light-gradient .profile-card-dropdown{background:#fff;box-shadow:0 4px 16px #0003}.profile-card-popup--light-gradient .profile-card-dropdown-item{color:#111}.profile-card-popup--light-gradient .profile-card-dropdown-item:hover{background:#4f6ef7;color:#fff}.profile-card-popup--light-gradient .profile-card-note-btn{color:#444}.profile-card-popup--light-gradient .profile-card-note-btn:hover{color:#111;background:#0000001a}.profile-card-popup--light-gradient .profile-card-copy-username-btn{color:#444}.profile-card-popup--light-gradient .profile-card-copy-username-btn:hover{color:#111;background:#0000001a}.profile-card-popup--light-gradient .profile-card-note-preview{background:#0000001a;color:#111}.profile-card-popup--light-gradient .profile-card-note-preview:hover{background:#00000026}.profile-card-popup--light-gradient .profile-card-scroll{scrollbar-color:rgba(0,0,0,.25) transparent}.profile-card-popup--light-gradient .profile-card-error{color:#1a1a1a}.profile-card-popup--light-gradient .profile-card-skeleton-avatar{border-color:#00000026!important}.profile-card-popup--light-gradient .profile-card-skeleton-line,.profile-card-popup--light-gradient .profile-card-skeleton-text{background:linear-gradient(90deg,#0000001a 25%,#0000002e,#0000001a 75%);background-size:200% 100%}.profile-card-preview-inline{position:relative!important;top:auto!important;left:auto!important;animation:none!important;box-shadow:none!important;max-height:none!important}[data-theme=light] .profile-card-popup{background:#fff;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014}[data-theme=light] .profile-card-avatar-wrapper .avatar{border-color:#fff!important}[data-theme=light] .profile-card-status-badge-wrap{border-color:#fff}[data-theme=light] .profile-card-scroll{scrollbar-color:rgba(0,0,0,.1) transparent}[data-theme=light] .profile-card-action-btn{background:#f2f3f5;color:#4e5058}[data-theme=light] .profile-card-action-btn:hover{background:#e3e5e8;color:#060607}[data-theme=light] .profile-card-displayname{color:#060607}[data-theme=light] .profile-card-note-btn{color:#4e5058}[data-theme=light] .profile-card-note-btn:hover{color:#060607;background:#0000000f}[data-theme=light] .profile-card-copy-username-btn{color:#747f8d}[data-theme=light] .profile-card-copy-username-btn:hover{color:#060607;background:#0000000f}[data-theme=light] .profile-card-note-preview{background:#e3e5e8;color:#2e3338}[data-theme=light] .profile-card-note-preview:hover{background:#d4d7dc}[data-theme=light] .profile-card-username,[data-theme=light] .profile-card-status-msg{color:#4e5058}[data-theme=light] .profile-card-divider{background:#e3e5e8}[data-theme=light] .profile-card-mutuals-text,[data-theme=light] .profile-card-section-title{color:#4e5058}[data-theme=light] .profile-card-section-content{color:#2e3338}[data-theme=light] .profile-card-note-content{background:#e3e5e8;color:#2e3338}[data-theme=light] .profile-card-note-content:hover{background:#d4d7dc}[data-theme=light] .profile-card-note-content.empty{color:#747f8d;font-style:italic}[data-theme=light] .profile-card-note-input{background:#e3e5e8;color:#2e3338}[data-theme=light] .profile-card-message-wrap{background:#e3e5e8}[data-theme=light] .profile-card-message-wrap:hover{background:#d4d7dc}[data-theme=light] .profile-card-message-input{color:#4e5058}[data-theme=light] .profile-card-message-emoji{color:#747f8d}[data-theme=light] .profile-card-dropdown{background:#fff;box-shadow:0 4px 16px #00000029}[data-theme=light] .profile-card-dropdown-item{color:#2e3338}[data-theme=light] .profile-card-skeleton-avatar,[data-theme=light] .profile-card-skeleton-line,[data-theme=light] .profile-card-skeleton-text{background:linear-gradient(90deg,#e3e5e8 25%,#f2f3f5,#e3e5e8 75%);background-size:200% 100%}.add-note-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100000;animation:addNoteFadeIn .15s ease-out forwards}@keyframes addNoteFadeIn{0%{opacity:0}to{opacity:1}}.add-note-modal{min-width:400px;max-width:480px;padding:1.5rem 1.5rem 1.25rem;background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-elevated, 0 8px 24px rgba(0,0,0,.4));animation:addNoteSlide .2s ease-out forwards}@keyframes addNoteSlide{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.add-note-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary, #fff)}.add-note-subtitle{margin:0 0 1rem;font-size:.9rem;color:var(--text-muted, #949ba4);line-height:1.4}.add-note-input{width:100%;padding:.75rem .875rem;margin-bottom:1.25rem;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary, #fff);font-size:.9375rem;font-family:inherit;resize:vertical;min-height:80px;box-sizing:border-box}.add-note-input:focus{outline:2px solid var(--accent);outline-offset:-2px}.add-note-input::placeholder{color:var(--text-muted, #72767d)}.add-note-actions{display:flex;gap:.75rem;justify-content:flex-end}.add-note-btn{padding:.6rem 1.25rem;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:background .15s ease}.add-note-btn.cancel{background:transparent;color:var(--text-primary, #f2f3f5)}.add-note-btn.cancel:hover{text-decoration:underline;background:transparent}.add-note-btn.confirm{background:var(--accent);color:var(--accent-text)}.add-note-btn.confirm:hover{background:var(--accent-hover)}.friend-nickname-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100000;animation:friendNicknameFadeIn .15s ease-out forwards}@keyframes friendNicknameFadeIn{0%{opacity:0}to{opacity:1}}.friend-nickname-modal{min-width:400px;max-width:480px;padding:1.5rem 1.5rem 1.25rem;background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-elevated, 0 8px 24px rgba(0,0,0,.4));animation:friendNicknameSlide .2s ease-out forwards}@keyframes friendNicknameSlide{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.friend-nickname-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary, #fff)}.friend-nickname-subtitle{margin:0 0 1rem;font-size:.9rem;color:var(--text-muted, #949ba4);line-height:1.4}.friend-nickname-input{width:100%;padding:.75rem .875rem;margin-bottom:1.25rem;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary, #fff);font-size:.9375rem;box-sizing:border-box}.friend-nickname-input:focus{outline:2px solid var(--accent);outline-offset:-2px}.friend-nickname-input::placeholder{color:var(--text-muted, #72767d)}.friend-nickname-actions{display:flex;gap:.75rem;justify-content:flex-end}.friend-nickname-btn{padding:.6rem 1.25rem;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:background .15s ease}.friend-nickname-btn.cancel{background:transparent;color:var(--text-primary, #f2f3f5)}.friend-nickname-btn.cancel:hover{text-decoration:underline;background:transparent}.friend-nickname-btn.confirm{background:var(--accent);color:var(--accent-text)}.friend-nickname-btn.confirm:hover{background:var(--accent-hover)}.clickable-avatar{display:inline-flex;cursor:pointer;border-radius:50%;transition:transform .15s ease,box-shadow .15s ease}.clickable-avatar:hover:not(.disabled){transform:none}.clickable-avatar:hover:not(.disabled) .avatar{box-shadow:none}.clickable-avatar:active:not(.disabled){transform:none}.clickable-avatar:focus{outline:none}.clickable-avatar:focus-visible:not(.disabled) .avatar{box-shadow:none}.clickable-avatar.disabled{cursor:default;pointer-events:none}.cg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));display:flex;align-items:center;justify-content:center;z-index:9999;animation:cg-fade-in .2s cubic-bezier(.16,1,.3,1)}@keyframes cg-fade-in{0%{opacity:0}to{opacity:1}}.cg-modal{background:var(--glass-panel-bg);border:1px solid var(--modal-panel-border);border-radius:var(--modal-panel-radius);width:460px;max-width:calc(100vw - 24px);max-height:600px;display:flex;flex-direction:column;animation:cg-slide-up .25s cubic-bezier(.16,1,.3,1);box-shadow:var(--modal-panel-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}@keyframes cg-slide-up{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.cg-header{padding:20px 20px 8px;position:relative;text-align:center}.cg-header h2{margin:0;font-size:20px;font-weight:700;color:var(--text-primary, #f2f3f5)}.cg-subtitle{margin:4px 0 0;font-size:13px;color:var(--text-muted, #949ba4)}.cg-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted, #949ba4);cursor:pointer;padding:4px;border-radius:4px;display:flex;transition:color .15s}.cg-close:hover{color:var(--text-primary, #f2f3f5)}.cg-search-area{padding:12px 16px 8px}.cg-selected-tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center;background:var(--bg-tertiary);border-radius:8px;padding:6px 8px;min-height:38px;border:1px solid transparent;transition:border-color .15s}.cg-selected-tags:focus-within{border-color:var(--accent)}.cg-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 6px 2px 8px;background:var(--accent);color:var(--accent-text);border-radius:4px;font-size:12px;font-weight:500}.cg-tag button{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:0;display:flex;line-height:1}.cg-tag button:hover{color:#fff}.cg-search-input{flex:1;min-width:100px;background:none;border:none;outline:none;color:var(--text-primary, #f2f3f5);font-size:14px;padding:4px}.cg-search-input::placeholder{color:var(--text-muted, #949ba4)}.cg-results{flex:1;overflow-y:auto;padding:4px 16px;min-height:200px;max-height:300px}.cg-loading,.cg-no-results{text-align:center;color:var(--text-muted, #949ba4);font-size:13px;padding:20px}.cg-user-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:none;border:none;border-radius:6px;cursor:pointer;color:var(--text-primary, #f2f3f5);transition:background .1s}.cg-user-item:hover{background:var(--bg-hover)}.cg-user-info{flex:1;text-align:left;display:flex;flex-direction:column}.cg-user-name{font-size:14px;font-weight:500}.cg-user-tag{font-size:12px;color:var(--text-muted, #949ba4)}.cg-checkbox{width:22px;height:22px;border-radius:6px;border:2px solid var(--text-muted, #949ba4);display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.cg-checkbox.checked{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.cg-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border-subtle)}.cg-count{font-size:12px;color:var(--text-muted, #949ba4)}.cg-next-btn,.cg-create-btn{padding:8px 24px;background:var(--accent);color:var(--accent-text);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.cg-next-btn:hover,.cg-create-btn:hover{background:var(--accent-hover)}.cg-next-btn:disabled,.cg-create-btn:disabled{opacity:.5;cursor:not-allowed}.cg-back-btn{padding:8px 16px;background:none;border:none;color:var(--text-muted, #949ba4);cursor:pointer;font-size:14px;transition:color .15s}.cg-back-btn:hover{color:var(--text-primary, #f2f3f5)}.cg-name-step{padding:16px 20px;flex:1;overflow-y:auto}.cg-group-preview{display:flex;justify-content:center;margin-bottom:20px}.cg-group-avatar-stack{display:flex;align-items:center}.cg-stack-avatar{margin-left:-8px;border:3px solid var(--bg-secondary);border-radius:50%}.cg-stack-avatar:first-child{margin-left:0}.cg-stack-more{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-muted, #949ba4);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;margin-left:-8px;border:3px solid var(--bg-secondary)}.cg-label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted, #949ba4);margin-bottom:8px}.cg-name-input{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:none;border-radius:6px;color:var(--text-primary, #f2f3f5);font-size:14px;outline:none;box-sizing:border-box}.cg-name-input::placeholder{color:var(--text-muted, #949ba4)}.cg-name-input:focus{box-shadow:0 0 0 2px var(--accent)}.cg-members-preview{margin-top:20px}.cg-members-list{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto;margin-top:8px}.cg-member-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;font-size:13px;color:var(--text-secondary, #b5bac1)}.undo-toast{position:fixed;bottom:calc(20px + var(--toast-index, 0) * 60px);left:50%;transform:translate(-50%);z-index:10001;min-width:300px;max-width:450px;background:var(--glass-float-bg);border:none;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-elevated);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);animation:undoToastSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes undoToastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.undo-toast-progress{position:absolute;top:0;left:0;height:3px;background:var(--accent);transition:width .1s linear;border-radius:3px 0 0}.undo-toast-content{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px}.undo-toast-message{color:var(--text-primary, #fff);font-size:.9rem;font-weight:500;flex:1}.undo-toast-btn{padding:8px 16px;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:8px;color:var(--accent);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.undo-toast-btn:hover{background:var(--bg-active);border-color:var(--accent);transform:scale(1.02)}.undo-toast-btn:active{transform:scale(.98)}.undo-toast:hover .undo-toast-progress{animation:progressPulse .5s ease-in-out infinite alternate}@keyframes progressPulse{0%{opacity:.7}to{opacity:1}}.user-panel{position:relative;flex-shrink:0;display:flex;align-items:center;gap:4px;padding:0 8px;height:54px;min-height:54px;background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.user-panel-identity{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:5px 6px;border-radius:8px;cursor:pointer;transition:background .15s ease,box-shadow .2s ease}.user-panel-identity:hover{background:var(--bg-hover)}.user-panel-avatar{position:relative;width:32px;height:32px;flex-shrink:0}.user-panel-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-panel-avatar>span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:var(--accent-text);font-weight:600;font-size:.85rem}.user-panel-status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);padding:2px}.user-panel-info{flex:1;min-width:0}.user-panel-name{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.user-panel-status{display:block;font-size:.7rem;color:var(--text-muted, #949ba4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.user-panel-controls{display:flex;align-items:center;gap:2px;flex-shrink:0}.user-panel-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;color:var(--text-muted, #949ba4);cursor:pointer;transition:background .12s ease,color .12s ease,transform .12s var(--transition-spring, cubic-bezier(.34, 1.56, .64, 1));position:relative}.user-panel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.user-panel-btn:active:not(.active){opacity:.6}.user-panel-btn.active{color:var(--error)}.user-panel-btn.active:hover{color:var(--error);background:#ed424533}.status-picker{position:fixed;width:320px;background:var(--glass-float-bg);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-default);box-shadow:var(--shadow-elevated),0 0 0 1px #00000008,0 12px 34px -18px var(--cosmic-glow-strong);z-index:1100000;overflow:hidden;animation:statusPickerIn .2s cubic-bezier(.16,1,.3,1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}@keyframes statusPickerIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.status-picker-header{padding:16px}.status-picker-user{display:flex;align-items:center;gap:12px}.status-picker-avatar{width:44px;height:44px;flex-shrink:0;border-radius:50%;overflow:hidden;box-shadow:0 2px 8px #00000026}.status-picker-avatar img{width:100%;height:100%;object-fit:cover}.status-picker-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:var(--accent-text);font-weight:600;font-size:1.1rem}.status-picker-user-info{min-width:0}.status-picker-name{display:block;font-size:1rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.status-picker-username{display:block;font-size:.8rem;color:var(--text-muted);margin-top:2px}.status-picker-separator{height:1px;margin:0 14px;background:var(--border-subtle)}.status-picker-section-label{padding:12px 14px 6px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);opacity:.9}.status-picker-item{display:flex;align-items:center;gap:12px;width:calc(100% - 16px);padding:10px 14px;margin:0 8px 4px;background:none;border:none;border-radius:var(--radius-sm, 6px);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:background .15s ease,color .15s ease;text-align:left;box-sizing:border-box}.status-picker-item:hover{background:var(--bg-hover)}.status-picker-item.selected{background:var(--bg-active)}.status-picker-dot{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-picker-emoji{width:18px;height:18px;text-align:center;flex-shrink:0;opacity:.9}.status-picker-check{margin-left:auto;color:var(--accent);flex-shrink:0}.custom-status-btn{margin:4px 0}.status-picker-another-account{display:flex;align-items:center;justify-content:space-between}.status-picker-arrow{margin-left:auto;flex-shrink:0;opacity:.7}.account-flyout{position:fixed;width:280px;padding:8px 8px 12px;background:var(--glass-float-bg);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-default);box-shadow:var(--shadow-elevated),0 0 0 1px #00000008,0 10px 30px -18px var(--cosmic-glow-strong);z-index:1100001;animation:statusPickerIn .15s cubic-bezier(.16,1,.3,1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.account-flyout-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:none;border:none;border-radius:var(--radius-sm, 6px);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:background .15s ease;text-align:left}.account-flyout-item:hover{background:var(--bg-hover)}.account-flyout-avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000001f}.account-flyout-avatar img{width:100%;height:100%;object-fit:cover}.account-flyout-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:var(--accent-text);font-weight:600;font-size:.85rem}.account-flyout-info{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start}.account-flyout-name{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-flyout-username{display:block;font-size:.75rem;color:var(--text-muted);margin-top:1px}.account-flyout-badge{margin-left:auto;font-size:.68rem;font-weight:600;letter-spacing:.04em;color:var(--accent);flex-shrink:0;padding:2px 8px;background:var(--accent-muted);border-radius:4px}.account-flyout-add{color:var(--accent);font-weight:500;border:1px dashed var(--border-default);margin-top:4px}.account-flyout-add:hover{background:var(--accent-muted);color:var(--accent);border-color:var(--accent)}.custom-status-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));z-index:1100000;animation:fadeInOverlay .15s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.custom-status-modal{background:var(--modal-panel-bg);border:1px solid var(--modal-panel-border);border-radius:var(--modal-panel-radius);width:440px;max-width:95vw;box-shadow:var(--modal-panel-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);animation:customStatusModalIn .2s cubic-bezier(.22,1,.36,1)}@keyframes customStatusModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.custom-status-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0}.custom-status-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.custom-status-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:background .1s,color .1s}.custom-status-close:hover{background:var(--bg-hover);color:var(--text-primary)}.custom-status-modal-body{padding:16px 20px}.custom-status-label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);opacity:.85;margin-bottom:8px}.custom-status-input{width:100%;padding:9px 12px;background:var(--input-bg);border:1px solid var(--border-default);border-radius:var(--radius);color:var(--text-primary);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .15s}.custom-status-input::placeholder{color:var(--text-muted)}.custom-status-input:focus{border-color:var(--accent)}.custom-status-char-count{text-align:right;font-size:.7rem;color:var(--text-muted);margin-top:5px;opacity:.7}.custom-status-modal-footer{display:flex;align-items:center;gap:8px;padding:12px 20px 20px}.custom-status-footer-spacer{flex:1}.custom-status-clear-btn,.custom-status-cancel-btn,.custom-status-save-btn{padding:8px 16px;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .12s,opacity .12s}.custom-status-clear-btn{background:transparent;color:var(--text-muted)}.custom-status-clear-btn:hover{color:var(--error)}.custom-status-cancel-btn{background:var(--surface-2);color:var(--text-secondary)}.custom-status-cancel-btn:hover{background:var(--surface-3)}.custom-status-save-btn{background:var(--accent-gradient);background:var(--accent);color:var(--accent-text)}.custom-status-save-btn:hover{background:var(--accent-hover)}[data-theme=dark] .user-panel{background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}[data-theme=dark] .user-panel-name{color:#fff;font-weight:600}[data-theme=dark] .user-panel-status{color:#ffffffbd;transition:color .2s ease}[data-theme=dark] .user-panel-identity:hover .user-panel-status{color:#ffffffeb}[data-theme=dark] .user-panel-btn{color:#ffffffc7}[data-theme=dark] .user-panel-btn:hover{background:#ffffff1f;color:#fff;box-shadow:none}.chs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);z-index:1000;animation:chsFadeIn .15s ease-out}@keyframes chsFadeIn{0%{opacity:0}to{opacity:1}}.chs-layout{display:flex;height:100%;overflow:hidden}.chs-nav{width:220px;min-width:220px;background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border-subtle)}.chs-nav-scroll{flex:1;overflow-y:auto;padding:56px 8px 60px 16px;display:flex;flex-direction:column;align-items:flex-end;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.chs-nav-group{width:188px;margin-bottom:8px}.chs-nav-group-title{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:var(--text-muted);padding:4px 10px 8px;margin:0;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chs-nav-item{width:100%;display:flex;align-items:center;gap:8px;padding:7px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .1s,color .1s;text-align:left;margin:1px 0}.chs-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.chs-nav-item.active{background:var(--bg-active);color:var(--text-primary);font-weight:600}.chs-nav-icon{display:flex;align-items:center;flex-shrink:0;opacity:.7}.chs-nav-item.active .chs-nav-icon,.chs-nav-item:hover .chs-nav-icon{opacity:1}.chs-content{flex:1;overflow-y:auto;padding:30px;display:flex;justify-content:flex-start;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.chs-tab-content{width:calc(100% - 60px);margin:0 30px;max-width:none;min-width:0}.chs-tab-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.chs-tab-desc{font-size:.875rem;color:var(--text-muted);margin:0 0 24px;line-height:1.5}.chs-close-area{position:fixed;top:56px;right:36px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:1100}.chs-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid var(--text-muted);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s}.chs-close-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.chs-close-hint{font-size:.65rem;font-weight:700;color:var(--text-muted);letter-spacing:.03em}.chs-field{margin-bottom:20px}.chs-field label{display:block;margin-bottom:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary)}.chs-field input[type=text],.chs-field select{width:100%;padding:10px 12px;background:var(--input-bg, var(--bg-tertiary));border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.chs-field input[type=text]:focus,.chs-field select:focus{outline:none;border-color:var(--accent)}.chs-name-input-wrap{display:flex;align-items:center;background:var(--input-bg, var(--bg-tertiary));border:1px solid var(--border-default);border-radius:8px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.chs-name-input-wrap:focus-within{border-color:var(--accent)}.chs-name-prefix{display:flex;align-items:center;justify-content:center;padding:0 10px;color:var(--text-muted);flex-shrink:0}.chs-name-input-wrap input{flex:1;padding:10px 12px 10px 4px;background:transparent;border:none;color:var(--text-primary);font-size:.9375rem;font-family:inherit}.chs-name-input-wrap input:focus{outline:none;box-shadow:none}.chs-optional{font-size:.7rem;font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-muted);margin-left:6px}.chs-hint{font-size:.75rem;color:var(--text-muted);margin:4px 0 0}.chs-divider{height:1px;background:var(--border-subtle);margin:24px 0}.chs-toggles{display:flex;flex-direction:column;gap:1px}.chs-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-subtle);margin-bottom:8px}.chs-toggle-info{display:flex;align-items:flex-start;gap:12px;flex:1}.chs-toggle-label{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.chs-toggle-desc{font-size:.8125rem;color:var(--text-muted);line-height:1.4}.chs-age-badge{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--error, #dc2626);color:#fff;font-size:.65rem;font-weight:800;border-radius:6px;margin-top:2px}.chs-toggle{flex-shrink:0;width:44px;height:24px;background:var(--border-strong, rgba(15,17,23,.19));border:none;border-radius:12px;cursor:pointer;position:relative;transition:background .2s ease;padding:0}.chs-toggle.on{background:var(--accent)}.chs-toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.chs-toggle.on .chs-toggle-knob{transform:translate(20px)}.chs-save-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-subtle)}.chs-save-note{font-size:.8125rem;color:var(--text-muted);flex:1}.chs-btn-save{padding:9px 18px;background:var(--accent);color:var(--accent-text);border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap;flex-shrink:0}.chs-btn-save:hover{background:var(--accent-hover, #3d5ce5)}.chs-btn-save:disabled{opacity:.5;cursor:not-allowed}.chs-btn-ghost{padding:9px 18px;background:transparent;color:var(--text-muted);border:1px solid var(--border-default);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .1s,color .1s}.chs-btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.chs-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:background .1s,color .1s}.chs-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.chs-icon-btn.danger:hover{background:#dc262614;color:var(--error, #dc2626)}.chs-wh-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}.chs-wh-header .chs-tab-title{margin-bottom:4px}.chs-wh-header .chs-tab-desc{margin-bottom:0}.chs-wh-new-btn{display:flex;align-items:center;gap:7px;padding:9px 16px;background:var(--accent-gradient, linear-gradient(135deg, #6685f9 0%, #4f6ef7 100%));color:var(--accent-text);border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:filter .12s ease}.chs-wh-new-btn:hover{filter:brightness(1.07)}.chs-wh-form{background:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:14px;padding:24px;margin-bottom:24px;display:flex;flex-direction:column;gap:20px}.chs-wh-form-title{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.chs-wh-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chs-form-actions{display:flex;justify-content:flex-end;gap:8px}.chs-field-req{color:var(--error, #dc2626);font-weight:700}.chs-field-hint{font-weight:400;font-size:.8em;color:var(--text-muted)}.chs-wh-avatar-upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chs-wh-avatar-preview{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-default);flex-shrink:0}.chs-wh-avatar-file-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--bg-hover);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.chs-wh-avatar-file-btn:hover{background:var(--bg-active);border-color:#6179f866;color:var(--text-primary)}.chs-wh-avatar-remove{background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;font-family:inherit;padding:4px 8px;border-radius:6px;transition:color .12s,background .12s}.chs-wh-avatar-remove:hover{color:var(--error, #ef4444);background:#ef444414}.chs-wh-loading{display:flex;align-items:center;gap:10px;padding:40px;justify-content:center;color:var(--text-muted);font-size:.9rem}.chs-wh-spinner{width:18px;height:18px;border:2.5px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:chsSpin .7s linear infinite}@keyframes chsSpin{to{transform:rotate(360deg)}}.chs-empty{padding:40px;text-align:center;color:var(--text-muted);font-size:.9rem}.chs-wh-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:64px 40px;text-align:center;color:var(--text-muted)}.chs-wh-empty-icon{width:64px;height:64px;border-radius:18px;background:var(--bg-secondary);border:1.5px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:6px}.chs-wh-empty p{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0}.chs-wh-empty span{font-size:.875rem;max-width:320px;margin-bottom:8px}.chs-wh-list{display:flex;flex-direction:column;gap:12px}.chs-wh-card{background:var(--bg-secondary);border:1.5px solid var(--border-subtle);border-radius:14px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.chs-wh-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.05))}.chs-wh-card-top{display:flex;align-items:center;gap:14px;padding:18px 18px 14px}.chs-wh-avatar{width:44px;height:44px;border-radius:12px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);overflow:hidden}.chs-wh-avatar img{width:100%;height:100%;object-fit:cover}.chs-wh-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.chs-wh-name{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.chs-wh-meta{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.chs-wh-dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted);opacity:.5}.chs-wh-card-actions{display:flex;gap:4px;flex-shrink:0}.chs-wh-url-row{padding:0 18px 18px;display:flex;flex-direction:column;gap:6px}.chs-wh-url-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);opacity:.8}.chs-wh-url-box{display:flex;gap:8px;align-items:center}.chs-wh-url-input{flex:1;min-width:0;padding:9px 12px;background:var(--bg-primary);border:1.5px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);font-size:.78rem;font-family:monospace;outline:none;cursor:text}.chs-wh-url-input:focus{border-color:#4f6ef766}.chs-wh-copy-btn{display:flex;align-items:center;gap:6px;padding:9px 14px;background:var(--accent-gradient, linear-gradient(135deg, #6685f9 0%, #4f6ef7 100%));color:var(--accent-text);border:none;border-radius:var(--radius, 8px);font-size:.8125rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .2s ease,box-shadow .2s ease}.chs-wh-copy-btn:hover{filter:brightness(1.08)}.chs-wh-copy-btn.copied{background:linear-gradient(135deg,#34d399,#16a34a)}[data-theme=dark] .chs-wh-copy-btn{background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:#fffffff2}[data-theme=dark] .chs-wh-copy-btn:hover{background:var(--btn-primary-hover);filter:none;border-color:var(--btn-primary-border-hover)}[data-theme=dark] .chs-wh-copy-btn.copied{background:#22c55e1f;border-color:#22c55e59;color:#22c55e}.chs-wh-edit-form{padding:20px;display:flex;flex-direction:column;gap:14px}.chs-wh-edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chs-wh-edit-form .chs-field{margin:0}.chs-btn-danger{padding:9px 18px;background:transparent;color:var(--error, #dc2626);border:1px solid var(--error, #dc2626);border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.chs-btn-danger:hover{background:#dc262614}.chs-tab-desc{font-size:.875rem;color:var(--text-muted);margin-bottom:20px;line-height:1.5}.chs-perms-layout{display:flex;width:100%;min-height:calc(100vh - 180px);gap:0;border:1px solid var(--border-default);border-radius:12px;overflow:hidden}.chs-tab-content-permissions{height:100%;display:flex;flex-direction:column;min-height:0}.chs-perms-sidebar{width:220px;min-width:180px;flex-shrink:0;border-right:1px solid var(--border-default);display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-secondary);scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.chs-perms-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.chs-perms-add-btns{display:flex;gap:4px}.chs-perm-add-btn{display:flex;align-items:center;gap:3px;padding:4px 7px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:6px;font-size:.7rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background .1s,color .1s}.chs-perm-add-btn:hover,.chs-perm-add-btn.active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.chs-perms-add-panel{padding:8px;border-bottom:1px solid var(--border-subtle)}.chs-perms-search{width:100%;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;font-size:.8125rem;color:var(--text-primary);outline:none;box-sizing:border-box}.chs-perms-search:focus{border-color:var(--accent)}.chs-perms-add-list{margin-top:6px;max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.chs-perms-add-empty{padding:8px;font-size:.8125rem;color:var(--text-muted);text-align:center}.chs-perms-add-item{display:flex;align-items:center;gap:8px;padding:7px 8px;background:transparent;border:none;border-radius:6px;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;text-align:left;transition:background .1s;width:100%}.chs-perms-add-item:hover{background:var(--bg-hover);color:var(--text-primary)}.chs-perms-item{display:flex;align-items:center;gap:8px;padding:9px 12px;background:transparent;border:none;text-align:left;width:100%;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:background .1s}.chs-perms-item:hover{background:var(--bg-hover)}.chs-perms-item.active{background:var(--bg-active);color:var(--text-primary);font-weight:600}.chs-perms-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chs-perms-item-type{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);flex-shrink:0}.chs-perms-empty{padding:20px 12px;font-size:.8rem;color:var(--text-muted);text-align:center}.chs-role-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;display:inline-block}.chs-role-dot.lg{width:20px;height:20px}.chs-member-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.chs-member-avatar.lg{width:28px;height:28px}.chs-member-avatar-fallback{width:20px;height:20px;border-radius:50%;background:var(--accent-muted);color:var(--accent);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chs-member-avatar-fallback.lg{width:28px;height:28px;font-size:.8rem}.chs-perms-editor{flex:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto;padding:24px;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.chs-perms-editor-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:.875rem;text-align:center}.chs-perms-editor-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.chs-perms-editor-title{display:flex;align-items:center;gap:10px}.chs-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:var(--accent-muted);border-radius:4px;padding:2px 6px}.chs-perms-section{margin-bottom:24px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px}.chs-perms-section-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.75;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px}.chs-perm-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.chs-perm-item:last-child{border-bottom:none}.chs-perm-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.chs-perm-desc{font-size:.8125rem;color:var(--text-muted);margin-top:1px}.chs-perm-row{display:flex;align-items:center;gap:0}.chs-perm-btns{display:flex;gap:6px}.chs-perm-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border-default);border-radius:8px;background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;transition:background .12s,border-color .12s,color .12s,transform .1s;flex-shrink:0}.chs-perm-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.08)}.chs-perm-btn:active{transform:scale(.94)}.chs-perm-btn.allow.active{background:#16a34a21;border-color:#16a34a73;color:#16a34a}.chs-perm-btn.allow:hover{background:#16a34a14;color:#16a34a}.chs-perm-btn.deny.active{background:#dc26261a;border-color:#dc262666;color:#dc2626}.chs-perm-btn.deny:hover{background:#dc26260f;color:#dc2626}.chs-perm-btn.neutral.active{background:var(--accent-muted, rgba(79,110,247,.1));border-color:var(--accent);color:var(--accent)}.chs-perms-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid var(--border-subtle)}.chs-perms-save-note{margin-right:auto;font-size:.8rem;color:var(--text-muted)}@media (max-width: 700px){.chs-nav{width:56px;min-width:56px}.chs-nav-scroll{padding:56px 4px;align-items:center}.chs-nav-group{width:40px}.chs-nav-group-title,.chs-nav-item span:last-child{display:none}.chs-nav-item{justify-content:center;padding:8px;border-radius:8px}.chs-nav-icon{opacity:1}.chs-content{padding:56px 16px 80px}.chs-tab-content{width:100%;margin:0}.chs-close-area{top:12px;right:12px}.chs-wh-header{flex-direction:column;gap:12px}.chs-wh-form-fields,.chs-wh-edit-fields{grid-template-columns:1fr}.chs-wh-url-box{flex-direction:column;align-items:stretch}.chs-wh-copy-btn{justify-content:center}.chs-perms-layout{flex-direction:column;min-height:unset}.chs-perms-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-default);max-height:200px}}.channel-sidebar{width:300px;min-width:240px;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);overflow:hidden}.channel-sidebar-skeleton{flex:1;min-height:200px}.server-header{position:relative;flex-shrink:0}.server-header-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px;background:transparent;border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;transition:background .12s ease;text-align:left;box-shadow:none}.server-header-btn:hover,.server-header-btn.open{background:var(--bg-hover)}.server-header-name{font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.server-header-chevron{flex-shrink:0;transition:transform .2s;opacity:.7}.boost-badge{display:inline-flex;align-items:center;gap:3px;background:#4f6ef71a;color:#4f6ef7;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;flex-shrink:0;margin-right:4px}.server-header-btn.open .server-header-chevron{transform:rotate(180deg)}.server-dropdown{position:absolute;top:100%;left:8px;right:8px;background:var(--glass-float-bg);border:1px solid var(--border-default);border-radius:8px;padding:6px;z-index:1000;box-shadow:var(--shadow-lg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);animation:dropdownSlide .15s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.server-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .1s;text-align:left}.server-dropdown-item:hover{background:var(--accent);color:var(--accent-text)}.server-dropdown-item.accent{color:var(--accent)}.server-dropdown-item.accent:hover{background:var(--accent);color:var(--accent-text)}.server-dropdown-item.danger{color:var(--error, #f23f43)}.server-dropdown-item.danger:hover{background:var(--error, #f23f43);color:#fff}.server-dropdown-item svg{flex-shrink:0;opacity:.8}.server-dropdown-item:hover svg{opacity:1}.server-dropdown-separator{height:1px;margin:4px 10px;background:var(--border-subtle)}.channel-list-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 0 8px;scrollbar-width:thin;scrollbar-color:rgba(15,17,23,.14) transparent}.channel-list-scroll::-webkit-scrollbar{width:4px}.channel-list-scroll::-webkit-scrollbar-track{background:transparent}.channel-list-scroll::-webkit-scrollbar-thumb{background:#0f111724;border-radius:4px}.channel-category{margin-top:18px}.channel-category:first-child{margin-top:8px}.category-header{display:flex;align-items:center;gap:4px;padding:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;height:28px;border-radius:6px;transition:background .12s ease}.category-header:hover{background:var(--bg-hover)}.category-header .add-channel-btn{opacity:1}.collapse-arrow{color:var(--text-muted);transition:transform .15s;flex-shrink:0;opacity:.6}.collapse-arrow.collapsed{transform:rotate(-90deg)}.category-name{flex:1;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}.category-header:hover .category-name{color:var(--text-secondary)}.add-channel-btn{width:20px;height:20px;min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted, #949ba4);cursor:pointer;border-radius:3px;transition:all .15s;flex-shrink:0}.add-channel-btn:hover{color:var(--text-primary, #f2f3f5)}.channel-list{list-style:none;margin:0;padding:0 8px;overflow:hidden;max-height:2000px;transition:max-height .25s ease}.channel-list-collapsed{max-height:0}.channel-item-draggable{cursor:pointer;-webkit-user-drag:element}.channel-item-draggable:active{cursor:pointer}.channel-item-dragging{opacity:.4}.channel-drag-ghost{background:var(--bg-floating, #2b2d31)!important}.channel-drag-ghost .voice-sidebar-users,.channel-drag-ghost .channel-actions{display:none!important}.channel-item-shift-down{transform:translateY(10px)}.channel-item-drag-over{background:var(--accent-muted, rgba(79, 110, 247, .2))!important;border-radius:8px;box-shadow:inset 0 0 0 1px var(--accent, #4f6ef7)}[data-theme=dark] .channel-item-drag-over{background:#ffffff1f!important;box-shadow:inset 0 0 0 1px #ffffff40}.channel-drop-indicator{list-style:none;margin:0;padding:0;height:0;border:none;position:relative;pointer-events:none}.channel-drop-indicator:before{content:"";position:absolute;left:8px;right:8px;top:50%;transform:translateY(-50%);height:3px;background:var(--accent, #4f6ef7);border-radius:2px;box-shadow:0 0 6px var(--accent, #4f6ef7)}[data-theme=dark] .channel-drop-indicator:before{background:#fff9;box-shadow:0 0 6px #fff3}.channel-drop-indicator-floating{position:absolute;left:0;right:0;height:10px;margin-top:-5px;z-index:2;transition:top .03s cubic-bezier(.4,0,.2,1);pointer-events:none}.channel-list.channel-list-droppable{position:relative}.channel-list.channel-list-droppable{padding-bottom:8px}.channel-item{margin:1px 0;border-radius:8px;transition:background .12s ease,color .12s ease;position:relative;z-index:0;display:flex;align-items:center;overflow:hidden}.channel-item:hover{background:var(--bg-hover)}.channel-item.active,.channel-item.active:hover{background:var(--accent-muted)}.channel-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;min-height:14px;background:var(--accent);border-radius:0 2px 2px 0;flex-shrink:0}.channel-item.voice-channel:not(.active):not(.voice-connected):has(.voice-sidebar-user:hover){background:transparent}.channel-item.voice-connected:hover{background:var(--accent-muted)}.channel-item.unread .channel-name{color:var(--text-primary);font-weight:600}.channel-link{display:flex;align-items:center;gap:6px;padding:8px 10px;text-decoration:none;color:var(--text-muted);font-size:.9175rem;transition:color .12s ease;flex:1;min-width:0}.channel-item:hover .channel-link{color:var(--text-primary)}.channel-item.active .channel-link{color:var(--accent)}.channel-item.voice-channel:not(.active):not(.voice-connected):has(.voice-sidebar-user:hover) .channel-link{color:var(--text-muted, #949ba4)}.channel-actions{display:flex;align-items:center;gap:2px;padding-right:6px;flex-shrink:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease}.channel-item:hover .channel-actions{opacity:1;visibility:visible;pointer-events:auto}.channel-item.voice-channel:has(.voice-sidebar-user:hover) .channel-actions{opacity:0;visibility:hidden;pointer-events:none}.channel-action-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .1s}.channel-action-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.channel-unread-dot{width:6px;height:6px;border-radius:50%;background:var(--text-primary, #f2f3f5);flex-shrink:0;margin-left:auto}.channel-icon{display:flex;align-items:center;flex-shrink:0;width:20px;justify-content:center}.channel-item:hover .channel-icon svg,.channel-item.active .channel-icon svg{opacity:1}.channel-item.voice-channel:not(.active):not(.voice-connected):has(.voice-sidebar-user:hover) .channel-icon svg{opacity:.7}.channel-lock{margin-left:-4px;flex-shrink:0}.channel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.channel-nsfw{font-size:.6rem;font-weight:700;padding:1px 4px;border-radius:3px;background:var(--error, #f23f43);color:#fff;flex-shrink:0}.add-category-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 16px);margin:8px;padding:8px;background:transparent;border:1px dashed var(--border-subtle);border-radius:4px;color:var(--text-muted, #949ba4);cursor:pointer;font-size:.78rem;transition:all .15s}.add-category-btn:hover{border-color:var(--text-secondary);color:var(--text-secondary);background:var(--bg-hover)}.channel-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s cubic-bezier(.16,1,.3,1)}.channel-modal{background:var(--modal-panel-bg);border:1px solid var(--modal-panel-border);border-radius:var(--modal-panel-radius);width:90%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--modal-panel-shadow);animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1)}.channel-modal.small{max-width:360px}.channel-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.channel-modal-header h3{margin:0;font-size:1.2rem;font-weight:700;color:var(--text-primary, #f2f3f5)}.modal-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted, #949ba4);cursor:pointer;border-radius:50%;transition:all .15s}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.channel-modal form{padding:0 20px 20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:var(--text-secondary, #b5bac1);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.form-optional{font-weight:400;text-transform:none;opacity:.6;font-style:italic}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid var(--border-default);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:.95rem;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:2px solid var(--accent);outline-offset:-2px}.form-group select{cursor:pointer}.channel-type-grid{display:flex;flex-direction:column;gap:8px}.channel-type-option{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s;text-align:left;width:100%}.channel-type-option:hover{background:var(--bg-hover)}.channel-type-option.active{background:var(--bg-active);border-color:var(--accent)}.cto-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border-radius:50%;flex-shrink:0;color:var(--text-muted, #949ba4)}.channel-type-option.active .cto-icon{color:var(--text-primary, #f2f3f5)}.cto-info{flex:1;min-width:0}.cto-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary, #f2f3f5)}.cto-desc{display:block;font-size:.75rem;color:var(--text-muted, #949ba4);margin-top:2px}.cto-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-muted, #949ba4);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.channel-type-option.active .cto-radio{border-color:var(--accent)}.cto-radio-inner{width:10px;height:10px;border-radius:50%;background:transparent;transition:background .15s}.channel-type-option.active .cto-radio-inner{background:var(--accent)}.channel-name-input-wrapper{display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--input-bg);border:1px solid var(--border-default);border-radius:6px}.channel-name-input-wrapper .channel-name-prefix{display:flex;align-items:center;color:var(--text-muted, #949ba4)}.channel-name-input-wrapper input{flex:1;padding:10px 0;background:transparent;border:none;color:var(--text-primary, #f2f3f5);font-size:.95rem}.channel-name-input-wrapper input:focus{outline:none}.form-toggles{margin-bottom:16px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;cursor:pointer;border-bottom:1px solid var(--border-subtle)}.toggle-row:last-child{border-bottom:none}.toggle-info{display:flex;align-items:center;gap:8px;color:var(--text-primary, #f2f3f5);font-size:.9rem;font-weight:500}.toggle-switch{width:40px;height:22px;border-radius:11px;background:var(--text-muted, #72767d);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle-switch.on{background:var(--success, #23a55a)}.toggle-knob{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s}.toggle-switch.on .toggle-knob{transform:translate(18px)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-subtle)}.cancel-btn{padding:10px 16px;background:transparent;border:none;color:var(--text-primary, #f2f3f5);cursor:pointer;font-size:.85rem;font-weight:500;border-radius:4px;transition:all .15s}.cancel-btn:hover{text-decoration:underline}.submit-btn{padding:10px 20px;background:var(--accent);border:none;border-radius:4px;color:var(--accent-text);cursor:pointer;font-weight:600;font-size:.85rem;transition:background .15s}.submit-btn:hover:not(:disabled){background:var(--accent-hover)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.channel-modal-sub{margin:2px 0 0;font-size:.78rem;color:var(--text-muted, #949ba4);font-weight:400}.channel-modal-header{flex-wrap:wrap}.category-modal-overlay{background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));animation:categoryOverlayIn .2s cubic-bezier(.16,1,.3,1)}@keyframes categoryOverlayIn{0%{opacity:0}to{opacity:1}}.category-modal{position:relative;max-width:420px;background:var(--modal-panel-bg);border:1px solid var(--modal-panel-border);box-shadow:var(--modal-panel-shadow);border-radius:var(--modal-panel-radius);animation:categoryModalIn .25s cubic-bezier(.16,1,.3,1)}@keyframes categoryModalIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.category-modal .category-modal-header{padding:20px 48px 16px 24px;flex-wrap:nowrap;align-items:flex-start}.category-modal-title-wrap{flex:1;min-width:0}.category-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted, #949ba4);cursor:pointer;border-radius:6px;transition:background .15s,color .15s}.category-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.category-modal-header h3{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.category-modal-subtitle{margin:4px 0 0;font-size:.8rem;color:var(--text-muted, #949ba4);font-weight:400;line-height:1.35}.category-modal-form{padding:0 24px 24px!important}.category-form-group{margin-bottom:20px}.category-form-group label{display:block;margin-bottom:8px;color:var(--text-secondary, #b5bac1);font-size:.8rem;font-weight:500;text-transform:none;letter-spacing:.01em}.category-input-wrapper{position:relative}.category-input-wrapper input{width:100%;padding:12px 14px;border:1px solid var(--border-default);border-radius:8px;background:var(--input-bg, var(--bg-tertiary));color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.category-input-wrapper input:hover:not(:focus){border-color:var(--border-subtle, rgba(255, 255, 255, .08))}.category-input-wrapper input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5865f240}.category-input-wrapper input.input-error{border-color:var(--error, #f23f43)}.category-input-wrapper input.input-error:focus{box-shadow:0 0 0 3px #f23f4333}.category-input-wrapper input::placeholder{color:var(--text-muted, #949ba4);opacity:.8}.category-input-wrapper.has-count input{padding-right:52px}.category-char-count{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--text-muted, #949ba4);font-variant-numeric:tabular-nums}.category-char-count.near-limit{color:var(--warning, #faa61a)}.category-form-hint{margin:8px 0 0;font-size:.78rem;color:var(--text-muted, #949ba4);font-weight:400;line-height:1.35}.category-form-error{margin:6px 0 0;font-size:.8rem;color:var(--error, #f23f43);font-weight:500}.category-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-subtle);gap:12px}.category-cancel-btn{padding:10px 18px;background:transparent;border:none;color:var(--text-secondary, #b5bac1);border-radius:6px;transition:background .15s,color .15s}.category-cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.category-submit-btn{padding:10px 20px;border-radius:6px;font-weight:600;transition:background .15s,transform .1s}.category-submit-btn:hover:not(:disabled){transform:translateY(-1px)}.category-submit-btn:active:not(:disabled){transform:translateY(0)}.category-btn-content{display:inline-flex;align-items:center;gap:8px}.category-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:categorySpinner .6s linear infinite}@keyframes categorySpinner{to{transform:rotate(360deg)}}.ch-context-menu{position:fixed;z-index:99999;background:var(--glass-float-bg);border:1px solid var(--border-default);border-radius:8px;padding:6px;min-width:180px;box-shadow:var(--shadow-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);animation:ctxFadeIn .1s ease-out}@keyframes ctxFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ch-ctx-item{width:100%;display:flex;align-items:center;gap:10px;padding:7px 10px;background:transparent;border:none;border-radius:3px;color:var(--text-secondary, #b5bac1);font-size:.82rem;cursor:pointer;transition:all .1s;text-align:left}.ch-ctx-item:hover{background:var(--accent);color:var(--accent-text)}.ch-ctx-item:hover svg{opacity:1}.ch-ctx-item svg{flex-shrink:0;opacity:.7}.ch-ctx-item.danger{color:var(--error, #f23f43)}.ch-ctx-item.danger:hover{background:var(--error, #f23f43);color:#fff}.ch-ctx-separator{height:1px;margin:4px 10px;background:var(--border-subtle)}.channel-item.voice-channel{flex-wrap:wrap}.channel-item.voice-connected .channel-link{color:var(--interactive-active, #fff)}.voice-sidebar-users{width:100%;padding:2px 0 4px 8px}.voice-sidebar-user{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;transition:background .1s}.voice-sidebar-user:hover{background:var(--bg-hover)}.voice-sidebar-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-tertiary);border:2px solid transparent;transition:border-color .2s}.voice-sidebar-avatar.speaking{border-color:var(--success, #23a55a)}.voice-sidebar-avatar .clickable-avatar{width:100%;height:100%;display:flex}.voice-sidebar-avatar .avatar{width:100%!important;height:100%!important}.voice-sidebar-avatar img{width:100%;height:100%;object-fit:cover;display:block}.voice-sidebar-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--accent-text);background:var(--accent)}.voice-sidebar-username{font-size:.95rem;color:var(--text-secondary, #b5bac1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.voice-sidebar-user.speaking .voice-sidebar-username{color:var(--success, #23a55a)}.voice-sidebar-status{flex-shrink:0;opacity:.7}.voice-sidebar-status.muted,.voice-sidebar-status.deafened{color:var(--error, #f23f43)}.voice-sidebar-live-badge{margin-left:auto;padding:3px 8px;background:#e74c3c;color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.05em;border-radius:4px;border:1px solid rgba(0,0,0,.2);cursor:pointer;flex-shrink:0;transition:background .2s}.voice-sidebar-live-badge.clickable:hover{background:#c0392b}.voice-sidebar-live-badge:not(.clickable){cursor:default;opacity:.85}.voice-sidebar-user.has-live{cursor:default}.live-stream-hover-preview{position:fixed;z-index:100001;width:320px;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #00000080;pointer-events:auto}.live-preview-video{width:100%;aspect-ratio:16/10;object-fit:contain;display:block}.live-preview-name{display:block;padding:6px 10px;background:#000c;font-size:.8rem;font-weight:600;color:#fff}.live-stream-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:100002;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.live-stream-modal{position:relative;max-width:90vw;max-height:90vh;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 0 0 2px var(--border-default)}.live-stream-modal-close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.live-stream-modal-close:hover{background:#000000e6}.live-stream-modal-video{width:100%;max-height:85vh;object-fit:contain;display:block}.live-stream-modal-name{display:block;padding:10px 16px;background:#000000e6;font-size:.95rem;font-weight:600;color:#fff}.voice-status-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.vsb-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vsb-status{display:flex;align-items:center;gap:6px}.vsb-signal{width:8px;height:8px;border-radius:50%;background:var(--success);flex-shrink:0}.vsb-signal.connecting{background:#faa61a}@keyframes voiceStatusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.vsb-label{font-size:.8rem;font-weight:600;color:var(--success)}.vsb-channel{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsb-controls{display:flex;align-items:center;gap:4px;flex-shrink:0;position:relative}.vsb-ctrl-group{position:relative;display:flex;align-items:center}.vsb-ctrl-group:has(.vsb-device-popover){z-index:100}.vsb-ctrl-split{display:flex;align-items:stretch;background:var(--bg-tertiary);border-radius:16px;overflow:hidden;transition:background .15s}.vsb-ctrl-split:hover{background:var(--surface-3)}.vsb-ctrl-split .vsb-ctrl-main{width:28px;height:32px;border:none;border-radius:0;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:color .15s}.vsb-ctrl-split .vsb-ctrl-main:hover{color:var(--text-primary)}.vsb-ctrl-split .vsb-ctrl-divider{width:1px;background:#ffffff14;flex-shrink:0}.vsb-ctrl-split .vsb-ctrl-dropdown{width:20px;min-width:20px;height:32px;border:none;border-radius:0;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .15s}.vsb-ctrl-split .vsb-ctrl-dropdown:hover{color:var(--text-primary);background:#ffffff0f}.vsb-ctrl-split .vsb-ctrl-dropdown[data-open=true]{color:var(--accent, #5865f2);background:#5865f226}.vsb-ctrl-split.active .vsb-ctrl-main{color:#fff}.vsb-ctrl-split.active{background:#f04747}.vsb-ctrl-split.active:hover{background:#d84040}.vsb-device-popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--glass-float-bg);border:1px solid var(--border-default);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:8px;box-shadow:var(--shadow-elevated);padding:4px 0;min-width:200px;max-width:280px;max-height:240px;overflow-y:auto;z-index:10000}.vsb-device-popover-portal{position:fixed;z-index:99999}.vsb-device-popover:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--bg-floating)}.vsb-device-popover-portal:before{display:none}.vsb-device-popover button{width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s}.vsb-device-popover button:hover{background:var(--bg-hover);color:#fff}.vsb-device-popover button[data-selected=true]{color:var(--accent, #5865f2);font-weight:500}.vsb-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.vsb-btn:hover{background:var(--surface-3);color:var(--text-primary)}.vsb-btn.active{color:#fff;background:#f04747}.vsb-btn.active:hover{background:#d84040}.vsb-btn.disconnect{background:transparent;color:#b9bbbe}.vsb-btn.disconnect:hover{background:#f0474733;color:#f04747}.voice-join-sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;display:flex;align-items:flex-end;justify-content:stretch}.voice-join-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:none;background:#00000075;cursor:pointer;transition:opacity .18s linear}.voice-join-sheet{position:relative;width:100vw;margin-top:auto;border-radius:36px 36px 0 0;border-top:1px solid color-mix(in srgb,var(--border-subtle) 88%,transparent);background:linear-gradient(175deg,var(--bg-secondary) 0%,color-mix(in srgb,var(--bg-primary) 84%,#000 16%) 100%);box-shadow:0 -16px 42px #00000061;padding:14px 18px calc(20px + env(safe-area-inset-bottom));animation:voiceJoinSheetUp .22s cubic-bezier(.22,1,.36,1);transition:transform .26s cubic-bezier(.22,1,.36,1);will-change:transform}.voice-join-sheet.is-dragging{transition:none}.voice-join-sheet.is-closing{animation:voiceJoinSheetDown .2s cubic-bezier(.4,0,1,1) forwards}.voice-join-sheet-grab{width:50px;height:5px;border-radius:999px;margin:0 auto 14px;background:color-mix(in srgb,var(--text-muted) 70%,transparent);touch-action:none}.voice-join-sheet-kicker{margin:0;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.voice-join-sheet-title{margin:7px 0;font-size:1.2rem;line-height:1.28;color:var(--text-primary)}.voice-join-sheet-desc{margin:0;font-size:.92rem;line-height:1.45;color:var(--text-secondary, var(--text-muted))}.voice-join-sheet-actions{margin-top:16px;display:block}.voice-join-sheet-btn{width:100%;min-height:44px;border-radius:14px;border:1px solid transparent;font-family:inherit;font-size:.92rem;font-weight:700;cursor:pointer;transition:transform .14s ease,filter .14s ease}.voice-join-sheet-btn:active{transform:translateY(1px)}.voice-join-sheet-btn:disabled{opacity:.6;cursor:default}.voice-join-sheet-btn-muted{background:var(--bg-tertiary);border-color:var(--border-subtle);color:var(--text-primary)}.voice-join-sheet-btn-primary{background:var(--success, #23a55a);color:#fff}.voice-join-sheet-btn-primary:hover:not(:disabled){filter:brightness(1.06)}@keyframes voiceJoinSheetUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes voiceJoinSheetDown{0%{opacity:1;transform:translateY(0)}to{opacity:.98;transform:translateY(100%)}}@media (max-width: 768px){.channel-sidebar{width:100%;min-width:unset}.channel-link{padding:9px 10px;font-size:.95rem}.channel-item{margin:2px 0;border-radius:6px}.channel-item:hover .channel-actions{display:none}.server-header-btn{height:52px;padding:0 20px}.category-header-btn{padding:10px 8px;font-size:.75rem}.channel-item.active{background:var(--accent-muted)}.channel-item.active:before{width:4px;height:65%}.channel-item.active .channel-name{font-weight:600}.voice-join-sheet{border-radius:32px 32px 0 0;padding-left:14px;padding-right:14px}.voice-join-sheet-title{font-size:1.08rem}}.channel-current-banner{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--accent-muted);border-bottom:1px solid var(--border-subtle)}.channel-current-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.channel-current-name{font-size:.95rem;font-weight:600;color:var(--accent)}[data-theme=dark] .channel-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle)}[data-theme=dark] .server-header-btn{background:#ffffff02;border-bottom:1px solid var(--border-default);color:#fff}[data-theme=dark] .server-header-btn:hover{background:#ffffff0f}[data-theme=dark] .channel-category-header,[data-theme=dark] .cl-category-name{color:#ffffff7a;font-size:.62rem;font-weight:700;letter-spacing:.09em;font-family:Inter,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif}[data-theme=dark] .channel-item{color:#ffffffad;transition:color .2s ease,background .15s ease}[data-theme=dark] .channel-item:hover{color:#fff;background:#ffffff14}[data-theme=dark] .channel-item.active,[data-theme=dark] .channel-item[data-active=true]{color:#fff;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff38}[data-theme=dark] .channel-item.active .channel-item-name{font-weight:500}[data-theme=dark] .channel-icon{opacity:.6;transition:opacity .15s ease}[data-theme=dark] .channel-item:hover .channel-icon,[data-theme=dark] .channel-item.active .channel-icon{opacity:1}.sidebar{width:300px;min-width:240px;flex-shrink:0;min-height:0;background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border-subtle);transition:transform var(--dur-slow, .52s) var(--ease-flow, cubic-bezier(.2, .8, .2, 1))}.sidebar-search-btn{flex-shrink:0;display:flex;align-items:center;height:52px;padding:0 10px;margin:0;border:none;background:transparent;cursor:pointer;border-bottom:1px solid var(--border-subtle)}.sidebar-search-btn span{flex:1;padding:8px 12px;background:var(--input-bg);border-radius:10px;font-size:.8125rem;color:var(--text-muted);text-align:left;transition:all .15s ease;border:1px solid transparent;display:flex;align-items:center;gap:8px}.sidebar-search-btn span:before{content:"";display:inline-block;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2372767e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;flex-shrink:0;opacity:.8}.sidebar-search-btn:hover span{background:var(--bg-hover);border-color:var(--border-subtle);color:var(--text-secondary)}.sidebar-nav{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#0f111724;border-radius:2px}.sidebar-top-nav{padding:8px 8px 4px;display:flex;flex-direction:column;gap:1px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;font-size:.9375rem;font-weight:500;color:var(--text-muted);background:transparent;border:none;cursor:pointer;text-decoration:none;width:100%;text-align:left;transition:background var(--dur-mid, .26s) var(--ease-flow, cubic-bezier(.2, .8, .2, 1)),color var(--dur-mid, .26s) var(--ease-flow, cubic-bezier(.2, .8, .2, 1));-webkit-user-drag:none}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--accent-muted);color:var(--accent);font-weight:600}.sidebar-nav-icon{flex-shrink:0;opacity:.7}.sidebar-nav-item.active .sidebar-nav-icon,.sidebar-nav-item:hover .sidebar-nav-icon{opacity:1}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 10px 6px 14px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);opacity:.85}.sidebar-section-header:hover{color:var(--text-secondary)}.sidebar-add{width:18px;height:18px;border-radius:50%;background:transparent;border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .1s}.sidebar-add:hover{color:var(--text-primary)}.sidebar-section-actions{display:flex;align-items:center;gap:4px}.sidebar-nav-badge{margin-left:auto;padding:0 6px;height:16px;border-radius:8px;background:var(--success);color:#fff;font-size:.625rem;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;line-height:1}.sidebar-orbs-badge{background:#ffffff1f;color:#fff;text-transform:none;font-size:.7rem}.sidebar-dm-list{list-style:none;display:flex;flex-direction:column;gap:1px;padding:0 8px;flex:1}.dm-item{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:10px;color:var(--text-muted);font-size:.9375rem;font-weight:500;text-decoration:none;position:relative;transition:background var(--dur-mid, .26s) var(--ease-flow, cubic-bezier(.2, .8, .2, 1)),color var(--dur-mid, .26s) var(--ease-flow, cubic-bezier(.2, .8, .2, 1))}.dm-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dm-item.active{background:var(--accent-muted);color:var(--accent);font-weight:600}.dm-item.has-unread{color:var(--text-primary);font-weight:600}.dm-item-avatar-wrap{flex-shrink:0;display:flex}.dm-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.dm-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-item-status{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;font-weight:400}.dm-item-name-clickable:hover{text-decoration:underline}.dm-unread-badge{display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--accent-gradient, var(--accent));color:var(--accent-text);font-size:.65rem;font-weight:700;border-radius:var(--radius-full, 9999px);flex-shrink:0;letter-spacing:-.02em}.dm-close-btn{display:flex;width:20px;height:20px;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:3px;padding:0;flex-shrink:0;opacity:0;visibility:hidden;pointer-events:none;transition:color .1s,opacity .12s ease}.dm-item:hover .dm-close-btn{opacity:1;visibility:visible;pointer-events:auto}.dm-item:hover .dm-unread-badge{opacity:0;visibility:hidden}.dm-close-btn:hover{color:var(--text-primary)}.sidebar-dm-search{padding:8px;margin:4px 8px;background:var(--bg-tertiary);border-radius:4px;animation:dmSearchSlide .15s ease}@keyframes dmSearchSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-dm-search input{width:100%;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:.875rem;margin-bottom:6px}.sidebar-dm-search input:focus{outline:none}.sidebar-dm-search input::placeholder{color:var(--text-muted)}.sidebar-dm-loading{padding:.5rem;color:var(--text-muted);font-size:.85rem}.sidebar-dm-skeleton{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.sidebar-dm-skeleton-row{display:flex;align-items:center;gap:.65rem;padding:6px 8px;border-radius:4px}.sidebar-dm-skeleton-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);flex-shrink:0;animation:skeleton-pulse 1.2s ease-in-out infinite}.sidebar-dm-skeleton-info{flex:1;display:flex;flex-direction:column;gap:4px}.sidebar-dm-skeleton-name{width:100px;height:.9em;border-radius:4px;background:var(--bg-tertiary);animation:skeleton-pulse 1.2s ease-in-out infinite}.sidebar-dm-skeleton-username{width:70px;height:.75em;border-radius:4px;background:var(--bg-tertiary);animation:skeleton-pulse 1.2s ease-in-out infinite}.sidebar-dm-results{list-style:none;max-height:160px;overflow-y:auto;margin-bottom:6px}.sidebar-dm-results li button{display:flex;align-items:center;gap:.65rem;width:100%;padding:6px 8px;background:transparent;border:none;border-radius:4px;color:var(--text-primary);font-size:.875rem;cursor:pointer;text-align:left;transition:background .1s}.sidebar-dm-results li button:hover{background:var(--bg-hover)}.sidebar-dm-result-info{display:flex;flex-direction:column;min-width:0}.sidebar-dm-result-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-dm-result-username{font-size:.75rem;color:var(--text-muted)}.sidebar-close-dm{width:100%;padding:6px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:color .1s}.sidebar-close-dm:hover{color:var(--text-secondary);text-decoration:underline}.sidebar-admin-btn-wrap{padding:4px 8px}.sidebar-admin-btn{width:100%;display:flex;align-items:center;gap:12px;padding:8px 12px;background:transparent;border:none;border-radius:4px;color:var(--error);font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .1s}.sidebar-admin-btn:hover{background:#da373c1a}.sidebar-loading{padding:2rem 1rem;text-align:center;color:var(--text-muted)}.sidebar-dm-skeleton-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:4px;list-style:none}.sidebar-dm-skeleton-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);flex-shrink:0;animation:sidebar-skeleton-pulse 1.2s ease-in-out infinite}.sidebar-dm-skeleton-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.sidebar-dm-skeleton-line{height:12px;border-radius:4px;background:var(--bg-tertiary);animation:sidebar-skeleton-pulse 1.2s ease-in-out infinite}.sidebar-dm-skeleton-name{width:70%}.sidebar-dm-skeleton-status{width:45%;height:10px}@keyframes sidebar-skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.sidebar-syncing-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;color:var(--text-muted);list-style:none}.sidebar-syncing-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:sidebar-syncing-pulse 1s ease-in-out infinite}@keyframes sidebar-syncing-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}.group-avatar-stack{position:relative;border-radius:50%;background:var(--bg-tertiary);overflow:hidden;flex-shrink:0}.group-avatar-item{position:absolute;overflow:hidden}.group-avatar-item img{width:100%;height:100%;object-fit:cover}.group-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-text);font-size:9px;font-weight:700}.group-avatar-pos-0-of-1{top:0;right:0;bottom:0;left:0;border-radius:50%}.group-avatar-pos-0-of-2{top:0;left:0;width:60%;height:60%;border-radius:50%}.group-avatar-pos-1-of-2{bottom:0;right:0;width:60%;height:60%;border-radius:50%}.group-avatar-pos-0-of-3{top:0;left:50%;transform:translate(-50%);width:55%;height:55%;border-radius:50%}.group-avatar-pos-1-of-3{bottom:2px;left:1px;width:48%;height:48%;border-radius:50%}.group-avatar-pos-2-of-3{bottom:2px;right:1px;width:48%;height:48%;border-radius:50%}@media (max-width: 768px){.sidebar{width:calc(100vw - 64px);min-width:unset;max-width:300px}}.mobile-app-layout .sidebar{width:100%;min-width:unset;max-width:unset;background:var(--bg-secondary)}.mobile-app-layout .sidebar-search-btn{height:56px;padding:0 16px;gap:10px}.mobile-app-layout .sidebar-search-btn span{font-size:.9rem;padding:10px 12px;border-radius:8px}.mobile-app-layout .dm-item{padding:10px 12px;min-height:60px;border-radius:8px;gap:14px}.mobile-app-layout .dm-item:hover .dm-close-btn,.mobile-app-layout .dm-close-btn{display:none!important}.mobile-app-layout .dm-item:hover .dm-unread-badge{display:flex}.mobile-app-layout .sidebar-dm-list{padding:4px 12px;gap:2px}.mobile-app-layout .sidebar-section-header{padding:20px 16px 8px;font-size:.75rem}.mobile-app-layout .sidebar-add{width:30px;height:30px;border-radius:8px}[data-theme=dark] .sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle)}[data-theme=dark] .dm-item{opacity:.92;transition:opacity var(--dur-mid, .26s) var(--ease-flow, cubic-bezier(.2, .8, .2, 1)),background var(--dur-mid, .26s) var(--ease-flow, cubic-bezier(.2, .8, .2, 1))}[data-theme=dark] .dm-item:hover{opacity:1;background:#ffffff0a}[data-theme=dark] .dm-item.active{opacity:1;background:#ffffff1a;color:#fff}[data-theme=dark] .sidebar-section-label,[data-theme=dark] .sidebar-category{color:#fff3;font-size:.6rem;letter-spacing:.1em}[data-theme=dark] .sidebar-search-btn span{background:#ffffff0a;border-color:#ffffff0f;color:#ffffff38}[data-theme=dark] .sidebar-search-btn:hover span{background:#ffffff12;border-color:#fff3;color:#ffffff8c}[data-theme=dark] .sidebar-nav-item{color:#fff6}[data-theme=dark] .sidebar-nav-item:hover{background:#ffffff0a;color:#ffffffbf}[data-theme=dark] .sidebar-nav-item.active{background:#ffffff1a;color:#fff}[data-theme=dark] .dm-unread-badge{background:#ffffff40;color:#000}.mobile-app-layout .sidebar-nav-item{padding:12px 14px;font-size:.95rem;border-radius:8px;min-height:48px}.mobile-app-layout .sidebar-top-nav{padding:8px 12px 6px;gap:2px}.sticker-panel{position:relative;top:auto;right:auto;bottom:auto;width:420px;flex:0 0 420px;min-width:340px;max-width:420px;height:100%;margin-right:0;background:var(--cosmic-surface-flat),var(--bg-secondary);border-left:1px solid var(--border-subtle);overflow:hidden;display:flex;flex-direction:column;z-index:0;animation:stickerPanelSlideIn .22s var(--transition-smooth, cubic-bezier(.22, 1, .36, 1)) forwards;box-shadow:-4px 0 24px #0000000f}@keyframes stickerPanelSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.sticker-panel-header{display:flex;align-items:center;padding:12px 20px 12px 16px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,rgba(var(--accent-rgb),.04) 0%,transparent 70%),var(--bg-secondary);flex-shrink:0;position:relative}.sticker-panel-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 10%,rgba(var(--accent-rgb),.2) 50%,rgba(255,255,255,.06) 90%,transparent 100%);pointer-events:none}.sticker-panel-tabs{display:flex;flex:1;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius, 10px);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.sticker-panel-tab{flex:0 0 auto;min-width:96px;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.sticker-panel-tabs::-webkit-scrollbar{height:4px}.sticker-panel-tabs::-webkit-scrollbar-track{background:transparent}.sticker-panel-tabs::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:2px}.sticker-panel-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.sticker-panel-tab.active{background:var(--bg-active);color:var(--text-primary)}.sticker-panel-tab .tab-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.sticker-panel-tab .gif-icon{width:18px;height:18px;stroke-width:2.5}@media (max-width: 400px){.sticker-panel{width:100%;flex:0 0 auto;min-width:100%;max-width:100%;margin-right:0}}@media (max-width: 360px){.sticker-panel-tab .tab-label{display:none}}.sticker-panel-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;margin-left:8px}.sticker-panel-close:hover{background:var(--bg-hover);color:var(--text-primary)}.sticker-panel-close svg{width:18px;height:18px}.sticker-panel-search-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;margin-left:6px}.sticker-panel-search-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.sticker-panel-search-toggle.active{background:var(--bg-active);color:var(--text-primary)}.sticker-panel-search-toggle svg{width:16px;height:16px}.sticker-panel-packs{display:flex;padding:12px;gap:8px;border-bottom:1px solid var(--border-subtle);overflow-x:auto;overflow-y:hidden;flex-shrink:0;background:var(--bg-secondary);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.sticker-panel-packs::-webkit-scrollbar{height:6px}.sticker-panel-packs::-webkit-scrollbar-track{background:#0003;border-radius:3px}.sticker-panel-packs::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sticker-panel-packs::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sticker-pack-tab{min-width:80px;max-width:100px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;background:var(--surface-2);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.sticker-pack-tab:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.sticker-pack-tab.active{border-color:var(--accent);background:var(--bg-active)}.sticker-pack-tab.active:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--accent);border-radius:2px}.sticker-pack-tab-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-3);border-radius:10px;overflow:hidden}.sticker-pack-tab-icon img{width:40px;height:40px;object-fit:contain}.sticker-pack-tab-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--text-primary);background:var(--bg-active)}.sticker-pack-tab-name{font-size:.7rem;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.sticker-pack-tab.active .sticker-pack-tab-name{color:var(--text-primary)}.sticker-pack-tab-count{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;background:var(--bg-tertiary);border-radius:9px;font-size:.65rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.sticker-pack-tab.active .sticker-pack-tab-count{background:var(--accent);color:var(--accent-text)}.sticker-panel-content{flex:1;overflow-y:auto;padding:12px}.sticker-panel-content::-webkit-scrollbar{width:6px}.sticker-panel-content::-webkit-scrollbar-track{background:transparent}.sticker-panel-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.sticker-panel-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sticker-pack-info{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin:0 -12px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.sticker-pack-details{display:flex;flex-direction:column;gap:3px}.sticker-pack-name{font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:.3px}.sticker-pack-team{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.sticker-pack-team:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;opacity:.6}.sticker-pack-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.sticker-pack-remove:hover:not(:disabled){background:#da373c33;color:var(--error)}.sticker-pack-remove:disabled{opacity:.3;cursor:not-allowed}.sticker-panel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sticker-item{aspect-ratio:1;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;transition:all .2s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.sticker-item:before{display:none}.sticker-item:hover{background:var(--bg-hover);border-color:var(--accent);transform:scale(1.1) translateY(-2px);box-shadow:0 8px 20px #00000026}.sticker-item:hover:before{opacity:1}.sticker-item:active{transform:scale(.95)}.sticker-item img{max-width:100%;max-height:100%;object-fit:contain;position:relative;z-index:1}.sticker-panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:var(--text-secondary);font-size:.85rem}.sticker-panel-spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spinnerRotate .8s linear infinite}@keyframes spinnerRotate{to{transform:rotate(360deg)}}.sticker-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.sticker-panel-empty svg{width:56px;height:56px;color:var(--text-secondary);margin-bottom:1.5rem}.sticker-panel-empty p{font-size:.95rem;color:var(--text-primary);margin-bottom:.5rem}.sticker-panel-empty span{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.sticker-pack-empty{grid-column:1 / -1;text-align:center;padding:2rem 1rem;color:var(--text-secondary);font-size:.85rem}.gif-picker-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.gif-categories-grid.gif-categories-grid-full{flex:1;min-height:0;display:grid!important;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;align-content:start;gap:10px;padding:0;border:none;background:transparent;overflow-y:auto}.gif-categories-grid-full .gif-category-tile{min-height:0;min-width:auto;height:auto;aspect-ratio:1 / 1}.gif-category-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1 / 1;min-height:56px;min-width:80px;padding:8px 10px;border:none;border-radius:10px;cursor:pointer;overflow:hidden;transition:all .2s ease;text-align:center;width:100%}@media (max-width: 600px){.sticker-panel{width:100%;flex:0 0 50vh;min-width:100%;max-width:100%;margin-right:0;border-left:none;border-top:1px solid var(--border-subtle);height:50vh;border-radius:0;animation:stickerPanelSlideIn .18s cubic-bezier(.22,1,.36,1) forwards}.sticker-panel-packs{padding:10px;gap:6px}.sticker-pack-tab{min-width:70px;max-width:85px;padding:8px 6px}.sticker-pack-tab-icon{width:40px;height:40px}.sticker-pack-tab-icon img{width:32px;height:32px}.sticker-pack-tab-name{font-size:.65rem}.sticker-panel-grid{grid-template-columns:repeat(5,1fr)}}.emoji-picker-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;position:relative}.emoji-search-container{padding:10px 12px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0}.emoji-search-wrapper{display:flex;align-items:center;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:10px;padding:0 12px;transition:all .15s ease}.emoji-search-wrapper:focus-within{background:var(--surface-3);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.emoji-search-icon{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.emoji-search-input{flex:1;background:transparent;border:none;padding:10px 8px;color:var(--text-primary);font-size:.85rem;outline:none}.emoji-search-input::placeholder{color:var(--text-secondary)}.emoji-search-clear{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.emoji-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.emoji-category-tabs{display:flex;padding:8px 12px;gap:2px;border-bottom:1px solid var(--border-subtle);overflow-x:auto;flex-shrink:0;background:var(--bg-secondary)}.emoji-category-tabs::-webkit-scrollbar{height:4px}.emoji-category-tabs::-webkit-scrollbar-track{background:transparent}.emoji-category-tabs::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.emoji-category-tab{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:all .15s ease;opacity:.5}.emoji-category-tab:hover:not(:disabled){background:var(--bg-hover);opacity:.85;transform:scale(1.1)}.emoji-category-tab.active{background:var(--bg-active);opacity:1}.emoji-category-tab.disabled,.emoji-category-tab:disabled{opacity:.25;cursor:not-allowed}.emoji-category-tab img{width:18px;height:18px;object-fit:contain}.emoji-grid-container{flex:1;min-height:0;overflow-y:auto;padding:12px;background:var(--bg-secondary)}.emoji-grid-container::-webkit-scrollbar{width:6px}.emoji-grid-container::-webkit-scrollbar-track{background:transparent}.emoji-grid-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.emoji-category-name{font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;padding-left:4px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-item{aspect-ratio:1;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .12s ease;padding:4px}.emoji-item:hover{background:var(--bg-hover);transform:scale(1.25)}.emoji-item:active{transform:scale(.9)}.emoji-item img{width:100%;height:100%;object-fit:contain}.emoji-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.emoji-no-results span,.emoji-no-results svg{font-size:3rem;margin-bottom:1rem;opacity:.5;color:var(--text-muted)}.emoji-no-results p{font-size:.9rem;color:var(--text-primary);margin-bottom:.5rem}.emoji-no-results small{font-size:.75rem;color:var(--text-secondary)}@media (max-width: 600px){.emoji-grid{grid-template-columns:repeat(7,1fr)}.emoji-item{font-size:1.4rem}.emoji-category-tab{width:32px;height:32px;font-size:1.1rem}}.gif-picker-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;position:relative}.gif-search-container{padding:10px 12px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0}.gif-search-wrapper{display:flex;align-items:center;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:10px;padding:0 12px;transition:all .15s ease}.gif-search-wrapper:focus-within{background:var(--surface-3);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.gif-search-icon{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.gif-search-input{flex:1;background:transparent;border:none;padding:10px 8px;color:var(--text-primary);font-size:.85rem;outline:none}.gif-search-input::placeholder{color:var(--text-secondary)}.gif-search-clear{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.gif-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.gif-categories-fullscreen{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:12px}.gif-categories-title{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin:0 0 12px;text-align:center;flex-shrink:0}.gif-categories-grid.gif-categories-grid-full{flex:1;min-height:0;display:grid!important;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(0,1fr);gap:10px;padding:0;border:none;background:transparent;overflow-y:auto}.gif-categories-grid-full .gif-category-tile{min-height:60px;min-width:auto;height:100%}.gif-back-row{display:flex;align-items:center;gap:12px;padding:10px 12px;flex-shrink:0;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.gif-back-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;flex-shrink:0}.gif-back-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.gif-back-btn svg{width:18px;height:18px}.gif-search-inline{flex:1;padding:0}.gif-search-inline .gif-search-wrapper{max-width:none}.gif-categories-grid{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;flex-shrink:0;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.gif-category-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;min-width:80px;padding:8px 10px;border:none;border-radius:10px;cursor:pointer;overflow:hidden;transition:all .2s ease;text-align:center}.gif-category-tile:hover{transform:scale(1.03);box-shadow:0 2px 8px #0000004d}.gif-tile-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.4}.gif-category-tile:hover .gif-tile-bg{opacity:.5}.gif-tile-icon{position:relative;z-index:1;font-size:1.25rem;margin-bottom:4px}.gif-trend-icon{display:flex;width:20px;height:20px;margin:0 auto 4px}.gif-trend-icon svg{width:100%;height:100%}.gif-tile-label{position:relative;z-index:1;font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.gif-tile-count{position:relative;z-index:1;font-size:.65rem;opacity:.9;margin-top:2px}.gif-tile-favorites{background:var(--accent-gradient, linear-gradient(135deg, #4f6ef7 0%, #3d5ce5 100%));color:var(--accent-text)}.gif-tile-favorites .gif-tile-icon{color:gold}.gif-tile-favorites .gif-tile-label,.gif-tile-favorites .gif-tile-count{text-shadow:none}.gif-tile-favorites.active{box-shadow:0 0 0 2px var(--cosmic-border)}.gif-tile-trending{background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface-3) 100%)}.gif-tile-trending .gif-tile-icon{color:var(--text-primary)}.gif-tile-category{background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface-3) 100%)}.gif-tile-category.active{box-shadow:0 0 0 2px var(--accent)}.gif-item-fav{position:absolute;top:6px;right:6px;width:28px;height:28px;border:none;border-radius:50%;background:#00000080;color:#ffffffb3;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8;transition:all .2s ease;z-index:2}.gif-item-fav:hover{opacity:1;background:#000000b3;transform:scale(1.1)}.gif-item-fav.active{color:gold;opacity:1}.gif-item-fav.active:hover{color:#ffed4e}.gif-grid-container{flex:1;overflow-y:auto;padding:8px}.gif-grid-container::-webkit-scrollbar{width:6px}.gif-grid-container::-webkit-scrollbar-track{background:transparent}.gif-grid-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.gif-masonry{display:flex;gap:6px}.gif-masonry-column{flex:1;display:flex;flex-direction:column;gap:6px}.gif-item{position:relative;background:var(--surface-2);border:none;border-radius:10px;cursor:pointer;overflow:hidden;transition:all .2s ease;padding:0;width:100%}.gif-item:hover{transform:scale(1.02);box-shadow:0 6px 20px #0006;z-index:1}.gif-item:active{transform:scale(.98)}.gif-item img{width:100%;height:auto;display:block;min-height:60px;background:var(--bg-tertiary)}.gif-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px 8px 6px;background:linear-gradient(transparent,#000000b3);opacity:0;transition:opacity .2s ease}.gif-item:hover .gif-item-overlay{opacity:1}.gif-item-title{font-size:.65rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.gif-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem;color:var(--text-secondary);font-size:.85rem}.gif-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spinnerRotate .8s linear infinite}.gif-loading-spinner.small{width:20px;height:20px;border-width:2px}.gif-loading-more{display:flex;justify-content:center;padding:16px 0}.gif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.gif-empty svg{width:48px;height:48px;color:var(--text-secondary);margin-bottom:1rem}.gif-empty p{font-size:.9rem;color:var(--text-primary);margin-bottom:.5rem}.gif-empty small{font-size:.75rem;color:var(--text-secondary)}.gif-empty .gif-error-msg{color:var(--text-warning, #f0ad4e);max-width:280px;text-align:center}.tenor-attribution{display:flex;align-items:center;justify-content:center;padding:10px 12px;border-top:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0}.tenor-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-secondary);font-size:.7rem;transition:all .15s ease;padding:4px 10px;border-radius:6px}.tenor-link:hover{color:var(--text-primary);background:var(--bg-hover)}.tenor-logo{height:14px;width:auto;opacity:.6;transition:opacity .15s ease}.tenor-link:hover .tenor-logo{opacity:.9}@media (max-width: 600px){.gif-masonry,.gif-masonry-column{gap:4px}.gif-item{border-radius:8px}.gif-categories-grid{padding:8px;gap:6px;min-height:64px}.gif-category-tile{min-height:60px;padding:8px}.gif-tile-label{font-size:.7rem}}[data-theme=dark] .sticker-panel{border-left:1px solid var(--border-default);box-shadow:-4px 0 24px #0000003d}[data-theme=dark] .sticker-panel-tabs{background:var(--surface-2)}[data-theme=dark] .sticker-panel-tab.active{background:rgba(var(--accent-rgb),.22);color:var(--accent-text)}[data-theme=dark] .gif-tile-favorites .gif-tile-icon{color:gold}[data-theme=dark] .gif-tile-trending,[data-theme=dark] .gif-tile-category{background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface-3) 100%);border:1px solid rgba(255,255,255,.06)}@media (max-width: 768px){.sticker-panel{width:100%;max-width:100%;min-width:100%;flex:0 0 46vh;height:46vh;border-left:none;border-top:1px solid var(--border-subtle)}[data-theme=dark] .sticker-panel{border-left:none;box-shadow:none}.sticker-panel-header{padding:8px;gap:8px}.sticker-panel-tabs{flex:1 1 auto;min-width:0;gap:3px;padding:3px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border-subtle);overflow:hidden;scrollbar-width:none}.sticker-panel-tabs::-webkit-scrollbar{display:none}.sticker-panel-tab{flex:1 1 0;min-width:0;height:34px;padding:0;border-radius:7px;color:var(--text-muted)}.sticker-panel-tab svg{width:17px;height:17px}.sticker-panel-tab.active{background:color-mix(in srgb,var(--accent) 22%,var(--surface-2) 78%);color:var(--text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.sticker-panel-tab .tab-label{display:none}.sticker-panel-tab .gif-icon{width:16px;height:16px}.sticker-panel-close{width:30px;height:30px;margin-left:0}.sticker-panel-search-toggle{width:30px;height:30px;margin-left:2px;flex-shrink:0}.emoji-search-container,.gif-search-container,.gif-back-row{padding:8px}.emoji-search-wrapper,.gif-search-wrapper{border-radius:8px;padding:0 10px}.emoji-search-input,.gif-search-input{padding:8px 6px;font-size:.8rem}.emoji-category-tabs{padding:6px 8px;gap:4px}.emoji-category-tab{width:28px;height:28px;border-radius:7px;font-size:.95rem}.emoji-category-tab img{width:15px;height:15px}.emoji-grid-container{padding:8px}.emoji-category-name{font-size:.64rem;margin-bottom:8px;letter-spacing:.6px}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:1px}.emoji-item{font-size:1.15rem;border-radius:6px;padding:3px}.sticker-panel-packs{padding:8px;gap:6px}.sticker-pack-tab{min-width:62px;max-width:74px;padding:6px 5px;gap:4px}.sticker-pack-tab-icon{width:34px;height:34px}.sticker-pack-tab-icon img{width:28px;height:28px}.sticker-pack-tab-name{font-size:.6rem}.sticker-panel-content,.gif-grid-container{padding:8px}.sticker-panel-grid{grid-template-columns:repeat(5,1fr);gap:6px}.gif-back-btn{padding:6px 9px;font-size:.75rem}.gif-category-tile{min-height:0;padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.08);align-items:flex-start;justify-content:flex-end}.gif-category-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000014 20%,#0000009e);z-index:0;pointer-events:none}.gif-tile-icon,.gif-trend-icon{position:absolute;top:8px;left:8px;margin:0;z-index:2}.gif-tile-bg{opacity:.58}.gif-tile-label{width:100%;text-align:left;font-size:.7rem;font-weight:700;line-height:1.2;padding:3px 7px;border-radius:8px;background:#00000057;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:2}.gif-tile-count{margin-top:3px;padding:1px 6px;border-radius:999px;background:#00000052;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:2}.emoji-search-container.mobile-search-popout,.gif-search-container.gif-search-popout{position:relative;left:auto;right:auto;z-index:auto;border:1px solid var(--border-subtle);border-radius:10px;box-shadow:0 8px 18px #00000047;background:color-mix(in srgb,var(--bg-secondary) 86%,transparent 14%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:6px 8px 8px;animation:mobileSearchReveal .16s ease-out}.emoji-search-container.mobile-search-popout,.gif-search-container.gif-search-popout{top:auto}@keyframes mobileSearchReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}}@media (max-width: 420px){.sticker-panel{flex-basis:44vh;height:44vh}.emoji-grid{grid-template-columns:repeat(9,1fr)}.emoji-item{font-size:1.05rem;padding:2px}.gif-categories-grid.gif-categories-grid-full{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.reaction-picker{position:fixed;z-index:10000;width:320px;display:flex;flex-direction:column;background:var(--glass-float-bg);border:1px solid var(--border-default);border-radius:14px;box-shadow:var(--shadow-elevated),0 0 0 1px #0000000a;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);animation:reactionPickerPop .18s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes reactionPickerPop{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.reaction-picker-search{display:flex;align-items:center;gap:8px;padding:10px 12px 6px}.reaction-picker-search-icon{flex-shrink:0;color:var(--text-muted)}.reaction-picker-search-input{flex:1;background:var(--bg-secondary, var(--surface-2));border:1.5px solid var(--border-subtle);border-radius:8px;padding:7px 10px;font-size:.85rem;color:var(--text-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.reaction-picker-search-input:focus{border-color:#4f6ef773}.reaction-picker-search-input::placeholder{color:var(--text-muted)}.reaction-picker-search-input:focus{border-color:var(--accent-color, #4f6ef7)}.reaction-picker-category-tabs{display:flex;align-items:center;gap:2px;padding:4px 10px;border-bottom:1px solid var(--border-subtle)}.reaction-picker-tab{width:32px;height:32px;border:none;border-radius:8px;background:transparent;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease;position:relative;opacity:.6}.reaction-picker-tab:hover{background:var(--bg-hover);opacity:1}.reaction-picker-tab.active{opacity:1;background:var(--bg-hover)}.reaction-picker-tab.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--accent-color, #4f6ef7);border-radius:1px}.reaction-picker-tab.disabled{opacity:.25;cursor:not-allowed}.reaction-picker-tab img{width:18px;height:18px;object-fit:contain}.reaction-picker-grid-container{padding:6px 10px 10px;max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, rgba(255,255,255,.1)) transparent}.reaction-picker-grid-container::-webkit-scrollbar{width:6px}.reaction-picker-grid-container::-webkit-scrollbar-track{background:transparent}.reaction-picker-grid-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, rgba(255,255,255,.1));border-radius:3px}.reaction-picker-category-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:4px 2px 6px;-webkit-user-select:none;user-select:none}.reaction-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.reaction-picker-emoji{width:34px;height:34px;border:none;border-radius:8px;background:transparent;font-size:1.35rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s ease,transform .15s cubic-bezier(.34,1.56,.64,1)}.reaction-picker-emoji:hover{background:var(--bg-hover);transform:scale(1.2)}.reaction-picker-emoji:active{transform:scale(1.05)}.reaction-picker-emoji img{width:22px;height:22px;object-fit:contain}.reaction-picker-empty{display:flex;align-items:center;justify-content:center;padding:24px 12px;color:var(--text-muted);font-size:.85rem}.message-reactions{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:4px;align-items:center}.message-item.own .message-reactions{justify-content:flex-end}.message-reaction{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;min-height:36px;min-width:56px;background:var(--surface-2);border:1px solid transparent;border-radius:12px;font-size:.9rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.message-reaction:hover{background:var(--bg-hover)}.message-reaction.reacted{background:rgba(var(--accent-rgb, 88, 101, 242),.2);border-color:rgba(var(--accent-rgb, 88, 101, 242),.5)}.message-reaction.reacted:hover{background:rgba(var(--accent-rgb, 88, 101, 242),.28)}.reaction-emoji{font-size:1.35rem;line-height:1;display:inline-flex;align-items:center}.reaction-emoji img{width:22px;height:22px;object-fit:contain}.reaction-count{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.message-reaction.reacted .reaction-count{color:var(--text-primary)}.message-item.own .message-reaction{background:var(--surface-2)}.message-item.own .message-reaction:hover{background:var(--bg-hover)}.message-item.own .message-reaction.reacted{background:rgba(var(--accent-rgb, 88, 101, 242),.2);border-color:rgba(var(--accent-rgb, 88, 101, 242),.5)}.message-reaction{position:relative;overflow:visible}.reaction-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1a1b1e;color:var(--text-primary, #f2f3f5);font-size:.78rem;padding:8px 12px;border-radius:6px;white-space:nowrap;min-width:120px;max-width:280px;text-align:center;box-shadow:0 4px 12px #0006;pointer-events:none;opacity:0;transition:opacity .15s ease .4s;z-index:100}.message-reaction:hover .reaction-tooltip{opacity:1}.reaction-tooltip .reaction-tooltip-emoji{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-left:4px}.invite-embed{max-width:490px;width:fit-content;min-width:400px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;margin:2px 0;overflow:hidden}.invite-embed__header{padding:12px 16px 0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);line-height:1;-webkit-user-select:none;user-select:none}.invite-embed__server{display:flex;align-items:center;gap:16px;padding:12px 16px 16px}.invite-embed__icon{width:50px;height:50px;border-radius:15px;overflow:hidden;flex-shrink:0;background:var(--bg-tertiary)}.invite-embed__icon img{width:100%;height:100%;object-fit:cover;display:block}.invite-embed__icon-letter{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:1.25rem;font-weight:600}.invite-embed__details{flex:1;min-width:120px;display:flex;flex-direction:column;gap:2px}.invite-embed__name{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.invite-embed__name:hover{text-decoration:underline;cursor:pointer}.invite-embed__meta{display:flex;align-items:center;gap:10px;white-space:nowrap}.invite-embed__meta-sep{display:inline-block;width:1px;height:1px}.invite-embed__meta-item{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;color:var(--text-muted);white-space:nowrap;line-height:1.3}.invite-embed__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.invite-embed__dot--online{background:#23a55a}.invite-embed__dot--members{background:#80848e}.invite-embed__established{font-size:.75rem;color:var(--text-muted);line-height:1.3}.invite-embed__btn{flex-shrink:0;margin-left:auto;padding:0 20px;height:40px;background:#248046;border:none;border-radius:3px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:background-color .17s ease;line-height:1}.invite-embed__btn:hover:not(:disabled){background:#1a6334}.invite-embed__btn:active:not(:disabled){background:#15562b}.invite-embed__btn:disabled{cursor:default}.invite-embed__btn--joined{background:#248046;opacity:.6}.invite-embed__btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:invite-embed-spin .8s linear infinite}@keyframes invite-embed-spin{to{transform:rotate(360deg)}}.invite-embed--loading{padding:32px 16px;display:flex;align-items:center;justify-content:center}.invite-embed__spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--accent);border-radius:50%;animation:invite-embed-spin .8s linear infinite}.invite-embed--error{display:flex;align-items:center;gap:10px;padding:16px}.invite-embed__error-icon{color:var(--error);flex-shrink:0}.invite-embed__error-text{color:var(--text-muted);font-size:.875rem}.invite-embed__btn--member{background:var(--bg-tertiary)}.invite-embed__btn--member:hover:not(:disabled){background:var(--surface-3)}.invite-embed__btn--member:active:not(:disabled){background:var(--surface-2)}[data-theme=dark] .invite-embed__btn--member{background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .invite-embed__btn--member:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff2e}.invite-embed__link-row{display:flex;align-items:center;gap:8px;padding:0 16px 12px}.invite-embed__link-url{flex:1;font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all}.invite-embed__link-copy{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.invite-embed__link-copy:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}[data-theme=dark] .invite-embed__link-copy{background:#ffffff0f;border-color:#ffffff24;color:#ffffffe6}[data-theme=dark] .invite-embed__link-copy:hover{background:#ffffff1a;border-color:#ffffff3d;color:#fff}@media (max-width: 480px){.invite-embed{min-width:0;max-width:100%}.invite-embed__server{flex-wrap:wrap}.invite-embed__btn{width:100%;margin-left:0;margin-top:4px;height:44px}}[data-display=compact] .invite-embed{max-width:400px}[data-display=compact] .invite-embed__icon{width:42px;height:42px;border-radius:12px}[data-display=compact] .invite-embed__server{padding:10px 14px 14px;gap:10px}[data-display=compact] .invite-embed__header{padding:10px 14px 0}.link-embed{max-width:400px;margin-top:8px;border-radius:8px;overflow:hidden;border:1px solid var(--border-subtle)}.link-embed--spotify{background:#181818;border-color:#ffffff1a}.link-embed--youtube{background:#0f0f0f}.link-embed--soundcloud{background:#f50;border-color:#f50}.link-embed--vimeo{background:#1ab7ea;border-color:#1ab7ea}.link-embed iframe{display:block;width:100%;border:none}.link-embed__url{display:block;padding:6px 10px;font-size:.75rem;color:var(--text-muted);text-decoration:none;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-embed__url:hover{color:var(--text-link)}.link-embed--default{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-secondary);text-decoration:none;color:inherit;transition:background .15s ease,border-color .15s ease}.link-embed--default:hover{background:var(--bg-tertiary);border-color:var(--border-default)}.link-embed-default__icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:8px}.link-embed-default__icon img{width:20px;height:20px;object-fit:contain}.link-embed-default__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.link-embed-default__domain{font-size:.875rem;font-weight:600;color:var(--text-primary)}.link-embed-default__url{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-embed-default__arrow{flex-shrink:0;color:var(--text-muted)}.link-embed--default:hover .link-embed-default__arrow{color:var(--text-link)}.message-list[data-hide-embeds=true] .link-embed{display:none}.report-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.report-modal{position:relative;background:var(--glass-panel-bg);border:1px solid var(--border, #e0e2e6);border-radius:14px;padding:28px 28px 24px;width:100%;max-width:440px;box-shadow:0 8px 32px #0000002e;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}[data-theme=dark] .report-modal{background:#1e2024;border-color:#2e3035}.report-modal-close{position:absolute;top:14px;right:14px;background:none;border:none;cursor:pointer;color:var(--text-muted, #6b7280);padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s}.report-modal-close:hover{background:var(--bg-secondary, #f7f8fa);color:var(--text-primary, #111318)}[data-theme=dark] .report-modal-close:hover{background:#2e3035}.report-modal-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.report-modal-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:#ef44441a;color:#ef4444;display:flex;align-items:center;justify-content:center}.report-modal-title{font-size:1rem;font-weight:700;color:var(--text-primary, #111318);margin:0 0 4px}.report-modal-subtitle{font-size:.82rem;color:var(--text-muted, #6b7280);margin:0}.report-modal-form{display:flex;flex-direction:column;gap:16px}.report-modal-field{display:flex;flex-direction:column;gap:8px}.report-modal-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #6b7280)}.report-modal-reasons{display:flex;flex-direction:column;gap:6px}.report-reason-option{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;border:1px solid var(--border, #e0e2e6);cursor:pointer;font-size:.88rem;color:var(--text-primary, #111318);transition:border-color .15s,background .15s}.report-reason-option:hover{border-color:#4f6ef7;background:#4f6ef70d}.report-reason-option.selected{border-color:#4f6ef7;background:#4f6ef714;color:#4f6ef7;font-weight:600}.report-reason-option input[type=radio]{display:none}[data-theme=dark] .report-reason-option{border-color:#2e3035;color:#e0e2e6}[data-theme=dark] .report-reason-option.selected{background:#6179f81f;color:#6179f8;border-color:#6179f8}.report-modal-textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border, #e0e2e6);background:var(--bg-secondary, #f7f8fa);color:var(--text-primary, #111318);font-family:inherit;font-size:.88rem;resize:vertical;min-height:70px;box-sizing:border-box;transition:border-color .15s;outline:none}.report-modal-textarea:focus{border-color:#4f6ef7}[data-theme=dark] .report-modal-textarea{background:#2a2d32;border-color:#2e3035;color:#e0e2e6}.report-modal-error{font-size:.82rem;color:#ef4444;margin:0}.report-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.report-btn-cancel{padding:9px 18px;border-radius:8px;border:1px solid var(--border, #e0e2e6);background:none;color:var(--text-primary, #111318);font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.report-btn-cancel:hover{background:var(--bg-secondary, #f7f8fa)}.report-btn-submit{padding:9px 18px;border-radius:8px;border:none;background:#ef4444;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.report-btn-submit:hover:not(:disabled){background:#dc2626}.report-btn-submit:disabled{opacity:.6;cursor:not-allowed}.report-modal-block-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:8px 0}.report-modal-success-icon{width:56px;height:56px;border-radius:50%;background:#22c55e1f;color:#22c55e;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.report-modal-block-text{font-size:.95rem;color:var(--text-primary, #111318);margin:0}.report-modal-block-hint{font-size:.82rem;color:var(--text-muted, #6b7280);margin:0;max-width:300px}.report-btn-block{padding:9px 18px;border-radius:8px;border:none;background:#ef4444;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.report-btn-block:hover:not(:disabled){background:#dc2626}.report-btn-block:disabled{opacity:.6;cursor:not-allowed}.message-list{flex:1;overflow-y:auto;overflow-x:hidden;overflow-anchor:auto;display:flex;flex-direction:column}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track{background:transparent}.message-list::-webkit-scrollbar-thumb{background:#0f111726;border-radius:4px;border:2px solid transparent;background-clip:padding-box;min-height:40px}.message-list::-webkit-scrollbar-thumb:hover{background:#0f111740}.message-send-status{margin-left:.25rem;font-size:.75rem;color:var(--text-secondary)}.message-status-pending{opacity:.7;transition:opacity .2s ease}.message-status-retry{background:none;border:none;color:#e74c3c;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.message-status-retry:hover{color:#c0392b}.message-list-empty{text-align:center;color:var(--text-muted);padding:3rem 2rem;font-size:.875rem;margin:auto;max-width:420px;line-height:1.5}.dm-chat .message-list-empty{display:none}.channel-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem 4rem;text-align:center;max-width:480px;margin:0 auto}.channel-welcome-title{font-size:2rem;font-weight:700;color:var(--text-primary, #f2f3f5);margin:0 0 12px;line-height:1.2}.channel-welcome-desc{font-size:1rem;color:var(--text-secondary, #b5bac1);line-height:1.5;margin:0 0 24px}.channel-welcome-link{color:var(--accent);text-decoration:underline;cursor:pointer}.channel-welcome-link:hover{color:var(--accent-hover)}.channel-welcome-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px}.channel-welcome-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease;text-align:left}.channel-welcome-btn:hover{background:var(--bg-tertiary);border-color:var(--border-default)}.channel-welcome-btn span{flex:1}.channel-welcome-btn svg{flex-shrink:0;color:var(--text-muted, #949ba4)}.channel-welcome-btn:hover svg{color:var(--text-primary, #f2f3f5)}.message-system-row{display:flex;justify-content:center;padding:12px 16px;margin:8px 0}.message-system-content{font-size:.8rem;color:var(--text-muted, #949ba4);text-align:center;max-width:420px}.message-command-result{margin:12px 48px 12px 72px;padding:12px 16px;background:var(--bg-secondary, rgba(255,255,255,.04));border:1px solid var(--border-subtle, rgba(255,255,255,.06));border-radius:8px}.message-command-result.error{background:#ed42450f}.message-command-result.success{background:#43b5810f}.message-command-result-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.message-command-result-meta{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.message-command-result-executor{font-size:.9rem;font-weight:600;color:var(--text-primary, #f2f3f5)}.message-command-result-command{font-size:.8rem;font-family:SF Mono,Fira Code,Consolas,monospace;color:var(--accent, #5865f2)}.message-command-result-time{font-size:.7rem;color:var(--text-muted, #6d6f78);margin-left:auto}.message-command-result-body{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-subtle, rgba(255,255,255,.06))}.message-command-result-output{margin:0;font-size:.8rem;line-height:1.5;color:var(--text-secondary, #b9bbbe);white-space:pre-wrap;word-break:break-word;font-family:inherit}.message-system-row--call{display:flex;align-items:center;gap:6px;justify-content:flex-start;padding:4px 48px 4px 72px;margin:2px 0}.message-system-row--call .message-system-call-icon{flex-shrink:0;color:var(--success, #43b581)}.message-system-row--call .message-system-call-name{font-size:.875rem;font-weight:600;color:var(--text-primary, #f2f3f5)}.message-system-row--call .message-system-call-text{font-size:.875rem;font-weight:400;color:var(--text-muted, #949ba4)}.message-system-row--call .message-system-call-time{font-size:.75rem;font-weight:500;color:var(--text-muted, #6d6f78);margin-left:4px}.message-system-row--clyde{display:flex;align-items:flex-start;gap:12px;padding:2px 48px 2px 72px;margin:8px 0}.message-system-app-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, rgba(255,255,255,.04));color:var(--text-muted, #949ba4)}.message-system-clyde-body{flex:1;min-width:0}.message-system-clyde-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.message-system-clyde-name{font-size:.9375rem;font-weight:600;color:var(--text-primary, #f2f3f5)}.message-system-clyde-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 5px;font-size:.65rem;font-weight:600;color:var(--text-muted, #949ba4);background:#ffffff0f;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.message-system-clyde-time{font-size:.75rem;color:var(--text-muted, #949ba4)}.message-system-clyde-text{margin:2px 0 0;font-size:.9375rem;line-height:1.5;color:var(--text-muted, #949ba4)}.message-system-clyde-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}.message-system-clyde-only-you{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted, #949ba4);opacity:.85}.message-system-clyde-dismiss{background:none;border:none;padding:0;font-size:.75rem;color:var(--text-muted, #949ba4);cursor:pointer;text-decoration:none}.message-system-clyde-dismiss:hover{color:var(--text-primary, #f2f3f5)}.date-separator{display:flex;align-items:center;margin:16px 16px 8px;position:relative;flex-shrink:0;gap:12px}.date-separator:before,.date-separator:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.date-separator-label{padding:3px 12px;font-size:.72rem;font-weight:600;color:var(--text-muted);white-space:nowrap;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-full, 9999px);letter-spacing:.02em}.message-item{display:flex;padding:2px 72px;position:relative;transition:background .1s ease,opacity .2s ease;min-height:1.375rem;flex-shrink:0;user-select:none;-webkit-user-select:none}.message-item:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.message-item.deleting{pointer-events:none;animation:messageDeleteVanish .68s ease-out forwards}.message-item.deleting .message-hover-actions{opacity:0!important;pointer-events:none!important}.message-item.deleting .message-avatar-col,.message-item.deleting .message-header,.message-item.deleting .message-reactions,.message-item.deleting .message-edited{opacity:.35}.message-item.deleting.reduce-motion{animation:messageDeleteVanishReduced .26s ease-out forwards}.message-delete-fume{display:inline-block;white-space:pre-wrap}.message-delete-fume-char{display:inline-block;will-change:opacity,transform,filter;animation:messageDeleteFume .52s ease-out forwards;animation-delay:calc(var(--char-delay, 0ms))}@keyframes messageDeleteFume{0%{opacity:1;filter:blur(0);transform:translateZ(0)}70%{opacity:.28;filter:blur(2.2px);transform:translate3d(3px,-5px,0)}to{opacity:0;filter:blur(6px);transform:translate3d(8px,-12px,0)}}@keyframes messageDeleteVanish{0%{opacity:1;transform:translateY(0);max-height:240px;margin-top:0;margin-bottom:0}75%{opacity:.22}to{opacity:0;transform:translateY(-6px);max-height:0;margin-top:-4px;margin-bottom:-8px}}@keyframes messageDeleteVanishReduced{0%{opacity:1;max-height:240px}to{opacity:0;max-height:0}}.message-item:hover{background:var(--bg-message-hover, rgba(0, 0, 0, .022))}.message-item.reply-to-me{background:#f0b23214;box-shadow:inset 2px 0 #f0b232a6}.message-item.reply-to-me:hover{background:#f0b2321c}.message-list[data-has-selected] .message-item:not(.selected):hover{background:transparent}.message-list[data-has-selected] .message-item:not(.selected):hover .message-hover-actions{opacity:0!important;pointer-events:none!important}.message-list[data-has-selected] .message-item:not(.selected):hover .message-avatar-col .message-time-left{display:none!important}.message-item.selected{background:var(--bg-message-hover, rgba(0, 0, 0, .022))}.message-item.selected .message-hover-actions{opacity:1;pointer-events:auto}.message-item.selected .message-avatar-col .message-time-left{display:block}.message-blocked{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;margin:2px 0;font-size:.875rem;color:var(--text-muted, #b5bac1);background:var(--bg-tertiary, rgba(0, 0, 0, .15));border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:8px;cursor:pointer;text-align:left;font-family:inherit;line-height:1.4;transition:color .15s ease,background .15s ease,border-color .15s ease}.message-blocked:hover{color:var(--text-secondary, #dbdee1);background:var(--bg-hover, rgba(0, 0, 0, .2));border-color:var(--border-default, rgba(255, 255, 255, .08))}.message-blocked:active{background:var(--bg-active, rgba(0, 0, 0, .25))}.message-blocked-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted, #b5bac1)}.message-blocked-text{flex:1;min-width:0}.message-blocked-reveal{flex-shrink:0;font-size:.8125rem;color:var(--accent, #5865f2);text-decoration:underline;text-underline-offset:2px}.message-blocked:hover .message-blocked-reveal{color:var(--accent-hover, #4752c4)}.message-hover-actions{position:absolute;top:-40px;right:14px;display:flex;align-items:center;background:var(--glass-float-bg);border:1px solid var(--border-default);border-radius:10px;box-shadow:var(--shadow-md);z-index:10;overflow:hidden;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);opacity:0;pointer-events:none}[data-theme=dark] .message-hover-actions{background:#1e2030f5}.message-item:hover .message-hover-actions{opacity:1;pointer-events:auto;animation:hoverActionsIn .1s var(--transition-smooth, cubic-bezier(.22, 1, .36, 1))}@keyframes hoverActionsIn{0%{opacity:0;transform:scale(.92) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}.hover-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:background .1s ease,color .1s ease,transform .1s var(--transition-spring, cubic-bezier(.34, 1.56, .64, 1))}.hover-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.15)}.hover-action-btn:active{background:var(--bg-active);color:var(--text-primary)}.hover-action-btn.hover-action-delete:hover,.hover-action-btn.hover-action-delete-all:hover{background:#ed424526;color:#ed4245}.hover-action-btn.hover-action-quick-emoji{font-size:18px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.hover-action-btn.hover-action-quick-emoji img{width:18px;height:18px;object-fit:contain}.hover-actions-separator{width:1px;height:20px;background:var(--border-subtle, rgba(255, 255, 255, .1));margin:0 2px;flex-shrink:0}.hover-action-btn.hover-action-quick-emoji.reacted{background:var(--accent-color-alpha, rgba(79, 110, 247, .15));border-radius:6px}.message-item.first{margin-top:1.0625rem;padding-top:2px}.message-item.first:first-child{margin-top:0}.message-avatar-col{position:absolute;left:16px;width:40px;display:flex;align-items:flex-start;justify-content:center;padding-top:2px;user-select:none;-webkit-user-select:none}.message-avatar-col .avatar,.message-avatar-col .clickable-avatar{width:40px!important;height:40px!important;user-select:none;-webkit-user-select:none}.message-avatar-col .message-time-left{display:none;font-size:.6875rem;color:var(--text-muted);font-weight:500;white-space:nowrap;line-height:1.375rem}.message-item:hover .message-avatar-col .message-time-left{display:block}.message-avatar-spacer{display:none}.message-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;position:relative;user-select:text;-webkit-user-select:text}.message-bot-badge{font-size:.625rem;font-weight:500;color:#fff;background:#5865f2;padding:2px 4px;border-radius:3px;margin-left:4px;line-height:1;vertical-align:middle}.message-e2ee-indicator{display:inline-flex;align-items:center;margin-left:4px;color:var(--success, #57f287);opacity:.8}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px;line-height:1.375rem}.message-sender{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.375rem}.message-sender-clickable{cursor:pointer;transition:color .1s ease}.message-sender-clickable:hover{text-decoration:underline}.message-sender-role-color{filter:drop-shadow(0 0 3px rgba(0,0,0,.12))}[data-theme=dark] .message-sender-role-color{filter:drop-shadow(0 0 3px rgba(255,255,255,.08))}.message-nameplate{margin-left:3px;font-size:.7em;vertical-align:middle;opacity:.75}.message-nameplate-5{color:#d4af37}.message-nameplate-9{color:#9ca3af}.message-avatar-clickable{cursor:pointer;transition:opacity .15s ease}.message-avatar-clickable:hover{opacity:.85}.message-time{font-size:.75rem;color:var(--text-muted);font-weight:400;line-height:1.375rem;flex-shrink:0}.message-content{font-size:var(--chat-font-size, .9375rem);color:var(--text-secondary);line-height:1.5rem;word-break:break-word;overflow-wrap:break-word;user-select:text;-webkit-user-select:text}.message-content .message-link{color:var(--text-link);text-decoration:underline;cursor:pointer}.message-content .message-link:hover{color:var(--accent-hover, var(--text-link))}.message-inline-emoji{display:inline-block;width:1.5em;height:1.5em;vertical-align:-.25em;margin:0 .05em;object-fit:contain}.message-emoji-only{font-size:2.5em;line-height:1.2}.message-edited{font-size:.625rem;color:var(--text-muted);font-style:normal;margin-left:4px}.message-caption{margin-bottom:6px}.message-image-wrap{position:relative;max-width:400px;border-radius:12px;overflow:hidden;cursor:pointer;margin-top:4px;transition:box-shadow .15s ease,transform .15s ease;box-shadow:var(--shadow-sm);outline:none}.message-image-wrap:hover{opacity:.94;transform:scale(1.005);box-shadow:var(--shadow-md)}.message-image-wrap:focus-visible{opacity:.94;transform:scale(1.005);box-shadow:var(--shadow-md),0 0 0 2px var(--accent)}.message-image{display:block;max-width:100%;height:auto;max-height:400px;object-fit:contain;border-radius:8px;outline:none}.message-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.message-image-wrap:hover .message-image-overlay{opacity:1}.message-image-overlay span{font-size:1.5rem;color:#fff;background:#0006;padding:10px;border-radius:50%}.message-file-wrap{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;text-decoration:none;color:var(--text-primary);min-width:200px;max-width:400px;margin-top:4px;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease;user-select:text;-webkit-user-select:text;box-shadow:var(--shadow-sm);outline:none}.message-file-wrap:hover{background:var(--bg-tertiary);border-color:var(--border-default);box-shadow:var(--shadow-md)}.message-file-wrap:focus-visible{box-shadow:var(--shadow-md),0 0 0 2px var(--accent)}.message-file-icon{width:36px;height:36px;background:var(--surface-2);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.message-file-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.message-file-name{font-size:1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-link)}.message-file-name:hover{text-decoration:underline}.message-file-size{font-size:.75rem;color:var(--text-muted)}.message-file-download{display:none}.message-audio-wrap{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;min-width:260px;margin-top:4px}.message-file-header{display:flex;align-items:center;gap:8px}.message-audio{width:100%;height:36px;border-radius:8px}.message-video-wrap{position:relative;display:block;width:min(720px,100%);max-width:720px;margin-top:4px;border-radius:10px;overflow:hidden}.message-video{width:100%;max-height:min(64vh,520px);display:block;border-radius:10px;background:#000;border:1px solid var(--border-subtle);outline:none;accent-color:var(--text-secondary)}.message-video-wrap.idle .message-video,.message-video-wrap.started .message-video{cursor:pointer}.message-video-controls{position:absolute;left:8px;right:8px;bottom:8px;z-index:4;display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border-subtle) 85%,transparent);background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.message-video-control-btn{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;color:var(--text-primary);background:transparent;cursor:pointer;flex-shrink:0;transition:background .12s ease,color .12s ease}.message-video-control-btn:hover{background:var(--bg-hover)}.message-video-control-btn:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--border-default) 55%,transparent)}.message-video-progress,.message-video-volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:999px;border:none;background:linear-gradient(to right,var(--text-secondary) 0%,var(--text-secondary) var(--progress, 0%),color-mix(in srgb,var(--border-default) 70%,transparent) var(--progress, 0%),color-mix(in srgb,var(--border-default) 70%,transparent) 100%);cursor:pointer}.message-video-progress{flex:1;min-width:0}.message-video-volume{width:72px}.message-video-progress::-webkit-slider-thumb,.message-video-volume::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:8px;height:8px;border-radius:50%;border:1px solid color-mix(in srgb,var(--border-default) 75%,transparent);background:var(--text-primary)}.message-video-progress::-moz-range-thumb,.message-video-volume::-moz-range-thumb{width:8px;height:8px;border-radius:50%;border:1px solid color-mix(in srgb,var(--border-default) 75%,transparent);background:var(--text-primary)}.message-video-time{font-size:.68rem;color:var(--text-primary);white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1}.message-video-wrap:fullscreen{display:grid;place-items:center;width:100%;max-width:none;height:100%;background:#000}.message-video-wrap:fullscreen .message-video{width:100vw;max-width:100vw;height:100vh;max-height:100vh;object-fit:contain;border-radius:0;border:none;background:#000}.message-video:fullscreen,.message-video:-webkit-full-screen{width:100vw;max-width:100vw;height:100vh;max-height:100vh;object-fit:contain;background:#000}.message-video-wrap:fullscreen .message-video-controls{left:16px;right:16px;bottom:16px;gap:8px;padding:8px 10px}.message-video-wrap:fullscreen .message-video-control-btn{width:28px;height:28px}.message-video-wrap:fullscreen .message-video-time{font-size:.78rem}.message-video-wrap:fullscreen .message-video-volume{width:96px}.message-video-center-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:54px;height:54px;border:1px solid var(--border-default);border-radius:50%;background:color-mix(in srgb,var(--bg-secondary) 88%,transparent);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:transform .12s ease,background .12s ease,box-shadow .12s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.message-video-center-play:hover{transform:scale(1.03);background:color-mix(in srgb,var(--bg-hover) 90%,transparent);box-shadow:var(--shadow-md)}.message-video-center-play:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--border-default) 55%,transparent)}.message-video-download{position:absolute;top:10px;right:10px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border-default);background:color-mix(in srgb,var(--bg-secondary) 88%,transparent);color:var(--text-primary);text-decoration:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease,background .12s ease}.message-video-wrap.idle .message-video-download{display:none}.message-video-wrap:hover .message-video-download,.message-video-wrap:focus-within .message-video-download{opacity:1;transform:translateY(0)}.message-video-download:hover{background:color-mix(in srgb,var(--bg-hover) 90%,transparent)}.message-video-download:focus-visible{outline:none;opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--border-default) 55%,transparent)}.message-file-info{display:flex;justify-content:space-between;padding:0 4px;font-size:.8rem;color:var(--text-muted);gap:8px}.message-video-wrap .message-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000e6;display:flex;align-items:center;justify-content:center;animation:lightboxFadeIn .15s ease-out;cursor:zoom-out;overflow:auto}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;display:flex;align-items:center;justify-content:center;padding:2rem}.lightbox-image-wrap{cursor:zoom-in;transition:transform .2s ease-out;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:4px;box-shadow:0 10px 40px #00000080;pointer-events:none;-webkit-user-select:none;user-select:none}.lightbox-close{position:fixed;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;z-index:10001}.lightbox-close:hover{background:#fff3}.voice-message{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:16px;min-width:260px;max-width:380px;margin-top:4px;transition:border-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.voice-message:hover{border-color:var(--border-default)}.voice-message.playing{border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.voice-message-play{width:42px;height:42px;border-radius:50%;background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.voice-message-play:hover{transform:scale(1.08)}.voice-message-play:active{transform:scale(.94);transition-duration:.1s}.voice-message-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:2px}.voice-message-waveform{height:36px;display:flex;align-items:center;gap:2px;cursor:pointer;position:relative;z-index:1;padding:0 2px;touch-action:none;border-radius:4px}.voice-message-waveform:hover .voice-message-scrubber{opacity:1;transform:translate(-50%) scale(1)}.voice-message.dragging .voice-message-scrubber{opacity:1;transform:translate(-50%) scale(1.3)}.voice-message-bar{flex:1;min-height:3px;background:var(--border-default);border-radius:3px;transition:background .15s ease,transform .15s ease;opacity:.5}.voice-message-bar.played{background:var(--accent);opacity:1}.voice-message-waveform:hover .voice-message-bar{opacity:.7}.voice-message-waveform:hover .voice-message-bar.played{opacity:1}.voice-message-scrubber{position:absolute;top:50%;width:14px;height:14px;margin-top:-7px;background:var(--accent);border:2.5px solid white;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%) scale(.5);transition:opacity .15s ease,transform .15s ease;z-index:2;box-shadow:0 1px 4px #00000040}.voice-message-info{display:flex;align-items:center;justify-content:space-between;gap:8px}.voice-message-time{font-size:.72rem;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.01em}.voice-message-time-sep{margin:0 2px;opacity:.4}.voice-message-speed{font-size:.68rem;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:none;border-radius:6px;padding:2px 7px;cursor:pointer;transition:all .15s ease;line-height:1.4;font-variant-numeric:tabular-nums}.voice-message-speed:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.voice-message-speed:active{transform:scale(.92)}.voice-message.pending{opacity:.6;pointer-events:none}.voice-message.failed{border-color:var(--error)}.voice-message-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:voiceSpinner .7s linear infinite}@keyframes voiceSpinner{to{transform:rotate(360deg)}}.message-list-container{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}.message-context-menu{position:fixed;z-index:10000;min-width:196px;background:var(--glass-float-bg);border:1px solid var(--border-default);border-radius:10px;padding:5px 6px;box-shadow:var(--shadow-elevated),0 0 0 1px #0000000a;animation:menuSlideIn .12s var(--transition-smooth, cubic-bezier(.22, 1, .36, 1));backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}[data-theme=dark] .message-context-menu{background:#1e2030f5}@keyframes menuSlideIn{0%{opacity:0;transform:scale(.93) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.message-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 9px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .08s ease,color .08s ease;text-align:left}.message-menu-item:hover{background:var(--accent);color:var(--accent-text)}.message-menu-item:hover svg{opacity:1}.message-menu-item svg{flex-shrink:0;opacity:.7}.message-menu-danger{color:var(--error)}.message-menu-danger:hover{background:var(--error);color:#fff}.message-menu-divider{height:1px;background:var(--border-subtle);margin:4px 0}.message-edit-inline{display:flex;flex-direction:column;gap:6px;width:100%}.message-edit-inline__row{display:flex;align-items:flex-end;gap:8px;width:100%}.md-live-preview--edit{margin-bottom:0}.message-edit-inline__input{flex:1;padding:2px 0;background:transparent;border:none;border-bottom:1px solid var(--accent);color:var(--text-primary);font-size:var(--chat-font-size, 1rem);line-height:1.5rem;font-family:inherit;outline:none;max-height:50vh;overflow-y:auto;resize:none;box-sizing:border-box}.message-edit-inline__ok{flex-shrink:0;padding:4px 12px;font-size:.8125rem;font-weight:500;cursor:pointer;border:none;border-radius:6px;background:var(--accent);color:var(--accent-text)}.message-edit-inline__ok:hover{background:var(--accent-hover)}.message-reply-quote{display:flex;align-items:center;gap:6px;padding:2px 0;margin-bottom:2px;cursor:pointer;max-width:100%;overflow:hidden;line-height:1.2}.message-reply-quote:hover{opacity:.95}.reply-quote-bar{width:2px;min-height:18px;align-self:stretch;background:var(--text-muted);opacity:.5;border-radius:1px;flex-shrink:0}.reply-quote-author{font-size:.8125rem;font-weight:600;color:var(--text-secondary);flex-shrink:0}.reply-quote-text{font-size:.8125rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:4px;min-width:0;flex:1}.message-item.reply-to-me .reply-quote-bar{background:#f0b232}.message-item.reply-to-me .reply-quote-author{color:#e5c170}.message-item.reply-to-me .reply-quote-text{color:#c6b07a}.reply-quote-text svg{flex-shrink:0}.message-highlight{animation:messageHighlight 1.5s ease-out}@keyframes messageHighlight{0%{background:var(--accent-muted)}to{background:transparent}}.message-pinned-indicator{color:var(--text-muted);display:inline-flex;align-items:center}.message-sticker-wrap,.message-gif-wrap,.message-emoji-wrap{display:flex;align-items:center;justify-content:flex-start;padding:4px 0}.message-sticker{max-width:120px;max-height:120px;min-width:60px;min-height:60px;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:4px!important;transition:transform .15s ease;outline:none}.message-sticker:hover{transform:scale(1.08);cursor:pointer}.message-gif{max-width:400px;max-height:250px;min-width:100px;min-height:80px;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:8px!important;transition:transform .15s ease;outline:none}.message-gif:hover{transform:scale(1.01)}.message-emoji{width:112px;height:112px;object-fit:contain!important;border-radius:4px!important;transition:transform .15s ease;outline:none}.message-emoji:hover{transform:scale(1.15)}.sticker-pack-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));display:flex;align-items:center;justify-content:center;z-index:10000}.sticker-pack-modal{background:var(--modal-panel-bg);border:1px solid var(--modal-panel-border);border-radius:var(--modal-panel-radius);padding:20px;min-width:300px;max-width:400px;box-shadow:var(--modal-panel-shadow)}.sticker-pack-modal-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px;color:var(--text-muted)}.sticker-pack-modal-skeleton{display:flex;flex-direction:column;gap:12px;padding:20px}.sticker-pack-modal-skeleton-header{width:60%;height:1.25em;border-radius:4px;background:var(--bg-tertiary);animation:skeleton-pulse 1.2s ease-in-out infinite}.sticker-pack-modal-skeleton-info{display:flex;flex-direction:column;gap:8px}.sticker-pack-modal-skeleton-line{height:.9em;border-radius:4px;background:var(--bg-tertiary);width:100%;animation:skeleton-pulse 1.2s ease-in-out infinite}.sticker-pack-modal-skeleton-line.short{width:50%}.sticker-pack-modal-spinner{width:24px;height:24px;border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.sticker-pack-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sticker-pack-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.sticker-pack-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all .1s ease}.sticker-pack-modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.sticker-pack-modal-info{display:flex;flex-direction:column;gap:4px;margin-bottom:20px;font-size:.875rem;color:var(--text-muted)}.sticker-pack-modal-team{color:var(--text-link);font-weight:500}.sticker-pack-modal-actions{display:flex;flex-direction:column;gap:8px}.sticker-pack-modal-status{color:var(--text-muted);font-size:.875rem;margin:0;text-align:center;padding:8px 0}.sticker-pack-modal-btn{padding:10px 16px;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .1s ease;background:var(--surface-2);color:var(--text-primary)}.sticker-pack-modal-btn:hover:not(:disabled){background:var(--surface-3)}.sticker-pack-modal-btn:disabled{opacity:.5;cursor:not-allowed}.sticker-pack-modal-btn-primary{background:var(--accent);color:var(--accent-text)}.sticker-pack-modal-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.sticker-pack-modal-btn-danger{background:var(--error);color:#fff}.sticker-pack-modal-btn-danger:hover:not(:disabled){filter:brightness(1.1)}.sticker-pack-modal-error{text-align:center;padding:20px;color:var(--text-muted)}.message-content-with-invite{display:flex;flex-direction:column;gap:4px}.message-content-with-invite .message-text{word-wrap:break-word;overflow-wrap:break-word;line-height:1.5rem;white-space:pre-wrap}.mention{display:inline;padding:0 2px;margin:0 1px 0 0;color:var(--text-link);background:var(--accent-muted);border-radius:3px;font-weight:500;cursor:pointer;line-height:inherit;vertical-align:baseline}.mention:hover{background:var(--accent);color:var(--accent-text)}.mention-me{background:#faa61a33;color:var(--warning, #f0b232)}.mention-me:hover{background:#faa61a59;color:var(--warning, #f0b232)}.message-list[data-display=compact] .message-item{padding:2px 16px;min-height:1.375rem}.message-list[data-display=compact] .message-avatar-col{display:none}.message-list[data-display=compact] .message-item.first{margin-top:0}.message-list[data-hide-avatars=true] .message-avatar-col{visibility:hidden;width:0;min-width:0;margin-right:0}@media (max-width: 768px){.message-item{padding:2px 12px 2px 56px}.message-avatar-col{left:10px}.message-body{gap:2px}.message-header{margin-bottom:0}.message-hover-actions{opacity:0!important;pointer-events:none!important}.message-item.first{margin-top:.75rem}.message-audio-wrap{min-width:200px}.message-image img{max-width:260px}.message-video-wrap{max-width:min(100%,520px)}.message-video-controls{gap:5px;padding:5px}.message-video-time{font-size:.62rem}.message-video-volume{width:56px}}.jump-to-bottom{position:absolute;bottom:16px;right:24px;width:40px;height:40px;border-radius:50%;background:var(--bg-floating);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:background .15s,color .15s,transform .1s;z-index:10}.jump-to-bottom:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-2px)}.jump-to-bottom-badge{position:absolute;top:-8px;right:-8px;background:var(--error, #f23f43);color:#fff;font-size:.65rem;font-weight:700;border-radius:10px;padding:1px 5px;min-width:18px;text-align:center;line-height:16px;height:16px}.message-skeleton-list{padding:16px 0;display:flex;flex-direction:column;gap:20px}.message-skeleton-item{display:flex;align-items:flex-start;gap:16px;padding:0 16px}.skeleton-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,#e8eaed 25%,#f0f2f5,#e8eaed 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:4px}.skeleton-line{height:14px;border-radius:7px;background:linear-gradient(90deg,#e8eaed 25%,#f0f2f5,#e8eaed 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-line-name{height:16px;margin-bottom:2px}.unread-divider{display:flex;align-items:center;margin:8px 16px;gap:8px;flex-shrink:0}.unread-divider:before,.unread-divider:after{content:"";flex:1;height:1px;background:var(--error, #f23f43);opacity:.5}.unread-divider-label{flex-shrink:0;padding:2px 8px;font-size:.65rem;font-weight:700;color:#fff;background:var(--error, #f23f43);border-radius:8px;letter-spacing:.05em}.md-h1,.md-h2,.md-h3{margin:6px 0 2px;line-height:1.25;color:var(--text-primary);font-weight:700}.md-h1{font-size:1.5rem}.md-h2{font-size:1.25rem}.md-h3{font-size:1.0625rem}.md-subtext{display:block;font-size:.75rem;color:var(--text-muted);line-height:1.4;margin:1px 0}.md-codeblock{display:block;margin:4px 0;padding:28px 12px 10px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:4px;font-family:Consolas,Courier New,monospace;font-size:.825rem;color:var(--text-primary);white-space:pre-wrap;overflow-x:auto;position:relative}.md-codeblock code{background:transparent;padding:0;border-radius:0;font-size:inherit}.md-codeblock-copy{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid var(--border-subtle);border-radius:4px;background:var(--surface-1, rgba(0, 0, 0, .18));color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.md-codeblock-copy:hover,.md-codeblock-copy.copied{color:var(--text-primary);border-color:var(--border-default, var(--border-subtle));background:var(--bg-hover, rgba(255, 255, 255, .08))}.md-code{padding:2px 6px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:3px;font-family:Consolas,Courier New,monospace;font-size:.85em;color:var(--text-primary)}.md-spoiler{background:var(--surface-2);color:transparent;border-radius:3px;padding:0 4px;cursor:pointer;transition:color .15s,background .15s;-webkit-user-select:none;user-select:none}.md-spoiler.md-spoiler-revealed{color:var(--text-primary);background:#4f6ef71f;cursor:default}.md-blockquote{margin:4px 0;padding:4px 8px;border-left:4px solid var(--text-muted, #949ba4);color:var(--text-secondary, #b5bac1);font-style:normal}.md-link{color:var(--accent);text-decoration:none}.md-link:hover{text-decoration:underline}.md-embeds{display:flex;flex-direction:column;gap:4px;margin-top:4px}.md-embed-image{max-width:400px;max-height:300px;width:auto;height:auto;object-fit:contain;border-radius:4px;display:block;cursor:zoom-in;outline:none}.message-reactions-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#00000073;display:grid;place-items:center}.message-reactions-modal{width:min(560px,calc(100vw - 28px));max-height:min(72vh,640px);background:var(--bg-primary, #fff);border:1px solid var(--border-subtle, rgba(0, 0, 0, .12));border-radius:12px;box-shadow:0 16px 48px #00000047;display:flex;flex-direction:column}.message-reactions-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-subtle, rgba(0, 0, 0, .08))}.message-reactions-modal-header h3{margin:0;font-size:.95rem;color:var(--text-primary)}.message-reactions-modal-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer}.message-reactions-modal-close:hover{background:var(--bg-hover, rgba(127, 136, 168, .15));color:var(--text-primary)}.message-reactions-modal-list{padding:8px;overflow:auto}.message-reactions-modal-empty{padding:18px 14px;color:var(--text-muted)}.message-reactions-modal-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:8px}.message-reactions-modal-row:hover{background:var(--bg-hover, rgba(127, 136, 168, .12))}.message-reactions-modal-emoji{font-size:1.05rem}.message-reactions-modal-emoji img{width:1.25em;height:1.25em;vertical-align:middle}.message-reactions-modal-user{color:var(--text-primary);font-size:.9rem}.message-reactions-modal-remove{height:28px;border-radius:7px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .14));background:var(--surface-1, transparent);color:var(--text-secondary);padding:0 10px;font-size:.78rem;cursor:pointer}.message-reactions-modal-remove:hover:not(:disabled){border-color:var(--error, #f23f43);color:var(--error, #f23f43)}.message-reactions-modal-remove:disabled{opacity:.55;cursor:not-allowed}[data-theme=dark] .message-list{background:#000;position:relative}[data-theme=dark] .date-separator:before,[data-theme=dark] .date-separator:after{background:#ffffff0f}[data-theme=dark] .date-separator-label{background:#000;border-color:#ffffff12;color:#ffffff47;font-size:.68rem;letter-spacing:.06em}[data-theme=dark] .message-item:hover,[data-theme=dark] .message-item.selected{background:var(--bg-message-hover, rgba(255, 255, 255, .08))}[data-theme=dark] .message-item.first{margin-top:1.25rem}[data-theme=dark] .message-sender{color:#ffffffeb;letter-spacing:.005em;font-weight:600}[data-theme=dark] .message-content{color:#b8c5dc;line-height:1.6}[data-theme=dark] .message-time{color:transparent;transition:color .25s ease;font-variant-numeric:tabular-nums;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:.65rem;letter-spacing:.04em}[data-theme=dark] .message-item:hover .message-time{color:#ffffff47}[data-theme=dark] .message-item[data-animate-materialize=true]{animation:message-materialize .28s var(--transition-smooth) both}[data-theme=dark] .channel-welcome-title{color:#fff}[data-theme=dark] .channel-welcome-desc{color:#8892b0}[data-theme=dark] .channel-welcome-btn{background:#ffffff0a;border-color:#ffffff12}[data-theme=dark] .channel-welcome-btn:hover{background:#ffffff12;border-color:#6179f859}.mention-suggestions{position:fixed;z-index:10000;min-width:220px;max-width:320px;max-height:280px;overflow-y:auto;padding:6px;background:var(--glass-float-bg);border:1px solid var(--border-default);border-radius:12px;box-shadow:var(--shadow-elevated);animation:mentionSlideUp .15s ease-out;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}[data-theme=light] .mention-suggestions{background:var(--glass-float-bg);border-color:var(--border-default);box-shadow:var(--shadow-elevated)}@keyframes mentionSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mention-suggestions::-webkit-scrollbar{width:4px}.mention-suggestions::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.mention-suggestion{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .1s ease}.mention-suggestion:hover,.mention-suggestion.selected{background:var(--accent);color:var(--accent-text)}.mention-suggestion:hover .mention-name,.mention-suggestion:hover .mention-description,.mention-suggestion.selected .mention-name,.mention-suggestion.selected .mention-description{color:inherit}.mention-special-icon{width:32px;height:32px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.mention-info{flex:1;min-width:0;display:flex;flex-direction:column}.mention-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.mention-description{font-size:.75rem;color:var(--text-secondary);opacity:.8}.mention{color:var(--accent);font-weight:500;background:var(--bg-hover);padding:0 4px;border-radius:4px;cursor:pointer;transition:background .15s ease}.mention:hover{background:var(--bg-active)}.mention.mention-me{background:#ffc86433;color:gold}.mention.mention-me:hover{background:#ffc8644d}.voice-recorder{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.25rem;background:var(--surface-2);border:1px solid var(--border-subtle);border-top-color:var(--border-subtle);border-radius:26px;animation:voiceRecorderSlideIn .4s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:none;position:relative;overflow:hidden}.voice-recorder:before{display:none}@keyframes voiceRecorderSlideIn{0%{opacity:0;transform:translateY(20px) scale(.9);filter:blur(5px)}60%{transform:translateY(-3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.voice-waveform{display:flex;align-items:center;gap:3px;height:36px;flex:1;padding:0 .75rem}.voice-wave-bar{width:4px;min-height:8px;background:var(--text-primary);border-radius:2px;animation:waveBarPulse .5s ease-in-out infinite alternate;box-shadow:none}@keyframes waveBarPulse{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.voice-recording-indicator{display:flex;align-items:center;gap:.6rem}.voice-pulse{width:12px;height:12px;border-radius:50%;background:var(--error);box-shadow:none}.voice-pulse.active{animation:voicePulseGlow 1s ease-in-out infinite}@keyframes voicePulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.voice-duration{font-size:.95rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;min-width:45px;text-shadow:none}.voice-controls{display:flex;gap:.6rem}.voice-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.voice-btn:before{display:none}.voice-btn:hover{transform:scale(1.12)}.voice-btn:active{transform:scale(.92);transition:all .1s ease}.voice-btn.cancel{background:#ef4444;color:#fff;box-shadow:none}.voice-btn.cancel:hover{background:#dc2626;box-shadow:none}.voice-btn.send{background:#22c55e;color:#fff;box-shadow:none}.voice-btn.send:hover{background:#16a34a;box-shadow:none}.voice-btn.send:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.voice-recorder-error{background:var(--surface-2);border-color:var(--error);justify-content:center;gap:.85rem;color:var(--text-primary);font-size:.9rem;animation:voiceRecorderError .5s cubic-bezier(.34,1.56,.64,1)}@keyframes voiceRecorderError{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.message-input-container{flex-shrink:0;display:flex;flex-direction:column;padding:8px 16px 16px;background:var(--bg-primary);min-width:0}.message-input-spam-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;margin-bottom:10px;background:linear-gradient(135deg,#ed424514,#ed42452e);border:1px solid rgba(237,66,69,.35);border-radius:var(--radius-lg, 12px);box-shadow:0 2px 12px #ed424514,inset 0 1px #ffffff0a;font-size:.875rem;animation:spamBannerIn .35s cubic-bezier(.34,1.56,.64,1)}.message-input-spam-text{font-weight:600;color:var(--error, #ed4245);letter-spacing:.02em;text-shadow:0 0 20px rgba(237,66,69,.2)}.message-input-spam-countdown{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#0000000f;border-radius:var(--radius, 8px);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600;font-size:.9rem;min-width:2.2em;justify-content:center}.message-input-spam-icon{opacity:.85;flex-shrink:0}[data-theme=dark] .message-input-spam-countdown{background:#00000040}@keyframes spamBannerIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.message-input-locked{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-secondary);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg, 12px);color:var(--text-muted);font-size:.875rem;cursor:not-allowed;-webkit-user-select:none;user-select:none}.message-input-locked-icon{flex-shrink:0;opacity:.6}.md-live-preview{margin-bottom:6px;border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden;animation:mdPreviewIn .18s cubic-bezier(.22,1,.36,1)}@keyframes mdPreviewIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.md-live-preview-header{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.md-live-preview-header svg{opacity:.7;flex-shrink:0}.md-live-preview-close{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .12s,background .12s}.md-live-preview-close:hover{color:var(--text-primary);background:var(--bg-hover)}.md-live-preview-body{padding:10px 14px;font-size:.9375rem;line-height:1.375;color:var(--text-primary);max-height:200px;overflow-y:auto;word-break:break-word}[data-theme=dark] .md-live-preview{border-color:#ffffff14;background:#1e1e22}[data-theme=dark] .md-live-preview-header{background:#252529;border-bottom-color:#ffffff0f}.reply-preview{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-bottom:none;border-radius:12px 12px 0 0;animation:replySlideIn .15s ease-out}@keyframes replySlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.reply-preview-bar{width:2px;height:18px;border-radius:999px;flex-shrink:0;background:var(--text-muted)}.reply-preview-content{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.reply-preview-author{font-size:.9rem;font-weight:700;color:var(--text-primary);flex-shrink:0}.reply-preview-text{font-size:.9rem;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;display:inline-flex;align-items:center;gap:4px;overflow:hidden;min-width:0}.reply-preview-text svg{flex-shrink:0}.reply-preview-text .message-inline-emoji{display:inline-block;width:1.35em;height:1.35em;vertical-align:-.2em;margin:0 .03em;object-fit:contain}.reply-preview-close{width:24px;height:24px;border-radius:50%;background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;transition:all .12s ease}.reply-preview-close:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary)}.reply-preview+.message-input-wrap{border-top-left-radius:0;border-top-right-radius:0;border-top-color:transparent}.message-input-wrap{display:flex;align-items:center;gap:0;padding:0 4px;background:var(--input-bg);border:1px solid var(--border-default);border-radius:12px;position:relative;min-width:0;transition:border-color .15s ease}.message-input-wrap:focus-within{border-color:var(--accent)}.message-file-input{display:none}.message-attach{width:40px;height:44px;border-radius:0;background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .12s ease,transform .12s var(--transition-spring, cubic-bezier(.34, 1.56, .64, 1))}.message-attach:hover{color:var(--accent);transform:scale(1.12)}.message-attach:active{transform:scale(.93)}.message-input{flex:1;min-width:0;padding:16px 0;background:transparent;border:none;color:var(--text-secondary);font-size:1rem;resize:none;line-height:1.375rem}.message-input-editable{cursor:text;user-select:text;-webkit-user-select:text;caret-color:var(--text-primary)}.message-input-editable *{cursor:text}.message-input:focus{outline:none;color:var(--text-primary)}.message-input::placeholder{color:var(--text-muted)}.message-input:disabled{opacity:.5;cursor:not-allowed}.message-input-editable::selection,.message-input-editable *::selection{background:rgba(var(--accent-rgb, 79, 110, 247),.38);color:var(--text-primary)}.message-input-editable::-moz-selection,.message-input-editable *::-moz-selection{background:rgba(var(--accent-rgb, 79, 110, 247),.38);color:var(--text-primary)}.message-input-editable:empty:before{content:attr(data-placeholder);color:var(--text-muted)}.message-input-editable:focus:empty:before{color:var(--text-muted)}.input-inline-emoji{display:inline-block;width:1.2em;height:1.2em;vertical-align:-.2em;margin:0 .05em;object-fit:contain}.message-send{width:32px;height:32px;border-radius:8px;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:none;cursor:pointer;transition:background .15s ease,color .15s ease,transform .12s var(--transition-spring, cubic-bezier(.34, 1.56, .64, 1));margin-right:6px}.message-send:hover:not(:disabled){background:var(--accent-muted);color:var(--accent);transform:scale(1.1)}.message-send:active:not(:disabled){transform:scale(.93)}.message-send:disabled{opacity:.28;cursor:not-allowed}.message-send.has-content{color:var(--accent)}.send-spinner{width:16px;height:16px;border:2px solid var(--text-muted);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.file-preview{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius);position:relative;animation:filePreviewSlide .15s ease-out}@keyframes filePreviewSlide{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.file-preview.media{display:block;padding:8px;max-width:min(320px,100%);border-radius:12px;overflow:hidden}.file-preview-media{display:flex;flex-direction:column;gap:8px}.file-preview-image{width:100%;max-height:200px;object-fit:cover;border-radius:10px;display:block}.file-preview-video{width:100%;max-height:220px;background:#000;border-radius:10px;display:block}.file-preview.video{max-width:100%;padding:10px 12px}.file-preview-video-compact{width:58px;flex-shrink:0}.file-preview-video-thumb-wrap{width:58px;height:42px;border-radius:8px;overflow:hidden;position:relative;background:#0b0b0f;border:1px solid rgba(255,255,255,.14)}.file-preview-video-thumb{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.02)}.file-preview-video-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:22px;height:22px;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none}.file-preview-media-meta{display:flex;align-items:center;gap:8px;min-width:0;padding:2px 2px 0}.file-preview.video .file-preview-media{flex-direction:row;align-items:center;gap:10px}.file-preview.video .file-preview-media-meta{padding:0}.file-preview-media-type{flex-shrink:0;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-muted);border-radius:999px;padding:4px 7px}.file-preview-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.file-preview-icon{font-size:1.75rem;flex-shrink:0}.file-preview-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.file-preview-size{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.file-preview-remove{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#0000008f;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;transition:transform .15s ease,background .15s ease}.file-preview-remove:hover{transform:scale(1.08);background:#ed4245e6}[data-theme=dark] .file-preview.media{background:#1f1f24;border-color:#ffffff1f}[data-theme=dark] .file-preview-media-type{background:rgba(var(--accent-rgb, 79, 110, 247),.16)}.message-voice{width:36px;height:44px;border-radius:0;background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .1s ease}.message-voice:hover:not(:disabled){color:var(--text-secondary)}.message-voice:active:not(:disabled){opacity:.6}.message-voice:disabled{opacity:.3;cursor:not-allowed}.message-sticker-btn{width:36px;height:44px;border-radius:0;background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .1s ease}.message-sticker-btn:hover:not(:disabled){color:var(--text-secondary)}.message-sticker-btn:active:not(:disabled){opacity:.6}.message-sticker-btn:disabled{opacity:.3;cursor:not-allowed}.message-sticker-btn.active{color:var(--accent)}.command-palette{position:absolute;bottom:calc(100% + 8px);left:16px;right:16px;max-height:380px;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:1000;animation:commandPaletteSlide .15s ease-out}@keyframes commandPaletteSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.command-palette-header{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--surface-2);border-bottom:1px solid var(--border-subtle)}.command-palette-icon{font-size:1rem}.command-palette-title{font-size:.8rem;font-weight:600;color:var(--text-primary)}.command-palette-hint{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:.7rem;color:var(--text-muted)}.command-palette-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 4px;background:var(--surface-3);border:1px solid var(--border-default);border-radius:3px;font-family:inherit;font-size:.6rem;color:var(--text-secondary)}.command-list{overflow-y:auto;max-height:300px;padding:6px 0}.command-list::-webkit-scrollbar{width:5px}.command-list::-webkit-scrollbar-track{background:transparent}.command-list::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.command-category{margin-bottom:3px}.command-category-header{display:flex;align-items:center;gap:6px;padding:6px 14px 4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.command-category-header-suggested{color:var(--accent)}.command-category-icon{font-size:.7rem;opacity:.8}.command-category-label{color:var(--text-muted)}.command-item{display:flex;align-items:center;gap:12px;padding:8px 14px;cursor:pointer;transition:all .1s ease}.command-item:hover{background:var(--bg-hover)}.command-item.selected{background:var(--accent-muted)}.command-item-suggested{background:color-mix(in srgb,var(--accent) 8%,transparent)}.command-icon{font-size:1.2rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border-radius:var(--radius);flex-shrink:0}.command-item.selected .command-icon{background:var(--accent-muted)}.command-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.command-label{font-size:.85rem;font-weight:500;color:var(--text-primary);font-family:SF Mono,Fira Code,Consolas,monospace}.command-item.selected .command-label{color:var(--accent)}.command-description{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-arrow{font-size:.9rem;color:var(--accent)}.command-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;color:var(--text-muted);font-size:.85rem}.command-empty-icon{font-size:1.75rem;opacity:.5}@media (max-width: 768px){.message-input-container{padding:0 12px}.message-input-wrap{margin-bottom:16px;padding:0 4px}.message-attach{width:38px;height:38px}.message-input{padding:9px 0;font-size:.95rem}.message-voice,.message-schedule,.message-sticker-btn{width:30px;height:38px}}@media (max-width: 480px){.message-input-container{padding:0 8px}.message-input-wrap{margin-bottom:12px}.message-attach,.message-voice,.message-schedule,.message-sticker-btn{min-width:44px;min-height:44px}}@media (max-width: 600px){.command-palette{left:8px;right:8px;max-height:280px;border-radius:var(--radius)}.command-palette-header{padding:10px 12px}.command-palette-hint{display:none}.command-item{padding:7px 12px;gap:8px}.command-icon{width:24px;height:24px;font-size:1rem}.command-label{font-size:.8rem}.command-description{font-size:.65rem}}[data-theme=dark] .message-input-container{background:var(--bg-secondary);border-top:1px solid rgba(255,255,255,.06);padding:8px 16px 0}[data-theme=dark] .message-input-wrap{background:#252529;border-color:#ffffff1a}[data-theme=dark] .message-input-wrap:focus-within{border-color:#ffffff47}[data-theme=dark] .message-input,[data-theme=dark] .message-input-editable{color:var(--text-primary)}[data-theme=dark] .message-input-editable:empty:before{color:var(--text-muted)}[data-theme=dark] .message-send:hover:not(:disabled){background:var(--bg-hover);color:var(--accent)}[data-theme=dark] .reply-preview{background:#1f2023;border-color:#ffffff1f}[data-theme=dark] .reply-preview-close{border-color:#ffffff26}[data-theme=dark] .reply-preview+.message-input-wrap{border-top-color:#ffffff05}.members-panel{width:240px;min-width:240px;display:flex;flex-direction:column;background:var(--cosmic-surface-flat),var(--bg-secondary);border-left:1px solid var(--border-subtle, rgba(255,255,255,.06));overflow:hidden;position:relative;box-shadow:inset 1px 0 color-mix(in srgb,var(--cosmic-border) 30%,transparent 70%)}.mp-resize-handle{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:col-resize;z-index:1;transition:background .15s ease,opacity .15s ease}.mp-resize-handle:hover{background:var(--accent);opacity:.25}.mp-resize-handle:active{background:var(--accent);opacity:.4}.mp-scroll{flex:1;overflow-y:auto;padding:10px 6px 16px 10px;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}.mp-scroll::-webkit-scrollbar{width:5px}.mp-scroll::-webkit-scrollbar-track{background:transparent}.mp-scroll::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:10px}.mp-group{margin-bottom:12px}.mp-group:last-child{margin-bottom:4px}.mp-group-title{font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted, #8b929a);padding:10px 10px 4px;margin:0;opacity:.85;position:sticky;top:0;z-index:1}.mp-group:first-child .mp-group-title{padding-top:2px}.mp-member{display:flex;align-items:center;gap:10px;padding:6px 10px;min-height:42px;border-radius:10px;cursor:pointer;transition:background .12s ease,transform .12s var(--transition-spring, cubic-bezier(.34, 1.56, .64, 1))}.mp-member:hover{background:var(--bg-hover)}.mp-member.offline{opacity:.5}.mp-member.offline:hover{opacity:.75}.mp-member-avatar{flex-shrink:0}.mp-member-avatar .avatar,.mp-member-avatar .clickable-avatar{width:32px!important;height:32px!important}.mp-member-info{flex:1;min-width:0}.mp-member-name{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary, #b5bac1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .1s ease}.mp-member:hover .mp-member-name{color:var(--text-primary)}.mp-member-name-clickable{cursor:pointer}.mp-member-status{display:block;font-size:.75rem;color:var(--text-muted, #8b929a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.mp-crown{flex-shrink:0}.member-context-menu{position:fixed;z-index:1001;background:var(--glass-float-bg);border:1px solid var(--border-default);border-radius:10px;padding:6px;min-width:200px;box-shadow:var(--shadow-elevated),0 0 0 1px #0000000a;animation:ctxMenuFadeIn .14s var(--transition-smooth, cubic-bezier(.22, 1, .36, 1));backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(12px)}@keyframes ctxMenuFadeIn{0%{opacity:0;transform:scale(.94) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.mcm-header{display:flex;align-items:center;gap:10px;padding:8px}.mcm-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.mcm-avatar img{width:100%;height:100%;object-fit:cover}.mcm-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-text);font-weight:600;font-size:.9rem}.mcm-info{min-width:0}.mcm-name{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary)}.mcm-username{display:block;font-size:.75rem;color:var(--text-muted, #949ba4)}.mcm-separator{height:1px;background:var(--border-subtle);margin:4px 0}.mcm-item{width:100%;display:flex;align-items:center;gap:9px;padding:7px 9px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #b5bac1);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .08s ease,color .08s ease;text-align:left}.mcm-item:hover{background:var(--accent);color:var(--accent-text)}.mcm-item.danger{color:var(--error)}.mcm-item.danger:hover{background:var(--error);color:#fff}.mcm-item svg{flex-shrink:0;opacity:.8}.mcm-item:hover svg{opacity:1}.color-picker-wrap{position:relative;display:inline-block}.color-picker-swatch{width:40px;height:40px;border-radius:10px;border:2px solid rgba(255,255,255,.2);cursor:pointer;padding:0;background:var(--bg-tertiary);transition:transform .15s ease,box-shadow .15s ease}.color-picker-swatch:hover{transform:scale(1.05);box-shadow:0 0 0 2px var(--accent)}.color-picker-popover{position:absolute;z-index:1000;top:calc(100% + 8px);left:0;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 8px 32px #0006}.color-picker-popover-portal{position:fixed;z-index:100000}.color-picker-picker{width:200px!important;height:160px!important}.color-picker-picker .react-colorful__saturation{border-radius:8px 8px 0 0}.color-picker-picker .react-colorful__hue{height:12px;margin-top:8px;border-radius:6px}.color-picker-picker .react-colorful__pointer{width:20px;height:20px;border-width:2px}.color-picker-hex-row{display:flex;align-items:center;gap:4px;margin-top:10px}.color-picker-hex-label{font-size:.85rem;color:var(--text-muted)}.color-picker-hex-input{flex:1;padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:.9rem;font-family:ui-monospace,monospace}.color-picker-hex-input:focus{outline:none;border-color:var(--accent)}.csw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));display:flex;align-items:center;justify-content:center;z-index:2000;animation:cswFadeIn .25s cubic-bezier(.16,1,.3,1)}@keyframes cswFadeIn{0%{opacity:0}to{opacity:1}}.csw-modal{background:var(--glass-panel-bg);border:1px solid var(--modal-panel-border);border-radius:var(--modal-panel-radius);box-shadow:var(--modal-panel-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);width:90%;max-width:480px;max-height:90vh;overflow-y:auto;animation:cswSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes cswSlideUp{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.csw-progress{display:flex;gap:8px;justify-content:center;padding:24px 24px 0}.csw-step{width:8px;height:8px;border-radius:50%;background:var(--bg-tertiary, #383a40);transition:all .3s}.csw-step.done{background:var(--accent, #5865f2);transform:scale(1.2)}.csw-step-content{padding:32px 24px}.csw-step-content h2{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.csw-step-content>p{margin:0 0 24px;font-size:.95rem;color:var(--text-muted);line-height:1.5}.csw-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.csw-tag{padding:10px 18px;background:var(--bg-secondary, #2b2d31);border:2px solid transparent;border-radius:24px;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.csw-tag:hover{background:var(--bg-tertiary, #383a40);color:var(--text-primary)}.csw-tag.selected{background:#5865f233;border-color:var(--accent);color:#a5b4fc}.csw-blurb{width:100%;padding:14px 16px;background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-default, #3f4147);border-radius:12px;color:var(--text-primary);font-size:1rem;line-height:1.5;resize:vertical;min-height:100px;margin-bottom:8px;transition:border-color .2s}.csw-blurb:focus{outline:none;border-color:var(--accent)}.csw-blurb::placeholder{color:var(--text-muted)}.csw-char-count{display:block;text-align:right;font-size:.8rem;color:var(--text-muted);margin-bottom:24px}.csw-summary{padding:20px;background:var(--bg-secondary, #2b2d31);border-radius:12px;margin-bottom:24px}.csw-summary-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.csw-summary-tag{padding:6px 12px;background:#5865f240;color:#a5b4fc;font-size:.85rem;border-radius:8px}.csw-summary-blurb{margin:0;font-size:.95rem;color:var(--text-muted);font-style:italic;line-height:1.5}.csw-actions{display:flex;gap:12px;justify-content:flex-end}.csw-btn{padding:12px 24px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.csw-btn.secondary{background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-default);color:var(--text-primary)}.csw-btn.secondary:hover{background:var(--bg-tertiary)}.csw-btn.primary{background:var(--accent, #5865f2);border:none;color:var(--accent-text)}.csw-btn.primary:hover:not(:disabled){filter:brightness(1.1)}.csw-btn.primary:disabled{opacity:.5;cursor:not-allowed}.ss-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);z-index:1000;animation:ssFadeIn .25s cubic-bezier(.4,0,.2,1)}@keyframes ssFadeIn{0%{opacity:0}to{opacity:1}}.ss-layout{display:flex;height:100%;overflow:hidden}.ss-nav{width:248px;min-width:248px;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden}.ss-nav-scroll{flex:1;overflow-y:auto;padding:56px 12px 56px 24px;display:flex;flex-direction:column;gap:24px;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}.ss-nav-group{display:flex;flex-direction:column;gap:2px}.ss-nav-group-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px 12px 6px;margin:0}.ss-nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:color .2s,background .2s;text-align:left;position:relative}.ss-nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--accent);border-radius:0 3px 3px 0;transition:height .2s}.ss-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.ss-nav-item.active{background:var(--bg-active);color:var(--text-primary)}.ss-nav-item.active:before{height:24px}.ss-nav-item:hover:not(.active):before{height:16px;background:var(--accent)}.ss-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;opacity:.75;transition:opacity .2s}.ss-nav-item.active .ss-nav-icon,.ss-nav-item:hover .ss-nav-icon{opacity:1}.ss-nav-item.active .ss-nav-icon{color:var(--accent)}.ss-nav-label{flex:1}.ss-content{flex:1;overflow-y:auto;padding:56px 48px 96px;display:flex;justify-content:center;background:var(--bg-primary);scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}.ss-tab-content{width:100%;max-width:640px;animation:ssContentFade .3s ease-out}@keyframes ssContentFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ss-tab-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.02em;line-height:1.2}.ss-tab-desc{font-size:.9375rem;color:var(--text-muted);margin:0 0 28px;line-height:1.5}.ss-close-area{position:fixed;top:56px;right:48px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:transparent;z-index:1100}.ss-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-muted);cursor:pointer;transition:border-color .2s,color .2s}.ss-close-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.ss-close-hint{font-size:.625rem;font-weight:600;letter-spacing:.05em;color:var(--text-muted)}.ss-field{margin-bottom:24px}.ss-field label{display:block;margin-bottom:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.ss-field input[type=text],.ss-field input[type=email],.ss-field textarea,.ss-field select{width:100%;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem;font-family:inherit;resize:vertical;transition:border-color .2s,box-shadow .2s}.ss-field input:hover,.ss-field textarea:hover,.ss-field select:hover{border-color:var(--border-default)}.ss-field input:focus,.ss-field textarea:focus,.ss-field select:focus{outline:none;border-color:var(--accent)}.ss-field.inline{display:inline-flex;flex-direction:column;margin-right:16px}.ss-field.inline select{min-width:140px}.ss-field-counter{display:block;text-align:right;font-size:.6875rem;color:var(--text-muted);margin-top:6px}.ss-field-desc{font-size:.875rem;color:var(--text-muted);margin:-2px 0 14px;line-height:1.45}.ss-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle) 10%,var(--border-subtle) 90%,transparent);margin:28px 0}.ss-toggle{width:44px;height:24px;border-radius:12px;background:var(--text-muted);position:relative;cursor:pointer;transition:background .25s ease,box-shadow .2s;flex-shrink:0}.ss-toggle.on{background:var(--success)}.ss-toggle-knob{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .2s}.ss-toggle.on .ss-toggle-knob{transform:translate(20px)}.ss-toggle-field{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--border-subtle);gap:16px}.ss-toggle-label{display:block;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.ss-toggle-desc{display:block;font-size:.8125rem;color:var(--text-muted);margin-top:4px;line-height:1.4}.ss-radio-group{display:flex;flex-direction:column;gap:6px}.ss-radio-group.horizontal{flex-direction:row;flex-wrap:wrap;gap:12px}.ss-radio-option{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:background .2s,border-color .2s;position:relative}.ss-radio-group.horizontal .ss-radio-option{align-items:center;background:var(--bg-secondary, rgba(255,255,255,.06));border-color:var(--border-subtle, rgba(255,255,255,.08))}.ss-radio-group.horizontal .ss-radio-option:hover{background:var(--bg-hover)}.ss-radio-group.horizontal .ss-radio-option.active{background:var(--bg-tertiary);border-color:var(--border-default)}.ss-radio-group.horizontal .ss-radio-dot{margin-top:0}.ss-radio-option:hover{background:var(--bg-hover)}.ss-radio-option.active{background:var(--bg-tertiary);border-color:var(--border-default)}.ss-radio-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;min-height:20px;margin:2px 0 0;padding:0;border:2px solid var(--text-muted);border-radius:50%;background:transparent;cursor:pointer;flex-shrink:0;align-self:flex-start;box-sizing:border-box}.ss-radio-input:checked{border-color:var(--accent);background:radial-gradient(circle at center,var(--accent) 35%,transparent 36%)}.ss-radio-group.horizontal .ss-radio-input{margin-top:0;align-self:center}.ss-radio-group.horizontal .ss-radio-label{line-height:20px}.ss-radio-label{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.ss-radio-desc{display:block;font-size:.8125rem;color:var(--text-muted);margin-top:4px;line-height:1.35}.ss-btn-save{padding:10px 24px;background:var(--accent);color:var(--accent-text);border:none;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:background .2s}.ss-btn-save:hover:not(:disabled){background:var(--accent-hover)}.ss-btn-save:active:not(:disabled){transform:translateY(0)}.ss-btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.ss-btn-reset{padding:10px 20px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:10px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.ss-btn-reset:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.ss-btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-muted);cursor:pointer;transition:all .2s}.ss-btn-icon:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-default)}.ss-btn-icon.danger:hover{color:var(--error);background:#dc26261a;border-color:#dc26264d}.ss-save-bar{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;padding:14px 24px;background:var(--bg-floating, var(--bg-secondary));border:1px solid var(--border-default);border-radius:12px;z-index:1001;animation:saveBarSlide .35s cubic-bezier(.4,0,.2,1);color:var(--text-primary);font-size:.875rem;font-weight:500}@keyframes saveBarSlide{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.ss-save-actions{display:flex;gap:10px}.ss-loading,.ss-empty{padding:56px 40px;text-align:center;color:var(--text-muted);font-size:.9375rem;display:flex;flex-direction:column;align-items:center;gap:16px}.ss-empty svg{opacity:.5}.ss-overview-top{display:flex;gap:32px;margin-bottom:28px}.ss-server-icon-area{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.ss-icon-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.ss-server-icon-preview{width:108px;height:108px;border-radius:24px;background:var(--bg-secondary);border:2px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color .2s;position:relative}.ss-server-icon-preview:hover{border-color:var(--border-default)}.ss-server-icon-preview.uploading{pointer-events:none;opacity:.8}.ss-server-icon-preview:hover .ss-icon-upload-overlay{opacity:1}.ss-icon-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.05em;opacity:0;transition:opacity .2s}.ss-icon-upload-spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ssSpin .8s linear infinite}@keyframes ssSpin{to{transform:rotate(360deg)}}.ss-server-icon-preview img{width:100%;height:100%;object-fit:cover}.ss-server-icon-preview span{font-size:2.5rem;font-weight:700;color:var(--text-primary)}.ss-icon-hint{font-size:.6875rem;color:var(--text-muted);text-align:center;max-width:120px;line-height:1.35}.ss-overview-fields{flex:1}.ss-roles-layout{display:flex;width:100%;gap:20px;height:calc(100vh - 140px);max-width:none!important}.ss-roles-sidebar{width:240px;min-width:240px;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.ss-roles-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-subtle)}.ss-roles-count{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.ss-btn-create-role{padding:6px 14px;background:var(--accent);color:var(--accent-text);border:none;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .2s}.ss-btn-create-role:hover{background:var(--accent-hover)}.ss-roles-search{padding:12px}.ss-roles-search input{width:100%;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-size:.875rem}.ss-roles-search input:focus{outline:none;border-color:var(--accent)}.ss-roles-list{flex:1;overflow-y:auto;padding:0 8px 12px}.ss-role-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .2s;text-align:left;margin:2px 0}.ss-role-item:hover{background:var(--bg-hover)}.ss-role-item.active{background:var(--accent-muted);box-shadow:inset 3px 0 0 var(--accent)}.ss-role-dot{width:12px;height:12px;border-radius:4px;flex-shrink:0}.ss-role-name{flex:1;font-size:.875rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-role-count{font-size:.75rem;color:var(--text-muted)}.ss-role-editor{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:20px}.ss-role-editor-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border-subtle)}.ss-role-editor-header h3{margin:0;font-size:1.0625rem;font-weight:700;color:var(--text-primary)}.ss-btn-delete-role{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--error);cursor:pointer;transition:all .2s}.ss-btn-delete-role:hover{background:#dc26261a;border-color:#dc262633}.ss-role-tabs{display:flex;gap:4px;margin-bottom:20px}.ss-role-tabs button{padding:10px 18px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.ss-role-tabs button:hover{color:var(--text-primary);background:var(--bg-hover)}.ss-role-tabs button.active{color:var(--accent);background:var(--accent-muted)}.ss-role-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;background:var(--border-strong);border-radius:9px;font-size:.7rem;font-weight:700;color:var(--text-muted)}.ss-role-tabs button.active .ss-role-tab-count{background:var(--accent);color:var(--accent-text)}.ss-role-members{display:flex;flex-direction:column;gap:12px}.ss-rmt-header{display:flex;gap:8px;align-items:center}.ss-rmt-search{flex:1;padding:8px 12px;background:var(--input-bg, #f0f2f7);border:1px solid var(--border-default);border-radius:8px;font-size:.875rem;color:var(--text-primary);outline:none}.ss-rmt-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.ss-rmt-add-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--accent);border:none;border-radius:8px;color:var(--accent-text);font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.ss-rmt-add-btn:hover,.ss-rmt-add-btn.active{background:var(--accent-hover)}.ss-rmt-add-panel{border:1px solid var(--border-default);border-radius:10px;overflow:hidden;background:var(--bg-secondary);padding:12px;display:flex;flex-direction:column;gap:8px}.ss-rmt-add-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.ss-rmt-add-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;width:100%;transition:background .1s}.ss-rmt-add-item:hover{background:var(--bg-hover)}.ss-rmt-list{display:flex;flex-direction:column;gap:4px}.ss-rmt-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-subtle)}.ss-rmt-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.ss-rmt-avatar-fb{width:32px;height:32px;border-radius:50%;background:var(--accent-muted);color:var(--accent);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ss-rmt-info{flex:1;min-width:0;display:flex;flex-direction:column}.ss-rmt-name{font-size:.875rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-rmt-uname{font-size:.75rem;color:var(--text-muted)}.ss-rmt-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background .1s,color .1s}.ss-rmt-remove:hover{background:#dc262614;color:var(--error, #dc2626)}.ss-rmt-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:.875rem}.ss-role-display,.ss-role-permissions{flex:1;overflow-y:auto;padding-right:8px}.ss-color-picker{display:flex;flex-direction:column;gap:14px}.ss-color-presets{display:flex;flex-wrap:wrap;gap:8px}.ss-color-swatch{width:30px;height:30px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s}.ss-color-swatch.active{border-color:var(--text-primary)}.ss-color-custom{display:flex;align-items:center;gap:10px}.ss-color-custom .color-picker-swatch{width:40px;height:40px;border-radius:10px}.ss-color-hex{flex:1;max-width:120px;padding:8px 12px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-size:.875rem;font-family:monospace}.ss-perm-group{margin-bottom:28px}.ss-perm-group:last-child{margin-bottom:0}.ss-perm-group-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 12px}.ss-perm-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:10px;margin-bottom:4px;transition:background .15s}.ss-perm-item:hover{background:var(--bg-hover)}.ss-perm-item.danger{background:#dc26260f;border:1px solid rgba(220,38,38,.15);margin-bottom:8px}.ss-perm-info{flex:1;min-width:0;padding-right:16px}.ss-perm-label{display:block;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.ss-perm-desc{display:block;font-size:.8125rem;color:var(--text-muted);margin-top:4px;line-height:1.35}.ss-emoji-upload{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px;margin-bottom:24px}.ss-emoji-upload .ss-field{margin-bottom:0;flex:1;min-width:160px}.ss-emoji-url-row{flex:2;min-width:220px}.ss-emoji-image-inputs{display:flex;gap:10px;flex-wrap:wrap}.ss-emoji-image-inputs input{flex:1;min-width:140px}.ss-btn-upload-emoji{padding:10px 16px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.ss-btn-upload-emoji:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-default)}.ss-btn-upload-emoji:disabled{opacity:.6;cursor:not-allowed}.ss-emoji-stats{font-size:.875rem;color:var(--text-muted);margin-bottom:20px}.ss-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.ss-emoji-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;transition:all .2s}.ss-emoji-item:hover{border-color:var(--border-default)}.ss-emoji-img{width:36px;height:36px;object-fit:contain}.ss-emoji-name{flex:1;font-size:.875rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-emoji-delete{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:8px;transition:all .2s;opacity:.6}.ss-emoji-item:hover .ss-emoji-delete{opacity:1}.ss-emoji-delete:hover{color:var(--error);background:#dc26261f}.ss-members-filters{margin-bottom:20px}.ss-members-search{width:100%;padding:12px 16px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem}.ss-members-search:focus{outline:none;border-color:var(--accent)}.ss-members-table{border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;background:var(--bg-secondary)}.ss-members-table-header{display:grid;grid-template-columns:1fr 100px 100px 80px;gap:12px;padding:12px 20px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.ss-members-row{display:grid;grid-template-columns:1fr 100px 100px 80px;gap:12px;align-items:center;padding:12px 20px;transition:background .15s;border-bottom:1px solid var(--border-subtle)}.ss-members-row:last-child{border-bottom:none}.ss-members-row:hover{background:var(--bg-hover)}.ss-members-row .ss-mt-name{display:flex;align-items:center;gap:12px;min-width:0}.ss-mt-display{display:block;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.ss-mt-username{display:block;font-size:.8125rem;color:var(--text-muted)}.ss-mt-role{font-size:.875rem}.ss-role-badge{padding:4px 10px;border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;font-weight:600}.ss-role-badge.owner{background:#f59e0b26;color:var(--warning, #d97706)}.ss-mt-joined{font-size:.8125rem;color:var(--text-muted)}.ss-mt-actions{display:flex;gap:6px;justify-content:flex-end}.ss-mt-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s;opacity:.7}.ss-members-row:hover .ss-mt-action{opacity:1}.ss-mt-action:hover{color:var(--text-primary);background:var(--bg-hover)}.ss-mt-action.danger:hover{color:var(--error);background:#dc26261f}.ss-ban-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));display:flex;align-items:center;justify-content:center;z-index:1002;animation:ssFadeIn .2s cubic-bezier(.16,1,.3,1)}.ss-ban-modal{background:var(--glass-panel-bg);border:1px solid var(--modal-panel-border);border-radius:var(--modal-panel-radius);box-shadow:var(--modal-panel-shadow);padding:24px;min-width:360px;max-width:90%;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.ss-ban-modal h3{margin:0 0 20px;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.ss-ban-modal-field{margin-bottom:20px}.ss-ban-modal-field label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:8px}.ss-ban-modal-field input{width:100%;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-tertiary);color:var(--text-primary)}.ss-ban-modal-actions{display:flex;gap:10px;justify-content:flex-end}.ss-btn-ban-confirm{padding:10px 20px;background:var(--error);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:background .2s}.ss-btn-ban-confirm:hover{background:#b91c1c}.ss-invite-create{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.ss-invite-options{display:flex;flex-wrap:wrap;gap:16px}.ss-invites-list{display:flex;flex-direction:column;gap:8px}.ss-invite-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;transition:all .2s}.ss-invite-item:hover{border-color:var(--border-default)}.ss-invite-info{display:flex;flex-direction:column;gap:4px}.ss-invite-code{font-size:.9375rem;font-weight:600;color:var(--text-primary);font-family:ui-monospace,monospace}.ss-invite-meta{font-size:.8125rem;color:var(--text-muted)}.ss-invite-actions{display:flex;gap:6px}.ss-bans-list{display:flex;flex-direction:column;gap:8px}.ss-ban-item{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;transition:all .2s}.ss-ban-item:hover{border-color:var(--border-default)}.ss-ban-info{flex:1;display:flex;flex-direction:column;gap:4px}.ss-ban-name{font-weight:600;font-size:.9375rem;color:var(--text-primary)}.ss-ban-reason{font-size:.8125rem;color:var(--text-muted)}.ss-ban-date{font-size:.75rem;color:var(--text-muted)}.ss-btn-unban{padding:8px 18px;background:var(--success);color:#fff;border:none;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .2s}.ss-btn-unban:hover{background:#20b759}.ss-tab-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:12px;flex-wrap:wrap}.ss-tab-header-row .ss-tab-title{margin-bottom:6px}.ss-webhook-form{display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.ss-field-row{display:flex;justify-content:flex-end}.ss-webhooks-list{display:flex;flex-direction:column;gap:10px}.ss-webhook-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px;transition:all .2s}.ss-webhook-item:hover{border-color:var(--border-default)}.ss-webhook-edit-form{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.ss-webhook-edit-form .ss-field{margin:0}.ss-field-hint{font-weight:400;font-size:.8em;color:var(--text-muted)}.ss-btn-ghost{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem}.ss-btn-ghost:hover{background:var(--bg-tertiary)}.ss-webhook-info{display:flex;flex-direction:column;gap:6px;min-width:0}.ss-webhook-name{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.ss-webhook-meta{font-size:.8125rem;color:var(--text-muted)}.ss-webhook-url-row{display:flex;align-items:center;gap:8px;margin-top:4px}.ss-webhook-url{font-size:.75rem;color:var(--text-muted);font-family:ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px;background:var(--bg-tertiary);padding:6px 10px;border-radius:8px}.ss-webhook-actions{display:flex;gap:6px;flex-shrink:0}.ss-audit-list{display:flex;flex-direction:column;gap:4px}.ss-audit-card{border:1px solid var(--border-subtle);border-radius:12px;background:transparent;transition:background .15s,box-shadow .15s;cursor:pointer;overflow:hidden}.ss-audit-card:hover{background:var(--bg-hover)}.ss-audit-card.expanded{background:var(--bg-secondary);border-color:var(--border-default);box-shadow:0 2px 12px #0000000f}.ss-audit-row{display:flex;align-items:center;gap:12px;padding:12px 16px}.ss-audit-icon-badge{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ss-audit-icon-red{background:#ef44441f;color:var(--error, #ef4444)}.ss-audit-icon-green{background:#22c55e1f;color:var(--success, #22c55e)}.ss-audit-icon-blue{background:#4f6ef71f;color:var(--accent, #4f6ef7)}.ss-audit-content{flex:1;min-width:0}.ss-audit-action{font-size:.9rem;color:var(--text-secondary);line-height:1.45}.ss-audit-action strong{color:var(--text-primary);font-weight:600}.ss-audit-target{color:var(--text-muted);font-size:.85rem}.ss-audit-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.ss-audit-time{font-size:.73rem;color:var(--text-muted);white-space:nowrap}.ss-audit-chevron{color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.ss-audit-chevron.open{transform:rotate(180deg)}.ss-audit-details{padding:12px 16px 14px 56px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--border-subtle)}.ss-audit-actor{display:flex;align-items:center;gap:10px}.ss-audit-actor-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.ss-audit-actor-avatar-fallback{width:36px;height:36px;border-radius:50%;background:var(--accent-muted);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;flex-shrink:0}.ss-audit-actor-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.ss-audit-actor-username{font-size:.78rem;color:var(--text-muted)}.ss-audit-detail-rows{display:flex;flex-direction:column;gap:6px}.ss-audit-detail-row{display:flex;gap:12px;font-size:.84rem}.ss-audit-detail-label{color:var(--text-muted);font-weight:600;min-width:64px;flex-shrink:0}.ss-audit-detail-value{color:var(--text-primary);word-break:break-word}.ss-audit-detail-reason{font-style:italic;color:var(--text-secondary)}@media (max-width: 900px){.ss-nav{width:200px;min-width:200px}.ss-nav-scroll{padding:48px 8px 48px 16px}.ss-content{padding:48px 24px 80px}.ss-close-area{top:48px;right:24px}.ss-roles-layout{flex-direction:column;height:auto}.ss-roles-sidebar{width:100%;min-width:unset;max-height:220px}}@media (max-width: 600px){.ss-layout{flex-direction:column}.ss-nav{width:100%;min-width:unset;flex-direction:row;border-right:none}.ss-nav-scroll{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:12px;gap:8px}.ss-nav-group{flex-direction:row;width:auto}.ss-nav-group-title{display:none}.ss-nav-item:before{display:none}.ss-nav-label{display:none}.ss-content{padding:24px 16px 72px}.ss-close-area{top:12px;right:12px}.ss-close-btn{width:36px;height:36px}.ss-tab-title{font-size:1.25rem}.ss-members-table-header,.ss-members-row{grid-template-columns:1fr 80px 60px}.ss-mt-joined{display:none}.ss-save-bar{bottom:16px;padding:12px 18px;font-size:.8125rem}}.member-roles-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s cubic-bezier(.16,1,.3,1)}.member-roles-modal{background:var(--glass-panel-bg);border:1px solid var(--modal-panel-border);border-radius:var(--modal-panel-radius);box-shadow:var(--modal-panel-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:20px;width:90%;max-width:340px;max-height:80vh;overflow-y:auto;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.member-roles-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle);margin-bottom:16px}.member-info{flex:1}.member-info h3{margin:0;color:var(--text-primary, #f2f3f5);font-size:1rem}.member-username{color:var(--text-muted, #949ba4);font-size:.85rem}.member-roles-header .close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted, #72767d);font-size:24px;cursor:pointer;border-radius:4px;transition:all .15s}.member-roles-header .close-btn:hover{background:var(--bg-hover);color:var(--text-primary, #fff)}.member-roles-modal h4{margin:0 0 12px;color:var(--text-muted, #949ba4);font-size:.75rem;font-weight:600;text-transform:uppercase}.roles-loading{color:var(--text-muted, #949ba4);text-align:center;padding:20px}.roles-checklist{display:flex;flex-direction:column;gap:8px}.role-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer}.role-checkbox input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:4px;border:1px solid;font-size:.85rem;color:var(--text-primary, #fff)}.role-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.no-roles{color:var(--text-muted, #949ba4);text-align:center;padding:16px;margin:0}.role-badge-inline{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:3px;font-size:.75rem;font-weight:500}.role-dot-small{width:8px;height:8px;border-radius:50%;flex-shrink:0}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.voice-user-profile-bar{display:flex;align-items:center;gap:12px;padding:6px 12px 6px 8px;background:var(--bg-secondary);border-radius:8px;flex-shrink:0;min-width:0}.vupb-avatar-wrap{position:relative;flex-shrink:0}.vupb-avatar,.vupb-avatar-fallback{width:36px;height:36px;border-radius:50%;display:block;object-fit:cover}.vupb-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-text);font-size:1rem;font-weight:600}.vupb-presence-dot{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#23a55a;border:2px solid var(--bg-secondary)}.vupb-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vupb-username{font-size:.95rem;font-weight:600;color:var(--text-primary, #f2f3f5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vupb-status{font-size:.75rem;color:var(--text-muted, #949ba4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vupb-status-icon{opacity:.9}.vupb-controls{display:flex;align-items:center;gap:2px;flex-shrink:0}.vupb-ctrl-wrap{position:relative}.vupb-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted, #949ba4);cursor:pointer;transition:all .15s;position:relative}.vupb-btn:hover{background:var(--bg-hover);color:var(--text-primary, #f2f3f5)}.vupb-btn.active{color:var(--text-primary, #f2f3f5)}.vupb-btn.active.danger{color:var(--error, #f23f43)}.vupb-btn.disconnect{color:var(--text-muted, #949ba4)}.vupb-btn.disconnect:hover{background:#f0474726;color:var(--error, #f23f43)}.voice-user-profile-bar.compact .vupb-avatar,.voice-user-profile-bar.compact .vupb-avatar-fallback{width:32px;height:32px}.voice-user-profile-bar.compact .vupb-username{font-size:.85rem}.voice-user-profile-bar.compact .vupb-btn{width:32px;height:32px}.channel-header{flex-shrink:0;display:flex;align-items:center;padding:0 16px;height:48px;min-height:48px;border-bottom:1px solid var(--border-subtle);background:var(--bg-primary);z-index:2}.ch-left{flex:1;display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.ch-channel{display:flex;align-items:center;gap:6px;flex-shrink:0}.ch-icon{display:flex;align-items:center;color:var(--text-muted)}.ch-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap}.ch-divider{width:1px;height:18px;background:var(--border-default);flex-shrink:0}.ch-topic{font-size:.8125rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.ch-topic.editable{cursor:pointer}.ch-topic.editable:hover{color:var(--text-secondary)}.ch-topic-placeholder{font-style:italic;opacity:.5;cursor:pointer}.ch-topic-placeholder:hover{opacity:.7}.ch-topic-edit{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.ch-topic-edit input{flex:1;min-width:0;height:28px;padding:0 10px;background:var(--input-bg);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:.8125rem;font-family:inherit;outline:none;transition:border-color .15s}.ch-topic-edit input:focus{border-color:var(--accent)}.ch-topic-edit input::placeholder{color:var(--text-muted)}.ch-topic-save,.ch-topic-cancel{height:28px;padding:0 10px;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:none;transition:opacity .12s}.ch-topic-save{background:var(--accent);color:var(--accent-text)}.ch-topic-save:hover{opacity:.88}.ch-topic-cancel{background:var(--surface-2);border:1px solid var(--border-default);color:var(--text-secondary)}.ch-topic-cancel:hover{background:var(--surface-3);color:var(--text-primary)}.ch-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:8px}.ch-search-bar{display:flex;align-items:center;gap:6px;padding:0 10px;min-width:120px;max-width:180px;height:28px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:background .15s,border-color .15s;font-size:.8125rem}.ch-search-bar:hover{background:var(--surface-2);border-color:var(--border-default);color:var(--text-secondary)}.ch-search-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s}.ch-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.ch-btn:active{opacity:.6}.ch-btn.active{color:var(--text-primary);background:var(--bg-active)}.ch-mobile-menu{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;margin-right:4px;transition:color .15s}.ch-mobile-menu:hover{color:var(--text-primary)}@media (max-width: 768px){.ch-mobile-menu{display:flex;width:40px;height:40px;color:var(--accent)}.channel-header{padding:0 10px;height:52px;min-height:52px}.ch-topic,.ch-divider,.ch-topic-placeholder,.ch-search-placeholder{display:none}.ch-search-bar{min-width:40px;max-width:40px;height:40px;padding:8px;justify-content:center}.ch-btn{width:40px;height:40px}}[data-theme=dark] .channel-header{background:var(--bg-primary);border-bottom:none;position:relative}[data-theme=dark] .channel-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 15%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 85%,transparent 100%);pointer-events:none}.topic-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayReveal .25s cubic-bezier(.22,1,.36,1) forwards}@keyframes overlayReveal{0%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}.topic-modal{background:var(--bg-secondary);border-radius:12px;width:480px;max-width:calc(100vw - 32px);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #0006,0 0 0 1px #ffffff0f;animation:modalSlideIn .35s cubic-bezier(.34,1.56,.64,1) forwards;overflow:hidden;transform-origin:center center}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.topic-modal-header{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid var(--border-subtle);animation:headerSlideIn .3s cubic-bezier(.22,1,.36,1) .05s both}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.topic-modal-icon{color:var(--text-muted, #949ba4);display:flex;align-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.topic-modal:hover .topic-modal-icon{transform:rotate(-5deg)}.topic-modal-channel{flex:1;font-size:1rem;font-weight:700;color:var(--text-primary, #f2f3f5)}.topic-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted, #949ba4);cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.topic-modal-close:hover{background:var(--bg-hover);color:var(--text-primary, #f2f3f5);transform:scale(1.05)}.topic-modal-close:active{transform:scale(.95)}.topic-modal-body{flex:1;padding:20px;overflow-y:auto;animation:bodyFadeIn .3s cubic-bezier(.22,1,.36,1) .08s both}@keyframes bodyFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topic-modal-text{font-size:.9375rem;line-height:1.5;color:var(--text-secondary, #b5bac1);margin:0;white-space:pre-wrap}.topic-modal-empty{font-size:.875rem;color:var(--text-muted, #949ba4);font-style:italic;margin:0}.topic-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border-subtle);animation:footerSlideIn .3s cubic-bezier(.22,1,.36,1) .1s both}@keyframes footerSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.topic-modal-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;background:var(--bg-hover);color:var(--text-secondary, #b5bac1);transition:background .2s ease,color .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.topic-modal-btn:hover{background:var(--bg-active);color:var(--text-primary, #f2f3f5);transform:translateY(-1px)}.topic-modal-btn:active{transform:translateY(0)}.topic-modal-btn-primary{background:var(--accent);color:var(--accent-text)}.topic-modal-btn-primary:hover{background:var(--accent-hover);color:var(--accent-text);box-shadow:0 4px 16px #0000004d}.inbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.inbox-panel{position:fixed;top:0;right:0;width:320px;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:1000;box-shadow:-4px 0 24px #0000004d;animation:inboxSlideIn .2s ease}@keyframes inboxSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.inbox-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.inbox-title{flex:1;font-size:1rem;font-weight:700;color:var(--text-primary, #f2f3f5);margin:0}.inbox-header-actions{display:flex;align-items:center;gap:4px}.inbox-clear-btn,.inbox-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-muted, #949ba4);cursor:pointer;transition:background .15s,color .15s}.inbox-clear-btn:hover,.inbox-close-btn:hover{background:var(--bg-hover);color:var(--text-primary, #f2f3f5)}.inbox-body{flex:1;overflow-y:auto}.inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:8px;color:var(--text-muted, #949ba4)}.inbox-empty p{font-size:.9375rem;font-weight:600;color:var(--text-secondary, #b5bac1);margin:4px 0 0}.inbox-empty span{font-size:.8125rem}.inbox-list{display:flex;flex-direction:column;padding:8px 0}.inbox-item{display:flex;flex-direction:column;gap:2px;padding:10px 16px;background:transparent;border:none;border-bottom:1px solid var(--border-subtle, rgba(255,255,255,.04));cursor:pointer;text-align:left;transition:background .1s;width:100%}.inbox-item:hover{background:var(--bg-hover)}.inbox-item:last-child{border-bottom:none}.inbox-item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.inbox-item-channel{font-size:.78rem;font-weight:600;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-item-time{font-size:.72rem;color:var(--text-muted, #949ba4);flex-shrink:0}.inbox-item-sender{font-size:.8125rem;font-weight:600;color:var(--text-secondary, #b5bac1)}.inbox-item-preview{font-size:.8125rem;color:var(--text-muted, #949ba4);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@media (max-width: 480px){.inbox-panel{width:100%}}.file-drop-zone{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.file-drop-zone .message-list-container{flex:1;min-height:0}.file-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#282c34d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px dashed rgba(88,101,242,.5);border-radius:16px;margin:12px;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:fileDropFade .25s ease-out}@keyframes fileDropFade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.file-drop-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.file-drop-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;opacity:.95}.file-drop-icon svg{width:32px;height:32px}.file-drop-title{margin:0;font-size:1.15rem;font-weight:500;color:#fff;letter-spacing:.01em}.file-drop-hint{font-size:.8rem;color:#ffffff73}.swipe-back-indicator{position:fixed;top:50%;left:12px;transform:translateY(-50%);z-index:100;pointer-events:none;transition:opacity .08s ease}.swipe-back-chevron{width:28px;height:28px;background:var(--bg-primary);border-radius:50%;box-shadow:0 2px 12px #00000059;display:flex;align-items:center;justify-content:center}.swipe-back-chevron:before{content:"";width:8px;height:8px;border-left:2.5px solid var(--text-primary);border-bottom:2.5px solid var(--text-primary);transform:rotate(-45deg);margin-left:4px}.chat-container{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;background:var(--cosmic-surface-flat),var(--bg-primary);overflow:hidden}.chat-container.dm-chat,.chat-container.in-call{background:var(--cosmic-surface-flat),var(--bg-primary)}.chat-main{flex:1;min-height:0;min-width:0;display:flex;align-items:stretch}.chat-main-content{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;position:relative}.chat-header{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 16px;height:48px;border-bottom:1px solid var(--border-subtle);background:var(--bg-primary);z-index:1}.chat-header-icon{font-size:1.25rem;color:var(--text-muted);display:flex;align-items:center}.chat-header-info{flex:1;min-width:0}.chat-header-clickable{cursor:pointer;padding:4px 8px;margin:-4px -8px;border-radius:var(--radius);transition:background .15s ease}.chat-header-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.35rem}.chat-header-subtitle,.chat-header-desc{font-size:.75rem;color:var(--text-muted);margin:2px 0 0}.chat-header-status{font-size:.7rem;color:var(--success);margin:2px 0 0}.chat-edit-icon{font-size:.75rem;color:var(--text-muted);opacity:0;transition:opacity .15s ease}.chat-header-title:hover .chat-edit-icon{opacity:1}.chat-header-actions{display:flex;align-items:center;gap:6px}.chat-header-e2ee{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;margin-left:auto;background:#16a34a1a;border:1px solid rgba(22,163,74,.22);border-radius:6px;color:var(--success);font-size:.68rem;font-weight:600;letter-spacing:.02em}[data-theme=dark] .chat-header-e2ee{background:#22c55e1f;border-color:#22c55e47}.chat-header-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.chat-header-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-members-toggle{padding:0;background:transparent;border:none;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px;transition:color .1s ease}.chat-members-toggle:hover{color:var(--text-primary)}.chat-header-pinned-btn{display:flex;align-items:center;gap:4px;padding:0;background:transparent;border:none;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:color .1s ease;margin-left:auto}.chat-header-pinned-btn:hover{color:var(--text-primary)}.chat-members-dropdown{background:var(--surface-1);border-bottom:1px solid var(--border-subtle);padding:1rem;max-height:400px;overflow-y:auto}.chat-members-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:0}.chat-member-item{display:flex;align-items:center;gap:.65rem;padding:.5rem .6rem;margin:.3rem -.4rem;border-radius:var(--radius);background:var(--surface-2);transition:background .15s ease}.chat-member-item:hover{background:var(--surface-3)}.chat-member-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.7rem}.chat-member-name{flex:1;font-size:.875rem;font-weight:500;color:var(--text-primary)}.chat-member-status{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.chat-member-status.online{background:var(--success)}.chat-typing{position:absolute;bottom:68px;left:16px;right:16px;display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);padding:0 4px;height:24px;z-index:2;pointer-events:none;animation:typingFadeIn .15s ease forwards}@keyframes typingFadeIn{0%{opacity:0}to{opacity:1}}.chat-typing-dots{display:inline-flex;gap:2px;align-items:center}.chat-typing-dots span{width:4px;height:4px;background:var(--text-secondary);border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite}.chat-typing-dots span:nth-child(1){animation-delay:0s}.chat-typing-dots span:nth-child(2){animation-delay:.15s}.chat-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}.chat-loading,.chat-error{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.95rem}.chat-error{color:var(--error)}.chat-header-placeholder{height:56px}.chat-header-skeleton-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);animation:skeleton-pulse 1.2s ease-in-out infinite}.chat-header-skeleton-title{width:140px;height:1.1em;border-radius:4px;background:var(--bg-tertiary);animation:skeleton-pulse 1.2s ease-in-out infinite}.chat-header-skeleton-icon{width:24px;height:24px;border-radius:4px;background:var(--bg-tertiary);display:inline-block;animation:skeleton-pulse 1.2s ease-in-out infinite}.chat-header-skeleton-desc{width:200px;height:.85em;border-radius:4px;background:var(--bg-tertiary);margin-top:4px;animation:skeleton-pulse 1.2s ease-in-out infinite}.chat-header-edit-name{display:flex;align-items:center;gap:.5rem}.chat-name-input{padding:.4rem .6rem;background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius);color:var(--text-primary);font-size:.95rem;font-weight:600;width:200px}.chat-name-input:focus{outline:none;border-color:var(--accent)}.chat-name-save,.chat-name-cancel{padding:.35rem .6rem;border-radius:var(--radius);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.chat-name-save{background:var(--accent);color:var(--accent-text);border:none}.chat-name-save:hover{background:var(--accent-hover)}.chat-name-cancel{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-default)}.chat-name-cancel:hover{background:var(--surface-3)}.chat-members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-subtle)}.chat-invite-link-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:var(--success);border:none;border-radius:var(--radius);color:#fff;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s ease}.chat-invite-link-btn:hover{filter:brightness(1.1)}.chat-invite-link-btn svg{flex-shrink:0}.chat-add-member-form{margin-bottom:.6rem;padding:.6rem;background:var(--surface-2);border-radius:var(--radius)}.chat-member-search{width:100%;padding:.5rem .75rem;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;transition:border-color .15s ease}.chat-member-search:focus{outline:none;border-color:var(--accent)}.chat-member-search::placeholder{color:var(--text-muted)}.chat-member-searching{font-size:.75rem;color:var(--accent);padding:.5rem .2rem;display:flex;align-items:center;gap:.4rem}.chat-member-searching:before{content:"";width:12px;height:12px;border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.chat-member-results{margin-top:.5rem;display:flex;flex-direction:column;gap:.3rem}.chat-member-result{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;text-align:left;width:100%;transition:all .15s ease}.chat-member-result:hover{background:var(--accent-muted);border-color:var(--accent)}.chat-member-creator{font-size:.7rem;color:var(--accent);font-weight:600;margin-left:.35rem;padding:.1rem .35rem;background:var(--accent-muted);border-radius:4px}.chat-member-actions{display:flex;align-items:center;gap:5px;margin-left:auto}.chat-member-roles-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--surface-3);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;transition:all .15s ease}.chat-member-roles-btn:hover{background:var(--bg-hover)}.chat-member-kick{padding:.3rem .55rem;background:transparent;border:1px solid var(--error);border-radius:var(--radius);color:var(--error);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s ease}.chat-member-kick:hover{background:var(--error);color:#fff}.chat-member-leave{border-color:var(--warning);color:var(--warning)}.chat-member-leave:hover{background:var(--warning);color:#fff}.chat-header.chat-header-dm{padding:0 16px;gap:10px;height:48px;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle)}.dm-header-status{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:400;color:var(--text-muted);margin:1px 0 0}.dm-header-status:before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--text-muted);opacity:.4}.dm-header-status.online{color:var(--success)}.dm-header-status.online:before{background:var(--success);opacity:1}.dm-header-status.offline{color:var(--text-muted)}.dm-header-status.in-call{color:var(--accent)}.dm-header-status.in-call:before{background:var(--accent);opacity:1}.dm-header-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.dm-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:background .12s ease,color .12s ease;position:relative}.dm-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.dm-action-btn.active{background:var(--accent-muted);color:var(--accent)}.dm-action-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--accent);color:var(--accent-text);font-size:.6rem;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center}.dm-chat .chat-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-muted)}.dm-loading-spinner{width:32px;height:32px;border:3px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.dm-empty-conversation{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem 1.5rem;text-align:center;animation:dmEmptyFadeIn .4s ease}@keyframes dmEmptyFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dm-empty-avatar-ring{position:relative;margin-bottom:1.25rem}.dm-empty-avatar-ring:before{display:none}.dm-empty-avatar-ring .avatar{width:72px;height:72px;border-width:3px}.dm-empty-avatar-ring .avatar img{width:100%;height:100%}.dm-empty-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.dm-empty-hint{font-size:.875rem;color:var(--text-muted);display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 1.25rem;max-width:400px;line-height:1.5}.dm-empty-wave{display:flex;gap:10px}.dm-wave-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:var(--accent-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s ease}.dm-wave-btn:hover{background:var(--accent-hover)}.dm-wave-btn:active{transform:translateY(0)}.dc-mobile-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;margin-left:-4px;transition:background .1s,color .1s;-webkit-tap-highlight-color:transparent}.dc-mobile-back:active{background:var(--bg-hover);color:var(--text-primary)}@media (max-width: 768px){.chat-main{flex-direction:column}.chat-header,.chat-header.chat-header-dm{padding:0 10px;gap:6px}.chat-header-title{font-size:.9rem}.chat-header-subtitle,.chat-header-desc{font-size:.7rem}.dm-header-actions{gap:2px}.dm-action-btn{min-width:44px;min-height:44px;width:44px;height:44px}.chat-typing{bottom:60px;left:10px;right:10px}}@media (max-width: 480px){.chat-header{padding:0 8px 0 52px;gap:4px;min-height:44px}.chat-header-btn,.chat-header-pinned-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.message-list{padding:0 8px 16px}.chat-typing{left:8px;right:8px}}.group-header-icon{width:36px;height:36px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--accent-text);cursor:pointer;flex-shrink:0;transition:opacity .15s}.group-header-icon:hover{opacity:.85}.group-members-panel{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);max-height:280px;overflow-y:auto;animation:group-panel-slide .2s ease}@keyframes group-panel-slide{0%{max-height:0;opacity:0}to{max-height:280px;opacity:1}}.group-members-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-subtle)}.group-members-header h3{margin:0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted, #949ba4)}.group-members-close{background:none;border:none;color:var(--text-muted, #949ba4);cursor:pointer;padding:4px;display:flex;border-radius:4px;transition:color .15s}.group-members-close:hover{color:var(--text-primary, #f2f3f5)}.group-members-list{padding:6px 8px}.group-member-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;transition:background .1s}.group-member-item:hover{background:var(--bg-hover)}.group-member-info{flex:1;min-width:0}.group-member-name{font-size:14px;font-weight:500;color:var(--text-primary, #f2f3f5);display:flex;align-items:center;gap:6px}.group-owner-badge{font-size:10px;font-weight:600;padding:1px 5px;border-radius:3px;background:var(--accent);color:var(--accent-text);text-transform:uppercase}.group-you-badge{font-size:12px;color:var(--text-muted, #949ba4);font-weight:400}.group-member-status{font-size:12px;color:var(--text-muted, #949ba4)}.group-member-status.online{color:#23a55a}.group-empty-icon{width:80px;height:80px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted, #949ba4)}[data-theme=dark] .chat-container{background:#1c1c20}[data-theme=dark] .chat-header{background:#222226;border-bottom:none;position:relative}[data-theme=dark] .chat-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 15%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 85%,transparent 100%);pointer-events:none}[data-theme=dark] .chat-header-title,[data-theme=dark] .ch-name{color:var(--text-primary)}[data-theme=dark] .chat-header-subtitle,[data-theme=dark] .ch-topic{color:var(--text-muted)}[data-theme=dark] .dm-header-status.offline{color:#ffffff73}.team-view{display:flex;flex:1;height:100%;min-height:0;overflow:hidden;background:var(--bg-primary)}.team-view.sticker-panel-open{overflow-x:auto;overflow-y:hidden}@media (max-width: 768px){.team-view.sticker-panel-open{overflow:hidden}}.team-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted, #949ba4)}.team-loading-spinner{width:32px;height:32px;border:3px solid var(--bg-hover);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.live-stream-fullscreen{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:#000;position:relative}.live-stream-fullscreen-inner{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.live-stream-fullscreen-video{flex:1;width:100%;min-height:0;object-fit:contain;display:block}.live-stream-fullscreen-close{position:absolute;top:12px;right:16px;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .2s}.live-stream-fullscreen-close:hover{background:#000000e6}.live-stream-fullscreen-name{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(transparent,#000000e6);font-size:1rem;font-weight:600;color:#fff}.live-stream-profile-bar{position:absolute;bottom:16px;left:16px;z-index:5}.team-chat{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;background:var(--bg-primary)}.team-chat-banner{flex-shrink:0;width:100%;height:120px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.team-chat-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(49,51,56,.3) 100%);pointer-events:none}.team-chat-loading{flex:1;display:flex;align-items:center;justify-content:center}.team-chat .message-list{flex:1}.team-no-channel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.team-no-channel h2{font-size:1.5rem;font-weight:700;color:var(--text-primary, #f2f3f5);margin:0 0 8px}.team-no-channel p{color:var(--text-muted, #949ba4);font-size:.95rem}.team-chat .voice-channel-view{flex:1;min-height:0}@media (max-width: 1180px){.team-view .members-panel{display:none}}@media (max-width: 768px){.team-view>.channel-sidebar{position:fixed;top:0;left:0;bottom:60px;z-index:200;width:100%;min-width:unset;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:none}.team-view.mobile-channels-open>.channel-sidebar{transform:translate(0)}.team-view.mobile-channels-open .team-chat,.team-view.mobile-channels-open .members-panel{display:none}.team-view>.mobile-nav-overlay{display:none}}.pinned-messages-panel{position:absolute;top:60px;right:16px;width:360px;max-height:calc(100vh - 200px);background:var(--bg-secondary);border:none;border-radius:16px;box-shadow:var(--shadow-elevated);z-index:100;display:flex;flex-direction:column;animation:pinnedPanelSlide .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes pinnedPanelSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pinned-messages-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.pinned-messages-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.pinned-messages-title svg{color:gold}.pinned-count{font-weight:400;color:var(--text-secondary);font-size:.9rem}.pinned-messages-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.pinned-messages-close:hover{background:#da373c33;border-color:var(--error);color:var(--error)}.pinned-messages-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.pinned-messages-list::-webkit-scrollbar{width:4px}.pinned-messages-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.pinned-messages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-secondary)}.pinned-messages-empty p{margin:12px 0 4px;font-weight:500;color:var(--text-primary)}.pinned-messages-empty span{font-size:.85rem;opacity:.7}.pinned-message-item{padding:12px 14px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .15s ease}.pinned-message-item:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.pinned-message-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pinned-message-author{font-size:.85rem;font-weight:600;color:var(--text-primary)}.pinned-message-time{font-size:.75rem;color:var(--text-secondary);margin-left:auto}.pinned-message-content{font-size:.9rem;color:var(--text-secondary);line-height:1.4;user-select:text;-webkit-user-select:text}.pinned-message-content p{margin:0;word-break:break-word}.pinned-message-media{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--surface-3);border-radius:6px;font-size:.85rem}.pinned-message-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-subtle)}.pinned-by{font-size:.75rem;color:var(--text-secondary);opacity:.7}.pinned-message-unpin{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s ease}.pinned-message-item:hover .pinned-message-unpin{opacity:1}.pinned-message-unpin:hover{background:#da373c33;border-color:var(--error);color:var(--error)}@media (max-width: 400px){.pinned-messages-panel{width:calc(100vw - 32px);max-width:calc(100% - 32px);right:8px;left:8px}}.dm-call-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0d0e10;padding:28px 24px 20px;gap:16px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #00000080;position:relative;overflow:visible;transition:background .4s ease}.dm-call-ambient-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% 30%,rgba(79,110,247,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 70% 70%,rgba(35,165,90,.05) 0%,transparent 45%),radial-gradient(ellipse 50% 30% at 30% 60%,rgba(79,110,247,.04) 0%,transparent 40%);animation:dm-call-ambient-pulse 8s ease-in-out infinite alternate}@keyframes dm-call-ambient-pulse{0%{opacity:.8}to{opacity:1}}.dm-call-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;transition:background .5s ease}.dm-call-state-connecting:before{background:linear-gradient(90deg,transparent,#f0b232,transparent);animation:dm-call-bar-slide 2s linear infinite}.dm-call-state-ringing:before{background:linear-gradient(90deg,transparent,#4f6ef7,transparent);animation:dm-call-bar-slide 1.8s linear infinite}.dm-call-state-ringing-stopped:before{background:linear-gradient(90deg,transparent,#949ba4,transparent);animation:none;opacity:.7}.dm-call-state-connected:before{background:linear-gradient(90deg,transparent,#23a55a,transparent);animation:none;opacity:.8}@keyframes dm-call-bar-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dm-call-avatar-card{display:flex;flex-direction:column;align-items:center;gap:10px}.dm-call-avatar-name{font-size:.8rem;font-weight:600;color:#b5bac1;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}.dm-call-avatar-wrapper.speaking~.dm-call-avatar-name,.dm-call-avatar-card:has(.speaking) .dm-call-avatar-name{color:#23a55a}.dm-call-avatars{display:flex;align-items:center;justify-content:center;gap:32px;position:relative;z-index:1}.dm-call-avatar-wrapper{position:relative;width:88px;height:88px;border-radius:50%;padding:3px;background:transparent;transition:all .3s ease}.dm-call-spinner{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:3px solid transparent;border-top-color:#f0b232;border-right-color:#f0b2324d;animation:dm-call-spin 1s linear infinite;pointer-events:none;will-change:transform}@keyframes dm-call-spin{to{transform:rotate(360deg)}}.dm-call-avatar-wrapper.state-connecting{animation:dm-call-dim-pulse 1.5s ease-in-out infinite}@keyframes dm-call-dim-pulse{0%,to{filter:brightness(.5)}50%{filter:brightness(1)}}.dm-call-speak-glow{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:radial-gradient(circle,rgba(35,165,90,.35) 0%,transparent 70%);animation:dm-call-speak-pulse .8s ease-in-out infinite alternate;pointer-events:none;will-change:transform,opacity}@keyframes dm-call-speak-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.12);opacity:1}}.dm-call-avatar-wrapper.speaking{box-shadow:0 0 0 3px #23a55a,0 0 16px #23a55a66}.dm-call-avatar-wrapper.state-connected{border:2px solid transparent;transition:box-shadow .2s ease,border-color .2s ease}.dm-call-avatar-wrapper.state-connected:not(.speaking){border-color:#ffffff0f}.dm-call-avatar-wrapper.state-ringing{animation:dm-call-dim-pulse 1.8s ease-in-out infinite}.dm-call-avatar-circle{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#ffffff14;position:relative;z-index:1}.dm-call-avatar-circle img{width:100%;height:100%;object-fit:cover;display:block}.dm-call-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;background:#4f6ef7}.dm-call-status{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;padding:4px 14px;border-radius:12px;transition:all .3s ease;position:relative;z-index:1}.dm-call-status.connecting{color:#f0b232;background:#f0b2321a}.dm-call-status.connecting .dm-call-status-text{animation:dm-call-text-blink 1.2s ease-in-out infinite}.dm-call-status.ringing{color:#8b9dff;background:#4f6ef71a}.dm-call-status.ringing .dm-call-status-text{animation:dm-call-text-blink 1.5s ease-in-out infinite}.dm-call-status.ringing-stopped{color:var(--text-muted, #949ba4);background:#0000001a}.dm-call-status.connected{color:#23a55a;background:#23a55a1a}.dm-call-status-icon.spin{animation:dm-call-spin 1.5s linear infinite}.dm-call-status-dot-live{width:8px;height:8px;border-radius:50%;background:#23a55a;flex-shrink:0;position:relative}.dm-call-status-dot-live:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:#23a55a66;animation:dm-call-dot-breathe 2s ease-in-out infinite}@keyframes dm-call-dot-breathe{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.6);opacity:0}}@keyframes dm-call-text-blink{0%,to{opacity:1}50%{opacity:.5}}.dm-call-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;position:relative;z-index:10;padding:12px 20px;background:#1e1f22d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:16px;border:1px solid rgba(255,255,255,.06)}.dm-call-ctrl-split{display:flex;align-items:stretch;background:#ffffff1f;border-radius:22px;overflow:hidden;box-shadow:0 1px 3px #0003;transition:background .2s,box-shadow .2s}.dm-call-ctrl-split:hover{background:#ffffff2e}.dm-call-ctrl-split .dm-call-ctrl-main{width:40px;height:40px;border:none;border-radius:0;background:transparent;color:#b9bbbe;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;padding:0}.dm-call-ctrl-split .dm-call-ctrl-main:hover{color:#fff}.dm-call-ctrl-split .dm-call-ctrl-divider{width:1px;background:#ffffff14;flex-shrink:0}.dm-call-ctrl-split .dm-call-ctrl-dropdown{width:28px;min-width:28px;height:40px;border:none;border-radius:0;background:transparent;color:#949ba4;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;padding:0}.dm-call-ctrl-split .dm-call-ctrl-dropdown:hover{color:#fff;background:#ffffff0f}.dm-call-ctrl-split .dm-call-ctrl-dropdown[data-open=true]{color:#4f6ef7;background:#4f6ef726}.dm-call-ctrl-split.has-active .dm-call-ctrl-main{color:#fff}.dm-call-ctrl-split.has-active.danger{background:#c23c42}.dm-call-ctrl-split.has-active.danger:hover{background:#a8373b}.dm-call-ctrl-split.has-active.camera-on{background:#248046}.dm-call-ctrl-split.has-active.camera-on:hover{background:#1e6b3a}.dm-call-ctrl{width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;background:#ffffff1f;color:#ffffffbf;padding:0;box-shadow:0 1px 3px #0003}.dm-call-ctrl:hover{background:#ffffff2e;color:#fff;transform:scale(1.04)}.dm-call-ctrl:active{transform:scale(.96)}.dm-call-ctrl:disabled{opacity:.5;cursor:not-allowed}.dm-call-ctrl:disabled:hover{background:#ffffff1f;color:#ffffffbf;transform:none}.dm-call-ctrl.active{background:#c23c42;color:#fff}.dm-call-ctrl.active:hover{background:#a8373b}.dm-call-ctrl.leave{width:44px;height:44px;background:#c23c42;color:#fff;border-radius:50%;margin-left:8px}.dm-call-ctrl.leave:hover{background:#a8373b;transform:scale(1.04)}.dm-call-device-popover{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--bg-floating);border:1px solid var(--border-default);border-radius:12px;box-shadow:var(--shadow-elevated);padding:6px 0;min-width:220px;max-width:320px;max-height:260px;overflow-y:auto;z-index:10000}.dm-call-device-popover:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--bg-floating)}.dm-call-device-popover button{width:100%;padding:10px 16px;border:none;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s}.dm-call-device-popover button:hover{background:var(--bg-hover);color:#fff}.dm-call-device-popover button[data-selected=true]{color:#4f6ef7;font-weight:500}.dm-call-ctrl-group-wrap{position:relative;display:flex;align-items:center}.dm-call-ctrl-group-wrap:has(.dm-call-device-popover){z-index:100}.dm-call-ctrl.camera-on{background:#23a55a;color:#fff}.dm-call-ctrl.camera-on:hover{background:#1e8e4e}.dm-call-ctrl.screen-on{background:#4f6ef7;color:#fff}.dm-call-ctrl.screen-on:hover{background:#3d5ce5}.dm-call-panel.has-video{padding:12px}.dm-call-video-grid{display:grid;gap:4px;width:100%;max-height:360px;border-radius:8px;overflow:hidden}.dm-call-video-grid.grid-1{grid-template-columns:1fr}.dm-call-video-grid.grid-2{grid-template-columns:1fr 1fr}.dm-call-video-grid.grid-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.dm-call-video-grid.grid-3 .dm-call-video-tile:first-child{grid-column:1 / -1}.dm-call-video-grid.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.dm-call-video-tile{position:relative;background:#111214;border-radius:6px;overflow:hidden;min-height:120px;max-height:300px}.dm-call-video-tile video{width:100%;height:100%;object-fit:cover;display:block}.dm-call-video-tile.self video{opacity:.9}.dm-call-video-label{position:absolute;bottom:6px;left:8px;background:#000000bf;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.dm-call-avatars.group-call{flex-wrap:wrap;gap:16px;max-width:320px}.dm-call-avatar-wrapper.size-small{width:56px;height:56px}.dm-call-avatar-wrapper.size-small .dm-call-avatar-fallback{font-size:1.2rem}.dm-call-reaction-burst{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:50}.dm-call-reaction-emoji{font-size:4rem;animation:dm-call-reaction-pop .8s cubic-bezier(.34,1.56,.64,1) forwards;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}@keyframes dm-call-reaction-pop{0%{transform:scale(.3);opacity:0}40%{transform:scale(1.3);opacity:1}70%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}.dm-call-video-container{position:relative;width:100%;z-index:1}.dm-call-layout-toggle{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:8px;background:#1e1f22e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#b5bac1;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s;z-index:10}.dm-call-layout-toggle:hover{background:#323439f2;color:#fff}.dm-call-video-spotlight{display:flex;flex-direction:column;gap:8px;width:100%;max-height:360px;border-radius:8px;overflow:hidden}.dm-call-spotlight-main{flex:1;min-height:200px;border-radius:8px;overflow:hidden;background:#111214}.dm-call-spotlight-main .dm-call-video-tile{min-height:200px;max-height:280px}.dm-call-spotlight-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.dm-call-spotlight-thumb{flex:0 0 120px;height:68px;border-radius:6px;overflow:hidden;background:#111214}.dm-call-spotlight-thumb .dm-call-video-tile{min-height:68px;max-height:68px}.dm-call-spotlight-thumb .dm-call-video-label{font-size:9px;padding:1px 4px}.dm-call-reactions-popover{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px;min-width:140px}.dm-call-reaction-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:transform .15s,background .15s}.dm-call-reaction-btn:hover{background:#ffffff26;transform:scale(1.15)}.dm-call-reaction-btn:active{transform:scale(.95)}.dm-call-reaction-icon{font-size:1.1rem}.dm-call-ctrl.reactions-ctrl{min-width:40px}.dm-call-participants-popover{padding:8px 0;min-width:200px}.dm-call-participants-header{padding:8px 16px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#949ba4}.dm-call-participant-row{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:.9rem;color:#dbdee1}.dm-call-participant-dot{width:8px;height:8px;border-radius:50%;background:#4e5058;flex-shrink:0;transition:all .2s}.dm-call-participant-dot[data-speaking=true]{background:#23a55a;box-shadow:0 0 8px #23a55a80}.dm-call-more-popover{padding:6px 0;min-width:220px}.dm-call-more-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:transparent;color:#dbdee1;font-size:.9rem;text-align:left;cursor:pointer;transition:background .12s}.dm-call-more-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dm-call-shortcut-hint{padding:10px 16px;font-size:.75rem;color:#949ba4;border-top:1px solid rgba(255,255,255,.06)}.dm-call-shortcut-hint kbd{display:inline-block;padding:2px 6px;background:#ffffff1f;border-radius:4px;font-family:inherit;font-size:.7rem}.tour-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none}.tour-root .tour-tooltip,.tour-root .tour-backdrop,.tour-root .tour-spotlight-ring{pointer-events:auto}.tour-backdrop{position:fixed;left:0;right:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tour-backdrop-full{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tour-backdrop-top{top:0;left:0;right:0}.tour-backdrop-bottom{position:fixed;left:0;right:0}.tour-backdrop-left,.tour-backdrop-right{position:fixed}.tour-spotlight-ring{position:fixed;border:2px solid var(--accent);border-radius:10px;box-shadow:0 0 0 1px #ffffff0f;pointer-events:none}.tour-tooltip{position:fixed;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:44px 24px 24px;box-shadow:0 16px 48px #00000040;min-width:280px;max-width:380px;animation:tour-tooltip-in .2s ease-out}.tour-tooltip-centered{text-align:center}.tour-tooltip-floating{text-align:left}@keyframes tour-tooltip-in{0%{opacity:0}to{opacity:1}}.tour-skip-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:5px;padding:5px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);font-size:.8125rem;cursor:pointer;transition:color .15s,background .15s}.tour-skip-btn:hover{color:var(--text-primary);background:var(--surface-2)}.tour-tooltip-content{min-height:80px}.tour-step-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 14px;border-radius:12px}.tour-tooltip-floating .tour-step-icon{margin-left:0;margin-bottom:10px}.tour-step-icon.tour-icon-security{background:var(--surface-2);color:var(--success, #16a34a)}.tour-step-icon.tour-icon-servers{background:var(--surface-2);color:var(--accent)}.tour-step-icon.tour-icon-dms{background:var(--surface-2);color:var(--success, #16a34a)}.tour-step-icon.tour-icon-friends{background:var(--surface-2);color:#f59e0b}.tour-step-icon.tour-icon-shortcuts{background:var(--surface-2);color:#eb455f}.tour-step-icon.tour-icon-done{background:var(--surface-2);color:var(--accent)}.tour-step-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 6px;line-height:1.35}.tour-step-desc{font-size:.875rem;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.tour-step-bullets{list-style:none;padding:0;margin:0 0 12px;text-align:left}.tour-step-bullets li{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.8125rem;color:var(--text-secondary)}.tour-step-bullets li svg{flex-shrink:0;color:var(--success, #16a34a)}.tour-footer{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-subtle)}.tour-dots{display:flex;gap:6px}.tour-dot{width:6px;height:6px;padding:0;border:none;border-radius:50%;background:var(--bg-hover);cursor:pointer;transition:background .15s}.tour-dot:hover{background:var(--text-muted, rgba(255, 255, 255, .35))}.tour-dot.active{background:var(--accent)}.tour-actions{display:flex;gap:10px}.tour-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s ease}.tour-btn-prev{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.tour-btn-prev:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-default)}.tour-btn-next{background:var(--accent);color:var(--accent-text)}.tour-btn-next:hover{background:var(--accent-hover, #7b97fb)}[data-theme=dark] .tour-btn-next:hover{background:#8ba3fc}.friends-page{flex:1;display:flex;flex-direction:column;min-width:0;max-width:100%;overflow-x:hidden;background:var(--bg-primary)}.friends-header{height:48px;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:16px;border-bottom:1px solid var(--border-subtle);box-shadow:0 1px #04040533;z-index:1}.friends-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.friends-header-brand{display:flex;align-items:center;gap:0;flex-shrink:0}.friends-header-tabs{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;min-width:0;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.friends-header-tabs::-webkit-scrollbar{display:none}.friends-tab-add-friend{flex-shrink:0;padding:4px 12px;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;line-height:22px}.friends-header-icon{color:var(--text-muted);margin:0 8px;flex-shrink:0}.friends-header-title{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;margin:0}.friends-header-divider{width:1px;height:24px;background:var(--border-default);margin:0 12px;flex-shrink:0}.friends-header-divider.vertical{margin:0 4px}.friends-tab{padding:3px 10px;margin:0;flex-shrink:0;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .1s ease,color .1s ease;line-height:22px}.friends-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.friends-tab.active{background:var(--bg-active);color:var(--text-primary);font-weight:600}.friends-tab-add-friend{background:var(--success);color:#fff;font-weight:600}.friends-tab-add-friend:hover{background:#1a8f48}.friends-tab-add-friend.active{background:transparent;color:var(--success);border:none}.friends-header-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.friends-header-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:background .1s ease,color .1s ease}.friends-header-action:hover{background:var(--bg-hover);color:var(--text-primary)}.friends-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0;min-width:0;display:flex;flex-direction:column}.friends-content::-webkit-scrollbar{width:8px}.friends-content::-webkit-scrollbar-track{background:transparent}.friends-content::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.friends-search-bar{position:relative;padding:16px 20px 8px;min-width:0}.friends-search-input{width:100%;padding:7px 36px 7px 14px;background:var(--bg-tertiary);border:1.5px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-size:.875rem;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.friends-search-input:focus{border-color:#4f6ef773}.friends-search-input::placeholder{color:var(--text-muted)}.friends-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}.friends-list-header{padding:16px 20px 8px;font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;opacity:.85}.friends-list{padding:0 8px;min-width:0;width:100%;box-sizing:border-box}.friend-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;margin:0 12px;border-radius:10px;cursor:pointer;border-top:1px solid var(--border-subtle);transition:background .12s ease;min-width:0;max-width:100%}.friend-card:first-of-type{border-top:none}.friend-card:hover{background:var(--bg-hover)}.friend-card.online{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.friend-card.online .friend-card-name{text-shadow:0 0 10px color-mix(in srgb,var(--accent) 22%,transparent)}.friend-card-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.friend-card-text{display:flex;flex-direction:column;min-width:0}.friend-card-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-card-status{font-size:.8125rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;opacity:0;transition:opacity .1s}.friend-card:hover .friend-card-actions{opacity:1}.friend-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;transition:color .12s ease,background .12s ease,transform .12s var(--transition-spring, cubic-bezier(.34, 1.56, .64, 1))}.friend-action-btn:hover{color:var(--text-primary);background:var(--bg-tertiary);transform:scale(1.1)}.friend-action-btn.accept{color:var(--success)}.friend-action-btn.accept:hover{background:#23a55926}.friend-action-btn.decline{color:var(--text-muted)}.friend-action-btn.decline:hover{color:var(--error);background:#da373c26}.friend-action-btn.active{color:var(--text-primary);background:var(--bg-tertiary)}.friend-more-wrap{position:relative}.friend-more-dropdown{position:absolute;bottom:100%;right:0;margin-bottom:4px;min-width:180px;background:var(--glass-float-bg);border:1px solid var(--border-default);border-radius:10px;padding:5px 6px;z-index:10000;box-shadow:var(--shadow-elevated),0 0 0 1px #0000000a;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);animation:friendMoreDropdown .14s var(--transition-smooth, cubic-bezier(.22, 1, .36, 1))}.friend-more-dropdown-portal{position:fixed!important;z-index:99999!important}@keyframes friendMoreDropdown{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.friend-more-item{width:100%;display:flex;align-items:center;gap:9px;padding:7px 9px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #b5bac1);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .08s ease,color .08s ease;text-align:left}.friend-more-item:hover{background:var(--accent);color:var(--accent-text)}.friend-more-item.danger{color:var(--error, #f23f43)}.friend-more-item.danger:hover{background:#da373c26;color:var(--error)}.friend-more-item svg{flex-shrink:0;opacity:.8}.friend-more-separator{height:1px;margin:4px 10px;background:var(--border-subtle)}.friends-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:300px;padding:40px 20px}.friends-empty-illustration{margin-bottom:24px;color:var(--text-muted);opacity:.9}.friends-empty-text{font-size:.9375rem;color:var(--text-muted);text-align:center}.friends-add-section{padding:24px 20px}.friends-add-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.friends-add-description{font-size:.875rem;color:var(--text-muted);margin:0 0 16px;line-height:1.4}.friends-add-form{display:flex;flex-direction:column;gap:8px}.friends-add-input-wrap{display:flex;align-items:center;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--bg-tertiary);padding:0 0 0 12px;transition:border-color .15s}.friends-add-input-wrap:focus-within{border-color:var(--accent)}.friends-add-input-wrap.success{border-color:var(--success)}.friends-add-input-wrap.error{border-color:var(--error)}.friends-add-input-wrap.info{border-color:var(--accent)}.friends-add-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.9375rem;padding:12px 0;outline:none;min-width:0}.friends-add-input::placeholder{color:var(--text-muted)}[data-theme=dark] .friends-add-input-wrap{background:#111214;border-color:#ffffff2e}[data-theme=dark] .friends-add-input-wrap:focus-within{border-color:#ffffff6b;box-shadow:0 0 0 2px #ffffff14}[data-theme=dark] .friends-add-input{color:#fffffff0}[data-theme=dark] .friends-add-input::placeholder{color:#ffffff8f}[data-theme=dark] .friends-add-btn{background:#e4e8ee;color:#08090a;font-weight:600}[data-theme=dark] .friends-add-btn:hover:not(:disabled){background:#f4f7fa;color:#030405}[data-theme=dark] .friends-add-btn:disabled{opacity:.65}.friends-add-btn{flex-shrink:0;padding:10px 18px;margin:4px;border:none;border-radius:8px;background:var(--accent);color:var(--accent-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,opacity .2s,transform .15s;white-space:nowrap}.friends-add-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.friends-add-btn:active:not(:disabled){transform:translateY(0)}.friends-add-btn:disabled{opacity:.5;cursor:not-allowed}.friends-add-status{font-size:.8125rem;margin:0}.friends-add-status.success{color:var(--success)}.friends-add-status.error{color:var(--error)}.friends-add-status.info{color:var(--text-secondary)}.friends-fume-text{display:inline-block;white-space:pre-wrap}.friends-add-status.info .friends-fume-char{display:inline-block;will-change:opacity,transform,filter;animation:friends-fume-out .65s ease-out forwards;animation-delay:calc(3.2s + var(--char-delay, 0ms))}@keyframes friends-fume-out{0%{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}65%{opacity:.35;filter:blur(1.8px);transform:translate3d(2px,-4px,0) scale(1.015)}to{opacity:0;filter:blur(6px);transform:translate3d(6px,-10px,0) scale(1.03)}}.friends-loading{display:flex;align-items:center;justify-content:center;height:200px}.friends-spinner{width:32px;height:32px;border:3px solid var(--bg-hover);border-top-color:var(--accent);border-radius:50%;animation:friends-spin .8s linear infinite}.friend-card-skeleton{pointer-events:none}.friend-card-skeleton-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);flex-shrink:0;animation:friends-skeleton-pulse 1.2s ease-in-out infinite}.friend-card-skeleton-name{height:14px;width:120px;border-radius:4px;background:var(--bg-tertiary);animation:friends-skeleton-pulse 1.2s ease-in-out infinite}.friend-card-skeleton-status{height:12px;width:80px;margin-top:6px;border-radius:4px;background:var(--bg-tertiary);animation:friends-skeleton-pulse 1.2s ease-in-out infinite}@keyframes friends-skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes friends-spin{to{transform:rotate(360deg)}}.friends-no-results{padding:20px;text-align:center;color:var(--text-muted);font-size:.875rem}.friends-page-mobile .friends-header{height:56px;min-height:56px;padding:0 16px;display:flex;grid-template-columns:unset;grid-template-rows:unset}.friends-page-mobile .friends-header-left{display:flex}.friends-page-mobile .friends-header-brand{flex:1}.friends-page-mobile .friends-header-right{display:none}.friends-mobile-tabs{display:flex;flex-direction:column;gap:12px;padding:12px 16px 16px;border-bottom:1px solid var(--border-subtle);background:var(--bg-primary)}.friends-mobile-tabs-row{display:flex;gap:8px;overflow-x:auto;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none}.friends-mobile-tabs-row::-webkit-scrollbar{display:none}.friends-mobile-tab{flex-shrink:0;padding:10px 16px;min-height:44px;border:none;border-radius:22px;background:var(--bg-tertiary);color:var(--text-muted);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.friends-mobile-tab.active{background:var(--accent);color:var(--accent-text)}.friends-mobile-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;min-height:48px;border:none;border-radius:8px;background:var(--success);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:opacity .15s,background .15s}.friends-mobile-add-btn.active{background:var(--bg-tertiary);color:var(--success)}.friends-mobile-add-btn:active{opacity:.9}.friends-page-mobile .friend-card{padding:14px 16px;margin:0 12px 2px;min-height:72px;border-radius:12px}.friends-page-mobile .friend-card-info{cursor:pointer}.friends-page-mobile .friend-card-actions{opacity:1;gap:8px}.friends-page-mobile .friend-action-btn{width:44px;height:44px;min-width:44px;min-height:44px}.friends-page-mobile .friends-add-section{padding:20px 16px}.friends-page-mobile .friends-add-input-wrap{flex-direction:row;padding:0 12px;min-height:52px}.friends-page-mobile .friends-add-btn{min-height:48px;padding:12px 20px}.friends-page-mobile .friends-search-bar{padding:16px 16px 8px}.friends-page-mobile .friends-list-header{padding:12px 16px 8px;font-size:.75rem}.friends-page-mobile .friends-list{padding:0 4px 16px}.friends-page-mobile .friends-empty{min-height:260px;padding:32px 24px}.friends-page-mobile .friends-empty-illustration{max-width:200px;height:auto}.friends-mobile-tabs{display:none}.friends-page-mobile .friends-mobile-tabs{display:flex}@media (max-width: 768px){.friends-page:not(.friends-page-mobile) .friends-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;min-height:auto;height:auto;padding:12px 16px 12px 52px;gap:12px 16px;align-items:center}.friends-page:not(.friends-page-mobile) .friends-header-left{display:contents}.friends-page:not(.friends-page-mobile) .friends-header-brand{grid-row:1;grid-column:1;align-self:center}.friends-page:not(.friends-page-mobile) .friends-header-tabs{grid-row:2;grid-column:1;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:4px 0;padding-inline:12px;flex-shrink:0;min-width:0}.friends-header-tabs::-webkit-scrollbar{height:4px}.friends-header-tabs::-webkit-scrollbar-track{background:transparent}.friends-header-tabs::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.friends-header-right{grid-row:1 / 3;grid-column:2;align-self:center}.friends-page:not(.friends-page-mobile) .friends-tab{flex-shrink:0;font-size:.8125rem;padding:6px 10px;margin:0}.friends-page:not(.friends-page-mobile) .friends-tab-add-friend{padding:6px 12px}.friends-page:not(.friends-page-mobile) .friends-header-title{font-size:.9rem}.friends-page:not(.friends-page-mobile) .friends-header-divider{margin:0 6px}.friend-card{margin:0 4px 4px;padding:12px 8px}.friend-card-actions{opacity:1}.friend-action-btn{width:32px;height:32px}.friends-add-section{padding:16px 12px}.friends-search-bar,.friends-list-header{padding:12px 12px 8px}}@media (max-width: 480px){.friends-header{padding:12px 12px 12px 52px;gap:10px 12px}.friends-page:not(.friends-page-mobile) .friends-header-tabs{padding-inline:8px}.friends-header-action{width:40px;height:40px;min-width:40px;min-height:40px;padding:0}.friends-header-right{gap:4px}.friends-header-divider.vertical{margin:0 4px}.friends-page:not(.friends-page-mobile) .friends-tab{font-size:.75rem;padding:6px 8px}.friends-page:not(.friends-page-mobile) .friends-tab-add-friend{padding:6px 10px}.friend-card{margin:0 8px 6px;padding:12px 10px}.friend-action-btn{width:40px;height:40px;min-width:40px;min-height:40px}.friends-add-input-wrap{flex-direction:column;padding:8px}.friends-add-input{padding:10px 0;width:100%}.friends-add-btn{width:100%;margin:0;padding:10px 16px;min-height:44px}.friends-search-bar{padding:12px 12px 8px}.friends-list{padding:0 4px}.friends-list-header{padding:12px 12px 8px}.friends-empty{padding:24px 16px}}@media (max-width: 360px){.friends-header{padding:10px 10px 10px 48px;gap:8px 10px}.friends-page:not(.friends-page-mobile) .friends-header-tabs{padding-inline:6px}.friends-page:not(.friends-page-mobile) .friends-tab{font-size:.7rem;padding:5px 6px}.friends-page:not(.friends-page-mobile) .friends-tab-add-friend{padding:5px 8px}.friends-header-action{width:36px;height:36px;min-width:36px;min-height:36px}}.active-now-panel{width:340px;min-width:340px;background:var(--bg-secondary);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow-y:auto;padding:16px 8px}.active-now-panel::-webkit-scrollbar{width:4px}.active-now-panel::-webkit-scrollbar-track{background:transparent}.active-now-panel::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:2px}.active-now-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 8px 12px}.active-now-empty{display:flex;flex-direction:column;align-items:center;padding:20px 16px;text-align:center}.active-now-empty-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.active-now-empty-desc{font-size:.8125rem;color:var(--text-muted);margin:0;line-height:1.4}.active-now-list{display:flex;flex-direction:column;gap:2px}.active-now-card{display:flex;align-items:flex-start;gap:12px;padding:8px;border-radius:8px;cursor:pointer;transition:background .1s}.active-now-card:hover{background:var(--bg-hover)}.active-now-avatar{flex-shrink:0}.active-now-info{display:flex;flex-direction:column;min-width:0;flex:1}.active-now-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-now-activity{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.active-now-game{display:flex;align-items:center;gap:8px;margin-top:6px;padding:8px;background:var(--bg-tertiary);border-radius:4px}.active-now-game-icon{width:36px;height:36px;border-radius:4px;object-fit:cover}.active-now-game-info{display:flex;flex-direction:column;min-width:0}.active-now-game-name{font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-now-game-detail{font-size:.6875rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1100px){.active-now-panel{display:none}}.mobile-bottom-nav{display:flex;align-items:flex-start;flex-shrink:0;height:calc(56px + var(--inset-bottom, env(safe-area-inset-bottom, 0px)));padding-bottom:var(--inset-bottom, env(safe-area-inset-bottom, 0px));background:var(--bg-secondary);border-top:1px solid var(--border-subtle);position:relative;z-index:300;overscroll-behavior:none}.mbn-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px 4px;height:56px;flex-shrink:0;position:relative;transition:color .18s ease;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;min-width:0}.mbn-tab.active{color:var(--accent)}.mbn-tab:active .mbn-icon-wrap{transform:scale(.88);transition:transform .08s ease}.mbn-tab.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;border-radius:0 0 3px 3px;background:var(--accent);animation:tabIndicatorIn .22s cubic-bezier(.22,1,.36,1) forwards}@keyframes tabIndicatorIn{0%{width:0;opacity:0}to{width:32px;opacity:1}}.mbn-tab.active .mbn-icon-wrap{animation:tabIconPop .28s cubic-bezier(.22,1,.36,1) forwards}@keyframes tabIconPop{0%{transform:scale(1)}40%{transform:scale(1.2) translateY(-2px)}to{transform:scale(1) translateY(0)}}.mbn-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .1s ease}.mbn-badge{position:absolute;top:-5px;right:-8px;min-width:16px;height:16px;background:var(--error);color:#fff;font-size:.6rem;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;pointer-events:none;animation:badgePop .2s cubic-bezier(.22,1,.36,1) forwards}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.mbn-label{font-size:.65rem;font-weight:600;line-height:1;letter-spacing:.01em;transition:font-weight .15s ease}.mbn-tab.active .mbn-label{font-weight:700}.mbn-profile-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block}.mbn-tab.active .mbn-profile-avatar{border:2px solid var(--accent);box-sizing:border-box}.mobile-messages-view{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-primary)}.mobile-messages-search{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:12px 16px;border:none;background:var(--bg-secondary);border-radius:12px;margin:12px 16px;cursor:pointer;color:var(--text-muted);font-size:.9375rem;text-align:left;width:calc(100% - 32px);transition:background .15s ease}.mobile-messages-search:active{background:var(--bg-hover)}.mobile-messages-search-icon{flex-shrink:0;opacity:.7}.mobile-messages-search-text{flex:1}.mobile-messages-search-inline{flex-shrink:0;padding:0 16px 12px}.mobile-messages-search-input{width:100%;padding:10px 14px 10px 40px;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:10px;font-size:.9375rem;color:var(--text-primary);min-height:44px}.mobile-messages-search-input::placeholder{color:var(--text-muted)}.mobile-messages-search-input:focus{outline:none;border-color:var(--accent)}.mobile-messages-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-dm-section{padding:8px 0}.mobile-dm-section-label{display:block;padding:8px 16px 4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.mobile-dm-item{display:flex;align-items:center;gap:14px;padding:12px 16px;margin:0 8px;border-radius:12px;color:var(--text-secondary);font-size:.9375rem;text-decoration:none;transition:background .15s ease;min-height:56px}.mobile-dm-item:active{background:var(--bg-hover)}.mobile-dm-item.active{background:var(--accent-muted);color:var(--accent)}.mobile-dm-item.has-unread{color:var(--text-primary);font-weight:600}.mobile-dm-avatar-wrap{flex-shrink:0}.mobile-dm-group-avatar{position:relative;border-radius:50%;overflow:hidden}.mobile-dm-group-item{position:absolute;border-radius:50%;overflow:hidden;border:2px solid var(--bg-secondary)}.mobile-dm-group-pos-0-of-0,.mobile-dm-group-pos-0-of-1,.mobile-dm-group-pos-0-of-2,.mobile-dm-group-pos-0-of-3{left:0;top:0;width:100%;height:100%}.mobile-dm-group-pos-1-of-2{left:50%;top:0;width:50%;height:100%}.mobile-dm-group-pos-1-of-3{left:50%;top:0;width:50%;height:50%}.mobile-dm-group-pos-2-of-3{left:50%;top:50%;width:50%;height:50%}.mobile-dm-group-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--accent-muted);color:var(--accent);font-weight:600;font-size:.9rem}.mobile-dm-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mobile-dm-row{display:flex;align-items:center;gap:8px}.mobile-dm-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.mobile-dm-preview{font-size:.8125rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-dm-item.has-unread .mobile-dm-preview{color:var(--text-secondary)}.mobile-dm-unread-badge{flex-shrink:0;min-width:20px;height:20px;padding:0 6px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center}.mobile-dm-skeleton{display:flex;align-items:center;gap:14px;padding:12px 16px;margin:0 8px}.mobile-dm-skeleton-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);animation:mobile-dm-skeleton-pulse 1.2s ease-in-out infinite}.mobile-dm-skeleton-info{flex:1;display:flex;flex-direction:column;gap:6px}.mobile-dm-skeleton-name{height:14px;width:60%;background:var(--bg-tertiary);border-radius:4px;animation:mobile-dm-skeleton-pulse 1.2s ease-in-out infinite}.mobile-dm-skeleton-preview{height:12px;width:80%;background:var(--bg-tertiary);border-radius:4px;animation:mobile-dm-skeleton-pulse 1.2s ease-in-out infinite}@keyframes mobile-dm-skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.mobile-messages-empty{padding:48px 24px;text-align:center;color:var(--text-muted)}.mobile-messages-empty p{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0 0 8px}.mobile-messages-empty span{font-size:.875rem}.mobile-notifications-view{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-primary)}.mobile-notifications-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border-subtle)}.mobile-notifications-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.mobile-notifications-clear{padding:8px 12px;background:transparent;border:none;border-radius:8px;color:var(--accent);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease}.mobile-notifications-clear:active{background:var(--accent-muted)}.mobile-notifications-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:12px;color:var(--text-muted)}.mobile-notifications-empty-icon{margin-bottom:8px}.mobile-notifications-empty p{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0}.mobile-notifications-empty span{font-size:.875rem}.mobile-notifications-list{display:flex;flex-direction:column}.mobile-notification-item{display:flex;flex-direction:column;gap:4px;padding:16px;background:transparent;border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;text-align:left;transition:background .15s ease;width:100%;min-height:72px}.mobile-notification-item:active{background:var(--bg-hover)}.mobile-notification-item:last-child{border-bottom:none}.mobile-notification-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-notification-channel{font-size:.8125rem;font-weight:600;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-notification-time{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.mobile-notification-sender{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.mobile-notification-preview{font-size:.875rem;color:var(--text-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.mobile-you-view{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-primary)}.mobile-you-profile{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:32px 24px 24px;border-bottom:1px solid var(--border-subtle)}.mobile-you-avatar-wrap{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:16px}.mobile-you-avatar{width:100%;height:100%;object-fit:cover}.mobile-you-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent-muted);color:var(--accent);font-size:2rem;font-weight:700}.mobile-you-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.mobile-you-username{font-size:.875rem;color:var(--text-muted)}.mobile-you-nav{flex:1;overflow-y:auto;padding:12px 0;-webkit-overflow-scrolling:touch}.mobile-you-nav-item{display:flex;align-items:center;gap:14px;width:100%;padding:16px 20px;background:transparent;border:none;color:var(--text-primary);font-size:.9375rem;font-weight:500;text-align:left;cursor:pointer;transition:background .15s ease;min-height:56px}.mobile-you-nav-item:active{background:var(--bg-hover)}.mobile-you-nav-icon{flex-shrink:0;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.mobile-you-nav-item span:not(.mobile-you-nav-icon){flex:1}.mobile-you-nav-chevron{flex-shrink:0;color:var(--text-muted);opacity:.7}.search-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));display:flex;align-items:flex-start;justify-content:center;padding:15vh 16px 16px;z-index:9999;animation:searchFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes searchFadeIn{0%{opacity:0}to{opacity:1}}.search-modal{width:100%;max-width:min(600px,calc(100vw - 32px));background:var(--modal-panel-bg);border:1px solid var(--modal-panel-border);border-radius:var(--modal-panel-radius);box-shadow:var(--modal-panel-shadow);overflow:hidden;animation:searchSlideIn .2s cubic-bezier(.16,1,.3,1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}@keyframes searchSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.search-modal-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.search-modal-icon{width:20px;height:20px;flex-shrink:0;color:var(--text-secondary)}.search-modal-input{flex:1;background:transparent;border:none;outline:none;font-size:1.1rem;color:var(--text-primary);font-family:inherit}.search-modal-input::placeholder{color:var(--text-secondary)}.search-modal-kbd{padding:.25rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:4px;font-size:.75rem;color:var(--text-secondary);font-family:inherit}.search-modal-results{max-height:400px;overflow-y:auto;padding:.5rem}.search-modal-loading,.search-modal-empty{padding:2rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.search-modal-skeleton{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.search-result-skeleton{display:flex;align-items:center;gap:.75rem;padding:8px 12px;border-radius:8px}.search-result-skeleton-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);flex-shrink:0;animation:skeleton-pulse 1.2s ease-in-out infinite}.search-result-skeleton-content{flex:1;display:flex;flex-direction:column;gap:6px}.search-result-skeleton-line{height:.9em;border-radius:4px;background:var(--bg-tertiary);width:100%;animation:skeleton-pulse 1.2s ease-in-out infinite}.search-result-skeleton-line.short{width:60%}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.search-results-section{margin-bottom:.5rem}.search-results-title{padding:.5rem .75rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);opacity:.85}.search-result-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:.95rem;text-align:left;cursor:pointer;transition:background .1s ease}.search-result-item:hover,.search-result-item.selected{background:var(--bg-hover)}.search-result-item.selected{background:var(--bg-active)}.search-result-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-team-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:8px;font-weight:600;font-size:.9rem}.search-result-message{flex-direction:row;align-items:flex-start}.search-result-message-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem;user-select:text;-webkit-user-select:text}.search-result-message-preview{font-size:.9rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-message-context{font-size:.75rem;color:var(--text-secondary)}.search-modal-tips{display:flex;justify-content:center;gap:2rem;padding:1.5rem;color:var(--text-secondary);font-size:.85rem}.search-modal-tip{display:flex;align-items:center;gap:.5rem}.search-modal-tip kbd{padding:.2rem .4rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:4px;font-size:.75rem;font-family:inherit}[data-theme=light] .search-modal{background:linear-gradient(165deg,#fffffff2,#f0f8fffa);border-color:#0000001a;color:var(--text-primary)}[data-theme=light] .search-modal-input{color:var(--text-primary)}[data-theme=light] .search-modal-input::placeholder{color:#1a355066}[data-theme=light] .search-result-item{color:var(--text-primary)}[data-theme=light] .search-result-item:hover,[data-theme=light] .search-result-item.selected{background:#0064b41a}.voice-fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:radial-gradient(circle at 20% 18%,rgba(88,101,242,.26),transparent 42%),radial-gradient(circle at 80% 8%,rgba(35,165,90,.22),transparent 40%),linear-gradient(155deg,var(--bg-primary) 18%,color-mix(in srgb,var(--bg-secondary) 86%,#000 14%) 100%);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:calc(60px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.voice-fullscreen-minimize{position:absolute;top:max(12px,env(safe-area-inset-top));right:16px;z-index:10;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-tertiary, #111827) 84%,transparent);border:1px solid color-mix(in srgb,var(--border-subtle) 70%,transparent);border-radius:50%;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 10px 26px #00000054;transition:transform .15s ease,background .15s ease,border-color .15s ease}.voice-fullscreen-minimize:active{background:color-mix(in srgb,var(--bg-hover) 88%,transparent);transform:scale(.96)}.voice-fullscreen-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.voice-fullscreen-content .dm-call-panel{flex:1;min-height:0;border-radius:0}.voice-fullscreen-channel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 22px;position:relative;overflow:hidden}.voice-fullscreen-channel-orb{position:absolute;width:min(86vw,420px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 35%,rgba(88,101,242,.38),transparent 50%),radial-gradient(circle at 70% 62%,rgba(35,165,90,.3),transparent 54%);filter:blur(10px);opacity:.8;animation:voice-channel-orb 7s ease-in-out infinite}.voice-fullscreen-channel-shell{position:relative;width:min(100%,420px);border-radius:24px;border:1px solid color-mix(in srgb,var(--border-subtle) 85%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--bg-secondary) 90%,transparent),color-mix(in srgb,var(--bg-tertiary, #0d1117) 86%,transparent));box-shadow:0 26px 50px #00000052,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:22px 18px 16px;display:flex;flex-direction:column;align-items:center}.voice-fullscreen-channel-pill{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 44%,transparent);color:color-mix(in srgb,var(--text-primary) 90%,var(--accent));font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.voice-fullscreen-channel-info{text-align:center;margin-bottom:18px}.voice-fullscreen-channel-title{font-size:clamp(1.55rem,5vw,2rem);font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin:0 0 10px;text-shadow:0 4px 16px rgba(0,0,0,.22)}.voice-fullscreen-channel-desc{font-size:.93rem;color:color-mix(in srgb,var(--text-muted) 88%,var(--text-primary));margin:0;line-height:1.5}.voice-fullscreen-channel-stats{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.voice-fullscreen-channel-stat{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:12px;padding:10px 8px;background:color-mix(in srgb,var(--bg-tertiary, #1f2937) 72%,transparent);border:1px solid color-mix(in srgb,var(--border-subtle) 80%,transparent);color:var(--text-secondary, var(--text-primary));font-size:.82rem;font-weight:600}.voice-fullscreen-channel .voice-user-profile-bar{width:100%;max-width:none;background:color-mix(in srgb,var(--bg-primary) 40%,transparent);border:1px solid color-mix(in srgb,var(--border-subtle) 88%,transparent);border-radius:14px;box-shadow:inset 0 1px #ffffff0a}.voice-fullscreen-minimized{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:450;display:flex;align-items:center;gap:10px;padding:10px 20px;background:color-mix(in srgb,var(--bg-primary) 86%,transparent);border:1px solid color-mix(in srgb,var(--border-subtle) 90%,transparent);border-radius:24px;box-shadow:0 10px 24px #00000042;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.voice-fullscreen-minimized:active{background:var(--bg-hover)}.voice-fullscreen-minimized-icon{color:var(--accent)}.voice-fullscreen-minimized-label{font-size:.95rem;font-weight:600}.voice-fullscreen-minimized-chevron{color:var(--text-muted);transform:rotate(-90deg)}@keyframes voice-channel-orb{0%,to{transform:translate3d(0,-8px,0) scale(.98)}50%{transform:translate3d(0,10px,0) scale(1.03)}}.settings-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000040;z-index:12000;animation:settingsOverlayOpen .25s ease-out forwards;padding:1rem;box-sizing:border-box}@keyframes settingsOverlayOpen{0%{opacity:0}to{opacity:1}}.settings-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.settings-page{--modal-width: calc(100vw - 2rem) ;--modal-height: calc(100vh - 2rem) ;--modal-max-width: none;--modal-border-radius: 12px;--fixed-image-banner-height: 112px}@keyframes settingsModalOpen{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-modal-container{display:flex;flex-direction:row;width:var(--modal-width);max-width:var(--modal-max-width);height:var(--modal-height);max-height:var(--modal-height);border-radius:var(--modal-border-radius);overflow:hidden;box-shadow:var(--shadow-elevated, 0 24px 48px rgba(0, 0, 0, .4)),0 0 0 1px var(--border-subtle),0 10px 30px -20px var(--cosmic-glow-soft);animation:settingsModalOpen .3s cubic-bezier(.22,1,.36,1) forwards;position:relative;border:1px solid color-mix(in srgb,var(--cosmic-border) 35%,var(--border-subtle) 65%)}.settings-modal-container>.settings-nav{width:260px;min-width:260px;height:100%;border-radius:var(--modal-border-radius) 0 0 var(--modal-border-radius);background:var(--cosmic-surface-flat),var(--bg-secondary);box-shadow:none;border-left:none;border-right:1px solid color-mix(in srgb,var(--cosmic-border) 32%,var(--border-subtle) 68%)}.settings-modal-container>.settings-content{flex:1;height:100%;max-height:100%;border-radius:0 var(--modal-border-radius) var(--modal-border-radius) 0;background:var(--cosmic-surface-flat),var(--bg-primary);box-shadow:none}.settings-modal-container>.settings-close{position:absolute;top:1rem;right:1rem}.settings-nav{width:260px;min-width:260px;height:100%;display:flex;flex-direction:column;background:var(--cosmic-surface-flat),var(--bg-secondary);direction:ltr}.settings-nav-header{padding:1rem;border-bottom:1px solid var(--border-default)}.settings-search{width:100%;padding:.6rem 1rem;background:var(--bg-tertiary);border:1.5px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-size:.85rem;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.settings-search:focus{outline:none;border-color:#4f6ef773}.settings-search::placeholder{color:var(--text-secondary)}.settings-nav-content{flex:1;overflow-y:auto;padding:.5rem .75rem}.settings-nav-category{margin-bottom:.5rem}.settings-nav-category-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.75rem .75rem .4rem;margin:0;opacity:.85}.settings-nav-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:6px 10px;white-space:nowrap;height:34px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:background .1s ease,color .1s ease;margin-bottom:2px;position:relative;overflow:hidden}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav-item.active{background:var(--bg-active);color:var(--text-primary);font-weight:600}.settings-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent);border-radius:0 2px 2px 0}.settings-nav-item span{white-space:nowrap;overflow:visible}.settings-nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.85}.settings-nav-icon svg{width:18px;height:18px}.settings-nav-footer{margin-top:auto;padding-top:.5rem;border-top:1px solid var(--border-default)}.settings-nav-item.logout{color:#ff6b6b}.settings-nav-item.logout:hover{background:#ff646426;color:#ff8080}.settings-nav-item.logout svg{width:18px;height:18px;stroke:currentColor}.settings-version{padding:1rem .75rem;font-size:.7rem;color:var(--text-secondary);text-align:center}.settings-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem 14.5rem;display:flex;background:var(--cosmic-surface-flat),var(--bg-primary)}.settings-content--profile{overflow-y:auto;overflow-x:hidden;padding:2rem 14.5}.settings-content-wrapper--profile{width:100%;max-width:none}.settings-content-wrapper{width:100%;max-width:1400px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-content-section{animation:sectionFade .25s ease forwards}@keyframes sectionFade{0%{opacity:0}to{opacity:1}}.settings-content-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-default)}.settings-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.settings-close{position:fixed;top:60px;right:40px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:2px solid var(--border-subtle);border-radius:50%;width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all .15s ease;z-index:1100}.settings-close:hover{background:transparent;border-color:var(--text-primary);color:var(--text-primary)}.settings-close svg{width:18px;height:18px}.account-info-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.account-info-card-banner{height:96px;position:relative}.account-info-card-banner--image{height:var(--fixed-image-banner-height)}.account-info-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1rem;margin-top:-30px;position:relative;z-index:2}.account-info-card-identity{display:flex;align-items:center;gap:.9rem;min-width:0}.account-info-card-avatar{position:relative;flex-shrink:0}.account-info-card-avatar .avatar{width:72px;height:72px;border:4px solid var(--bg-secondary, #111214);border-radius:50%;box-shadow:0 4px 15px #0003}.user-account-status-badge{position:absolute;bottom:4px;right:4px;width:18px;height:18px;border-radius:50%;border:3px solid var(--bg-secondary)}.user-account-status-badge.online{background:var(--success)}.account-info-card-user{min-width:0}.account-info-card-name{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 .2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-info-card-tag{font-size:.85rem;color:var(--text-secondary)}.account-info-card-body{margin-top:.85rem;border-top:1px solid var(--border-subtle);padding:.25rem 0}.account-info-row{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.8rem 1rem}.account-info-row+.account-info-row{border-top:1px solid var(--border-subtle)}.account-info-row-main{display:flex;flex-direction:column;gap:.2rem;min-width:0}.account-info-row-main label{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.account-info-row-main span{color:var(--text-primary);font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-edit-profile{padding:.5rem 1.1rem;background:var(--bg-hover);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease;flex-shrink:0}.btn-edit-profile:hover{background:var(--bg-active);border-color:var(--accent)}.settings-divider{display:flex;align-items:center;gap:.75rem;margin:1.75rem 0 1.25rem}.settings-divider-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);opacity:.85;white-space:nowrap}.settings-divider-line{flex:1;height:1px;background:var(--border-subtle)}.settings-field-group{display:flex;flex-direction:column;gap:.75rem}.settings-field{display:flex;flex-direction:column;gap:.5rem}.settings-field label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.settings-field-value{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:var(--bg-tertiary);border:1.5px solid var(--border-subtle);border-radius:10px}.settings-field-value span{color:var(--text-primary);font-size:.95rem}.settings-field-value .text-muted{color:var(--text-secondary)}.btn-field-edit{padding:.4rem .8rem;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-field-edit:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-input{padding:.85rem 1rem;background:var(--bg-tertiary);border:1.5px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.settings-input:focus{outline:none;border-color:#4f6ef773}.settings-input::placeholder{color:var(--text-secondary)}.settings-textarea{padding:.85rem 1rem;background:var(--bg-tertiary);border:1.5px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-size:.95rem;resize:vertical;min-height:100px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.settings-textarea:focus{outline:none;border-color:#4f6ef773}.settings-textarea::placeholder{color:var(--text-secondary)}.field-hint{font-size:.75rem;color:var(--text-secondary);text-align:right}.field-error{font-size:.8rem;color:var(--error);font-weight:500}.password-strength{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.password-strength-bar-container{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.password-strength-bar{height:100%;border-radius:2px;transition:all .3s ease}.password-strength-bar.weak{background:var(--error)}.password-strength-bar.medium{background:var(--warning)}.password-strength-bar.strong{background:var(--success)}.password-strength-text{font-size:.75rem;font-weight:600}.password-strength-text.weak{color:var(--error)}.password-strength-text.medium{color:var(--warning)}.password-strength-text.strong{color:var(--success)}.two-factor-section{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:#23a55914;border:1px solid rgba(35,165,89,.2);border-radius:var(--radius)}.two-factor-info{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:200px}.two-factor-info svg{width:44px;height:44px;stroke:var(--success);flex-shrink:0;padding:8px;border-radius:10px;background:#23a5591f}.two-factor-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .35rem}.two-factor-info p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.45}.two-factor-enabled{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.two-factor-badge{display:inline-flex;align-items:center;gap:6px;padding:.4rem 1rem;background:#23a5592e;color:var(--success);border-radius:999px;font-size:.875rem;font-weight:600}@keyframes mfaPulse{0%,to{opacity:1}50%{opacity:.5}}.btn-outline-danger{background:transparent;border:1px solid var(--danger);color:var(--danger);padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease}.btn-outline-danger:hover{background:#da373c1f;color:var(--danger)}.mfa-setup-form{width:100%;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(35,165,89,.15)}.mfa-setup-step{font-size:.9rem;color:var(--text-secondary);margin:0 0 .5rem;line-height:1.4}.mfa-setup-step:first-of-type{margin-top:0}.mfa-qr-container{padding:16px;background:#fff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin:.75rem 0 1.25rem;box-shadow:0 2px 12px #00000026;border:1px solid rgba(0,0,0,.06)}.mfa-qr-code{display:block;width:200px;height:200px}.mfa-secret-fallback{margin:.75rem 0 1.25rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-subtle)}.mfa-secret-fallback code{font-size:.8rem;font-family:Consolas,Monaco,monospace;color:var(--text-secondary);word-break:break-all;letter-spacing:.05em}.mfa-setup-form .settings-field{margin-bottom:1rem}.mfa-setup-actions{display:flex;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.mfa-setup-actions .btn-cancel{padding:.6rem 1.2rem;background:transparent;border:1px solid var(--border-subtle, rgba(255, 255, 255, .12));color:var(--text-secondary);border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .2s ease,color .2s ease}.mfa-setup-actions .btn-cancel:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mfa-setup-actions .btn-primary{padding:.6rem 1.2rem;border-radius:6px}.mfa-disable-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));display:flex;align-items:center;justify-content:center;z-index:10000;animation:mfaDisableOverlayFade .2s cubic-bezier(.16,1,.3,1)}@keyframes mfaDisableOverlayFade{0%{opacity:0}to{opacity:1}}.mfa-disable-modal{background:var(--glass-panel-bg);border:1px solid var(--modal-panel-border);border-radius:var(--modal-panel-radius);padding:1.75rem;width:100%;max-width:440px;box-shadow:var(--modal-panel-shadow);animation:mfaDisableModalEnter .25s cubic-bezier(.22,1,.36,1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}@keyframes mfaDisableModalEnter{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.mfa-disable-modal__icon{width:52px;height:52px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;background:#da373c1f;border-radius:14px}.mfa-disable-modal__icon svg{width:26px;height:26px;stroke:var(--error, #da373c)}.mfa-disable-modal__title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);text-align:center}.mfa-disable-modal__desc{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin:0 0 1.5rem;text-align:center}.mfa-disable-modal .mfa-disable-form .settings-field{margin-bottom:1.25rem}.mfa-disable-modal .mfa-code-input-wrap{gap:8px;justify-content:center}.mfa-disable-modal .mfa-code-digit{width:42px;height:48px;font-size:1.35rem;border-radius:10px;border:1px solid var(--border-subtle);transition:border-color .2s ease,box-shadow .2s ease}.mfa-disable-modal .mfa-code-digit:focus{border-color:var(--accent)}.mfa-disable-modal .settings-field label{font-size:.8rem;font-weight:500;color:var(--text-muted, #949ba4)}.mfa-disable-modal .mfa-disable-form .settings-field input:not(.mfa-code-digit){width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:10px;font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.mfa-disable-modal .mfa-disable-form .settings-field input:not(.mfa-code-digit):focus{border-color:var(--accent)}.mfa-disable-modal__actions{display:flex;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle)}.mfa-disable-modal__cancel{flex:1;padding:.75rem 1.25rem;background:transparent;border:1px solid var(--border-subtle);border-radius:10px;font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.mfa-disable-modal__cancel:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mfa-disable-modal__confirm{flex:1;padding:.75rem 1.25rem;background:var(--error, #da373c);border:none;border-radius:10px;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;transition:background .2s ease,transform .1s ease}.mfa-disable-modal__confirm:hover:not(:disabled){background:#c53034;transform:translateY(-1px)}.mfa-disable-modal__confirm:disabled{opacity:.5;cursor:not-allowed}.mfa-disable-modal__confirm:active:not(:disabled){transform:scale(.98)}@media (max-width: 420px){.mfa-disable-modal{margin:1rem;max-width:calc(100vw - 2rem);padding:1.5rem}}.settings-modal-desc{font-size:.9rem;color:var(--text-secondary);margin:0 0 1.25rem;line-height:1.5}.settings-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-default)}.settings-modal .mfa-disable-form .settings-field input:not(.mfa-code-digit){width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.settings-modal .mfa-disable-form .settings-field input:not(.mfa-code-digit):focus{border-color:var(--accent)}.settings-modal .mfa-disable-form input[type=password]:-webkit-autofill,.settings-modal .mfa-disable-form input[type=password]:-webkit-autofill:hover,.settings-modal .mfa-disable-form input[type=password]:-webkit-autofill:focus,.settings-modal .mfa-disable-form input[type=password]:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-tertiary) inset!important;box-shadow:0 0 0 1000px var(--bg-tertiary) inset!important}.settings-modal .mfa-disable-form input[type=password]::selection{background:#4f6ef759;color:var(--text-primary)}.devices-section{padding:1rem 0}.devices-description{font-size:.9rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.devices-list{list-style:none;margin:0;padding:0}.device-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:.5rem;transition:border-color .15s ease,box-shadow .15s ease}.device-item:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.device-item.current{border-color:#4f6ef74d;background:#4f6ef70f}.device-info{display:flex;flex-direction:column;gap:.25rem}.device-name{font-weight:600;color:var(--text-primary)}.device-badge{font-size:.75rem;font-weight:700;line-height:1.2;letter-spacing:.01em;padding:.22rem .58rem;background:var(--bg-secondary);color:#fff;border-radius:6px;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px #ffffff14,0 4px 12px #00000059;text-shadow:none!important;-webkit-text-stroke:0!important;filter:none!important;width:fit-content}.device-last{font-size:.85rem;color:var(--text-muted)}.device-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.device-ip,.device-location{display:inline-flex;align-items:center}.settings-muted{font-size:.9rem;color:var(--text-muted);margin:0}.data-export-section{padding:1.25rem;background:#4f6ef70f;border:1px solid rgba(79,110,247,.15);border-radius:var(--radius)}.data-export-section p{font-size:.9rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.danger-zone{padding:1.25rem;background:#da373c14;border:1px solid rgba(218,55,60,.2);border-radius:var(--radius)}.danger-zone p{font-size:.9rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(180deg,#121317,#060607);border:1px solid rgba(255,255,255,.28);border-radius:8px;color:#fff;font-size:.9rem;font-weight:700;line-height:1.2;letter-spacing:.01em;text-shadow:none!important;-webkit-text-stroke:0!important;box-shadow:inset 0 1px #ffffff14,0 8px 22px #0000006b;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .12s ease}.btn-primary:hover{background:linear-gradient(180deg,#17191e,#0a0b0d);border-color:#ffffff6b;box-shadow:inset 0 1px #ffffff1f,0 10px 26px #00000080;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.56;cursor:not-allowed;transform:none;background:linear-gradient(180deg,#101114,#08080a);border-color:#fff3;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-active)}.btn-secondary svg{width:18px;height:18px}.btn-danger{padding:.75rem 1.25rem;background:var(--error);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#c13035;filter:brightness(1.1)}.btn-link{background:none;border:none;color:var(--accent);font-size:.85rem;font-weight:500;cursor:pointer;padding:.25rem 0;transition:all .2s ease}.btn-link:hover{text-decoration:underline}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.settings-form{display:flex;flex-direction:column;gap:1rem}.profile-settings-discord{padding:0!important}.profile-settings-discord-layout{display:flex;gap:24px;align-items:flex-start}.profile-hero-banner{height:120px;position:relative;overflow:hidden;transition:background .4s cubic-bezier(.4,0,.2,1)}.profile-hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0003,#0006 60%,#0009);pointer-events:none}.profile-hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0%,transparent 40%);pointer-events:none}.profile-settings-discord-layout .profile-settings-body{flex:1;min-width:0;padding:0 0 48px}.profile-preview-wrap{display:flex;flex-direction:column;align-items:stretch;padding:20px 20px 24px 0;gap:12px;flex-shrink:0;width:min(360px,28vw);min-width:300px;position:sticky;top:0;align-self:flex-start}.profile-preview-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted, #949ba4);margin:0}.profile-card-preview-inline{position:relative!important;top:auto!important;left:auto!important;width:100%!important;max-width:100%;margin:0;animation:none!important}.profile-card-header{display:flex;align-items:flex-end;gap:20px}.profile-card-avatar-wrapper{flex-shrink:0}.profile-card-avatar-hover{position:relative;cursor:pointer;border-radius:50%;overflow:visible;transition:transform .2s ease}.profile-card-avatar-hover:hover{transform:scale(1.02)}.profile-card-avatar-hover .avatar{width:80px;height:80px;border:4px solid var(--bg-secondary);border-radius:50%;box-shadow:0 4px 20px #0000004d;display:block}.profile-card-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity .2s ease;color:#fff;font-size:.6rem;font-weight:600;text-align:center;white-space:nowrap;padding:0 6px;overflow:hidden}.profile-card-avatar-hover:hover .profile-card-avatar-overlay,.profile-card-avatar-hover:focus-visible .profile-card-avatar-overlay{opacity:1}.profile-card-avatar-overlay svg{width:22px;height:22px;flex-shrink:0}.profile-card-user{flex:1;min-width:0;padding-bottom:4px}.profile-card-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 2px;letter-spacing:-.02em}.profile-card-tag{font-size:.9rem;color:var(--text-secondary);font-weight:500}.profile-card-status{font-size:.85rem;color:var(--text-secondary);margin:6px 0 0;font-style:italic;line-height:1.3}.profile-card-meta{margin-top:8px}.profile-card-member-since{font-size:.75rem;color:var(--text-muted);font-weight:500}.profile-card-about{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-default)}.profile-card-about h4{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 6px}.profile-card-about p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5}.profile-settings-body{flex:1;padding:28px 24px 48px}.profile-section-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:16px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.profile-section-card:hover{border-color:#ffffff0f}.profile-section-header{padding:16px 20px;border-bottom:1px solid var(--border-default)}.profile-section-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.profile-section-desc{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.4}.profile-section-content{padding:20px}.profile-equipped-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-subtle)}.profile-equipped-row:last-of-type{border-bottom:none}.profile-equipped-label{font-size:.9rem;color:var(--text-secondary)}.profile-equipped-value{font-size:.9rem;font-weight:500;color:var(--text-primary)}.profile-equipped-shop-btn{margin-top:16px;width:100%}.profile-avatar-edit{display:flex;align-items:center;gap:24px}.profile-avatar-preview .avatar{width:80px;height:80px;border-radius:50%;border:3px solid var(--border-subtle)}.profile-avatar-actions{display:flex;flex-direction:column;gap:8px}.btn-discord-primary{padding:10px 18px;background:var(--accent-gradient, linear-gradient(135deg, #6685f9 0%, #4f6ef7 100%));border:none;border-radius:8px;color:var(--accent-text);font-size:.9rem;font-weight:600;cursor:pointer;transition:filter .15s ease,box-shadow .15s ease,transform .12s ease}.btn-discord-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-discord-primary:disabled{opacity:.6;cursor:not-allowed}.btn-discord-ghost{padding:8px 16px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-discord-ghost:hover{color:var(--text-primary);background:#ffffff0d}.profile-banner-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"preview preview" "colors colors" "nitro nitro";gap:18px 24px;align-items:start}.profile-banner-preview-large{grid-area:preview;width:100%;max-width:420px;height:104px;border-radius:12px;position:relative;overflow:hidden;flex-shrink:0;box-shadow:0 4px 16px #0003}.profile-banner-preview-large--image{height:var(--fixed-image-banner-height)}.profile-banner-preview-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.profile-banner-colors{grid-area:colors;min-width:0;display:grid;gap:14px}.profile-banner-presets{display:grid;grid-template-columns:repeat(5,40px);justify-content:start;gap:10px;margin-bottom:16px}.profile-color-btn{width:40px;height:40px;border-radius:50%;border:3px solid transparent;padding:0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.profile-color-btn:hover{transform:scale(1.12);box-shadow:0 4px 16px #0000004d}.profile-color-btn.active{border-color:#fff;box-shadow:0 0 0 2px var(--bg-secondary)}.profile-color-btn svg{width:18px;height:18px;stroke:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.profile-banner-custom{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-color-custom-text{font-size:.85rem;color:var(--text-secondary);line-height:1.2}.profile-custom-color-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.85rem;color:var(--text-secondary)}.profile-color-picker{width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;padding:2px;background:var(--bg-tertiary)}.profile-color-picker::-webkit-color-swatch-wrapper{padding:2px}.profile-color-picker::-webkit-color-swatch{border-radius:8px;border:2px solid var(--border-subtle)}.profile-banner-nitro{grid-area:nitro;margin-top:0;padding-top:16px;border-top:1px solid var(--border-default)}.profile-banner-nitro-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0 0 12px}.profile-banner-nitro-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.profile-banner-gif-upload{cursor:pointer}.profile-banner-gif-btn{display:inline-block;padding:8px 14px;background:var(--bg-secondary);color:#fff;border-radius:8px;font-size:.85rem;font-weight:700;line-height:1.2;letter-spacing:.01em;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px #ffffff14,0 8px 22px #0000006b;text-shadow:none!important;-webkit-text-stroke:0!important;filter:none!important;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.profile-banner-gif-btn:hover{background:var(--bg-primary);border-color:#ffffff6b;box-shadow:inset 0 1px #ffffff1f,0 10px 26px #00000080}.profile-banner-remove-gif{padding:6px 12px;background:transparent;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.profile-banner-remove-gif:hover{border-color:var(--error, #ed4245);color:var(--error, #ed4245)}.profile-banner-gradient-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.profile-banner-gradient-label{font-size:.85rem;color:var(--text-secondary);min-width:120px}.profile-banner-clear-gradient{padding:6px 10px;background:transparent;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s}.profile-banner-clear-gradient:hover{border-color:var(--error, #ed4245);color:var(--error, #ed4245)}.profile-form-discord{display:flex;flex-direction:column;gap:20px;padding:20px}.profile-form-field{display:flex;flex-direction:column;gap:8px;position:relative}.profile-form-field label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.profile-input-discord,.profile-textarea-discord{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s ease}.profile-input-discord:focus,.profile-textarea-discord:focus{outline:none;border-color:var(--accent)}.profile-input-discord::placeholder,.profile-textarea-discord::placeholder{color:var(--text-secondary)}.profile-textarea-discord{resize:vertical;min-height:100px;line-height:1.5}.profile-field-count{font-size:.75rem;color:var(--text-muted);text-align:right}.profile-form-actions{display:flex;align-items:center;gap:16px;margin-top:8px}.profile-save-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:profileSpinner .8s linear infinite}@keyframes profileSpinner{to{transform:rotate(360deg)}}.profile-unsaved-hint{font-size:.8rem;color:var(--text-muted)}@media (max-width: 900px){.profile-settings-discord-layout{flex-direction:column;gap:20px}.profile-preview-wrap{order:-1;width:100%;padding:20px 24px 0;position:static;align-items:center}.profile-card-preview-inline{max-width:340px}.profile-settings-discord-layout .profile-settings-body{padding:0 24px 48px}}@media (max-width: 600px){.profile-preview-wrap{padding:16px 16px 0}.profile-card-preview-inline{max-width:100%}.profile-card-header{flex-direction:column;align-items:flex-start}.profile-card-name{font-size:1.25rem}.profile-settings-discord-layout .profile-settings-body,.profile-settings-body{padding:0 16px 48px}.profile-banner-editor{grid-template-columns:1fr;grid-template-areas:"preview" "colors" "nitro"}.profile-banner-preview-large{width:100%;max-width:none;height:88px}.profile-banner-preview-large--image{height:var(--fixed-image-banner-height)}.profile-banner-presets{grid-template-columns:repeat(5,40px)}.profile-banner-nitro{padding-top:14px}.profile-avatar-edit{flex-direction:column;align-items:flex-start}}@media (max-width: 460px){.profile-banner-presets{grid-template-columns:repeat(4,40px)}}.profile-preview-container{display:flex;justify-content:center;margin-bottom:1.5rem}.profile-preview-card{width:320px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0003}.profile-preview-banner{height:80px}.profile-preview-content{padding:0 1rem 1rem;margin-top:-32px}.profile-preview-avatar-wrapper{margin-bottom:.5rem}.profile-preview-avatar-wrapper .avatar{width:64px;height:64px;border:4px solid var(--bg-secondary);border-radius:50%}.profile-preview-info h3{font-size:1.1rem;font-weight:700;color:#fff;margin:0}.profile-preview-info span{font-size:.8rem;color:#ffffff80}.profile-preview-status{font-size:.85rem;color:#fff9;margin:.5rem 0 0;font-style:italic}.profile-preview-about{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.profile-preview-about h4,.profile-preview-member-since h4{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#ffffff80;margin:0 0 .35rem}.profile-preview-about p,.profile-preview-member-since p{font-size:.85rem;color:#fffc;margin:0;line-height:1.4}.profile-preview-member-since{margin-top:.75rem}.avatar-section{display:flex;flex-direction:column;gap:1rem}.avatar-current{display:flex;align-items:center;gap:1rem}.avatar-current .avatar{width:80px;height:80px;border:3px solid rgba(255,255,255,.2)}.btn-change-avatar{padding:.6rem 1.2rem;background:var(--accent-muted);border:1px solid rgba(79,110,247,.3);border-radius:var(--radius-sm);color:var(--accent);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-change-avatar:hover{background:#4f6ef740}.avatar-crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000b3;display:flex;align-items:center;justify-content:center}.avatar-crop-modal{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:320px;max-width:calc(100vw - 32px);box-shadow:0 8px 32px #00000080}@media (max-width: 360px){.avatar-crop-modal{min-width:0;width:calc(100vw - 32px);padding:1rem}}.avatar-crop-modal h3{margin:0;color:var(--text-primary, #fff);font-size:1.1rem;font-weight:600}.avatar-crop-warning{margin:.5rem 0 0;padding:.5rem .75rem;background:#f5c44426;border:1px solid rgba(245,196,68,.4);border-radius:6px;color:var(--text-secondary, #b5bac1);font-size:.85rem}.avatar-crop-area{position:relative;border-radius:50%;overflow:hidden;cursor:grab;background:var(--bg-tertiary);touch-action:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.avatar-crop-area:active{cursor:grabbing}.avatar-crop-circle{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;z-index:2}.avatar-crop-img{position:absolute;pointer-events:none;max-width:none;max-height:none}.avatar-crop-zoom{display:flex;align-items:center;gap:.5rem;width:256px;color:var(--text-muted, #949ba4)}.avatar-crop-zoom input[type=range]{flex:1;accent-color:var(--accent);height:4px}.avatar-crop-gif-note{margin:0;font-size:.8rem;color:var(--text-muted, #949ba4);text-align:center}.avatar-crop-actions{display:flex;gap:.75rem;width:100%;justify-content:flex-end}.avatar-crop-actions .btn-cancel{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary, #b5bac1);cursor:pointer;font-size:.85rem;transition:background .15s}.avatar-crop-actions .btn-cancel:hover{background:#ffffff0d}.avatar-crop-actions .btn-confirm{padding:.5rem 1.2rem;background:var(--accent);border:none;border-radius:6px;color:var(--accent-text);cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s}.avatar-crop-actions .btn-confirm:hover{background:var(--accent-hover)}.avatar-crop-actions .btn-confirm.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary, #b5bac1);border:1px solid var(--border-default)}.avatar-crop-actions .btn-confirm.btn-secondary:hover{background:var(--bg-hover)}.avatar-carousel-container{display:flex;align-items:center;gap:.75rem;padding:.75rem 0}.carousel-viewport{flex:1;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.carousel-track{display:flex;gap:12px;padding:8px 20px;will-change:transform}.carousel-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#ffffffb3;cursor:pointer;flex-shrink:0;transition:all .2s ease}.carousel-btn:hover{background:#ffffff26;color:#fff}.avatar-option{width:56px;height:56px;border-radius:50%;overflow:visible;cursor:pointer;border:none;background:transparent;padding:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;position:relative}.avatar-option img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid transparent;transition:all .2s ease}.avatar-option:hover{transform:translateY(-4px) scale(1.08)}.avatar-option:hover img{border-color:#ffffff4d}.avatar-option.selected img{border-color:var(--accent);box-shadow:0 0 15px var(--accent-muted)}.avatar-check{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-text);animation:checkPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.avatar-check svg{width:12px;height:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border-default)}.settings-row:last-child{border-bottom:none}.settings-row-info{display:flex;flex-direction:column;gap:.25rem;flex:1;padding-right:1rem}.settings-row-label{font-size:.95rem;font-weight:500;color:var(--text-primary)}.settings-row-description{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.settings-row-control{flex-shrink:0}.settings-row-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.settings-test-sound-btn{font-size:.85rem;padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-active);color:var(--text-primary);cursor:pointer;transition:background .2s,border-color .2s}.settings-test-sound-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.toggle-switch{position:relative;width:44px;height:24px;background:var(--bg-active);border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;padding:0}.toggle-switch.active{background:var(--accent)}.toggle-switch.disabled{opacity:.4;cursor:not-allowed}.toggle-slider{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-slider{left:23px}.range-slider-container{margin:.75rem 0}.range-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.range-slider-label{font-size:.85rem;color:#fffc}.range-slider-value{font-size:.85rem;font-weight:600;color:#fff;background:#ffffff1a;padding:.2rem .5rem;border-radius:4px}.range-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff26;border-radius:3px;outline:none;cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:transform .2s ease}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.range-slider::-moz-range-thumb{width:18px;height:18px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #0000004d}.select-container{margin:.75rem 0}.select-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#ffffffb3;margin-bottom:.5rem}.select-wrapper{position:relative}.select-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease}.select-input:focus{outline:none;border-color:var(--accent)}.select-input option{background:var(--bg-secondary);color:var(--text-primary)}.select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;color:#ffffff80}.select-row-with-arrow{position:relative;margin:.75rem 0}.select-row-with-arrow-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;background:none;border:none;border-bottom:1px solid var(--border-default);cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:background .15s ease}.select-row-with-arrow-trigger:hover{background:#ffffff0a}.select-row-with-arrow-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.select-row-with-arrow-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#ffffffb3}.select-row-with-arrow-value{font-size:.9rem;color:var(--text-primary)}.select-row-with-arrow-icon{flex-shrink:0;width:18px;height:18px;color:#ffffff80;margin-left:.5rem}.select-row-with-arrow-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000004d;z-index:10;overflow:hidden}.select-row-with-arrow-option{width:100%;padding:.65rem 1rem;background:none;border:none;cursor:pointer;text-align:left;font-size:.9rem;font-family:inherit;color:var(--text-primary);transition:background .15s ease}.select-row-with-arrow-option:hover{background:#ffffff14}.select-row-with-arrow-option.selected{background:#4f6ef733;color:var(--accent)}.theme-selector{display:flex;gap:1rem;margin:.5rem 0}.theme-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:var(--bg-tertiary);border:2px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.theme-option:hover{background:var(--bg-hover);border-color:var(--bg-active)}.theme-option:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent)}.theme-option.active{border-color:var(--accent);background:var(--bg-hover);box-shadow:var(--shadow-sm),0 0 0 1px var(--accent)}.theme-icon{font-size:2rem;display:flex;align-items:center;justify-content:center}.theme-icon svg{width:2rem;height:2rem}.theme-label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.accent-colors{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:.5rem 0}.accent-color-btn{width:40px;height:40px;border-radius:50%;border:3px solid transparent;background:var(--color);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.accent-color-btn:hover{transform:scale(1.1)}.accent-color-btn.active{border-color:#fff;box-shadow:0 0 15px var(--color)}.accent-color-btn svg{width:18px;height:18px;stroke:#fff}.accent-color-custom{display:flex;align-items:center;gap:.5rem;margin-left:.5rem}.color-picker-input{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:2px solid rgba(255,255,255,.2);border-radius:8px}.accent-color-custom span{font-size:.8rem;color:#fff9}.message-display-options{display:flex;gap:1rem;margin:.5rem 0}.display-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#0003;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease}.display-option:hover{border-color:#fff3}.display-option.active{border-color:var(--accent);background:var(--accent-muted)}.display-option span{font-size:.85rem;font-weight:600;color:#fff}.display-preview{width:100%;padding:.75rem;background:#0000004d;border-radius:6px}.display-preview.cozy{display:flex;gap:.5rem}.preview-avatar{width:32px;height:32px;background:#fff3;border-radius:50%;flex-shrink:0}.preview-lines{flex:1;display:flex;flex-direction:column;gap:.35rem}.preview-line{height:8px;background:#ffffff26;border-radius:4px}.preview-line.name{width:40%;background:#ffffff4d}.preview-line.msg{width:90%}.preview-line.short{width:60%}.display-preview.compact{display:flex;flex-direction:column;gap:.35rem}.preview-line.compact-line{height:10px;width:100%}.connections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.connection-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease}.connection-item:hover{background:var(--conn-color);border-color:var(--conn-color);transform:translateY(-2px)}.connection-icon{font-size:1.75rem;display:flex;align-items:center;justify-content:center}.connection-icon svg{width:1.75rem;height:1.75rem}.connection-name{font-size:.85rem;font-weight:600;color:#fff}.keybinds-list{display:flex;flex-direction:column;gap:.5rem}.keybind-item{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:8px}.keybind-action{font-size:.9rem;color:#fff}.keybind-value{padding:.4rem .75rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:.8rem;font-weight:600;font-family:Monaco,Consolas,monospace;color:#fff;cursor:pointer;transition:all .2s ease}.keybind-value:hover{background:#ffffff1f;border-color:var(--accent)}.keybind-empty{color:#fff6;font-weight:400}.language-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.language-option{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#0003;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.language-option:hover{border-color:#ffffff40;background:#0000004d}.language-option.active{border-color:var(--accent);background:var(--accent-muted)}.language-flag{font-size:1.5rem}.language-name{font-size:.9rem;font-weight:500;color:#fff}.language-check{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--accent)}.voice-test-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:1rem}.voice-test-section .btn-secondary.active{background:#ed42454d;border-color:#ed424580}.mic-level-container{display:flex;align-items:center;gap:1rem;margin-top:.5rem;padding:1rem;background:#0003;border-radius:var(--radius-sm)}.mic-level-bar-container{flex:1;height:8px;background:#ffffff1a;border-radius:4px;position:relative;overflow:hidden}.mic-level-bar{height:100%;background:linear-gradient(90deg,#3ba55c,#faa61a 60%,#ed4245);border-radius:4px;transition:width .05s ease}.mic-level-threshold{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fffc;border-radius:1px}.mic-level-value{font-size:.85rem;font-weight:600;color:#ffffffb3;min-width:3rem;text-align:right}.debug-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.data-transparency-card{background:var(--bg-tertiary, rgba(0,0,0,.18));border:1px solid var(--border-subtle);border-radius:12px;padding:20px 24px;margin-bottom:16px;max-width:620px}.data-transparency-title{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0 0 14px;text-transform:uppercase;letter-spacing:.04em}.data-transparency-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 520px){.data-transparency-grid{grid-template-columns:1fr}}.data-transparency-col-header{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.data-transparency-col--stored .data-transparency-col-header{color:var(--success, #57f287)}.data-transparency-col--not-stored .data-transparency-col-header{color:var(--danger, #ed4245)}.data-transparency-col ul{list-style:none;padding:0;margin:0}.data-transparency-col ul li{font-size:.82rem;color:var(--text-secondary);padding:3px 0;border-bottom:1px solid var(--border-subtle)}.data-transparency-col ul li:last-child{border-bottom:none}.data-privacy-actions{margin-top:.5rem}.privacy-monetization-banner{background:var(--bg-tertiary, rgba(0, 0, 0, .2));border:1px solid var(--border-subtle);border-radius:12px;padding:24px;margin-top:16px;max-width:560px}.privacy-monetization-headline{font-size:1.125rem;font-weight:700;color:var(--success, #57f287);margin:0 0 8px}.privacy-monetization-desc,.privacy-monetization-nitro,.privacy-monetization-footer{font-size:.95rem;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.privacy-monetization-footer{margin-bottom:0;font-style:italic}.privacy-monetization-actions{margin-top:20px}.privacy-monetization-actions .btn-secondary{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;color:inherit}.activity-log{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:10px}.activity-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.activity-icon svg{width:20px;height:20px}.activity-icon.success{background:#3ba55c33;color:#3ba55c}.activity-icon.warning{background:#ffa72633;color:#ffa726}.activity-icon.info{background:var(--accent-muted);color:var(--accent)}.activity-info{display:flex;flex-direction:column;gap:.2rem}.activity-title{font-size:.9rem;font-weight:500;color:#fff}.activity-time{font-size:.75rem;color:#ffffff73}@media (max-width: 900px){.settings-page{--modal-width: 100vw;--modal-height: 100vh;padding:0}.settings-modal-container>.settings-nav{width:248px;min-width:248px}.settings-modal-container>.settings-content{padding:1.5rem}}@media (max-width: 700px){.settings-page{--modal-width: 100vw;--modal-height: 100dvh;padding:0;background:var(--bg-primary);animation:none;padding-top:var(--inset-top, env(safe-area-inset-top, 0px));padding-bottom:var(--inset-bottom, env(safe-area-inset-bottom, 0px))}.settings-modal-container{flex-direction:column;border-radius:0;border:none;box-shadow:none;animation:mobileSlideUp .28s cubic-bezier(.22,1,.36,1) forwards;height:100%}@keyframes mobileSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-modal-container>.settings-nav{width:100%;min-width:unset;height:auto;flex-shrink:0;border-right:none;border-radius:0;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.settings-nav-header{display:none}.settings-nav-content{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:10px 12px;gap:6px;scrollbar-width:none;-ms-overflow-style:none}.settings-nav-content::-webkit-scrollbar{display:none}.settings-nav-category{display:contents}.settings-nav-category-title{display:none}.settings-nav-item{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:6px 14px;height:36px;font-size:.82rem;font-weight:600;border-radius:18px;white-space:nowrap;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid transparent;transition:background .15s,color .15s;margin-bottom:0}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav-item.active{background:var(--accent);color:var(--accent-text);border-color:transparent}.settings-nav-item.active:before{display:none}.settings-nav-footer{display:none}.settings-modal-container>.settings-content{flex:1;min-height:0;width:100%;height:auto;max-height:none;border-radius:0}.settings-content{padding:1.25rem;flex:1;overflow-y:auto}.settings-content--profile{padding:1.25rem}.settings-close{top:.5rem;right:.5rem;padding:.5rem}.settings-close svg{width:20px;height:20px}.user-account-info{flex-wrap:wrap;gap:.75rem}.btn-edit-profile{width:100%;text-align:center;margin-top:.5rem}.theme-selector,.message-display-options{flex-direction:column}.connections-grid,.language-grid{grid-template-columns:repeat(2,1fr)}}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background:var(--glass-panel-bg);border:1px solid var(--modal-panel-border);border-radius:var(--modal-panel-radius);padding:1.5rem;min-width:460px;max-width:520px;min-height:320px;max-width:90vw;box-shadow:var(--modal-panel-shadow);animation:modalSlideIn .25s cubic-bezier(.22,1,.36,1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.settings-modal--compact{min-width:320px;max-width:380px;padding:1.25rem}.settings-modal--mfa{min-width:0;width:100%;max-width:440px;min-height:0;padding:1.75rem;border-radius:16px;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 48px #00000059,0 0 0 1px #ffffff08}.mfa-verify-modal__icon{width:52px;height:52px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;background:#4f6ef726;border-radius:14px}.mfa-verify-modal__icon svg{width:26px;height:26px;stroke:var(--accent)}.settings-modal--mfa h3{margin-bottom:.5rem;font-size:1.1rem;font-weight:600;text-align:center}.settings-modal--mfa .settings-modal-desc{margin-bottom:1.25rem;font-size:.9rem;text-align:center;color:var(--text-secondary);line-height:1.5}.settings-modal--mfa .settings-field label{font-size:.8rem;font-weight:500;color:var(--text-muted, #949ba4);text-transform:none;letter-spacing:.02em}.settings-modal--mfa .settings-modal-actions{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-subtle);gap:.75rem}.settings-modal--mfa .settings-modal-actions .btn-secondary{flex:0 1 auto;min-width:0;padding:.7rem 1.2rem;border-radius:10px;font-size:.9rem;font-weight:500;transition:all .2s ease}.settings-modal--mfa .settings-modal-actions .btn-primary{flex:1 1 auto;min-width:min-content;padding:.7rem 1.2rem;border-radius:10px;font-size:.9rem;font-weight:500;transition:all .2s ease}.settings-modal--mfa .settings-modal-actions .btn-primary{background:linear-gradient(180deg,#121317,#060607);border:1px solid rgba(255,255,255,.28);color:#fff;white-space:nowrap}.settings-modal--mfa .settings-modal-actions .btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#17191e,#0a0b0d);border-color:#ffffff6b;transform:translateY(-1px)}.settings-modal--mfa .settings-modal-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.settings-modal--mfa .mfa-code-input-wrap{gap:8px;justify-content:center}.settings-modal--mfa .mfa-code-digit{width:42px;height:48px;font-size:1.35rem;border-radius:10px;border:1px solid var(--border-subtle);transition:border-color .2s ease,box-shadow .2s ease}.settings-modal--mfa .mfa-code-digit:focus{border-color:var(--accent)}.settings-modal--form{min-width:0;width:100%;max-width:420px;min-height:0;padding:1.75rem;border-radius:16px;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 48px #00000059,0 0 0 1px #ffffff08}.settings-modal--phone{max-width:500px;min-height:0}.settings-modal-form__icon{width:48px;height:48px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:#4f6ef71f;border-radius:12px}.settings-modal-form__icon svg{width:24px;height:24px;stroke:var(--accent)}.settings-modal--form h3{margin:0 0 1.25rem;font-size:1.2rem;font-weight:600;color:var(--text-primary);text-align:center}.settings-modal--form .settings-field{margin-bottom:1rem}.settings-modal--form .settings-field label{font-size:.8rem;font-weight:500;color:var(--text-muted, #949ba4);text-transform:none;letter-spacing:0}.settings-modal--form .settings-input-wrap{border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-tertiary);transition:border-color .2s ease,box-shadow .2s ease}.settings-modal--form .settings-input-wrap:focus-within{border-color:var(--accent)}.settings-modal--form .settings-input-wrap .settings-input{background:transparent;border-radius:10px;padding:.75rem 1rem;height:2.75rem}.settings-modal--form .settings-input-prefix{border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-tertiary);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.settings-modal--form .settings-input-prefix:focus-within{border-color:var(--accent)}.settings-modal--form .settings-input-prefix span{height:2.75rem;border-radius:0;border:none;border-right:1px solid var(--border-subtle);background:transparent}.settings-modal--form .settings-input-prefix .settings-input{height:2.75rem;padding:.75rem 1rem;border:none;border-radius:0;background:transparent}.settings-modal--form .settings-field>input.settings-input{width:100%;height:2.75rem;padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-tertiary);transition:border-color .2s ease,box-shadow .2s ease}.settings-modal--form .settings-field>input.settings-input:focus{border-color:var(--accent)}.settings-phone-field{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr);gap:.75rem;align-items:center}.settings-phone-country-trigger{height:2.75rem;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-tertiary);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:0 .55rem;cursor:pointer;min-width:0;transition:border-color .2s ease,background .2s ease}.settings-phone-country-trigger:hover{border-color:var(--accent)}.settings-phone-country-code{font-weight:700;color:var(--text-primary);flex-shrink:0;font-size:.95rem}.settings-phone-country-caret{width:16px;height:16px;flex-shrink:0;color:var(--text-muted);transition:transform .2s ease}.settings-phone-country-caret.is-open{transform:rotate(180deg)}.settings-phone-country-dropdown{position:absolute;top:calc(100% + .5rem);left:0;width:min(100%,360px);background:var(--glass-panel-bg);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 18px 40px #0006;z-index:50;padding:.75rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.settings-phone-country-search{width:100%;height:2.5rem;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-primary);padding:0 .75rem;margin-bottom:.6rem;outline:none;font-size:.9rem;font-weight:500;letter-spacing:.01em;caret-color:var(--accent);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.settings-phone-country-search::placeholder{color:var(--text-muted);font-weight:400}.settings-phone-country-search:focus{border-color:var(--accent);background:#4f6ef714;box-shadow:0 0 0 3px #4f6ef72e}.settings-phone-country-search:not(:placeholder-shown){border-color:#4f6ef766}.settings-phone-country-list{max-height:330px;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem;padding-right:.2rem}.settings-phone-country-option{width:100%;border:none;border-radius:8px;background:transparent;color:var(--text-primary);padding:.55rem .6rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;text-align:left}.settings-phone-country-option:hover{background:var(--bg-tertiary)}.settings-phone-country-option.is-active{background:#4f6ef729}.settings-phone-country-option-name{font-size:.88rem;color:var(--text-primary)}.settings-phone-country-option-code{color:var(--text-muted);font-size:.85rem;font-weight:600}.settings-phone-country-empty{color:var(--text-muted);text-align:center;padding:.8rem .5rem;font-size:.85rem}.settings-phone-input-wrap{min-width:0}.settings-phone-number-input{font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.02rem;font-weight:500;line-height:1.2;color:var(--text-primary);letter-spacing:.01em;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1}.settings-modal--phone .settings-field{margin-bottom:.75rem}.settings-modal--phone .field-hint{display:block;margin-top:.35rem;text-align:left;color:var(--text-muted);font-size:.8rem}.settings-modal--form .settings-modal-actions{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-subtle);gap:.75rem}.settings-modal--form .settings-modal-actions .btn-secondary{flex:1;padding:.75rem 1.25rem;background:transparent;border:1px solid var(--border-subtle);border-radius:10px;font-size:.95rem;font-weight:500;color:var(--text-secondary);transition:background .2s ease,color .2s ease,border-color .2s ease}.settings-modal--form .settings-modal-actions .btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:#ffffff1f}.settings-modal--form .settings-modal-actions .btn-primary{flex:1;padding:.75rem 1.25rem;background:linear-gradient(180deg,#121317,#060607);border:1px solid rgba(255,255,255,.28);border-radius:10px;font-size:.95rem;font-weight:700;color:#fff;line-height:1.2;letter-spacing:.01em;text-shadow:none!important;-webkit-text-stroke:0!important;box-shadow:inset 0 1px #ffffff14,0 8px 22px #0000006b;transition:background .2s ease,transform .1s ease}.settings-modal--form .settings-modal-actions .btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#17191e,#0a0b0d);border-color:#ffffff6b;box-shadow:inset 0 1px #ffffff1f,0 10px 26px #00000080;transform:translateY(-1px)}.settings-modal--form .settings-modal-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.settings-modal--form .settings-modal-actions .btn-primary:active:not(:disabled){transform:translateY(0)}.settings-modal--compact h3{margin-bottom:.75rem;font-size:1.05rem}.settings-modal--compact .settings-modal-desc{margin-bottom:1rem}.settings-modal--compact .settings-field{margin-bottom:.875rem}.settings-modal--compact .settings-modal-actions{margin-top:1rem;padding-top:.875rem}@media (max-width: 420px){.settings-modal{min-width:0;width:calc(100vw - 32px);padding:1rem}.settings-modal--form{margin:1rem;max-width:calc(100vw - 2rem);padding:1.5rem}.settings-modal--phone{min-height:0;max-height:calc(100vh - 2rem);overflow:auto}.settings-phone-field{grid-template-columns:1fr}.settings-phone-country-dropdown{width:100%}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-modal h3{margin:0 0 1.25rem;font-size:1.15rem;font-weight:600;color:var(--text-primary)}.settings-modal .settings-field{margin-bottom:1rem}.settings-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-default)}.settings-input-prefix{display:flex;align-items:center;gap:0;border-radius:8px;transition:box-shadow .2s ease}.settings-input-prefix:focus-within{box-shadow:0 0 0 2px var(--accent)}.settings-input-prefix .settings-input:focus{box-shadow:none}.settings-input-prefix span{display:flex;align-items:center;padding:0 .5rem 0 1rem;height:2.5rem;box-sizing:border-box;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-right:none;border-radius:8px 0 0 8px;color:var(--text-secondary);font-size:.95rem}.settings-input-prefix .settings-input{flex:1;min-width:0;height:2.5rem;padding:0 1rem;box-sizing:border-box;border:1px solid var(--border-subtle);border-left:none;border-radius:0 8px 8px 0}.settings-input-wrap{display:flex;border-radius:8px;border:1px solid var(--border-subtle);transition:box-shadow .2s ease}.settings-input-wrap:focus-within{box-shadow:0 0 0 2px var(--accent)}.settings-input-wrap .settings-input{flex:1;min-width:0;height:2.5rem;padding:0 1rem;box-sizing:border-box;border:none;border-radius:8px}.settings-input-wrap .settings-input:focus{box-shadow:none;outline:none}.settings-loading{padding:2rem;text-align:center;color:#ffffff80;font-style:italic}.settings-skeleton{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.settings-skeleton-row{height:48px;border-radius:8px;background:var(--bg-tertiary);animation:settings-skeleton-pulse 1.2s ease-in-out infinite}.settings-skeleton-row.short{width:60%}@keyframes settings-skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.settings-saving-indicator{display:inline-block;margin-left:1rem;font-size:.8rem;color:#64c8ffcc;font-style:italic}.activity-empty{padding:3rem 1rem;text-align:center;color:#fff6}.blocked-users-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.blocked-user-row{display:flex;align-items:center;gap:1rem;padding:12px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px}.blocked-user-info{flex:1;display:flex;flex-direction:column;gap:2px}.blocked-user-name{font-weight:600;color:var(--text-primary)}.blocked-user-username{font-size:.8rem;color:#ffffff80}.connections-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.connection-connected{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px}.connection-connected .connection-icon{font-size:1.5rem}.connection-connected .connection-icon svg{width:1.5rem;height:1.5rem}.connection-connected .connection-info{flex:1;display:flex;flex-direction:column;gap:2px}.connection-connected .connection-name{font-weight:600;color:var(--text-primary)}.connection-connected .connection-username{font-size:.8rem;color:#ffffff80}.connection-connected .connection-desc{font-size:.85rem;color:#ffffff80}.connection-icon-spotify{color:#1db954;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.connection-icon-spotify svg{width:24px;height:24px}.btn-disconnect{padding:6px 12px;background:#da373c26;border:1px solid rgba(218,55,60,.3);border-radius:var(--radius-sm);color:var(--error);font-size:.8rem;cursor:pointer;transition:all .15s ease}.btn-disconnect:hover{background:#da373c40;border-color:#da373c80}.banner-color-section{display:flex;gap:1.5rem;align-items:flex-start}.banner-color-preview{width:120px;height:80px;border-radius:10px;border:2px solid rgba(255,255,255,.15);flex-shrink:0}.banner-color-options{flex:1;display:flex;flex-direction:column;gap:1rem}.banner-color-presets{display:flex;flex-wrap:wrap;gap:8px}.banner-color-btn{width:36px;height:36px;border-radius:50%;border:2px solid transparent;background:var(--color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative}.banner-color-btn:hover{transform:scale(1.1);box-shadow:0 0 12px var(--color)}.banner-color-btn.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.banner-color-btn svg{width:16px;height:16px;stroke:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.banner-color-custom{display:flex;align-items:center;gap:10px}.banner-color-custom span{font-size:.85rem;color:#fff9}@media (max-width: 600px){.banner-color-section{flex-direction:column}.banner-color-preview{width:100%;height:60px}}.sticker-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:#ffffff05;border-radius:12px;border:1px dashed rgba(255,255,255,.1)}.sticker-empty-state svg{width:64px;height:64px;color:#ffffff4d;margin-bottom:1rem}.sticker-empty-state h3{font-size:1.1rem;font-weight:600;color:#fffc;margin-bottom:.5rem}.sticker-empty-state p{font-size:.9rem;color:#ffffff80}.sticker-packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem}.sticker-pack-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease}.sticker-pack-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.sticker-pack-card-cover{width:100%;aspect-ratio:1;background:#ffffff05;display:flex;align-items:center;justify-content:center;overflow:hidden}.sticker-pack-card-cover img{width:100%;height:100%;object-fit:cover}.sticker-pack-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--accent-rgb, 255, 255, 255),.1),rgba(var(--accent-rgb, 255, 255, 255),.05))}.sticker-pack-card-placeholder svg{width:48px;height:48px;color:#fff3}.sticker-pack-card-info{padding:.75rem 1rem}.sticker-pack-card-info h4{font-size:.95rem;font-weight:600;color:#ffffffe6;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticker-pack-card-meta{font-size:.75rem;color:#fff6}.sticker-pack-add-card{background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:12px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s ease;color:#fff6}.sticker-pack-add-card:hover{background:var(--accent-muted);border-color:#4f6ef74d;color:var(--accent)}.sticker-pack-add-card svg{width:32px;height:32px}.sticker-pack-add-card span{font-size:.9rem;font-weight:500}.sticker-pack-detail{display:flex;flex-direction:column;gap:1.5rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .15s ease;width:fit-content}.btn-back:hover{background:#ffffff1a;color:#ffffffe6}.btn-back svg{width:16px;height:16px}.sticker-pack-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.sticker-pack-cover{width:80px;height:80px;border-radius:10px;object-fit:cover;flex-shrink:0}.sticker-pack-info{flex:1;min-width:0}.sticker-pack-info h3{font-size:1.2rem;font-weight:600;color:#fffffff2;margin-bottom:.25rem}.sticker-pack-info p{font-size:.85rem;color:#fff9;margin-bottom:.25rem}.sticker-pack-meta{font-size:.75rem;color:#fff6}.btn-danger-sm{padding:8px 12px;background:#ff505026;border:1px solid rgba(255,80,80,.3);border-radius:8px;color:#ff6b6b;font-size:.8rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-danger-sm:hover{background:#ff505040;border-color:#ff505080}.stickers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.sticker-item{position:relative;aspect-ratio:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;transition:all .2s ease}.sticker-item:hover{background:#ffffff0f;border-color:#ffffff26}.sticker-item img{max-width:80%;max-height:70%;object-fit:contain}.sticker-name{font-size:.7rem;color:#ffffff80;margin-top:.25rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 .25rem}.sticker-delete-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#ff5050e6;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s ease}.sticker-item:hover .sticker-delete-btn{opacity:1}.sticker-delete-btn:hover{background:var(--error);transform:scale(1.1)}.sticker-delete-btn svg{width:12px;height:12px}.sticker-add-btn{aspect-ratio:1;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease;color:#fff6}.sticker-add-btn:hover{background:var(--accent-muted);border-color:#4f6ef74d;color:var(--accent)}.sticker-add-btn svg{width:24px;height:24px}.sticker-add-btn span{font-size:.7rem;font-weight:500;text-align:center}.sticker-pack-modal,.sticker-add-modal{max-width:400px}.sticker-cover-upload{display:flex;align-items:center}.sticker-upload-area{width:100%}.sticker-upload-btn{width:100%;padding:2rem;background:#ffffff05;border:2px dashed rgba(255,255,255,.15);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s ease;color:#ffffff80}.sticker-upload-btn:hover{background:var(--accent-muted);border-color:#4f6ef74d;color:var(--accent)}.sticker-upload-btn svg{width:32px;height:32px}.sticker-upload-btn span{font-size:.9rem;font-weight:500}.sticker-upload-hint{font-size:.75rem!important;color:#fff6!important;font-weight:400!important}.sticker-preview{position:relative;width:120px;height:120px;margin:0 auto;background:#ffffff08;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.sticker-preview img{max-width:100%;max-height:100%;object-fit:contain}.sticker-preview-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#ff5050e6;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sticker-preview-remove:hover{background:var(--error);transform:scale(1.1)}.sticker-preview-remove svg{width:14px;height:14px}.settings-unsaved-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:595px;max-width:calc(100% - 40px);display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.16);border-radius:10px;box-shadow:inset 0 1px #ffffff0f,0 14px 34px #00000085;z-index:10;opacity:1;color:#f5f7fb;font-size:.85rem;white-space:nowrap;min-height:54px;box-sizing:border-box;flex-shrink:0;justify-content:center;animation:unsavedBarSlideIn .42s cubic-bezier(.16,1,.3,1) forwards}.settings-unsaved-bar--shake{animation:unsavedBarShakeWrong .8s cubic-bezier(.36,.07,.19,.97) forwards}@keyframes unsavedBarShakeWrong{0%,to{transform:translate(-50%) translate(0)}10%,30%,50%,70%,90%{transform:translate(-50%) translate(-22px)}20%,40%,60%,80%{transform:translate(-50%) translate(22px)}}@keyframes unsavedBarSlideIn{0%{opacity:0;transform:translate(-50%) translateY(140px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.settings-unsaved-actions{display:flex;gap:8px}.btn-reset-changes{padding:8px 20px;background:#ffffff0a;color:#f5f7fb;border:1px solid rgba(255,255,255,.18);border-radius:6px;font-weight:500;font-size:.85rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn-reset-changes:hover{background:#ffffff14;border-color:#ffffff4d}.btn-save-changes{padding:8px 28px;width:250px;min-width:250px;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--bg-primary);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-weight:700;font-size:.85rem;cursor:pointer;letter-spacing:.01em;text-shadow:none!important;-webkit-text-stroke:0!important;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;flex-shrink:0}.btn-save-changes:hover:not(:disabled){background:linear-gradient(180deg,#17191e,#0a0b0d);border-color:#ffffff70;box-shadow:inset 0 1px #ffffff24,0 10px 24px #0000007a}.btn-save-changes:disabled{opacity:1;background:#2a2d33;color:#c8ced8;border-color:#fff3;box-shadow:none;cursor:not-allowed}.btn-save-changes--saving:disabled{opacity:1;background:var(--success, #248046);color:#fff;cursor:not-allowed}.settings-unsaved-bar--exiting{animation:unsavedBarSlideOut .35s ease-in forwards}@keyframes unsavedBarSlideOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(140px)}}@media (max-width: 600px){.sticker-packs-grid{grid-template-columns:repeat(2,1fr)}.stickers-grid{grid-template-columns:repeat(3,1fr)}.sticker-pack-header{flex-direction:column;text-align:center}.sticker-pack-header .btn-danger-sm{width:100%}}.email-verification-banner{display:flex;align-items:center;gap:10px;background:#faa81a1f;border:1px solid rgba(250,168,26,.35);border-radius:8px;padding:10px 14px;margin:8px 0 4px;font-size:.875rem;color:#faa81a}.email-verification-banner svg{width:16px;height:16px;flex-shrink:0;color:#faa81a}.email-verification-banner span{flex:1;line-height:1.4}.email-verification-banner .btn-field-edit{flex-shrink:0;font-size:.8rem;padding:4px 10px;border-radius:6px;background:#faa81a2e;color:#faa81a;border:1px solid rgba(250,168,26,.4);cursor:pointer;transition:background .15s;white-space:nowrap}.email-verification-banner .btn-field-edit:hover{background:#faa81a47}.backup-codes-section{margin-top:16px;display:flex;flex-direction:column;gap:12px}.backup-codes-warning{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:#faa81a1a;border:1px solid rgba(250,168,26,.35);border-radius:8px;color:#c77c0a;font-size:.82rem;line-height:1.4}[data-theme=dark] .backup-codes-warning{color:#faa81a;background:#faa81a14}.backup-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.backup-code{font-family:Courier New,Courier,monospace;font-size:.88rem;font-weight:600;letter-spacing:.05em;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;text-align:center;color:var(--text-primary);-webkit-user-select:all;user-select:all}.backup-codes-info{font-size:.82rem;color:var(--text-muted);margin:0}.backup-codes-info strong{color:var(--text-primary)}.mfa-code-input-wrap{display:flex;gap:8px;justify-content:center;align-items:center}.mfa-code-digit{width:48px;height:80px;background:var(--bg-tertiary);border:2px solid var(--border-subtle, #4e5058);border-radius:10px;color:var(--text-primary, #dbdee1);font-size:1.5rem;font-weight:600;text-align:center;font-family:SF Mono,Monaco,Consolas,monospace;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;caret-color:var(--accent)}.mfa-code-digit:hover:not(:disabled):not(:focus){border-color:var(--border-strong);background:var(--bg-hover)}.mfa-code-digit:focus{border-color:var(--accent)}.mfa-code-digit::placeholder{color:transparent}.mfa-code-input-wrap--error .mfa-code-digit{border-color:var(--danger, #da373c)}.mfa-code-input-wrap--error .mfa-code-digit:focus{border-color:var(--danger, #da373c);box-shadow:0 0 0 3px #da373c33}.mfa-code-input-wrap--disabled .mfa-code-digit{opacity:.6;cursor:not-allowed}.auth-page .mfa-code-digit{background:var(--input-bg, #f0f2f7);border-color:var(--border-default);color:var(--text-primary)}.auth-page .mfa-code-digit:hover:not(:disabled):not(:focus){border-color:var(--border-strong);background:var(--bg-hover)}.auth-page .mfa-code-input-wrap--error .mfa-code-digit{border-color:var(--error, #dc2626)}.auth-page .mfa-code-input-wrap--error .mfa-code-digit:focus{box-shadow:0 0 0 3px #dc262633}@media (max-width: 480px){.mfa-code-input-wrap{gap:6px}.mfa-code-digit{width:42px;height:68px;font-size:1.35rem}}.mobile-app-layout{display:flex;flex-direction:column;height:var(--app-height, 100dvh);overflow:hidden;background:var(--bg-primary);padding-top:var(--inset-top, env(safe-area-inset-top, 0px));padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);overscroll-behavior:none;-webkit-overflow-scrolling:touch}.mobile-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.mobile-split-layout{display:flex;flex-direction:row;min-width:0}.mobile-server-bar{flex-shrink:0;width:60px;min-width:60px;background:var(--bg-tertiary);border-right:1px solid var(--border-subtle);overflow:visible;padding-top:0}.mobile-server-bar .server-bar{width:60px;min-width:60px;padding-top:16px;padding-bottom:max(8px,env(safe-area-inset-bottom,0px));padding-left:0;padding-right:0}.mobile-server-bar .server-bar-nav{padding-top:8px}.mobile-server-bar .home-section{padding-top:0}.mobile-server-bar .server-item,.mobile-server-bar .server-icon-link,.mobile-server-bar .server-icon{width:44px;height:44px}.mobile-server-bar .server-list{padding:0 8px}.mobile-content-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.mobile-app-layout .sidebar{width:100%;min-width:unset;flex:1}.mobile-app-layout .sidebar .user-panel{display:none}.mobile-app-layout .app-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.mobile-app-layout .direct-chat,.mobile-app-layout .team-chat{animation:pageSlideInFromRight .22s cubic-bezier(.22,1,.36,1) forwards}.app-layout{display:flex;height:100%;overflow:hidden;background:var(--cosmic-surface-soft),var(--bg-tertiary)}.app-layout.scene-ambient{--scene-glow: .05}.app-layout.scene-focus{--scene-glow: .12}.app-layout.scene-settle{--scene-glow: .08}.mobile-app-layout.scene-ambient{--scene-glow: .05}.mobile-app-layout.scene-focus{--scene-glow: .12}.mobile-app-layout.scene-settle{--scene-glow: .08}.app-layout>.server-bar{flex-shrink:0;overflow-x:hidden;overflow-y:visible;z-index:1}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9998;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#c9302c;color:#fff;font-size:.9rem}.offline-banner-icon{font-size:1rem}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;max-width:100%;overflow-x:hidden;position:relative;background:var(--cosmic-surface-flat),var(--bg-primary);transition:box-shadow var(--dur-slow, .52s) var(--ease-flow, cubic-bezier(.2, .8, .2, 1)),background var(--dur-slow, .52s) ease}.app-main>.content-phase-in{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-main>.content-phase-in>*{flex:1;min-width:0;min-height:0}@media (max-width: 768px){.app-layout>.server-bar,.app-layout>.sidebar{position:fixed;top:0;bottom:0;z-index:200;transition:transform .25s ease}.app-layout>.server-bar{left:0;transform:translate(-100%)}.app-layout>.sidebar{left:64px;transform:translate(calc(-100% - 64px))}.app-layout.mobile-nav-open>.server-bar{transform:translate(0)}.app-layout.mobile-nav-open>.sidebar{transform:translate(0)}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:199;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-edge-swipe-zone{position:fixed;left:0;top:0;bottom:0;width:80px;z-index:150;touch-action:none}.app-main{contain:none;min-height:100vh;min-height:100dvh}}[data-theme=dark] .app-layout{background:#000;position:relative}[data-theme=dark] .app-layout:before{content:none}[data-theme=dark] .app-layout:after{content:none}[data-theme=dark] .app-layout>*{position:relative;z-index:1}[data-theme=dark] .app-main{background:linear-gradient(165deg,#0a0a0ae6,#0a0a0abf);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.06);box-shadow:0 0 40px rgba(255,255,255,var(--scene-glow, .06))}[data-theme=dark] .mobile-app-layout .app-main{background:linear-gradient(165deg,#0a0a0ae6,#0a0a0abf);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 40px rgba(255,255,255,var(--scene-glow, .06))}.electron-title-bar{display:flex;align-items:center;position:fixed;top:0;left:0;right:0;height:32px;min-height:32px;z-index:2147483646;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);-webkit-app-region:drag;-webkit-user-select:none;user-select:none;flex-shrink:0}.electron-title-bar-drag{flex:1;-webkit-app-region:drag}.electron-title-bar-title{position:absolute;left:50%;transform:translate(-50%);font-size:13px;font-weight:600;color:var(--text-primary, #f2f3f5);-webkit-app-region:no-drag;pointer-events:none}.electron-title-bar-controls{display:flex;-webkit-app-region:no-drag}.electron-title-bar-btn{display:flex;align-items:center;justify-content:center;width:46px;height:32px;border:none;background:transparent;color:var(--text-secondary, #b5bac1);cursor:pointer;transition:background .15s,color .15s}.electron-title-bar-btn:hover{background:var(--bg-hover, rgba(79, 84, 92, .32));color:var(--text-primary, #f2f3f5)}.electron-title-bar-btn.electron-title-bar-close:hover{background:#e81123;color:#fff}.electron-title-bar-mac .electron-title-bar-controls-left{margin-left:12px;margin-right:0}.electron-title-bar-mac .electron-title-bar-drag{margin-left:0}.dev-banner{position:fixed;bottom:0;left:0;right:0;z-index:9998;padding:12px 20px;background:var(--glass-float-bg);border-top:1px solid var(--border-subtle);box-shadow:0 -4px 20px #00000040;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);animation:devBannerSlideUp .3s ease-out}@keyframes devBannerSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.dev-banner-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;max-width:900px;margin:0 auto}.dev-banner-text{flex:1;min-width:200px;margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.dev-banner-link{color:var(--text-link);text-decoration:underline;text-underline-offset:2px}.dev-banner-link:hover{color:var(--accent)}.dev-banner-accept{flex-shrink:0;padding:8px 20px;font-size:.9rem;font-weight:500;color:var(--accent-text);background:var(--accent);border:none;border-radius:4px;cursor:pointer;transition:background .15s ease}.dev-banner-accept:hover{background:var(--accent-hover)}.dev-banner-accept:active{transform:scale(.98)}@media (max-width: 500px){.dev-banner{padding:14px 16px}.dev-banner-content{flex-direction:column;align-items:stretch;text-align:center}.dev-banner-accept{width:100%}}.notifications-container{position:fixed;top:1.25rem;right:1.25rem;z-index:999999;display:flex;flex-direction:column;gap:.75rem;max-width:380px;pointer-events:none}.notification{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;border-radius:12px;background:var(--glass-float-bg);border:1px solid var(--border-default);box-shadow:var(--shadow-elevated);animation:notif-slide-in .25s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:auto;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;color:var(--text-primary);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.notification:hover{transform:translate(-4px);box-shadow:var(--shadow-elevated),0 0 0 1px var(--border-subtle)}.notification:active{transform:scale(.99)}@keyframes notif-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification.exiting{animation:notif-slide-out .3s ease forwards}@keyframes notif-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.notification-success .notification-icon{color:var(--success);background:#23a5591f}.notification-error .notification-icon{color:var(--error);background:#da373c1f}.notification-warning .notification-icon{color:var(--warning);background:#f0b2321f}.notification-info .notification-icon{color:var(--info);background:var(--accent-muted)}.notification-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:10px;opacity:1;transform:none}@keyframes iconPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.notification-message{color:inherit;font-size:.9375rem;font-weight:500;line-height:1.4;flex:1;min-width:0}.notification-count-badge{margin-left:auto;flex-shrink:0;font-size:.72rem;font-weight:700;line-height:1;padding:4px 7px;border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle)}[data-theme=light] .notification{box-shadow:var(--shadow-elevated),0 1px 3px #00000014}@media (max-width: 500px){.notifications-container{top:.75rem;right:.75rem;left:.75rem;max-width:none}}.incoming-call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000eb;animation:incomingFadeIn .2s ease-out}.incoming-call-discord{background:#000000e6}@keyframes incomingFadeIn{0%{opacity:0}to{opacity:1}}.incoming-call-modal{display:flex;flex-direction:column;align-items:center;padding:48px 40px;background:var(--glass-float-bg);border-radius:18px;box-shadow:var(--shadow-elevated),0 0 0 1px #0000000a;border:1px solid var(--border-default);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);max-width:380px;width:90%;animation:incomingSlideUp .3s cubic-bezier(.22,1,.36,1)}.incoming-call-discord .incoming-call-modal{background:var(--bg-secondary)}@keyframes incomingSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.incoming-call-avatar-wrap{position:relative;margin-bottom:24px}.incoming-call-avatar-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:3px solid #4f6ef7;animation:incomingRingPulse 1.2s ease-in-out infinite}.incoming-call-discord .incoming-call-avatar-ring{border-color:#3ba55d}@keyframes incomingRingPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.incoming-call-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 6px;text-align:center}.incoming-call-label{font-size:.95rem;color:#b9bbbe;margin:0 0 32px}.incoming-call-actions{display:flex;gap:20px;width:100%;justify-content:center;align-items:stretch}.incoming-call-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 32px;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:filter .12s ease,transform .12s var(--transition-spring, cubic-bezier(.34, 1.56, .64, 1)),box-shadow .12s ease;font-family:inherit;min-width:100px}.incoming-call-btn:hover{transform:scale(1.05)}.incoming-call-btn:active{transform:scale(.96)}.incoming-call-btn.decline{background:#4f545c;color:#fff}.incoming-call-btn.decline:hover{background:#f04747}.incoming-call-discord .incoming-call-btn.decline{background:#f04747;color:#fff}.incoming-call-discord .incoming-call-btn.decline:hover{background:#d84040}.incoming-call-btn.accept{background:#3ba55d;color:#fff}.incoming-call-btn.accept:hover{background:#2d7d46}.incoming-call-discord .incoming-call-btn.accept{background:#3ba55d}.incoming-call-discord .incoming-call-btn.accept:hover{background:#2d7d46}.ssp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px}.ssp-modal{background:var(--bg-secondary);border-radius:12px;width:740px;max-width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;overflow:hidden}.ssp-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.ssp-title{font-size:18px;font-weight:700;color:var(--text-primary, #f2f3f5);margin:0}.ssp-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted, #949ba4);cursor:pointer;border-radius:6px;transition:background .15s,color .15s}.ssp-close-btn:hover{background:var(--bg-hover, rgba(79, 84, 92, .32));color:var(--text-primary, #f2f3f5)}.ssp-body{overflow-y:auto;flex:1;padding:16px 24px;scrollbar-width:thin;scrollbar-color:var(--border-subtle, rgba(255,255,255,.1)) transparent}.ssp-section{margin-bottom:20px}.ssp-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #949ba4);margin:0 0 10px}.ssp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.ssp-source-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;background:var(--bg-tertiary);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s;text-align:center}.ssp-source-btn:hover{border-color:var(--accent);background:var(--bg-hover, rgba(79, 84, 92, .32))}.ssp-thumb-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#111;border-radius:4px;overflow:hidden}.ssp-thumb{width:100%;height:100%;object-fit:cover;display:block}.ssp-app-icon{position:absolute;bottom:4px;right:4px;width:20px;height:20px;border-radius:4px;background:var(--bg-secondary);padding:2px;object-fit:contain}.ssp-source-name{font-size:12px;color:var(--text-secondary, #b5bac1);line-height:1.3;word-break:break-word;max-width:100%}.ssp-empty{color:var(--text-muted, #949ba4);font-size:14px;text-align:center;padding:24px}.ssp-footer{display:flex;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border-subtle);flex-shrink:0}.ssp-cancel-btn{padding:8px 20px;background:transparent;border:1px solid var(--border-subtle, rgba(255, 255, 255, .15));color:var(--text-secondary, #b5bac1);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.ssp-cancel-btn:hover{background:var(--bg-hover, rgba(79, 84, 92, .32));color:var(--text-primary, #f2f3f5)}:root{--spring: cubic-bezier(.22, 1, .36, 1);--spring-soft: cubic-bezier(.22, 1, .36, 1);--spring-bouncy: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-in-out-quint: cubic-bezier(.83, 0, .17, 1);--liquid-timing: cubic-bezier(.22, 1, .36, 1)}@keyframes modalEnter{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.97) translateY(10px)}}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes typingDotBounce{0%,80%,to{transform:scale(.8) translateY(0);opacity:.5}40%{transform:scale(1) translateY(-4px);opacity:1}}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes notificationSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes successPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes waveformPulse{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes stage-in{0%{opacity:0;filter:blur(8px);transform:translateY(-8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.content-phase-in{animation:stage-in var(--dur-slow, .52s) var(--ease-flow, cubic-bezier(.2, .8, .2, 1)) forwards}.content-phase-out{opacity:0;filter:blur(6px);transform:translateY(14px);transition:opacity var(--dur-slow, .52s) var(--ease-flow, cubic-bezier(.2, .8, .2, 1)),filter var(--dur-slow, .52s) var(--ease-flow, cubic-bezier(.2, .8, .2, 1)),transform var(--dur-slow, .52s) var(--ease-flow, cubic-bezier(.2, .8, .2, 1))}.animate-fade-in{animation:fadeInUp .2s ease-out forwards}.animate-fade-in-scale{animation:fadeInScale .15s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .2s ease-out forwards}.animate-slide-in-right{animation:slideInRight .2s ease-out forwards}.animate-message-send,.animate-message-receive{animation:fadeInUp .15s ease-out forwards}@keyframes pageSlideInFromRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes pageSlideInFromLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes pageSlideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@keyframes bottomSheetSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes bottomSheetSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes ripple{0%{transform:scale(0);opacity:.35}to{transform:scale(4);opacity:0}}@keyframes tabPop{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.animate-page-in{animation:pageSlideInFromRight .22s cubic-bezier(.22,1,.36,1) forwards}.animate-page-in-left{animation:pageSlideInFromLeft .22s cubic-bezier(.22,1,.36,1) forwards}.animate-bottom-sheet-in{animation:bottomSheetSlideUp .3s cubic-bezier(.22,1,.36,1) forwards}.platform-android{--font-family: "Roboto", "Google Sans", system-ui, -apple-system, sans-serif;overscroll-behavior:none}.platform-android body{font-family:var(--font-family);-webkit-overflow-scrolling:touch}.platform-android ::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important}.platform-android *{scrollbar-width:none;-ms-overflow-style:none}.platform-android{-webkit-text-size-adjust:100%;text-size-adjust:100%}.platform-android *{-webkit-tap-highlight-color:transparent}.platform-android button,.platform-android [role=button],.platform-android .server-icon-link,.platform-android .channel-item,.platform-android .dm-item,.platform-android a[class*=btn],.platform-android input[type=submit],.platform-android input[type=button]{min-height:48px;min-width:48px}.platform-android input,.platform-android textarea{font-size:16px;min-height:48px}.platform-android button:active,.platform-android [role=button]:active,.platform-android .server-icon-link:active,.platform-android .msp-item:active,.platform-android .mbn-tab:active,.platform-android .dm-item:active,.platform-android .channel-item:active{opacity:.65;transition:opacity .05s}.platform-android .ripple-container{position:relative;overflow:hidden}.platform-android .ripple-wave{position:absolute;border-radius:50%;background:#ffffff40;pointer-events:none;animation:ripple .5s ease-out forwards}@media (max-width: 768px){.platform-android .server-item,.platform-android .server-icon-link,.platform-android .server-icon{width:52px;height:52px}}.platform-android .mobile-nav-overlay{background:#0000008c}.platform-android .mobile-bottom-nav,.platform-android .mobile-server-picker,.platform-android .sidebar,.platform-android .direct-chat,.platform-android .team-chat{will-change:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (max-width: 768px){.platform-android .direct-chat,.platform-android .team-chat{animation:pageSlideInFromRight .22s cubic-bezier(.22,1,.36,1) forwards}}.platform-android .settings-page .settings-modal-container{box-shadow:0 8px 32px #00000073}.platform-android .incoming-call-modal,.platform-android .ssp-overlay .ssp-modal{border-radius:20px 20px 0 0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%;height:100dvh;width:100%}#root{position:relative;z-index:0;min-height:100vh;min-height:100dvh}:root{--dur-fast: .16s;--dur-mid: .26s;--dur-slow: .52s;--ease-flow: cubic-bezier(.2, .8, .2, 1)}.app-root{display:flex;flex-direction:column;height:100%;min-height:0}.app-root>.electron-title-bar{flex-shrink:0}.app-root.has-electron-title-bar>.app-content{padding-top:32px}.app-root>.app-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}body{font-family:Inter,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;background:radial-gradient(1300px 820px at 8% -15%,var(--cosmic-bg-orb-1),transparent 68%),radial-gradient(980px 680px at 102% 4%,var(--cosmic-bg-orb-2),transparent 66%),radial-gradient(840px 560px at 52% 118%,var(--cosmic-bg-orb-3),transparent 70%),linear-gradient(160deg,var(--bg-primary) 0%,var(--bg-tertiary) 52%,var(--bg-secondary) 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;overflow-x:hidden;line-height:1.5;user-select:none;-webkit-user-select:none;background-attachment:fixed}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text}a{text-decoration:none;color:inherit}button{font-family:inherit}button,[role=button],label,.device-badge,[class*=-label],[class^=label-]{text-shadow:none!important;-webkit-text-stroke:0!important;filter:none;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}ul,ol{list-style:none}img{max-width:100%;display:block}img:focus,img:focus-visible{outline:none}*{-webkit-user-drag:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0f111729;border-radius:4px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#0f111742;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:rgba(15,17,23,.16) transparent}::selection{background:var(--accent-muted);color:var(--text-primary)}input::selection,textarea::selection{background:#4f6ef747;color:var(--text-primary)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;transition:background-color 5000s ease-in-out 0s}:root{--success-security: #0d9b3d;--security-glow: rgba(22, 163, 74, .18);--bg-primary: #ffffff;--bg-secondary: #f7f8fa;--bg-tertiary: #eff1f5;--bg-hover: rgba(79, 110, 247, .05);--bg-active: rgba(79, 110, 247, .09);--bg-floating: #ffffff;--bg-message-hover: rgba(0, 0, 0, .022);--channel-active: transparent;--input-bg: #f0f2f7;--surface-1: #f7f8fa;--surface-2: #eff1f5;--surface-3: #e4e7ed;--text-primary: #0f1117;--text-secondary: #3c4149;--text-muted: #72767e;--text-link: #4f6ef7;--border-subtle: rgba(15, 17, 23, .06);--border-default: rgba(15, 17, 23, .11);--border-strong: rgba(15, 17, 23, .19);--accent: #4f6ef7;--accent-hover: #3d5ce5;--accent-muted: rgba(79, 110, 247, .08);--accent-rgb: 79, 110, 247;--accent-text: #ffffff;--accent-text-muted: rgba(255, 255, 255, .72);--success: #16a34a;--warning: #d97706;--error: #dc2626;--danger: #dc2626;--info: #4f6ef7;--radius: 8px;--radius-sm: 4px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05), 0 1px 4px rgba(0,0,0,.07);--shadow-md: 0 2px 12px rgba(0,0,0,.07), 0 1px 4px rgba(0,0,0,.05);--shadow-lg: 0 4px 24px rgba(0,0,0,.09), 0 2px 8px rgba(0,0,0,.05);--shadow-soft: 0 4px 28px rgba(0,0,0,.06);--shadow-elevated: 0 8px 40px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);--shadow-inner: inset 0 1px 2px rgba(0,0,0,.05);--cosmic-bg-orb-1: rgba(79, 110, 247, .19);--cosmic-bg-orb-2: rgba(255, 255, 255, .12);--cosmic-bg-orb-3: rgba(255, 255, 255, .08);--cosmic-glow-soft: rgba(79, 110, 247, .16);--cosmic-glow-strong: rgba(97, 121, 248, .28);--cosmic-border: rgba(114, 137, 255, .28);--cosmic-surface-soft: linear-gradient(155deg, rgba(79, 110, 247, .06) 0%, rgba(255, 255, 255, .03) 46%, rgba(255, 255, 255, .02) 100%);--cosmic-surface-flat: linear-gradient(180deg, rgba(79, 110, 247, .035) 0%, rgba(79, 110, 247, .01) 100%);--modal-overlay-bg: rgba(6, 8, 14, .8);--modal-overlay-blur: 20px;--modal-panel-bg: var(--bg-floating);--modal-panel-border: rgba(0, 0, 0, .07);--modal-panel-shadow: 0 24px 64px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .05);--modal-panel-radius: 18px;--accent-gradient: linear-gradient(135deg, #4f6ef7 0%, #3558e8 100%);--transition-spring: cubic-bezier(.22, 1, .36, 1);--transition-smooth: cubic-bezier(.22, 1, .36, 1);--radius-full: 9999px;--radius-xs: 3px;--status-online: #3ba55d;--status-idle: #faa61a;--status-dnd: #ed4245;--status-offline: #747f8d;--glass-sidebar-bg: rgba(247, 248, 250, .82);--glass-panel-bg: rgba(255, 255, 255, .84);--glass-float-bg: rgba(255, 255, 255, .92);--glass-blur: blur(16px) saturate(180%);--glass-blur-sm: blur(10px) saturate(160%);--glass-border-hi: rgba(255, 255, 255, .7);--modal-panel-bg: var(--glass-panel-bg)}[data-theme=light]{--success-security: #0d9b3d;--security-glow: rgba(22, 163, 74, .18);--bg-primary: #ffffff;--bg-secondary: #f7f8fa;--bg-tertiary: #eff1f5;--bg-hover: rgba(79, 110, 247, .05);--bg-active: rgba(79, 110, 247, .09);--bg-floating: #ffffff;--bg-message-hover: rgba(0, 0, 0, .022);--channel-active: transparent;--input-bg: #f0f2f7;--surface-1: #f7f8fa;--surface-2: #eff1f5;--surface-3: #e4e7ed;--text-primary: #0f1117;--text-secondary: #3c4149;--text-muted: #72767e;--text-link: #4f6ef7;--border-subtle: rgba(15, 17, 23, .06);--border-default: rgba(15, 17, 23, .11);--border-strong: rgba(15, 17, 23, .19);--accent: #4f6ef7;--accent-hover: #3d5ce5;--accent-muted: rgba(79, 110, 247, .08);--accent-rgb: 79, 110, 247;--accent-text: #ffffff;--accent-text-muted: rgba(255, 255, 255, .72);--success: #16a34a;--warning: #d97706;--error: #dc2626;--danger: #dc2626;--info: #4f6ef7;--shadow-sm: 0 1px 2px rgba(0,0,0,.05), 0 1px 4px rgba(0,0,0,.07);--shadow-md: 0 2px 12px rgba(0,0,0,.07), 0 1px 4px rgba(0,0,0,.05);--shadow-lg: 0 4px 24px rgba(0,0,0,.09), 0 2px 8px rgba(0,0,0,.05);--shadow-soft: 0 4px 28px rgba(0,0,0,.06);--shadow-elevated: 0 8px 40px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);--shadow-inner: inset 0 1px 2px rgba(0,0,0,.05);--modal-overlay-bg: rgba(6, 8, 14, .8);--modal-overlay-blur: 20px;--modal-panel-bg: var(--bg-floating);--modal-panel-border: rgba(0, 0, 0, .07);--modal-panel-shadow: 0 24px 64px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .05);--modal-panel-radius: 18px;--accent-gradient: linear-gradient(135deg, #4f6ef7 0%, #3558e8 100%);--transition-spring: cubic-bezier(.22, 1, .36, 1);--transition-smooth: cubic-bezier(.22, 1, .36, 1);--radius-full: 9999px;--radius-xs: 3px;--status-online: #3ba55d;--status-idle: #faa61a;--status-dnd: #ed4245;--status-offline: #747f8d;--glass-sidebar-bg: rgba(247, 248, 250, .82);--glass-panel-bg: rgba(255, 255, 255, .84);--glass-float-bg: rgba(255, 255, 255, .92);--glass-blur: blur(16px) saturate(180%);--glass-blur-sm: blur(10px) saturate(160%);--glass-border-hi: rgba(255, 255, 255, .7);--modal-panel-bg: var(--glass-panel-bg)}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #050505;--bg-tertiary: #0a0a0a;--bg-hover: rgba(255, 255, 255, .08);--bg-active: rgba(255, 255, 255, .14);--bg-floating: #0f0f10;--bg-message-hover: rgba(255, 255, 255, .05);--channel-active: rgba(255, 255, 255, .14);--input-bg: #121214;--surface-1: #0f0f10;--surface-2: #151517;--surface-3: #1d1d20;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .92);--text-muted: rgba(255, 255, 255, .72);--text-link: #8b9cfd;--border-subtle: rgba(255, 255, 255, .14);--border-default: rgba(255, 255, 255, .22);--border-strong: rgba(255, 255, 255, .34);--accent: #6b7efd;--accent-hover: #7d8fff;--accent-muted: rgba(107, 126, 253, .18);--accent-rgb: 107, 126, 253;--accent-text: #ffffff;--accent-text-muted: rgba(255, 255, 255, .72);--success: #22c55e;--success-security: #16a34a;--security-glow: rgba(34, 197, 94, .2);--warning: #f59e0b;--error: #ef4444;--danger: #ef4444;--info: #6b7efd;--radius: 8px;--radius-sm: 4px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .7);--shadow-md: 0 4px 16px rgba(0, 0, 0, .7);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .8);--shadow-soft: 0 4px 24px rgba(0, 0, 0, .75);--shadow-elevated: 0 12px 48px rgba(0, 0, 0, .85), 0 4px 12px rgba(0, 0, 0, .5);--shadow-inner: inset 0 1px 2px rgba(0,0,0,.5);--cosmic-bg-orb-1: rgba(255, 255, 255, .03);--cosmic-bg-orb-2: rgba(255, 255, 255, .02);--cosmic-bg-orb-3: rgba(255, 255, 255, .015);--cosmic-glow-soft: rgba(255, 255, 255, .09);--cosmic-glow-strong: rgba(255, 255, 255, .16);--cosmic-border: rgba(255, 255, 255, .2);--cosmic-surface-soft: linear-gradient(155deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .022) 46%, rgba(255, 255, 255, .012) 100%);--cosmic-surface-flat: linear-gradient(180deg, rgba(255, 255, 255, .032) 0%, rgba(255, 255, 255, .012) 100%);--modal-overlay-bg: rgba(0, 0, 0, .88);--modal-overlay-blur: 20px;--modal-panel-bg: var(--bg-floating);--modal-panel-border: rgba(255, 255, 255, .16);--modal-panel-shadow: 0 24px 80px rgba(0, 0, 0, .85), 0 0 0 1px rgba(255, 255, 255, .06);--modal-panel-radius: 18px;--accent-gradient: linear-gradient(135deg, #6b7efd 0%, #5865f2 100%);--transition-spring: cubic-bezier(.22, 1, .36, 1);--transition-smooth: cubic-bezier(.22, 1, .36, 1);--radius-full: 9999px;--radius-xs: 3px;--status-online: #3ba55d;--status-idle: #faa61a;--status-dnd: #ed4245;--status-offline: #555555;--btn-primary-bg: rgba(255, 255, 255, .06);--btn-primary-hover: rgba(255, 255, 255, .1);--btn-primary-border: rgba(255, 255, 255, .14);--btn-primary-border-hover: rgba(255, 255, 255, .24);--bg-void: #000000;--bg-deep: #060607;--grid-line: rgba(255, 255, 255, .032);--grid-dot: rgba(255, 255, 255, .022);--bg-surface: #111114;--bg-elevated: #18181c;--text-nebula: #d4d8de;--text-void-dim: rgba(255,255,255,.62);--void-border-resting: rgba(255,255,255,.1);--void-border-focus: rgba(255,255,255,.42);--glass-sidebar-bg: rgba(0, 0, 0, .88);--glass-panel-bg: rgba(14, 14, 16, .92);--glass-float-bg: rgba(18, 18, 21, .95);--glass-blur: blur(16px) saturate(120%);--glass-blur-sm: blur(10px) saturate(110%);--glass-border-hi: rgba(255, 255, 255, .14);--modal-panel-bg: var(--glass-panel-bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff57}[data-theme=dark] *{scrollbar-color:rgba(255,255,255,.2) transparent}[data-theme=dark]{--bg-secondary: #030303;--bg-tertiary: #070707;--bg-floating: #0b0b0c;--surface-1: #0b0b0c;--surface-2: #111113;--surface-3: #17171a;--modal-overlay-bg: rgba(0, 0, 0, .92);--modal-overlay-blur: 0px;--glass-panel-bg: #0d0d0f;--glass-float-bg: #101013;--glass-sidebar-bg: #080809;--glass-blur: none;--glass-blur-sm: none;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .55);--shadow-md: 0 6px 18px rgba(0, 0, 0, .62);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .72);--shadow-soft: 0 10px 26px rgba(0, 0, 0, .66);--shadow-elevated: 0 18px 40px rgba(0, 0, 0, .78), 0 0 0 1px rgba(255, 255, 255, .08)}[data-theme=dark] .context-menu,[data-theme=dark] .context-menu-submenu,[data-theme=dark] .friend-more-dropdown,[data-theme=dark] .message-context-menu,[data-theme=dark] .ch-context-menu,[data-theme=dark] .member-context-menu,[data-theme=dark] .status-picker,[data-theme=dark] .account-flyout,[data-theme=dark] .reaction-picker,[data-theme=dark] .sticker-picker,[data-theme=dark] .search-modal,[data-theme=dark] .confirm-modal,[data-theme=dark] .invite-modal,[data-theme=dark] .profile-card-popup,[data-theme=dark] .profile-modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--glass-float-bg)!important;border-color:var(--border-default)!important}[data-theme=dark] .page-enter{animation:none}[data-theme=dark] button,[data-theme=dark] [role=button]{transition-duration:.12s!important}:root .confirm-modal,:root .search-modal,:root .invite-modal,:root .profile-card-popup,:root .status-picker,:root .account-flyout,:root .reaction-picker,:root .mention-suggestions{border-top-color:var(--glass-border-hi)}.loading-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-primary);gap:1.25rem}.loading-screen .spinner{width:36px;height:36px;border:3px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:spin .7s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-enter{animation:pageEnter .3s var(--transition-smooth, cubic-bezier(.22, 1, .36, 1)) both}button,[role=button]{transition-property:color,background-color,border-color,box-shadow,opacity,filter!important}button:hover:not(:disabled),button:active:not(:disabled),button:focus-visible:not(:disabled),[role=button]:hover:not(:disabled),[role=button]:active:not(:disabled),[role=button]:focus-visible:not(:disabled){transform:none!important}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-theme=dark] .server-icon-link.active{outline:2px solid rgba(255,255,255,.65);outline-offset:2px;box-shadow:none}[data-theme=dark] body:before{content:"";position:fixed;top:-20%;right:-10%;bottom:-20%;left:-10%;pointer-events:none;z-index:0;background:radial-gradient(620px circle at 12% 22%,rgba(255,255,255,.08),transparent 60%),radial-gradient(540px circle at 88% 8%,rgba(255,255,255,.06),transparent 62%);filter:blur(18px);opacity:.8;animation:aurora-drift 18s ease-in-out infinite alternate}@keyframes aurora-drift{0%{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(1.5%,-1.5%,0) scale(1.03)}}[data-theme=dark] .server-icon-link:not(.active):hover,[data-theme=dark] .server-drag-wrapper:hover .server-icon-link:not(.active){box-shadow:none}[data-theme=dark] .server-icon-link.active .server-icon,[data-theme=dark] .server-icon.active{background:#222226}[data-theme=dark] .server-icon-link:not(.active):hover .server-icon,[data-theme=dark] .server-drag-wrapper:hover .server-icon-link:not(.active) .server-icon{background:#1e1e22}@keyframes nebula-drift{0%{transform:translate(0) scale(1)}33%{transform:translate(40px,-25px) scale(1.06)}66%{transform:translate(-25px,18px) scale(.96)}to{transform:translate(0) scale(1)}}@keyframes nebula-drift-2{0%{transform:translate(0) scale(1)}40%{transform:translate(-35px,30px) scale(1.04)}75%{transform:translate(20px,-15px) scale(.98)}to{transform:translate(0) scale(1)}}@keyframes scan-sweep{0%{transform:translate(-100%);opacity:0}20%{opacity:.7}80%{opacity:.7}to{transform:translate(200%);opacity:0}}@keyframes message-materialize{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes orbital-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes void-pulse{0%,to{opacity:1;box-shadow:0 0 0 2px var(--accent)}50%{opacity:.7;box-shadow:0 0 0 3px #6179f840}}@keyframes grid-breathe{0%,to{opacity:.55}50%{opacity:1}}[data-theme=dark] ::selection{background:#6179f859;color:#fff}[data-theme=dark] ::-webkit-scrollbar{width:3px;height:3px}[data-theme=dark] ::-webkit-scrollbar-track{background:transparent}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff26}[data-theme=dark] *{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}