.avatar{border-radius:50%;flex-shrink:0;background:transparent;position:relative;overflow:visible;box-shadow:none;border:none;transition:all .15s ease}.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:translate(28px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes csmModalExit{0%{transform:translate(0);opacity:1}to{transform:translate(-16px);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:translate(28px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes dsmModalExit{0%{transform:translate(0);opacity:1}to{transform:translate(-16px);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:translate(28px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes inviteModalExit{0%{transform:translate(0);opacity:1}to{transform:translate(-16px);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:none;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}.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:.5;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:260px;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);margin-left:4px;z-index:99999}.context-menu-submenu:before{content:"";position:absolute;left:-10px;top:0;bottom:0;width:14px;pointer-events:auto}.context-menu-item-desc{display:block;font-size:.7rem;font-weight:400;opacity:.5;margin-top:1px;line-height:1.3}.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:13000;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:translate(20px)}to{opacity:1;transform:translate(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%;min-height:0;display:flex;flex-direction:column;background:var(--bg-tertiary);padding:12px 0 80px;overflow-x:hidden;overflow-y:visible;border-right:1px solid var(--border-default);transition:padding-bottom .4s cubic-bezier(.22,1,.36,1)}body:has(.usas-in-voice) .server-bar{padding-bottom:190px}.server-bar-nav{flex:1;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:1fr;justify-items:stretch;align-content:start;overflow:hidden}.server-list{list-style:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:0 12px}.home-section{grid-row:1;flex-shrink:0;padding-top:6px;padding-bottom:6px}.servers-section{grid-row:3;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none!important;scrollbar-color:transparent transparent!important;-ms-overflow-style:none;padding-top:8px;padding-bottom:8px}.servers-section::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.server-separator{grid-row:2;width:32px;height:2px;background:var(--border-default);margin:4px 0;border-radius:1px;opacity:.7;flex-shrink:0;justify-self:center}.server-item{position:relative;flex-shrink:0;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}.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:none}.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{position:absolute;left:-10px;top:50%;width:4px;height:0;border-radius:0 4px 4px 0;background:var(--text-primary);transform:translateY(-50%);transition:height .15s ease;pointer-events:none}.server-icon-link:hover .server-indicator{height:20px}.server-indicator.active{height:36px}.server-indicator.unread{height:8px}.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.15)}.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(16px)}to{opacity:1;transform:translate(0)}}@keyframes contextMenuEnter{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(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:#111113;border-right:1px solid var(--border-subtle);width:68px;min-width:68px}[data-theme=dark] .server-list{padding:0 10px;gap:6px}[data-theme=dark] .server-item,[data-theme=dark] .server-icon-link{width:44px;height:44px}[data-theme=dark] .server-icon{width:44px;height:44px;background:#232328}[data-theme=dark] .server-separator{background:#ffffff1a;opacity:1}[data-theme=dark] .server-icon-link.active .server-icon,[data-theme=dark] .server-icon.active{background:#2a2a30}[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:#2e2e34}[data-theme=dark] .server-icon-link.active{animation:none}[data-theme=dark] .home-icon{background:#232328}[data-theme=dark] .server-icon-link:hover .home-icon{background:#2e2e34}@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:10px;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:translate(22px)}to{opacity:1;transform:translate(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:none;min-height:64px;outline:none;box-sizing:border-box;line-height:1.5;overflow-y:hidden;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:8px;overflow:hidden;box-shadow:var(--shadow-elevated),0 0 0 1px #0000000a;display:flex;flex-direction:column;max-height:calc(100vh - 48px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.profile-effect-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;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:translate(20px)}to{opacity:1;transform:translate(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:translate(24px);opacity:0}to{transform:translate(0);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}}.sidebar{width:300px;min-width:200px;flex-shrink:0;min-height:0;background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border-subtle);padding-bottom:56px;transition:padding-bottom .4s cubic-bezier(.22,1,.36,1);scrollbar-width:none;-ms-overflow-style:none;position:relative}.sidebar-resize-handle{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:col-resize;z-index:2;transition:background .15s}.sidebar-resize-handle:hover{background:var(--accent, #4f6ef7);opacity:.25}.sidebar-resize-handle:active{background:var(--accent, #4f6ef7);opacity:.4}.sidebar::-webkit-scrollbar{display:none}.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;scrollbar-width:none!important;scrollbar-color:transparent transparent!important;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{width:0!important;display:none!important}.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;-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}.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}.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}[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:#ffffff73;font-size:.65rem;letter-spacing:.1em}[data-theme=dark] .sidebar-search-btn span{background:#ffffff0f;border-color:#ffffff1a;color:#ffffff73}[data-theme=dark] .sidebar-search-btn:hover span{background:#ffffff12;border-color:#fff3;color:#ffffff8c}[data-theme=dark] .sidebar-nav-item{color:#ffffff8c}[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:translate(14px)}to{opacity:1;transform:translate(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-wrap{position:relative;display:block;width:fit-content;max-width:100%;margin-top:8px}.link-embed-wrap .link-embed{margin-top:0}.link-embed-wrap--youtube{width:100%;max-width:min(600px,100%)}.link-embed-wrap--image{max-width:min(460px,100%)}.link-embed{max-width:400px;border-radius:10px;overflow:hidden;border:1px solid var(--border-subtle);box-shadow:0 2px 10px #00000024}.link-embed__dismiss{position:absolute;top:0;left:100%;margin-left:8px;z-index:3;display:flex;align-items:center;justify-content:center;margin-top:0;padding:4px;width:auto;min-width:28px;min-height:28px;border:none;border-radius:0;background:transparent;box-shadow:none;color:var(--text-muted);cursor:pointer;line-height:0;opacity:0;pointer-events:none;transition:opacity .12s ease,color .12s ease}.message-item:hover .link-embed__dismiss,.message-item.selected .link-embed__dismiss{opacity:1;pointer-events:auto}.message-list[data-has-selected] .message-item:not(.selected) .link-embed__dismiss{opacity:0!important;pointer-events:none!important}.message-item.deleting .link-embed__dismiss{opacity:0!important;pointer-events:none!important}.link-embed__dismiss:hover{color:var(--text-primary)}.link-embed__dismiss:focus-visible{opacity:1;pointer-events:auto;outline:2px solid var(--accent, #5865f2);outline-offset:1px}.link-embed--spotify{background:#181818;border-color:#ffffff1a}.link-embed--youtube{max-width:none;width:100%;background:#0f0f0f}.link-embed--image{max-width:none;width:100%;background:#0b0d10}.link-embed__image{display:block;width:100%;max-height:360px;object-fit:cover}.link-embed__placeholder{min-height:124px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:14px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--bg-secondary)}.link-embed__placeholder-pill{width:fit-content;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em;font-size:.64rem;font-weight:700;color:var(--text-primary);background:var(--bg-tertiary)}.link-embed__placeholder-domain{font-size:.84rem;font-weight:600;color:var(--text-primary)}.link-embed__placeholder-loading{font-size:.75rem;color:var(--text-muted)}.link-embed__iframe-shell{aspect-ratio:16 / 9;width:100%;background:#000}.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:linear-gradient(90deg,color-mix(in srgb,var(--accent, #5865f2) 14%,transparent 86%) 0,transparent 9px),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;color:var(--text-muted)}.link-embed-default__fallback-icon{font-size:.95rem;line-height:1;font-weight:600}.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-wrap{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;padding-bottom:8px}.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-member-join-row{display:flex;align-items:center;gap:6px;padding:4px 48px 4px 72px;font-size:.9375rem;line-height:1.375rem}.member-join-arrow{color:#3ba55d;flex-shrink:0}.member-join-text{color:var(--text-secondary, #b5bac1)}.member-join-text strong{color:var(--text-primary, #f2f3f5);font-weight:600;cursor:pointer}.member-join-text strong:hover{text-decoration:underline}.member-join-time{color:var(--text-muted, #949ba4);font-size:.6875rem;margin-left:4px;flex-shrink:0}.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:translate(10px)}to{opacity:1;transform:translate(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;min-height:80px;border-radius:12px;overflow:hidden;cursor:pointer;background:var(--bg-tertiary);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%;min-height:80px;max-height:400px;object-fit:contain;border-radius:8px;outline:none;background:var(--bg-tertiary)}.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;background:var(--bg-primary)}.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:translate(12px)}to{opacity:1;transform:translate(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;background:var(--bg-tertiary);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;background:var(--bg-tertiary);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:80px;right:24px;z-index:11;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;animation:skeleton-fade-in .15s ease-out}@keyframes skeleton-fade-in{0%{opacity:0}to{opacity:1}}.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,var(--bg-tertiary, #191a1e) 25%,var(--bg-secondary, #0b0b0e) 50%,var(--bg-tertiary, #191a1e) 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,var(--bg-tertiary, #191a1e) 25%,var(--bg-secondary, #0b0b0e) 50%,var(--bg-tertiary, #191a1e) 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:0;flex-shrink:0}.unread-divider:before{content:"";flex:1;height:1px;background:var(--error, #f23f43);opacity:.55}.unread-divider-label{flex-shrink:0;padding:2px 8px;font-size:.625rem;font-weight:700;color:#fff;background:var(--error, #f23f43);border-radius:4px;letter-spacing:.04em;line-height:1}.date-separator--new:before,.date-separator--new:after{background:var(--error, #f23f43)!important;opacity:.45}.unread-badge{order:1;flex-shrink:0;padding:2px 8px;font-size:.625rem;font-weight:700;color:#fff;background:var(--error, #f23f43);border-radius:4px;letter-spacing:.04em;line-height:1}.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;min-height:60px;width:auto;height:auto;object-fit:contain;background:var(--bg-tertiary);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:var(--bg-primary);position:relative}[data-theme=dark] .date-separator:before,[data-theme=dark] .date-separator:after{background:#ffffff0f}[data-theme=dark] .date-separator--new:before,[data-theme=dark] .date-separator--new:after{background:var(--error, #f23f43)!important;opacity:.4}[data-theme=dark] .date-separator-label{background:var(--bg-primary);border-color:#ffffff12;color:#ffffff59;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] .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}.message-list-load-more{display:flex;justify-content:center;padding:12px 0 8px}.message-list-load-more-spinner{width:22px;height:22px;border:2.5px solid rgba(150,150,170,.2);border-top-color:var(--accent-color, #6179f8);border-radius:50%;animation:spin-load-more .65s linear infinite}@keyframes spin-load-more{to{transform:rotate(360deg)}}.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:translate(12px) translateY(4px)}to{opacity:1;transform:translate(0) 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;z-index:10}.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:none;font-size:.875rem}.message-input-spam-text{font-weight:600;color:var(--error, #ed4245);letter-spacing:.02em}.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:translate(16px)}to{opacity:1;transform:translate(0)}}.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}.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:color-mix(in srgb,var(--bg-secondary) 85%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--border-subtle);border-bottom:none;border-radius:12px 12px 0 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:color-mix(in srgb,var(--input-bg) 85%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--border-default);border-radius:12px;position:relative;min-width:0}.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}.message-attach:hover{color:var(--accent)}.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;margin-right:6px}.message-send:hover:not(:disabled){background:var(--accent-muted);color:var(--accent)}.message-send:disabled{opacity:.45;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}.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:var(--surface-1);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}.file-preview-remove:hover{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:.45;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:.45;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}.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-primary);border-top:none;padding:8px 16px 12px}[data-theme=dark] .message-input-wrap{background:#252529d1;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);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:#1f2023d1;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-color:#ffffff1f}[data-theme=dark] .reply-preview-close{border-color:#ffffff26}[data-theme=dark] .reply-preview+.message-input-wrap{border-top-color:#ffffff05}.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}}.ssc-vol-btn{flex-shrink:0;cursor:pointer;transition:background .15s,color .15s}.ssc-vol-btn--vsb.active{background:var(--surface-3);color:var(--accent, #5865f2)}.ssc-vol-btn--dm.active{color:var(--accent, #5865f2)}.ssc-vol-popover{display:flex;flex-direction:column;gap:10px;padding:12px 14px;min-width:200px;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);z-index:10000}.ssc-vol-popover-portal{position:fixed;z-index:99999}.ssc-vol-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.ssc-vol-popover input[type=range]{width:100%;accent-color:var(--accent, #5865f2);cursor:pointer}.ssc-vol-value{font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--text-secondary, var(--text-muted));text-align:right}.channel-sidebar{width:300px;min-width:200px;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);overflow:hidden;padding-bottom:56px;transition:padding-bottom .4s cubic-bezier(.22,1,.36,1);position:relative;flex-shrink:0}.channel-sidebar-resize-handle{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:col-resize;z-index:2;transition:background .15s}.channel-sidebar-resize-handle:hover{background:var(--accent, #4f6ef7);opacity:.25}.channel-sidebar-resize-handle:active{background:var(--accent, #4f6ef7);opacity:.4}.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:translate(10px)}to{opacity:1;transform:translate(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:transparent}.category-header .add-channel-btn{opacity:1}.collapse-arrow-wrap{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:-2px;flex-shrink:0;color:var(--text-muted, #949ba4);opacity:.72;transform:rotate(0);transform-origin:50% 50%;transition:transform .28s cubic-bezier(.34,1.06,.64,1),color .18s ease,opacity .18s ease}.collapse-arrow-wrap.is-collapsed{transform:rotate(-90deg)}.category-header:hover .collapse-arrow-wrap{color:var(--text-secondary, #b5bac1);opacity:1}.collapse-arrow{display:block;overflow:visible}.collapse-arrow-path{vector-effect:non-scaling-stroke}.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;transition:border-color .15s ease}.channel-name-input-wrapper:focus-within{border-color:var(--accent)}.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,.channel-name-input-wrapper input:focus-visible{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:translate(14px)}to{opacity:1;transform:translate(0)}}.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}.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;perspective:200px;cursor:pointer;position:relative;height:20px}.vsb-status-cube{position:relative;width:100%;height:20px;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.22,1,.36,1)}.vsb-status:hover .vsb-status-cube,.vsb-status--active .vsb-status-cube{transform:rotateX(90deg)}.vsb-status-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:6px;backface-visibility:hidden;white-space:nowrap}.vsb-status-face--top{transform:rotateX(-90deg) translateZ(10px)}.vsb-status-face--front{transform:translateZ(10px)}.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,.vsb-details-label{font-size:.8rem;font-weight:600;color:var(--success)}.vsb-shield{color:var(--success);flex-shrink:0;transition:opacity .15s}.vsb-status:hover .vsb-shield{opacity:1!important}.voice-details-modal{width:300px;background:var(--glass-float-bg);border:1px solid var(--border-default);border-radius:8px;padding:14px;box-shadow:var(--shadow-elevated);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);animation:vdmIn .15s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;gap:10px}.voice-details-modal-portal{position:fixed;z-index:99999}@keyframes vdmIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.vdm-title{font-size:.85rem;font-weight:700;color:var(--text-primary)}.vdm-row{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.vdm-row-label{color:var(--text-secondary)}.vdm-row-value{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.vdm-ping-graph{width:100%;height:48px;border-radius:4px;background:var(--bg-tertiary);overflow:hidden}.vdm-ping-graph canvas{width:100%;height:100%;display:block}.vdm-encryption{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);padding-top:6px;border-top:1px solid var(--border-subtle)}.vdm-encryption svg{flex-shrink:0;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}.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:translate(14px)}to{opacity:1;transform:translate(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:translate(28px);opacity:0}to{transform:translate(0);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-nav-item.danger .ss-nav-label{color:var(--error)}.ss-nav-item.danger:hover{background:#f23f431a}.ss-nav-item.danger.active{background:#f23f4326}.ss-danger-zone{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--error);border-radius:8px;background:#f23f430a}.ss-btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;background:var(--error);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s;align-self:flex-start}.ss-btn-danger:hover:not(:disabled){opacity:.85}.ss-btn-danger:disabled{opacity:.4;cursor:not-allowed}.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}}.ss-section-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.ss-section-header svg{color:var(--text-secondary, #b5bac1);flex-shrink:0}.ss-section-header h3{font-size:1rem;font-weight:700;color:var(--text-primary, #f2f3f5);margin:0;text-transform:uppercase;letter-spacing:.04em}.ss-select{width:100%;padding:10px 32px 10px 12px;background:var(--bg-tertiary, #1e1f22);border:1px solid var(--border-subtle, rgba(255,255,255,.06));border-radius:6px;color:var(--text-primary, #f2f3f5);font-size:.9375rem;font-family:inherit;outline:none;cursor:pointer;transition:border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23b5bac1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.ss-select:hover{border-color:var(--border-default, rgba(255,255,255,.12))}.ss-select:focus{border-color:var(--accent, #5865f2)}.ss-select option{background:var(--bg-secondary, #2b2d31);color:var(--text-primary, #f2f3f5)}.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}.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:translate(24px)}to{opacity:1;transform:translate(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}.rsv-btn{flex-shrink:0;cursor:pointer;transition:background .15s,color .15s;border:none;background:#00000073;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0}.rsv-btn--dm{width:36px;height:36px}.rsv-btn--dm.active{color:var(--accent, #5865f2);background:var(--surface-3, rgba(255, 255, 255, .08))}.rsv-btn--stage{width:40px;height:40px;border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rsv-btn--stage.active{color:var(--accent, #5865f2)}.rsv-btn--strip{position:absolute;right:4px;bottom:4px;width:28px;height:28px;border-radius:6px;z-index:3}.rsv-btn--strip.active{color:var(--accent, #5865f2)}.rsv-popover{display:flex;flex-direction:column;gap:10px;padding:12px 14px;min-width:200px;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);z-index:10000}.rsv-popover-portal{position:fixed;z-index:99999}.rsv-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.rsv-popover input[type=range]{width:100%;accent-color:var(--accent, #5865f2);cursor:pointer}.rsv-value{font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--text-secondary, var(--text-muted));text-align:right}.voice-channel-view{flex:1;display:flex;flex-direction:column;min-height:0;background:#1a1b1e;position:relative;overflow:hidden}.voice-channel-view.is-fullscreen{background:#000}.vc-stage{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0;margin:8px;border-radius:12px;overflow:hidden;background:#2b2d31;transition:margin-bottom .25s ease}.vc-stage.has-participants{margin-bottom:0;border-radius:12px 12px 0 0}.voice-channel-view.is-fullscreen .vc-stage{margin:0;border-radius:0}.vc-stage-video{width:100%;height:100%;object-fit:contain;display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.vc-stage-avatar-display{display:flex;flex-direction:column;align-items:center;gap:16px;z-index:1}.vc-stage-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid transparent;transition:border-color .25s ease,box-shadow .25s ease;flex-shrink:0}.vc-stage-avatar.speaking{border-color:#23a55a;box-shadow:0 0 0 6px #23a55a1f,0 0 30px #23a55a14}.vc-stage-avatar img{width:100%;height:100%;object-fit:cover;display:block}.vc-stage-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;background:#5865f2}.vc-stage-display-name{font-size:1rem;font-weight:600;color:#dbdee1;text-align:center;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vc-stage-speak-border{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #23a55a;border-radius:inherit;pointer-events:none;z-index:3}.vc-participants{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;padding:8px 12px 12px;margin:0 8px;overflow-x:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent;animation:vcSlideUp .2s cubic-bezier(.22,1,.36,1)}.voice-channel-view.is-fullscreen .vc-participants{margin:0;padding:8px 12px 12px}@keyframes vcSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.vc-participant{flex:0 0 140px;min-width:140px;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.06);background:#232428;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.vc-participant:hover{border-color:#ffffff1f;transform:translateY(-3px);box-shadow:0 6px 20px #00000059}.vc-participant.speaking{border-color:#23a55a;box-shadow:0 0 0 1px #23a55a26}.vc-participant.is-focused{border-color:#5865f2;box-shadow:0 0 0 1px #5865f226}.vc-participant-media{width:100%;height:80px;overflow:hidden;position:relative;background:#111214;flex-shrink:0}.vc-thumb-video{width:100%;height:100%;object-fit:cover;display:block}.vc-participant-avatar-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#2f3136,#111214)}.vc-participant-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2.5px solid transparent;transition:border-color .2s ease,box-shadow .2s ease;flex-shrink:0}.vc-participant-avatar.speaking{border-color:#23a55a;box-shadow:0 0 0 3px #23a55a26}.vc-participant-avatar img{width:100%;height:100%;object-fit:cover;display:block}.vc-participant-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;background:#5865f2;border-radius:50%}.vc-participant-info{display:flex;align-items:center;gap:6px;padding:8px 10px;min-width:0}.vc-participant-name{font-size:.8rem;font-weight:600;color:#dbdee1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.vc-participant.speaking .vc-participant-name{color:#23a55a}.vc-participant-live{padding:1px 5px;border-radius:3px;background:#ed4245;color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.04em;flex-shrink:0}.vc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;opacity:0;transition:opacity .25s ease;display:flex;flex-direction:column}.vc-overlay.visible{opacity:1}.vc-overlay-stage-vol{pointer-events:all;position:absolute;top:20px;right:20px;z-index:16}.vc-overlay-bottom-bar{pointer-events:none;position:absolute;bottom:56px;left:20px;display:flex;align-items:center;gap:10px;z-index:5}.vc-overlay-bottom-bar .vc-overlay-username{position:static;pointer-events:none}.vc-overlay-username{pointer-events:none;display:flex;align-items:center;gap:8px}.vc-overlay-name{font-size:.875rem;font-weight:600;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}.vc-live-badge{padding:2px 6px;border-radius:4px;background:#ed4245;color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.06em}.vc-fs-controls{pointer-events:all;position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:20}.vc-fs-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#1e1f22e0;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);color:#e6e6e6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,background .15s,transform .12s;box-shadow:0 4px 18px #00000059}.vc-fs-btn:hover{color:#fff;background:#2d2f34f2}.vc-fs-btn:active{transform:scale(.94)}.vc-participants-pill-wrap{pointer-events:all;position:absolute;bottom:16px;right:16px;z-index:21}.vc-participants-pill{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:8px 22px;min-width:88px;min-height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#1e1f22e0;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);color:#c8c9cd;cursor:pointer;transition:color .15s,background .15s,box-shadow .15s,transform .12s;box-shadow:0 4px 18px #00000059;font-family:inherit}.vc-participants-pill:hover{color:#fff;background:#2d2f34f2}.vc-participants-pill:active{transform:scale(.96)}.vc-participants-pill.is-open{color:#fff;box-shadow:0 0 0 1px #5865f259,0 4px 18px #00000059}.vc-participants-pill-chevron{transition:transform .2s ease;opacity:.85}.vc-participants-pill.is-open .vc-participants-pill-chevron{transform:rotate(180deg)}.vc-overlay:not(.visible) .vc-fs-controls,.vc-overlay:not(.visible) .vc-participants-pill-wrap,.vc-overlay:not(.visible) .vc-overlay-stage-vol{pointer-events:none}@media (max-width: 768px){.vc-stage{margin:4px}.vc-stage-avatar{width:80px;height:80px}.vc-stage-avatar-fallback{font-size:2rem}.vc-participant{flex:0 0 120px;min-width:120px}.vc-participant-media{height:64px}.vc-participant-avatar{width:34px;height:34px}.vc-participant-info{padding:5px 8px}.vc-participant-name{font-size:.7rem}.vc-fs-controls{bottom:10px}.vc-fs-btn{width:36px;height:36px}.vc-participants-pill-wrap{bottom:10px;right:10px}.vc-participants-pill{padding:7px 18px;min-width:76px;min-height:34px;gap:8px}.vc-overlay-bottom-bar{bottom:calc(var(--mobile-nav-bar-height, 56px) + var(--inset-bottom, env(safe-area-inset-bottom, 0px)));left:12px;right:12px}.vc-overlay-stage-vol{top:max(16px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px))}}@media (max-width: 480px){.vc-fs-controls{bottom:max(10px,env(safe-area-inset-bottom,0px))}.vc-participants-pill-wrap{bottom:max(10px,env(safe-area-inset-bottom,0px));right:max(10px,env(safe-area-inset-right,0px))}.vc-participants{padding:6px 6px 8px;margin:0 4px;gap:6px}.vc-participant{flex:0 0 100px;min-width:100px}.vc-participant-media{height:56px}}.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(--bg-primary);overflow:hidden}.chat-container.dm-chat,.chat-container.in-call{background: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:10px;padding:0 16px;height:52px;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;display:flex;flex-direction:column;justify-content:center}.chat-header-clickable{padding:4px 8px;margin:-4px -8px;border-radius:var(--radius)}.chat-header-title{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.35rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-subtitle,.chat-header-desc{font-size:.7rem;color:var(--text-muted);margin:1px 0 0;line-height:1.2}.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}.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{flex:0 0 auto;order:9998;margin-top:auto;display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);padding:2px 20px;height:20px;pointer-events:none;animation:typingFadeIn .15s ease forwards}.chat-main-content>.message-input-container,.chat-main-content .message-input-container{order:9999;margin-top:0}.chat-main-content>.chat-typing+.message-input-container{margin-top:0}@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:48px}.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 12px 0 16px;gap:10px;height:48px;min-height:48px;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);z-index:2;position:relative}.chat-header.chat-header-dm .chat-header-info{justify-content:center;align-self:stretch;align-items:flex-start}.chat-header.chat-header-dm .chat-header-title{width:100%;min-width:0;justify-content:flex-start}.chat-header.chat-header-dm .chat-header-clickable:hover .chat-header-title{text-decoration:underline}.dm-header-actions{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}.dm-action-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;position:relative;transition:background .15s,color .15s}.dm-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.dm-action-btn:active{transform:scale(.95)}.dm-action-btn.active{background:var(--accent-muted);color:var(--accent)}.dm-action-btn.join-call{color:#23a55a}.dm-action-btn.join-call:hover{background:#23a55a1a;color:#23a55a}.dm-action-badge{position:absolute;top:2px;right:2px;min-width:15px;height:15px;padding:0 4px;background:var(--accent);color:#fff;font-size:.6rem;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1}.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:flex-start;padding:16px 16px 0}.dm-empty-avatar-section{position:relative;margin-bottom:8px}.dm-empty-avatar-section .avatar{width:80px;height:80px;border:none}.dm-empty-avatar-section .avatar img{width:100%;height:100%}.dm-empty-name{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1.2}.dm-empty-username{font-size:.9375rem;color:var(--text-secondary, var(--text-muted));margin:0 0 8px;font-weight:400}.dm-empty-hint{font-size:.9375rem;color:var(--text-muted);margin:0 0 12px;line-height:1.375}.dm-empty-hint strong{color:var(--text-primary);font-weight:600}.dm-empty-action-row{display:flex;align-items:center;gap:8px;margin-bottom:24px}.dm-add-friend-btn{display:inline-flex;align-items:center;padding:2px 16px;height:32px;background:#248046;border:none;border-radius:3px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .17s ease}.dm-add-friend-btn:hover{background:#1a6334}.dm-block-btn{display:inline-flex;align-items:center;padding:2px 16px;height:32px;background:transparent;border:1px solid var(--border);border-radius:3px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .17s ease,border-color .17s ease}.dm-block-btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.dm-wave-prompt{display:flex;align-items:center;gap:12px;padding:8px 16px}.dm-wave-prompt-emoji{font-size:2.5rem;animation:dmWaveAnim 1s ease-in-out infinite alternate;transform-origin:70% 80%}@keyframes dmWaveAnim{0%{transform:rotate(0)}to{transform:rotate(20deg)}}.dm-wave-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 20px;height:38px;background:var(--accent);border:none;border-radius:20px;color:var(--accent-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .17s ease,opacity .17s ease}.dm-wave-btn:hover{background:var(--accent-hover)}.dm-wave-btn:active{opacity:.9}.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:8px;height:52px;min-height:52px}.chat-header-title{font-size:1rem}.chat-header-subtitle,.chat-header-desc{font-size:.65rem}.dm-header-actions{gap:2px}.dm-action-btn{min-width:44px;min-height:44px;width:44px;height:44px}.chat-typing{padding:2px 14px}.gm-sidebar{display:none}}@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{padding:2px 12px}}.group-header-icon{width:34px;height:34px;border-radius:50%;background:var(--accent-muted, rgba(79, 110, 247, .15));display:flex;align-items:center;justify-content:center;color:var(--accent);cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.group-header-icon:hover{background:var(--accent);color:#fff}.gm-sidebar{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;flex-shrink:0;box-shadow:inset 1px 0 color-mix(in srgb,var(--cosmic-border) 30%,transparent 70%)}.gm-resize-handle{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:col-resize;z-index:2;transition:background .15s}.gm-resize-handle:hover{background:var(--accent, #4f6ef7);opacity:.25}.gm-resize-handle:active{background:var(--accent, #4f6ef7);opacity:.4}.gm-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 0;flex-shrink:0}.gm-header h3{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted, #8b929a);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-close{background:none;border:none;color:var(--text-muted, #8b929a);cursor:pointer;padding:3px;display:flex;border-radius:6px;flex-shrink:0;transition:color .15s,background .15s}.gm-close:hover{color:var(--text-primary, #f2f3f5);background:var(--bg-hover)}.gm-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 6px 16px 10px;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}.gm-scroll::-webkit-scrollbar{width:5px}.gm-scroll::-webkit-scrollbar-track{background:transparent}.gm-scroll::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:10px}.gm-group{margin-bottom:12px}.gm-group:last-child{margin-bottom:4px}.gm-group-title{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted, #8b929a);padding:10px 10px 4px;opacity:.85;position:sticky;top:0;z-index:1}.gm-group:first-child .gm-group-title{padding-top:2px}.gm-member-item{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))}.gm-member-item:hover{background:var(--bg-hover)}.gm-member-info{flex:1;min-width:0;overflow:hidden}.gm-member-name{font-size:.875rem;font-weight:500;color:var(--text-secondary, #b5bac1);display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .1s ease}.gm-member-item:hover .gm-member-name{color:var(--text-primary)}.gm-owner-badge{font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;background:var(--accent);color:var(--accent-text);text-transform:uppercase;flex-shrink:0}.gm-you-badge{font-size:11px;color:var(--text-muted, #949ba4);font-weight:400;flex-shrink:0}.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:var(--bg-primary)}[data-theme=dark] .chat-header{background:var(--bg-primary);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:#f0f0f2}[data-theme=dark] .chat-header-subtitle,[data-theme=dark] .ch-topic{color:var(--text-muted)}[data-theme=dark] .dm-action-btn{color:#b5bac1}[data-theme=dark] .dm-action-btn:hover{background:#ffffff0f;color:#f0f0f2}[data-theme=dark] .dm-action-btn.active{color:#f0f0f2;background:#ffffff14}.team-view{display:flex;flex:1;height:100%;min-height:0;overflow:hidden;background:var(--bg-primary)}.voice-mobile-overlay-placeholder{flex:1;min-height:120px;min-width:0;background:color-mix(in srgb,var(--bg-primary) 96%,transparent)}.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:calc(var(--mobile-nav-bar-height, 56px) + var(--inset-bottom, env(safe-area-inset-bottom, 0px)));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:translate(18px)}to{opacity:1;transform:translate(0)}}.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:#111214;padding:28px 20px 18px;gap:12px;flex-shrink:0;position:relative;overflow:hidden;min-height:220px;border-bottom:1px solid rgba(255,255,255,.04)}.dm-call-panel.dm-call-panel--compact{padding:14px 12px 12px;gap:8px;min-height:176px}.dm-call-panel.dm-call-panel--compact .dm-call-status{font-size:.75rem;gap:6px}.dm-call-panel.dm-call-panel--compact .dm-call-avatars{gap:20px}.dm-call-panel.dm-call-panel--compact .dm-call-avatar-wrapper:not(.size-small){width:64px;height:64px}.dm-call-panel.dm-call-panel--compact .dm-call-controls{gap:6px}.dm-call-panel.dm-call-panel--compact .dm-call-ctrl{min-width:40px;min-height:40px}.dm-call-panel.dm-call-panel--compact .dm-call-ring-again{padding:6px 10px;font-size:.75rem}.dm-call-resize-handle{position:absolute;bottom:0;left:0;right:0;height:8px;cursor:ns-resize;z-index:20;display:flex;align-items:center;justify-content:center;transition:background .15s}.dm-call-resize-handle:hover,.dm-call-resize-handle:active{background:#5865f240}.dm-call-resize-grip{width:36px;height:3px;border-radius:2px;background:#ffffff1a;transition:background .15s,width .15s}.dm-call-resize-handle:hover .dm-call-resize-grip,.dm-call-resize-handle:active .dm-call-resize-grip{background:#5865f2b3;width:48px}.dm-call-avatars{display:flex;align-items:flex-start;justify-content:center;gap:40px;position:relative;z-index:1}.dm-call-avatars.group-call{flex-wrap:wrap;gap:24px;max-width:460px;justify-content:center}.dm-call-avatar-card{display:flex;flex-direction:column;align-items:center;gap:10px}.dm-call-avatar-card.small{gap:6px}.dm-call-avatar-wrapper{position:relative;width:80px;height:80px;border-radius:50%;padding:3px;background:transparent;transition:all .25s ease}.dm-call-avatar-wrapper.size-small{width:56px;height:56px}.dm-call-avatar-wrapper.size-small .dm-call-avatar-fallback{font-size:1.1rem}.dm-call-avatar-wrapper.state-connected{border:3px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}.dm-call-avatar-wrapper.state-connected:not(.speaking){border-color:#ffffff0f}.dm-call-avatar-wrapper.speaking{border-color:#23a55a!important;box-shadow:0 0 0 3px #23a55a33}.dm-call-speak-glow{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2.5px solid rgba(35,165,90,.45);animation:dm-call-speak-pulse .9s ease-in-out infinite alternate;pointer-events:none;will-change:opacity}@keyframes dm-call-speak-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.02)}}.dm-call-spinner{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2.5px solid transparent;border-top-color:#f0b232;border-right-color:#f0b23240;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}.dm-call-avatar-wrapper.state-ringing{animation:dm-call-ring-pulse 2s ease-in-out infinite}@keyframes dm-call-dim-pulse{0%,to{filter:brightness(.55)}50%{filter:brightness(1)}}@keyframes dm-call-ring-pulse{0%,to{filter:brightness(.7);transform:scale(1)}50%{filter:brightness(1);transform:scale(1.03)}}.dm-call-avatar-circle{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#ffffff0f;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:1.8rem;font-weight:700;color:#fff;background:#5865f2}.dm-call-avatar-name{font-size:.8125rem;font-weight:600;color:#dbdee1;max-width:100px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.dm-call-status{display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;padding:4px 14px;border-radius:12px;transition:all .3s ease;position:relative;z-index:1;letter-spacing:.01em}.dm-call-status.connecting{color:#f0b232}.dm-call-status.connecting .dm-call-status-text{animation:dm-call-text-blink 1.2s ease-in-out infinite}.dm-call-status.ringing{color:#b5bac1}.dm-call-status.ringing .dm-call-status-text{animation:dm-call-text-blink 1.5s ease-in-out infinite}.dm-call-status.connected{color:#23a55a}.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:#23a55a59;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.5);opacity:0}}@keyframes dm-call-text-blink{0%,to{opacity:1}50%{opacity:.45}}.dm-call-ring-again{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:none;border-radius:16px;background:#ffffff14;color:#b5bac1;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;font-family:inherit;z-index:1}.dm-call-ring-again:hover{background:#ffffff24;color:#fff}.dm-call-ring-again:active{transform:scale(.97)}.dm-call-controls{display:flex;align-items:center;justify-content:center;gap:6px;position:relative;z-index:10;padding:8px 10px;background:linear-gradient(135deg,#1e1f22eb,#141517f5);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-radius:28px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #0006,0 1px 3px #0000004d,inset 0 1px #ffffff0a;margin-top:auto}.dm-call-controls:after{content:"";order:99}.dm-call-ctrl-split{display:flex;align-items:stretch;background:#ffffff0f;border-radius:24px;overflow:hidden;transition:background .18s ease,box-shadow .18s ease}.dm-call-ctrl-split:hover{background:#ffffff1a;box-shadow:0 0 0 1px #ffffff0a}.dm-call-ctrl-split .dm-call-ctrl-main{width:44px;height:44px;border:none;border-radius:0;background:transparent;color:#dcddde;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,transform .15s;padding:0}.dm-call-ctrl-split .dm-call-ctrl-main:hover{color:#fff}.dm-call-ctrl-split .dm-call-ctrl-main:active{transform:scale(.9)}.dm-call-ctrl-split .dm-call-ctrl-divider{width:1px;align-self:center;height:20px;background:#ffffff14;flex-shrink:0}.dm-call-ctrl-split .dm-call-ctrl-dropdown{width:28px;min-width:28px;height:44px;border:none;border-radius:0;background:transparent;color:#72767d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;padding:0}.dm-call-ctrl-split .dm-call-ctrl-dropdown svg{transition:transform .2s ease}.dm-call-ctrl-split .dm-call-ctrl-dropdown:hover{color:#dcddde;background:#ffffff0f}.dm-call-ctrl-split .dm-call-ctrl-dropdown[data-open=true]{color:#5865f2;background:#5865f226}.dm-call-ctrl-split .dm-call-ctrl-dropdown[data-open=true] svg{transform:rotate(180deg)}.dm-call-ctrl-split.has-active .dm-call-ctrl-main{color:#fff}.dm-call-ctrl-split.has-active .dm-call-ctrl-divider{background:#ffffff1f}.dm-call-ctrl-split.has-active.danger{background:#ed4245;box-shadow:0 0 12px #ed424540}.dm-call-ctrl-split.has-active.danger:hover{background:#d83c3e;box-shadow:0 0 16px #ed424559}.dm-call-ctrl-split.has-active.danger .dm-call-ctrl-dropdown{color:#ffffffb3}.dm-call-ctrl-split.has-active.danger .dm-call-ctrl-dropdown:hover{color:#fff;background:#ffffff1f}.dm-call-ctrl-split.has-active.camera-on{background:#248046;box-shadow:0 0 12px #24804640}.dm-call-ctrl-split.has-active.camera-on:hover{background:#1e6b3a;box-shadow:0 0 16px #24804659}.dm-call-ctrl-split.has-active.camera-on .dm-call-ctrl-dropdown{color:#ffffffb3}.dm-call-ctrl-split.has-active.camera-on .dm-call-ctrl-dropdown:hover{color:#fff;background:#ffffff1f}.dm-call-screen-share-group{display:flex;align-items:center;gap:2px}.dm-call-ctrl{width:44px;height:44px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;background:#ffffff0f;color:#dcddde;padding:0;position:relative}.dm-call-ctrl:hover{background:#ffffff1f;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.dm-call-ctrl:active{transform:scale(.9) translateY(0);box-shadow:none}.dm-call-ctrl:disabled{opacity:.35;cursor:not-allowed}.dm-call-ctrl:disabled:hover{background:#ffffff0f;color:#dcddde;transform:none;box-shadow:none}.dm-call-ctrl.active{background:#ed4245;color:#fff;box-shadow:0 0 12px #ed424540}.dm-call-ctrl.active:hover{background:#d83c3e;box-shadow:0 0 16px #ed424559}.dm-call-ctrl.screen-on{background:#5865f2;color:#fff;box-shadow:0 0 12px #5865f24d}.dm-call-ctrl.screen-on:hover{background:#4752c4;box-shadow:0 0 16px #5865f266}.dm-call-ctrl.leave{width:auto;min-width:44px;height:44px;background:#ed4245;color:#fff;border-radius:22px;padding:0 20px;margin-left:6px;gap:6px;box-shadow:0 2px 10px #ed42454d;position:relative;overflow:hidden}.dm-call-ctrl.leave:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 50%);border-radius:inherit;pointer-events:none}.dm-call-ctrl.leave:hover{background:#d83c3e;transform:translateY(-1px);box-shadow:0 4px 16px #ed424566}.dm-call-ctrl.leave:active{background:#c23038;transform:scale(.95) translateY(0);box-shadow:0 1px 6px #ed424540}.dm-call-device-popover{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#2b2d31;border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 12px 32px #00000080,0 0 0 1px #0000001a;padding:6px;min-width:220px;max-width:320px;max-height:260px;overflow-y:auto;z-index:10000;animation:dm-popover-in .15s cubic-bezier(.22,1,.36,1)}@keyframes dm-popover-in{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.dm-call-device-popover:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#2b2d31;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.dm-call-device-popover button{width:100%;padding:8px 10px;border:none;background:transparent;color:#dbdee1;text-align:left;cursor:pointer;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s,color .12s;border-radius:6px}.dm-call-device-popover button:hover{background:#ffffff14;color:#fff}.dm-call-device-popover button[data-selected=true]{color:#5865f2;font-weight:600;background:#5865f214}.dm-call-device-popover button[data-selected=true]:before{content:"✓";margin-right:8px;font-size:.7rem}.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-panel.has-video{padding:8px 8px 14px}.dm-call-video-container{position:relative;width:100%;z-index:1}.dm-call-video-grid{display:grid;gap:4px;width:100%;max-height:400px;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:8px;overflow:hidden;min-height:140px;max-height:340px}.dm-call-video-tile video{width:100%;height:100%;object-fit:cover;display:block}.dm-call-video-tile.self video{opacity:.92}.dm-call-video-label{position:absolute;bottom:8px;left:10px;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:6px}.dm-call-video-tile-vol{position:absolute;bottom:8px;right:8px;z-index:4}.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:#1e1f22e0;-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:400px;border-radius:8px;overflow:hidden}.dm-call-spotlight-main{flex:1;min-height:220px;border-radius:8px;overflow:hidden;background:#111214}.dm-call-spotlight-main .dm-call-video-tile{min-height:220px;max-height:320px}.dm-call-spotlight-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.dm-call-spotlight-thumb{flex:0 0 130px;height:74px;border-radius:8px;overflow:hidden;background:#111214}.dm-call-spotlight-thumb .dm-call-video-tile{min-height:74px;max-height:74px}.dm-call-spotlight-thumb .dm-call-video-label{font-size:.65rem;padding:1px 5px}.dm-call-participants-popover{padding:6px 0;min-width:180px}.dm-call-participants-header{padding:6px 12px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#949ba4}.dm-call-participant-row{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:.8125rem;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 6px #23a55a80}.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{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;margin:0 12px;border-radius:10px;cursor:pointer;border-top:none;transition:background .12s ease;min-width:0;max-width:100%}.friend-card+.friend-card:before{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;background:var(--border-subtle);pointer-events: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:stretch;width:100%;min-width:0;box-sizing:border-box;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--bg-tertiary);padding:4px 4px 4px 12px;gap:8px;transition:border-color .15s}.friends-add-input-wrap .friends-add-input:focus,.friends-add-input-wrap .friends-add-input:focus-visible{outline:none}.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;align-self:center;min-width:0;min-height:0;background:transparent;border:none;color:var(--text-primary);font-size:.9375rem;padding:10px 0;outline:none}.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;align-self:stretch;padding:10px 18px;margin:0;border:none;border-radius:6px;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:4px 4px 4px 12px;gap:8px;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;align-items:stretch;padding:8px;gap:10px}.friends-add-input{padding:10px 0;width:100%;align-self:stretch}.friends-add-btn{width:100%;align-self:stretch;margin:0;padding:10px 16px;min-height:44px;border-radius:8px}.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{background:var(--bg-secondary);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow-y:auto;padding:16px 8px;position:relative;flex-shrink:0}.active-now-resize-handle{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:col-resize;z-index:2;transition:background .15s}.active-now-resize-handle:hover{background:var(--accent, #4f6ef7);opacity:.25}.active-now-resize-handle:active{background:var(--accent, #4f6ef7);opacity:.4}.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(var(--mobile-nav-bar-height, 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:var(--mobile-nav-bar-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:translate(24px)}to{opacity:1;transform:translate(0)}}.search-modal-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.search-modal-header:focus-within{border-bottom-color:rgba(var(--accent-rgb, 79, 110, 247),.35);box-shadow:inset 0 -2px rgba(var(--accent-rgb, 79, 110, 247),.55);background:color-mix(in srgb,var(--accent) 6%,transparent)}.search-modal-icon{width:20px;height:20px;flex-shrink:0;color:var(--text-secondary)}.search-modal-input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-size:1.1rem;color:var(--text-primary);font-family:inherit}.search-modal-input:focus,.search-modal-input:focus-visible{outline:none}.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%}.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--v2{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;flex-direction:column;padding-top:var(--inset-top, env(safe-area-inset-top, 0px));padding-bottom:calc(var(--mobile-nav-bar-height, 56px) + var(--inset-bottom, env(safe-area-inset-bottom, 0px)));background:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(45,212,191,.12),transparent 55%),radial-gradient(ellipse 90% 60% at 100% 40%,rgba(99,102,241,.14),transparent 50%),linear-gradient(168deg,#0c0d10,#07080b 48%,#050607);-webkit-tap-highlight-color:transparent}.voice-fullscreen-topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;gap:12px}.voice-fullscreen-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.voice-fullscreen-brand-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#5eead4;background:linear-gradient(145deg,#2dd4bf38,#6366f11f);border:1px solid color-mix(in srgb,var(--border-subtle, #2a2b30) 75%,transparent);box-shadow:0 0 0 1px #ffffff0a inset,0 8px 22px #00000059}.voice-fullscreen-brand-text{font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--text-muted, #949ba4) 35%,var(--text-primary, #f2f3f5))}.voice-fullscreen-minimize{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-tertiary, #1a1b1f) 88%,transparent);border:1px solid color-mix(in srgb,var(--border-subtle) 72%,transparent);border-radius:14px;color:var(--text-primary);cursor:pointer;box-shadow:0 10px 26px #00000047;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--fill{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.voice-fullscreen-content--fill .dm-call-panel{flex:1;min-height:0;border-radius:0;background:transparent;border-bottom:none}.voice-fullscreen-content--fill .dm-call-video-grid{max-height:none;flex:1;min-height:180px}.voice-fullscreen-content--fill .dm-call-video-tile{max-height:none;min-height:200px}.voice-fullscreen-content--fill .dm-call-video-tile video{object-fit:contain;background:#000}.voice-fullscreen-content--fill .voice-channel-view--mobile-overlay{flex:1;min-height:0;border-radius:0;background:transparent}.voice-fullscreen-content--fill .voice-channel-view--mobile-overlay .vc-stage{margin:0 10px 6px;border-radius:16px;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 48px #00000073,inset 0 1px #ffffff0d}.voice-fullscreen-content--fill .voice-channel-view--mobile-overlay .vc-stage-video{image-rendering:auto;-webkit-transform:translateZ(0);transform:translateZ(0)}.voice-fullscreen-content--fill .voice-channel-view--mobile-overlay .vc-participants{margin:0 10px;padding-bottom:10px}.voice-fullscreen-minimized{position:fixed;bottom:calc(var(--mobile-nav-bar-height, 56px) + var(--inset-bottom, env(safe-area-inset-bottom, 0px)));left:50%;transform:translate(-50%);z-index:450;display:flex;align-items:center;gap:12px;padding:12px 22px;max-width:calc(100vw - 28px);background:color-mix(in srgb,#12141a 92%,transparent);border:1px solid color-mix(in srgb,var(--border-subtle) 85%,transparent);border-radius:999px;box-shadow:0 12px 32px #0006,0 0 0 1px #5eead414;color:var(--text-primary);cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.voice-fullscreen-minimized:active{filter:brightness(1.06)}.voice-fullscreen-minimized-icon{color:#5eead4;display:flex;align-items:center;justify-content:center;flex-shrink:0}.voice-fullscreen-wave-icon{display:block}.voice-fullscreen-minimized-label{font-size:.94rem;font-weight:700;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.voice-fullscreen-minimized-chevron{color:var(--text-muted);transform:rotate(-90deg);flex-shrink:0}.dm-call-floating-root{position:fixed;z-index:10040;width:min(300px,calc(100vw - 32px));max-height:min(440px,calc(100vh - 32px));display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff0f;animation:dmCallFloatIn .32s cubic-bezier(.22,1,.36,1);touch-action:none}.dm-call-floating-root--dragging{cursor:grabbing;animation:none;box-shadow:0 20px 56px #00000094,0 0 0 1px #5865f259}.dm-call-floating-root--collapsed{width:min(280px,calc(100vw - 32px));max-height:none}@keyframes dmCallFloatIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dm-call-floating-chrome{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:8px 10px;background:linear-gradient(180deg,#1a1b1e,#151618);border-bottom:1px solid rgba(255,255,255,.06);cursor:grab;-webkit-user-select:none;user-select:none}.dm-call-floating-root--dragging .dm-call-floating-chrome{cursor:grabbing}.dm-call-floating-grip{display:flex;color:#ffffff47;flex-shrink:0}.dm-call-floating-title{flex:1;min-width:0;font-size:.8125rem;font-weight:600;color:#ffffffe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-call-floating-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:#ffffff0f;color:#ffffffbf;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.dm-call-floating-btn:hover{background:#ffffff1a;color:#fff}.dm-call-floating-collapsed-hint{padding:10px 12px 12px;font-size:.75rem;line-height:1.35;color:#ffffff73;background:#111214;text-align:center}.dm-call-floating-root .dm-call-panel{border-bottom:none;border-radius:0;min-height:0;flex:1}.dm-call-floating-root .dm-call-panel.has-video{max-height:inherit}.seb-fallback{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-primary);padding:2rem 1.25rem;text-align:center;min-height:200px;user-select:text;-webkit-user-select:text}.seb-fallback-icon{font-size:2rem;line-height:1;margin-bottom:.5rem}.seb-fallback-msg{color:var(--text-muted);margin:0 0 1rem;font-size:.95rem;line-height:1.45;max-width:360px}.seb-fallback-pre{color:var(--error);font-size:.7rem;line-height:1.4;max-width:100%;overflow:auto;padding:.65rem .75rem;margin:0 0 1rem;border-radius:var(--radius, 8px);background:var(--surface-2);border:1px solid var(--border-subtle);user-select:text;-webkit-user-select:text;cursor:text;white-space:pre-wrap;word-break:break-word;text-align:left}.seb-fallback-btn{padding:.5rem 1.25rem;border-radius:var(--radius, 8px);border:none;background:var(--accent);color:var(--accent-text, #fff);cursor:pointer;font-size:.9rem;font-weight:600;font-family:inherit}.seb-fallback-btn:hover{background:var(--accent-hover)}.eb-root{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:2rem 1.25rem;text-align:center;font-family:var(--font-sans, system-ui, sans-serif);background:radial-gradient(900px 520px at 15% -20%,var(--cosmic-bg-orb-1, rgba(79, 110, 247, .12)),transparent 70%),radial-gradient(760px 480px at 95% 8%,var(--cosmic-bg-orb-2, rgba(99, 102, 241, .08)),transparent 72%),linear-gradient(145deg,var(--bg-secondary, #f7f8fa) 0%,var(--bg-primary, #fff) 100%);color:var(--text-primary, #0f1117)}[data-theme=dark] .eb-root{background:radial-gradient(900px 520px at 15% -20%,var(--cosmic-bg-orb-1),transparent 70%),radial-gradient(760px 480px at 95% 8%,var(--cosmic-bg-orb-2),transparent 72%),var(--bg-tertiary, #191a1e);color:var(--text-primary)}.eb-card{width:100%;max-width:420px;padding:2rem 1.75rem;border-radius:var(--modal-panel-radius, 18px);background:var(--modal-panel-bg, rgba(255, 255, 255, .96));border:1px solid var(--modal-panel-border, rgba(0, 0, 0, .07));box-shadow:var(--modal-panel-shadow, 0 24px 64px rgba(0, 0, 0, .12))}[data-theme=dark] .eb-card{background:var(--bg-floating);border-color:var(--border-default)}.eb-icon{font-size:2.5rem;line-height:1;margin-bottom:.75rem;-webkit-user-select:none;user-select:none}.eb-title{font-size:1.35rem;font-weight:600;letter-spacing:var(--tracking-tight, -.025em);color:var(--text-primary);margin:0 0 .5rem}.eb-desc{font-size:.95rem;line-height:1.5;color:var(--text-secondary);margin:0 0 1.25rem}.eb-pre{text-align:left;font-size:.72rem;line-height:1.45;max-width:100%;overflow:auto;padding:.65rem .75rem;margin:0 0 .5rem;border-radius:var(--radius, 8px);background:var(--surface-2, #eff1f5);color:var(--error, #dc2626);border:1px solid var(--border-subtle);user-select:text;-webkit-user-select:text}[data-theme=dark] .eb-pre{background:var(--surface-2, #1c1c20);color:var(--error, #f87171)}.eb-pre--stack{color:var(--text-muted);font-size:.65rem;white-space:pre-wrap;word-break:break-word;margin-bottom:1.25rem}.eb-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.eb-btn{padding:.65rem 1.35rem;border-radius:var(--radius, 8px);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.eb-btn--secondary{background:var(--surface-2, #eff1f5);color:var(--text-primary);border-color:var(--border-default)}.eb-btn--secondary:hover{background:var(--surface-3, #e4e7ed)}[data-theme=dark] .eb-btn--secondary{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-default)}[data-theme=dark] .eb-btn--secondary:hover{background:var(--bg-hover)}.eb-btn--primary{background:var(--accent);color:var(--accent-text, #fff);border-color:transparent}.eb-btn--primary:hover{background:var(--accent-hover)}.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:max(.5rem,env(safe-area-inset-top,0px)) max(.5rem,env(safe-area-inset-right,0px)) max(.5rem,env(safe-area-inset-bottom,0px)) max(.5rem,env(safe-area-inset-left,0px));box-sizing:border-box;overflow:auto;overscroll-behavior:contain}@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: min(1024px, calc(100vw - 1rem) );--modal-height: min(880px, calc(100dvh - 1rem) );--modal-max-width: min(1024px, calc(100vw - 1rem) );--modal-border-radius: 12px;--fixed-image-banner-height: 112px}.settings-modal-container{display:flex;flex-direction:row;width:var(--modal-width);max-width:min(var(--modal-max-width),100%);height:var(--modal-height);max-height:min(var(--modal-height),calc(100dvh - 1rem));min-width:0;min-height:min(320px,calc(100dvh - 1rem));flex-shrink:0;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);position:relative;border:1px solid color-mix(in srgb,var(--cosmic-border) 35%,var(--border-subtle) 65%)}.settings-modal-container>.settings-nav{width:min(240px,34vw);min-width:min(200px,28vw);max-width:260px;flex-shrink:0;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;min-width:0;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:min(240px,34vw);min-width:min(200px,28vw);max-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;min-width:0;overflow-y:auto;overflow-x:hidden;padding:1.25rem clamp(.75rem,2.5vw,1.75rem);display:flex;background:var(--cosmic-surface-flat),var(--bg-primary)}.settings-content--profile{overflow-y:auto;overflow-x:hidden;padding:1.25rem clamp(.75rem,2.5vw,1.75rem)}.settings-content-wrapper--profile{width:100%;max-width:none}.settings-content-wrapper{width:100%;max-width:min(720px,100%)}@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}.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);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.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,100%);min-width:0;max-width:100%;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:320px!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-position-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.profile-banner-position-label{font-size:.85rem;color:var(--text-secondary);min-width:120px}.profile-banner-position-btns{display:flex;gap:6px}.profile-banner-position-btn{padding:5px 14px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.profile-banner-position-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-banner-position-btn.active{background:var(--brand-primary, #5865f2);border-color:var(--brand-primary, #5865f2);color:#fff}.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:#ffffffa6}.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:#ffffffa6;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)}.banner-crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:13050;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.banner-crop-modal{max-width:calc(100vw - 24px)}.banner-crop-hint{margin:0;font-size:.85rem;color:var(--text-secondary, #b5bac1);text-align:center;line-height:1.45;max-width:420px}.banner-crop-area{position:relative;width:min(400px,calc(100vw - 48px));aspect-ratio:40 / 14;overflow:hidden;cursor:grab;background:#111;border-radius:8px;border:2px solid var(--border-default, rgba(255, 255, 255, .12));touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0}.banner-crop-area:active{cursor:grabbing}.banner-crop-zoom{width:min(400px,calc(100vw - 48px))!important}.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: 100dvh;--modal-max-width: 100vw;padding:0}.settings-modal-container{max-height:100dvh}.settings-modal-container>.settings-nav{width:min(220px,30vw);min-width:min(180px,26vw);max-width:248px}.settings-nav{width:min(220px,30vw);min-width:min(180px,26vw);max-width:248px}.settings-modal-container>.settings-content{padding:1rem clamp(.75rem,2vw,1.25rem)}.settings-content,.settings-content--profile{padding:1rem clamp(.75rem,2vw,1.25rem)}}@media (max-width: 780px){.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);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%}}.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}}.security-dashboard-scroll{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;direction:ltr;background:var(--bg-primary)}.security-hero-shield{flex-shrink:0;width:56px;height:56px;border-radius:14px;background:linear-gradient(145deg,#16a34a33,#16a34a14);border:1px solid rgba(22,163,74,.25);display:flex;align-items:center;justify-content:center;color:var(--success, #16a34a);box-shadow:0 0 0 1px #ffffff80 inset}.security-hero-content{flex:1;min-width:0}.security-hero-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1.3}.security-hero-sub{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.4}[data-theme=dark] .security-hero-banner{background:linear-gradient(135deg,#22c55e1f,#6179f814)}[data-theme=dark] .security-hero-shield{background:linear-gradient(145deg,#22c55e40,#22c55e1a);border-color:#22c55e59;color:var(--success)}.security-dashboard{display:flex;flex-direction:column;padding:24px;max-width:720px;margin:0 auto;width:100%}.security-dashboard-header{text-align:center;margin-bottom:32px}.security-dashboard-icon-wrap{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 16px;background:linear-gradient(145deg,#16a34a26,#16a34a0d);border:1px solid rgba(22,163,74,.2);border-radius:16px;color:var(--success, #16a34a);box-shadow:0 0 24px var(--security-glow, rgba(22, 163, 74, .15))}.security-dashboard-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.security-dashboard-subtitle{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.5}.security-dashboard-content{display:flex;flex-direction:column;gap:20px}.security-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000008}[data-theme=dark] .security-card{border-color:#ffffff0f;box-shadow:0 1px 4px #0003}.security-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.security-card-header svg{color:var(--accent);flex-shrink:0}.security-card-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.security-card-desc{font-size:.9rem;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.security-fingerprint-value{display:flex;flex-direction:column;gap:12px}.security-fingerprint-code{display:block;padding:16px;background:var(--bg-tertiary, rgba(0, 0, 0, .2));border-radius:8px;font-family:ui-monospace,monospace;font-size:.85rem;word-break:break-all;color:var(--text-primary);line-height:1.6}.security-copy-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius, 8px);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:background .2s ease,color .2s ease,transform .15s ease,border-color .2s ease,box-shadow .2s ease}.security-copy-btn:active{transform:scale(.96)}.security-copy-btn.copied{background:#57f28726;border-color:var(--success, #57f287);color:var(--success, #57f287)}[data-theme=dark] .security-copy-btn{background:#ffffff0f;border-color:#ffffff24;color:#ffffffe6}[data-theme=dark] .security-copy-btn:hover:not(.copied){background:#ffffff1a;border-color:#ffffff3d}[data-theme=dark] .security-copy-btn.copied{background:#22c55e1f;border-color:#22c55e59;color:#22c55e}.security-copy-btn .security-copy-icon-check{animation:security-copy-check-in .3s ease}@keyframes security-copy-check-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.security-fingerprint-loading{padding:16px;color:var(--text-muted);font-size:.9rem}.security-badge-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#16a34a1a,#16a34a0a);border:1px solid rgba(22,163,74,.2);border-radius:10px;color:var(--text-primary);font-size:.95rem;font-weight:500}.security-badge-banner svg{flex-shrink:0;color:var(--success, #16a34a)}.security-qr-container{display:flex;flex-direction:column;align-items:center;gap:16px}.security-qr-image{border-radius:8px;background:#fff;padding:8px}.security-qr-instruction{font-size:.85rem;color:var(--text-muted);margin:0;text-align:center;max-width:260px}.security-recommendations-card .security-card-header svg{color:var(--accent)}.security-recommendations-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}.security-recommendations-list li{position:relative;padding-left:20px;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.security-recommendations-list li:before{content:"•";position:absolute;left:0;color:var(--accent)}.security-health-gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.security-health-gauge{position:relative;width:120px;height:120px}.security-health-svg{transform:rotate(-90deg);width:100%;height:100%}.security-health-bg{fill:none;stroke:var(--bg-tertiary, rgba(0, 0, 0, .2));stroke-width:8}.security-health-fill{fill:none;stroke:var(--success, #57f287);stroke-width:8;stroke-linecap:round;stroke-dasharray:0 327;transition:stroke-dasharray .6s ease-out}.security-health-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.security-health-label{font-size:.9rem;font-weight:600}.security-health-label--excellent{color:var(--success, #16a34a);text-shadow:0 0 12px var(--security-glow, rgba(22, 163, 74, .3))}.security-health-label--good{color:#7ed957}.security-health-label--fair{color:#faa61a}.security-health-label--weak{color:var(--danger, #ed4245)}.security-checklist-card .security-checklist-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.security-checklist-list li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-muted)}.security-checklist-list li.done{color:var(--text-secondary)}.security-checklist-list li svg{flex-shrink:0}.security-checklist-list li:not(.done) svg{color:var(--text-muted);opacity:.6}.security-checklist-list li.done svg{color:var(--success, #57f287)}.security-dashboard-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 560px){.security-dashboard-row{grid-template-columns:1fr}}.security-connection-dl{display:flex;flex-direction:column;gap:12px;margin:0}.security-connection-dl>div{display:flex;flex-direction:column;gap:2px}.security-connection-dl dt{font-size:.8rem;color:var(--text-muted);margin:0}.security-connection-dl dd{font-size:.9rem;color:var(--text-primary);margin:0}.security-connection-dl>div.ok dd{color:var(--success, #57f287)}.security-connection-dl>div.warn dd{color:var(--danger, #ed4245)}.security-devices-count{font-size:.95rem;color:var(--text-secondary);margin:0 0 12px}.security-manage-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:8px;color:var(--accent);font-size:.9rem;cursor:pointer;transition:background .15s,color .15s}.security-manage-btn:hover{background:var(--bg-hover);color:var(--accent)}.security-specs-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:0;font-size:.875rem}.security-specs-dl dt{color:var(--text-muted);font-weight:500;margin:0}.security-specs-dl dd{margin:0;color:var(--text-primary)}.security-dev-card{border-color:var(--accent-muted, rgba(79, 110, 247, .3));background:var(--bg-tertiary, rgba(0, 0, 0, .15))}.security-dev-card .security-card-header svg{color:var(--text-muted)}.security-dev-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:.875rem}.security-dev-dl dt{color:var(--text-muted);font-weight:500;margin:0}.security-dev-dl dd{margin:0;overflow:hidden}.security-dev-dl dd code{font-family:ui-monospace,monospace;font-size:.8rem;background:var(--bg-tertiary, rgba(0, 0, 0, .2));padding:2px 6px;border-radius:4px;word-break:break-all}.security-dev-code-wrap{display:block;word-break:break-all;white-space:pre-wrap}.security-dev-payload{font-size:.75rem;max-height:120px;overflow-y:auto}@media (max-width: 480px){.security-dashboard{padding:16px}.security-hero-title{font-size:1rem}.security-hero-sub{font-size:.85rem}}.nitro-page{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary)}.nitro-reveal{opacity:0;transform:translateY(20px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.nitro-page--mounted .nitro-reveal{opacity:1;transform:translateY(0);transition-delay:calc(var(--reveal-delay, 0) * .1s)}@media (prefers-reduced-motion: reduce){.nitro-reveal{opacity:1;transform:none;transition:none}.nitro-page--mounted .nitro-reveal{transition-delay:0s}}.nitro-hero{position:relative;padding:72px 32px 80px;isolation:isolate;background:linear-gradient(160deg,rgba(79,110,247,.04) 0%,rgba(168,85,247,.03) 50%,transparent 100%),var(--bg-primary);border-bottom:1px solid var(--border-subtle)}[data-theme=dark] .nitro-hero{background:linear-gradient(160deg,rgba(79,110,247,.18) 0%,rgba(168,85,247,.12) 50%,transparent 100%),var(--bg-secondary)}.nitro-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.nitro-hero-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 20% 30%,rgba(79,110,247,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 70%,rgba(168,85,247,.06) 0%,transparent 60%)}[data-theme=dark] .nitro-hero-mesh{background:radial-gradient(ellipse 70% 55% at 50% -10%,rgba(79,110,247,.35) 0%,transparent 55%),radial-gradient(ellipse 55% 45% at 85% 20%,rgba(168,85,247,.22) 0%,transparent 50%)}.nitro-hero-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:0;pointer-events:none}[data-theme=dark] .nitro-hero-glow{opacity:1;animation:nitroGlowFloat 10s ease-in-out infinite}.nitro-hero-glow-1{width:400px;height:400px;background:#4f6ef733;top:-150px;left:50%;transform:translate(-50%)}.nitro-hero-glow-2{width:280px;height:280px;background:#a855f729;top:10%;right:8%;animation-delay:-3s!important}.nitro-hero-glow-3{width:240px;height:240px;background:#6366f129;bottom:5%;left:8%;animation-delay:-6s!important}@keyframes nitroGlowFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translateY(20px) scale(1.06)}}.nitro-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(79,110,247,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(79,110,247,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 75%)}[data-theme=dark] .nitro-hero-grid{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)}.nitro-hero-particles{display:none}[data-theme=dark] .nitro-hero-particles{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.nitro-hero-particle{position:absolute;width:3px;height:3px;background:#ffffff2e;border-radius:50%;left:calc(8% + var(--i) * 8%);top:calc(15% + (var(--i) % 4) * 18%);animation:nitroParticleFloat 14s ease-in-out infinite;animation-delay:calc(var(--i) * -1.1s)}@keyframes nitroParticleFloat{0%,to{transform:translate(0);opacity:.18}50%{transform:translate(6px,-10px);opacity:.35}}.nitro-hero-content{position:relative;z-index:1;max-width:640px;margin:0 auto;text-align:center}.nitro-hero-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 16px;background:#4f6ef714;border:1px solid rgba(79,110,247,.2);border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:24px}[data-theme=dark] .nitro-hero-badge{background:#ffffff12;border-color:#ffffff1f;color:#ffffffe0}.nitro-hero-badge-icon{color:var(--accent)}[data-theme=dark] .nitro-hero-badge-icon{color:#c4b5fd}.nitro-hero-title{margin:0 0 14px;line-height:1.1}.nitro-hero-title-main{display:block;font-size:clamp(2.2rem,5.5vw,3.4rem);font-weight:800;color:var(--text-primary);letter-spacing:-.04em}.nitro-hero-title-gradient{background:linear-gradient(135deg,var(--accent) 0%,#7c6af0 50%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .nitro-hero-title-gradient{background:linear-gradient(135deg,#fff,#e0e7ff 40%,#c4b5fd);-webkit-background-clip:text;background-clip:text}.nitro-hero-title-sub{display:block;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:500;color:var(--text-secondary);letter-spacing:.01em;margin-top:8px}.nitro-hero-tagline{font-size:1.02rem;color:var(--text-muted);line-height:1.65;margin:0 0 20px}.nitro-hero-cta-hint{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;color:var(--text-muted)}.nitro-hero-cta-hint svg{color:var(--accent);animation:nitroZapBounce 2s ease-in-out infinite}@keyframes nitroZapBounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.nitro-hero-joined-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 20px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:999px;font-size:.88rem;font-weight:700;color:#b45309;margin-bottom:24px}[data-theme=dark] .nitro-hero-joined-badge{color:#fcd34d;background:#facc1526;border-color:#facc1559}.nitro-hero-joined-badge svg{color:#f59e0b}.nitro-hero-joined .nitro-hero-title-sub{color:var(--text-secondary)}.nitro-hero-joined .nitro-hero-tagline{color:var(--text-muted);font-size:.95rem}.nitro-section-divider{display:none}.nitro-content{flex:1;padding:48px 32px 120px;max-width:960px;margin:0 auto;width:100%;box-sizing:border-box}.nitro-security-card{display:flex;align-items:flex-start;gap:20px;padding:24px 28px;background:#16a34a0d;border:1px solid rgba(22,163,74,.18);border-radius:16px;margin-bottom:48px}[data-theme=dark] .nitro-security-card{background:#22c55e12;border-color:#22c55e33}.nitro-security-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#16a34a1a;border-radius:12px;color:var(--success)}.nitro-security-text h2{font-size:1.05rem;font-weight:700;color:var(--success);margin:0 0 6px}.nitro-security-text p{font-size:.92rem;color:var(--text-secondary);margin:0;line-height:1.6}.nitro-security-note{margin-top:10px!important;font-size:.87rem!important;color:var(--text-muted)!important}.nitro-security-note strong{color:var(--text-primary)}.nitro-section-heading{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0 0 24px;letter-spacing:-.02em}.nitro-comparison-section{margin-bottom:52px}.nitro-comparison-cards{display:flex;flex-direction:column;gap:1px;border:1px solid var(--border-default);border-radius:14px;overflow:hidden;background:var(--border-default)}.nitro-comparison-card{padding:16px 22px;background:var(--bg-primary);display:flex;align-items:center;gap:24px;transition:background .15s}.nitro-comparison-card:hover{background:var(--bg-hover)}.nitro-comparison-card-label{flex:0 0 140px;font-size:.875rem;font-weight:600;color:var(--text-primary)}.nitro-quality-bars{flex:1;display:flex;flex-direction:column;gap:8px}.nitro-quality-bar-wrap{display:flex;align-items:center;gap:12px}.nitro-quality-bar-label{flex:0 0 130px;font-size:.78rem;color:var(--text-muted);text-align:right}.nitro-quality-bar-label-nitro{color:var(--accent);font-weight:600}.nitro-quality-bar{flex:1;height:6px;background:var(--border-default);border-radius:999px;overflow:hidden;max-width:240px}.nitro-quality-bar-fill{height:100%;background:var(--surface-3);border-radius:999px;transition:width .8s cubic-bezier(.16,1,.3,1)}.nitro-quality-bar-fill-nitro{background:linear-gradient(90deg,var(--accent),#818cf8)}@media (max-width: 600px){.nitro-comparison-card{flex-direction:column;align-items:flex-start;gap:12px}.nitro-comparison-card-label{flex:none}.nitro-quality-bar-wrap{flex-wrap:wrap}.nitro-quality-bar-label{flex:0 0 100%;text-align:left}.nitro-quality-bar{max-width:100%}}.nitro-plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:52px}.nitro-plan-card{position:relative;padding:28px;border-radius:18px;display:flex;flex-direction:column;border:1px solid var(--border-default);background:var(--bg-primary);overflow:hidden}.nitro-plan-basic{background:var(--bg-secondary)}.nitro-plan-highlight{border-color:#4f6ef759;background:var(--bg-primary);box-shadow:var(--shadow-md)}[data-theme=dark] .nitro-plan-highlight{border-color:#6179f866;background:linear-gradient(145deg,#4f6ef712,#a855f70a);box-shadow:0 20px 40px -20px #00000080}.nitro-plan-ribbon{position:absolute;top:0;right:24px;padding:6px 14px;background:var(--accent);border-radius:0 0 10px 10px;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-text)}.nitro-plan-header{margin-bottom:20px;padding-top:4px}.nitro-plan-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.nitro-plan-price{font-size:1.6rem;font-weight:800;color:var(--text-secondary);letter-spacing:-.03em}.nitro-plan-price-accent{color:var(--accent);background:none;-webkit-text-fill-color:var(--accent)}.nitro-plan-features{list-style:none;padding:0;margin:0 0 auto}.nitro-plan-features li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:.9rem;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.nitro-plan-features li:last-child{border-bottom:none}.nitro-check{flex-shrink:0;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:#16a34a1a;color:var(--success);border-radius:50%;font-size:.7rem;font-weight:700}.nitro-upgrade-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding:13px 24px;background:var(--accent);color:var(--accent-text);border:none;border-radius:12px;font-size:.97rem;font-weight:600;cursor:pointer;transition:background .15s,transform .15s}.nitro-upgrade-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.nitro-upgrade-btn:active{transform:translateY(0)}.nitro-plan-joined{text-align:center;padding:16px 0}.nitro-plan-joined-icon{width:56px;height:56px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:#fbbf241f;border-radius:14px;color:#f59e0b}.nitro-plan-joined h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.nitro-plan-joined p{font-size:.88rem;color:var(--text-muted);margin:0;line-height:1.5}@media (max-width: 640px){.nitro-plans{grid-template-columns:1fr}}.nitro-benefits-section{margin-bottom:28px}.nitro-benefits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.nitro-benefit-card{padding:22px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .2s,box-shadow .2s,transform .2s;transition-delay:calc(var(--stagger, 0) * .04s)}.nitro-benefit-card:hover{border-color:#4f6ef74d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.nitro-benefit-icon-wrap{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#4f6ef714;border-radius:12px;margin-bottom:14px;transition:transform .2s}[data-theme=dark] .nitro-benefit-icon-wrap{background:#6179f81f}.nitro-benefit-card:hover .nitro-benefit-icon-wrap{transform:scale(1.07)}.nitro-benefit-icon{color:var(--accent)}.nitro-benefit-card h4{font-size:.97rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.nitro-benefit-card p{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.5}.nitro-benefit-spec{display:inline-block;margin-top:10px;font-size:.72rem;font-weight:600;color:var(--accent);background:var(--accent-muted);padding:2px 8px;border-radius:999px;letter-spacing:.03em}@media (max-width: 640px){.nitro-benefits-grid{grid-template-columns:1fr 1fr}}@media (max-width: 400px){.nitro-benefits-grid{grid-template-columns:1fr}}.nitro-cta-section{margin-top:52px;margin-bottom:32px;padding-bottom:env(safe-area-inset-bottom,24px)}.nitro-cta-card{position:relative;padding:48px 40px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:20px;text-align:center;overflow:hidden}[data-theme=dark] .nitro-cta-card{background:linear-gradient(135deg,#4f6ef714,#a855f70d);border-color:#6179f833}.nitro-cta-glow{position:absolute;width:240px;height:240px;background:radial-gradient(circle,rgba(79,110,247,.08) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.nitro-cta-title{font-size:1.55rem;font-weight:800;color:var(--text-primary);margin:0 0 10px;letter-spacing:-.025em;position:relative}.nitro-cta-desc{font-size:1rem;color:var(--text-secondary);margin:0 auto 28px;line-height:1.6;max-width:400px;position:relative}.nitro-cta-btn{padding:14px 32px;font-size:1rem;position:relative}.nitro-cta-joined{text-align:center}.nitro-cta-joined svg{color:#f59e0b;margin-bottom:14px}.nitro-checkout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000;animation:nitroModalFade .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[data-theme=dark] .nitro-checkout-overlay{background:#0000008c}@keyframes nitroModalFade{0%{opacity:0}to{opacity:1}}.nitro-checkout-modal{position:relative;background:var(--bg-floating);border:1px solid var(--border-default);border-radius:20px;padding:36px;max-width:420px;width:90%;box-shadow:var(--shadow-elevated);animation:nitroModalSlide .3s cubic-bezier(.16,1,.3,1)}.nitro-checkout-modal-celebration{animation:nitroModalShake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes nitroModalShake{0%,to{transform:translate(0)}15%{transform:translate(-4px,-2px)}30%{transform:translate(4px,2px)}45%{transform:translate(-3px,1px)}60%{transform:translate(3px,-1px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.nitro-checkout-modal-celebration .nitro-checkout-success{animation:nitroCelebrationPop .45s cubic-bezier(.34,1.56,.64,1) .05s both}@keyframes nitroCelebrationPop{0%{opacity:0;transform:scale(.75)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.nitro-checkout-modal-launch{max-width:360px;min-height:280px;display:flex;align-items:center;justify-content:center}.nitro-launch-screen{width:100%;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.nitro-launch-core{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.nitro-launch-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:1.5px solid rgba(79,110,247,.3);border-radius:50%;animation:nitroRingPulse 1.8s ease-in-out infinite}.nitro-launch-ring:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:1px solid rgba(79,110,247,.15);border-radius:50%;animation:nitroRingPulse 1.8s ease-in-out .3s infinite}@keyframes nitroRingPulse{0%,to{transform:scale(.96);opacity:.7}50%{transform:scale(1.08);opacity:1}}.nitro-launch-icon{color:var(--accent)}.nitro-launch-text{font-size:.78rem;font-weight:600;color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;margin:0}.nitro-checkout-loading{text-align:center;padding:32px 16px}.nitro-checkout-loading-spinner{width:44px;height:44px;margin:0 auto 20px;border:3px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:nitroSpinner .75s linear infinite}@keyframes nitroSpinner{to{transform:rotate(360deg)}}.nitro-checkout-loading h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.nitro-checkout-loading p{font-size:.9rem;color:var(--text-muted);margin:0}.nitro-checkout-celebration{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px}.nitro-checkout-celebration>svg:first-child{color:#f59e0b;animation:nitroIconBounce .5s cubic-bezier(.34,1.7,.64,1) .1s both}.nitro-checkout-success-memorable{padding:40px 24px 32px}.nitro-checkout-success-headline{font-size:1.8rem;font-weight:800;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.025em;background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nitro-checkout-success-memorable .nitro-checkout-success-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.nitro-checkout-success-memorable .nitro-checkout-success-desc{margin-bottom:10px}.nitro-checkout-success-hint{font-size:.85rem;color:var(--text-muted);font-style:italic;margin:0 0 24px}.nitro-checkout-done-delayed{animation:nitroButtonReveal .35s cubic-bezier(.34,1.56,.64,1) 1s both}@keyframes nitroButtonReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.nitro-checkout-success{text-align:center;padding:20px 0}.nitro-checkout-success-icon{margin-bottom:20px}.nitro-checkout-success-icon svg{color:var(--accent)}.nitro-checkout-success h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.nitro-checkout-success p{font-size:.9rem;color:var(--text-secondary);margin:0 0 24px;line-height:1.56}.nitro-checkout-success-title{font-size:1.35rem;font-weight:800;color:var(--text-primary);margin:0 0 10px}.nitro-checkout-success-desc{font-size:.92rem;color:var(--text-secondary);margin:0 0 24px;line-height:1.56}.nitro-checkout-done{display:inline-block;padding:12px 28px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px;color:var(--text-primary);font-size:.92rem;font-weight:600;cursor:pointer;transition:background .15s}.nitro-checkout-done:hover{background:var(--bg-hover)}.nitro-checkout-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px;transition:color .15s,background .15s}.nitro-checkout-close:hover{color:var(--text-primary);background:var(--bg-hover)}.nitro-checkout-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.nitro-checkout-desc{font-size:.92rem;color:var(--text-secondary);margin:0 0 22px;line-height:1.56}.nitro-checkout-form{display:flex;flex-direction:column;gap:14px}.nitro-checkout-form input{padding:13px 18px;border:1px solid var(--border-default);border-radius:12px;background:var(--input-bg);color:var(--text-primary);font-size:.97rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.nitro-checkout-form input:focus{border-color:var(--accent)}.nitro-checkout-submit{padding:13px 24px}@keyframes nitroModalSlide{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes nitroIconBounce{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}80%{transform:scale(.97)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.nitro-hero{padding:52px 20px 60px}.nitro-content{padding:36px 20px 80px}.nitro-cta-card{padding:36px 24px}}@media (max-width: 480px){.nitro-hero{padding:40px 16px 48px}.nitro-content{padding:28px 16px 72px}.nitro-security-card{flex-direction:column;padding:20px}.nitro-plan-card{padding:22px}.nitro-cta-card{padding:28px 20px}.nitro-cta-title{font-size:1.3rem}}@media (prefers-reduced-motion: reduce){.nitro-hero-particle,.nitro-hero-glow,.nitro-launch-ring,.nitro-launch-ring:after{animation:none!important}.nitro-checkout-modal-celebration{animation:none}}.quests-page{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-primary)}.quests-header{padding:16px 24px;border-bottom:1px solid var(--border-subtle)}.quests-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.quests-description{font-size:.9rem;color:var(--text-muted);margin:0}.quests-tabs{display:flex;gap:4px;padding:12px 24px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.quests-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.quests-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.quests-tab.active{background:var(--bg-active);color:var(--text-primary)}.quests-content{flex:1;padding:24px;overflow-y:auto}.quests-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted)}.quests-empty svg{margin-bottom:16px;opacity:.5}.quests-empty p{margin:0;font-size:1rem}.quest-card-skeleton .quest-skeleton-info{flex:1;display:flex;flex-direction:column;gap:8px}.quest-skeleton-title{width:70%;height:1em;border-radius:4px;background:var(--bg-tertiary);animation:questSkeletonPulse 1.2s ease-in-out infinite}.quest-skeleton-desc{width:90%;height:.9em;border-radius:4px;background:var(--bg-tertiary);animation:questSkeletonPulse 1.2s ease-in-out infinite}.quest-skeleton-bar{width:100%;height:6px;border-radius:3px;background:var(--bg-tertiary);margin-top:4px;animation:questSkeletonPulse 1.2s ease-in-out infinite}@keyframes questSkeletonPulse{0%,to{opacity:.6}50%{opacity:1}}.quests-list{display:flex;flex-direction:column;gap:16px;max-width:640px}.quest-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px}@media (max-width: 600px){.quest-card{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.quests-header,.quests-content,.quests-tabs{padding:12px 16px}.quest-card{padding:16px}}.quest-info{flex:1;min-width:0}.quest-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.quest-desc{font-size:.85rem;color:var(--text-muted);margin:0 0 12px;line-height:1.4}.quest-progress-bar{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden;margin-bottom:6px}.quest-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.quest-progress-text{font-size:.75rem;color:var(--text-muted)}.quest-reward-section{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0;position:relative;z-index:5;isolation:isolate}.quest-reward{font-size:.9rem;font-weight:600;color:var(--accent)}.quest-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:120px;padding:8px 16px;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s;box-sizing:border-box;text-decoration:none}.quest-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.quest-action-btn.claim{background:var(--accent);border-color:var(--accent);color:var(--accent-text);pointer-events:auto;position:relative;z-index:2}.quest-action-btn.claim:hover{background:var(--accent-hover)}.quest-action-btn.complete{background:var(--surface-2);border-style:dashed;cursor:default;pointer-events:none}.quest-action-btn:disabled{cursor:default;opacity:.85}.quest-action-btn.claimed{background:#57f2871f;border-color:#57f28759;color:#57f287;opacity:1}.quest-action-btn.claimed .quest-claimed-icon{flex-shrink:0;color:#57f287}[data-theme=dark] .quest-progress-fill{background:#ffffff80}[data-theme=dark] .quest-reward{color:#fff}[data-theme=dark] .quest-action-btn.claim{background:#ffffff26;border-color:#ffffff40}[data-theme=dark] .quest-action-btn.claim:hover{background:#ffffff38;border-color:#ffffff59}.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}.user-status-and-settings{position:fixed;bottom:8px;left:8px;z-index:990;display:flex;flex-direction:column;width:300px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-subtle);overflow:visible;pointer-events:auto}.usas-voice-zone{display:flex;flex-direction:column;overflow:hidden;border-bottom:1px solid var(--border-subtle);border-radius:12px 12px 0 0;animation:usas-expand .4s cubic-bezier(.22,1,.36,1) forwards}@keyframes usas-expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.usas-voice-zone .voice-status-bar{background:transparent!important;border:none!important;padding:12px 14px!important;gap:10px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%;box-sizing:border-box}.usas-voice-zone .vsb-info{gap:4px!important;flex:1;min-width:0}.usas-voice-zone .vsb-channel{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usas-voice-zone .vsb-controls{display:none!important}.usas-voice-zone .vsb-status{width:fit-content}.usas-voice-zone .vsb-status-cube{will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.usas-voice-zone .vsb-label,.usas-voice-zone .vsb-details-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.usas-voice-actions{display:flex;align-items:center;gap:6px;padding:0 14px 12px}.usas-vc-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.usas-vc-btn svg{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.usas-vc-btn:hover{background:#ffffff1a;color:var(--text-primary)}.usas-vc-btn:hover svg{transform:scale(1.1)}.usas-vc-btn:active svg{transform:scale(.9)}.usas-vc-btn.active{background:#23a55a26;color:#23a55a}.usas-vc-btn.active:hover{background:#23a55a40;color:#2dc770}.usas-vc-btn.disabled,.usas-vc-btn.disabled:hover{opacity:.35;cursor:not-allowed;background:#ffffff0a;color:var(--text-muted)}.usas-vc-btn.disabled svg{transform:none!important}.usas-disconnect-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:8px 0;border:none;border-radius:8px;background:#ed42451f;color:#ed4245;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s ease,transform .12s ease}.usas-disconnect-btn:hover{background:#ed424538}.usas-disconnect-btn:active{transform:scale(.97)}.usas-disconnect-btn svg{transition:transform .2s ease}.usas-disconnect-btn:hover svg{transform:rotate(-12deg) scale(1.1)}.usas-bottom-bar{display:flex;flex-direction:row;align-items:center;gap:0;width:100%}.usas-bottom-bar .user-panel{position:relative!important;background:transparent!important;border:none!important;padding:8px 10px!important;height:auto!important;min-height:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;flex:1;min-width:0;box-sizing:border-box}.usas-bottom-bar .user-panel-controls{display:none!important}.usas-bottom-bar .user-panel-identity{display:flex!important;flex:1!important;min-width:0!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:4px 6px!important;border-radius:10px}.usas-bottom-bar .user-panel-avatar{width:34px!important;height:34px!important;flex-shrink:0}.usas-bottom-bar .user-panel-info{display:flex!important;flex-direction:column!important;flex:1;min-width:0}.usas-bottom-bar .user-panel-name{font-size:.82rem!important;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usas-bottom-bar .user-panel-status{font-size:.68rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usas-controls{display:flex;align-items:center;gap:2px;padding:0 10px 0 0;flex-shrink:0}.usas-ctrl-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease;position:relative}.usas-ctrl-btn svg{transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .15s ease}.usas-ctrl-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.usas-ctrl-btn:hover svg{transform:scale(1.12)}.usas-ctrl-btn:active svg{transform:scale(.9)}.usas-ctrl-btn.active{color:#ed4245}.usas-ctrl-btn.active:hover{background:#ed42451f;color:#ed4245}.usas-settings-btn:hover svg{transform:rotate(45deg) scale(1.1)}.usas-settings-btn:active svg{transform:rotate(90deg) scale(.9)}.usas-ctrl-group{display:flex;align-items:center;position:relative}.usas-ctrl-arrow{width:16px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:0;margin-left:-4px;opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease}.usas-ctrl-group:hover .usas-ctrl-arrow,.usas-ctrl-arrow.open{opacity:1}.usas-ctrl-arrow:hover{color:var(--text-primary);background:var(--bg-hover)}.usas-ctrl-arrow.open{color:var(--accent, #5865f2)}.usas-ctrl-arrow.active{color:#ed4245}.usas-ctrl-arrow.active:hover{color:#fff;background:#ed424533}.usas-ctrl-arrow.active.open{color:#ed4245}.usas-device-popover{position:fixed;z-index:99999;background:var(--bg-floating, var(--bg-secondary));border:1px solid var(--border-default);border-radius:10px;box-shadow:0 8px 32px #00000059;padding:6px 0;min-width:220px;max-width:300px;max-height:260px;overflow-y:auto;animation:usas-popover-in .12s cubic-bezier(.22,1,.36,1)}@keyframes usas-popover-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.usas-popover-title{padding:6px 12px 4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.usas-device-popover button{width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s;font-family:inherit}.usas-device-popover button:hover{background:var(--bg-hover);color:#fff}.usas-device-popover button[data-selected=true]{color:var(--accent, #5865f2);font-weight:600}.user-status-and-settings .voice-details-modal{z-index:99999!important}[data-theme=dark] .user-status-and-settings{background:var(--bg-secondary);border-color:#ffffff0f}[data-theme=dark] .usas-voice-zone{border-bottom-color:#ffffff0f}[data-theme=dark] .usas-bottom-bar .user-panel{background:transparent!important}[data-theme=dark] .usas-disconnect-btn{background:#ed424526}[data-theme=dark] .usas-disconnect-btn:hover{background:#ed424547}body:has(.usas-in-voice) .sidebar{padding-bottom:180px}body:has(.usas-in-voice) .channel-sidebar{padding-bottom:180px}@media (max-width: 768px){.user-status-and-settings{display:none!important}}.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;min-height:0;align-self:stretch;display:flex;flex-direction:column;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;flex:1;min-height:0;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);box-shadow:inset 0 1px #0f11170d;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;animation:content-phase-appear .18s ease-out}@keyframes content-phase-appear{0%{opacity:.6}to{opacity:1}}.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:#060608;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:var(--bg-primary);border-left:1px solid var(--border-subtle);box-shadow:inset 0 1px #ffffff0b}[data-theme=dark] .mobile-app-layout .app-main{background:var(--bg-primary);box-shadow:inset 0 1px #ffffff0a}.electron-title-bar{display:flex!important;align-items:center;position:fixed!important;top:0!important;left:0!important;right:0!important;height:32px!important;min-height:32px!important;z-index:2147483647!important;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;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important}.electron-title-bar-drag{flex:1;-webkit-app-region:drag;height:100%}.electron-title-bar-info{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;-webkit-app-region:no-drag;pointer-events:none;white-space:nowrap}.electron-title-bar-icon{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0}.electron-title-bar-icon-initials{width:18px;height:18px;border-radius:50%;background:var(--bg-modifier-accent, #5865f2);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.electron-title-bar-title{font-size:12px;font-weight:600;color:var(--text-secondary, #b5bac1);white-space:nowrap}.electron-title-bar-controls{display:flex!important;-webkit-app-region:no-drag;visibility:visible!important;pointer-events:auto!important;flex-shrink:0}.electron-title-bar-btn{display:flex!important;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;-webkit-app-region:no-drag;visibility:visible!important;pointer-events:auto!important;opacity:1!important}.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-nav{display:flex;align-items:center;gap:2px;margin-left:8px;-webkit-app-region:no-drag}.electron-title-bar-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:24px;border:none;background:transparent;color:var(--text-secondary, #b5bac1);cursor:pointer;border-radius:4px;transition:background .15s,color .15s;-webkit-app-region:no-drag}.electron-title-bar-nav-btn:hover{background:var(--bg-hover, rgba(79, 84, 92, .32));color:var(--text-primary, #f2f3f5)}.electron-title-bar-nav-btn:active{background:var(--bg-active, rgba(79, 84, 92, .48))}.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}.electron-title-bar-mac .electron-title-bar-nav{margin-left:4px}.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:600;font-family:var(--font-sans, inherit);color:var(--accent-text);background:var(--accent);border:none;border-radius:var(--radius, 8px);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}body:has(.electron-title-bar) .notifications-container{top:calc(32px + .75rem)}.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-banner-host{position:fixed;top:max(12px,env(safe-area-inset-top,12px));right:max(12px,env(safe-area-inset-right,12px));left:auto;z-index:10050;pointer-events:none;max-width:min(400px,calc(100vw - 24px));animation:incomingBannerSlide .35s cubic-bezier(.22,1,.36,1)}@keyframes incomingBannerSlide{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.incoming-call-banner{position:relative;pointer-events:auto;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#313338,#2b2d31);box-shadow:0 12px 40px #00000073,0 0 0 1px #ffffff0f,inset 0 1px #ffffff0a}.incoming-call-banner-pulse{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 80% at 0% 50%,rgba(35,165,90,.12),transparent 55%);pointer-events:none;animation:incomingBannerGlow 2s ease-in-out infinite}@keyframes incomingBannerGlow{0%,to{opacity:.5}50%{opacity:1}}.incoming-call-banner-row{position:relative;display:flex;align-items:center;gap:14px;padding:12px 14px 12px 12px;min-height:56px}.incoming-call-banner-avatar-wrap{position:relative;flex-shrink:0}.incoming-call-banner-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid #23a55a;animation:incomingRingPulse 1.2s ease-in-out infinite}@keyframes incomingRingPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.incoming-call-banner-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.incoming-call-banner-name{font-size:.9375rem;font-weight:700;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incoming-call-banner-hint{font-size:.75rem;font-weight:500;color:#949ba4;letter-spacing:.02em}.incoming-call-banner-actions{display:flex;flex-shrink:0;align-items:center;gap:8px}.incoming-call-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;cursor:pointer;color:#fff;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;font-family:inherit}.incoming-call-icon-btn:hover{transform:scale(1.06);filter:brightness(1.08)}.incoming-call-icon-btn:active{transform:scale(.96)}.incoming-call-icon-btn.decline{background:#ed4245;box-shadow:0 4px 12px #ed424559}.incoming-call-icon-btn.decline:hover{background:#f06163}.incoming-call-icon-btn.accept{background:#23a55a;box-shadow:0 4px 12px #23a55a59}.incoming-call-icon-btn.accept:hover{background:#2bc770}@media (max-width: 480px){.incoming-call-banner-host{right:10px;left:10px;max-width:none}.incoming-call-banner-row{padding:10px 12px;gap:10px}.incoming-call-icon-btn{width:42px;height:42px}}.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:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes modalExit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-12px)}}@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}.modal-enter-instant.confirm-overlay,.modal-enter-instant .confirm-modal,.modal-enter-instant.search-modal-overlay,.modal-enter-instant .search-modal{animation:none!important;opacity:1!important;transform:none!important}.modal-enter-instant.profile-modal-overlay,.modal-enter-instant.profile-modal-overlay .profile-modal{animation:none!important;opacity:1!important;transform:translate(0)!important}.modal-enter-instant.udm-overlay .udm-modal{animation:none!important;opacity:1!important;transform:none!important}.modal-enter-instant.udm-overlay{animation:none!important;opacity:1!important}.modal-enter-instant.invite-modal-overlay:not(.invite-exiting),.modal-enter-instant.invite-modal-overlay:not(.invite-exiting) .invite-modal:not(.invite-exiting){animation:none!important;opacity:1!important;transform:none!important}.modal-enter-instant.csm-overlay:not(.csm-exiting),.modal-enter-instant.csm-overlay:not(.csm-exiting) .csm-modal:not(.csm-exiting){animation:none!important;opacity:1!important;transform:none!important}.modal-enter-instant.dsm-overlay:not(.dsm-exiting),.modal-enter-instant.dsm-overlay:not(.dsm-exiting) .dsm-modal:not(.dsm-exiting){animation:none!important;opacity:1!important;transform:none!important}.modal-enter-instant.cysm-overlay:not(.cysm-exiting),.modal-enter-instant.cysm-overlay:not(.cysm-exiting) .cysm-modal:not(.cysm-exiting){animation:none!important;opacity:1!important;transform:none!important}.modal-enter-instant.topic-modal-overlay,.modal-enter-instant .topic-modal,.modal-enter-instant .topic-modal-header,.modal-enter-instant .topic-modal-body,.modal-enter-instant .topic-modal-footer,.modal-enter-instant.cg-overlay,.modal-enter-instant .cg-modal,.modal-enter-instant.add-note-overlay,.modal-enter-instant .add-note-modal,.modal-enter-instant.friend-nickname-overlay,.modal-enter-instant .friend-nickname-modal,.modal-enter-instant.member-roles-overlay,.modal-enter-instant .member-roles-modal,.modal-enter-instant.category-modal-overlay,.modal-enter-instant .category-modal,.modal-enter-instant.csw-overlay,.modal-enter-instant .csw-modal{animation:none!important;opacity:1!important;transform:none!important}.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 .mobile-dm-item,.platform-android .channel-item .channel-link{min-height:48px}.platform-android .mbn-tab{min-height:var(--mobile-nav-bar-height, 56px)}.platform-android .mobile-server-bar .server-icon-link{min-width:48px;min-height: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-banner{border-radius:16px}.platform-android .ssp-overlay .ssp-modal{border-radius:20px 20px 0 0}:root{--mobile-nav-bar-height: 56px}html.platform-mobile{overflow:hidden;width:100%;max-width:100vw;height:100%;height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh)}html.platform-mobile body{overflow:hidden;width:100%;max-width:100vw;height:100%;height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);overscroll-behavior:none;touch-action:pan-y pinch-zoom}html.platform-mobile #root{display:flex;flex-direction:column;min-height:0;height:100%;height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);overflow:hidden;width:100%;max-width:100vw}html.platform-mobile .app-root{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;max-width:100vw}html.platform-mobile .app-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}html.platform-mobile .mobile-app-layout,html.platform-mobile .mobile-content,html.platform-mobile .mobile-content-main{min-height:0}html.platform-mobile .mobile-app-layout .offline-banner{position:fixed;top:var(--inset-top, env(safe-area-inset-top, 0px));left:0;right:0;z-index:9999}@media (max-width: 380px){html.platform-mobile .channel-header{padding-left:12px;padding-right:12px}}@media (orientation: landscape) and (max-height: 500px){html.platform-mobile{--mobile-nav-bar-height: 48px}html.platform-mobile .mobile-bottom-nav .mbn-label{display:none}html.platform-mobile .mbn-tab{padding-top:4px;padding-bottom:4px}}:root{--font-sans: "Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--leading-body: 1.55;--leading-heading: 1.2;--tracking-tight: -.025em}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;letter-spacing:var(--tracking-tight);line-height:var(--leading-heading);text-wrap:balance}strong,b{font-weight:600}:focus:not(:focus-visible){outline:none}a:focus-visible,button:focus-visible,[role=button]:focus-visible,[role=menuitem]:focus-visible,[role=tab]:focus-visible,[role=switch]:focus-visible{outline:2px solid rgba(var(--accent-rgb),.78);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(var(--accent-rgb),.42);outline-offset:1px}:is(.channel-name-input-wrapper,.settings-input-wrap,.settings-input-prefix,.input-with-prefix,.friends-add-input-wrap,.chs-name-input-wrap,.message-input-wrap,.search-modal-header):focus-within :is(input,textarea,select,.message-input):focus-visible{outline:none}img:focus-visible,video:focus-visible{outline:none}.slide-spinner{width:36px;height:36px;flex-shrink:0;border:3px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:spin .7s cubic-bezier(.4,0,.2,1) infinite}.slide-loading-screen{display:flex;align-items:center;justify-content:center;height:100%;min-height:120px;background:var(--bg-primary)}*,*: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}@media (min-width: 941px){html.platform-web body{min-width:940px}}html.platform-electron body,html.platform-mobile body{min-width: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}.splash-screen{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #111114);transition:opacity .4s ease}.splash-screen.splash-fade-out{opacity:0}.splash-logo{width:80px;height:80px;object-fit:contain;animation:splash-pulse 1.2s ease-in-out infinite}@keyframes splash-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}body{font-family:var(--font-sans, Inter, system-ui, sans-serif);line-height:var(--leading-body, 1.55);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;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: #111114;--bg-secondary: #0b0b0e;--bg-tertiary: #191a1e;--bg-hover: rgba(255, 255, 255, .07);--bg-active: rgba(255, 255, 255, .12);--bg-floating: #1a1a1f;--bg-message-hover: rgba(255, 255, 255, .03);--channel-active: rgba(255, 255, 255, .1);--input-bg: #1a1a1f;--surface-1: #141417;--surface-2: #1c1c20;--surface-3: #242428;--text-primary: #f0f0f3;--text-secondary: rgba(255, 255, 255, .82);--text-muted: rgba(255, 255, 255, .48);--text-link: #8b9cfd;--border-subtle: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .24);--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, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .55);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-soft: 0 4px 24px rgba(0, 0, 0, .5);--shadow-elevated: 0 12px 48px rgba(0, 0, 0, .65), 0 4px 12px rgba(0, 0, 0, .35);--shadow-inner: inset 0 1px 2px rgba(0,0,0,.35);--cosmic-bg-orb-1: rgba(255, 255, 255, .025);--cosmic-bg-orb-2: rgba(255, 255, 255, .015);--cosmic-bg-orb-3: rgba(255, 255, 255, .01);--cosmic-glow-soft: rgba(255, 255, 255, .06);--cosmic-glow-strong: rgba(255, 255, 255, .12);--cosmic-border: rgba(255, 255, 255, .14);--cosmic-surface-soft: linear-gradient(155deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .018) 46%, rgba(255, 255, 255, .008) 100%);--cosmic-surface-flat: linear-gradient(180deg, rgba(255, 255, 255, .025) 0%, rgba(255, 255, 255, .008) 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: #060608;--bg-deep: #0a0a0d;--grid-line: rgba(255, 255, 255, .04);--grid-dot: rgba(255, 255, 255, .025);--bg-surface: #141417;--bg-elevated: #1c1c20;--text-nebula: #d4d8de;--text-void-dim: rgba(255,255,255,.55);--void-border-resting: rgba(255,255,255,.08);--void-border-focus: rgba(255,255,255,.35);--glass-sidebar-bg: rgba(8, 8, 12, .92);--glass-panel-bg: rgba(18, 18, 22, .94);--glass-float-bg: rgba(24, 24, 28, .96);--glass-blur: blur(16px) saturate(120%);--glass-blur-sm: blur(10px) saturate(110%);--glass-border-hi: rgba(255, 255, 255, .1);--modal-panel-bg: var(--glass-panel-bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1f}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff38}[data-theme=dark] *{scrollbar-color:rgba(255,255,255,.12) transparent}[data-theme=dark]{--modal-overlay-bg: rgba(0, 0, 0, .85);--modal-overlay-blur: 0px;--glass-blur: none;--glass-blur-sm: none}[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 pageEnter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page-enter{animation:pageEnter .38s 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 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}.nitro-stream-celebration{position:fixed;top:24px;left:50%;transform:translate(-50%) translateY(-120%);z-index:999999;cursor:pointer;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #a855f740,0 8px 40px #6d28d959,0 0 60px #a855f726;animation:nsc-enter .5s cubic-bezier(.22,1,.36,1) forwards}.nitro-stream-celebration.exit{animation:nsc-exit .45s cubic-bezier(.55,0,1,.45) forwards}@keyframes nsc-enter{0%{transform:translate(-50%) translateY(-120%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes nsc-exit{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%) translateY(-20px) scale(.92);opacity:0}}.nsc-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#7c3aed,#6d28d9 30%,#4f46e5 60%,#7c3aed);background-size:300% 300%;animation:nsc-shimmer 2.5s ease infinite}@keyframes nsc-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.nsc-content{position:relative;display:flex;align-items:center;gap:14px;padding:14px 24px 14px 18px}.nsc-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;animation:nsc-icon-pulse 1.8s ease-in-out infinite}@keyframes nsc-icon-pulse{0%,to{box-shadow:0 0 #ffffff26}50%{box-shadow:0 0 0 6px #fff0}}.nsc-text{display:flex;flex-direction:column;gap:3px}.nsc-title{font-size:.95rem;font-weight:700;color:#fff;letter-spacing:.01em;text-shadow:0 1px 4px rgba(0,0,0,.2)}.nsc-specs{font-size:.75rem;font-weight:500;color:#fffc;letter-spacing:.04em}.shop-page{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-primary);overflow-y:auto}.shop-hero{padding:28px 24px 24px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}[data-theme=dark] .shop-hero{background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%)}.shop-hero-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.shop-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.shop-orbs-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--surface-2);border:1px solid var(--border-default);color:var(--text-primary);font-weight:600;font-size:.95rem;border-radius:10px}[data-theme=dark] .shop-orbs-badge{background:#ffffff0f;border-color:#ffffff1a;color:#fff}.shop-search{display:flex;align-items:center;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:10px;padding:0 14px;max-width:360px;width:100%;transition:border-color .2s,box-shadow .2s}.shop-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-muted)}[data-theme=dark] .shop-search:focus-within{border-color:#fff3;box-shadow:0 0 0 1px #ffffff0f}.shop-search-icon{color:var(--text-muted);flex-shrink:0;margin-right:10px}.shop-search-input{flex:1;padding:12px 0;background:transparent;border:none;color:var(--text-primary);font-size:.9rem;outline:none}.shop-search-input::placeholder{color:var(--text-muted)}.shop-categories{display:flex;gap:8px;padding:14px 24px;border-bottom:1px solid var(--border-subtle);overflow-x:auto;-webkit-overflow-scrolling:touch}.shop-categories::-webkit-scrollbar{height:4px}.shop-category-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.shop-category-chip:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.shop-category-chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}[data-theme=dark] .shop-category-chip.active{background:#ffffff1f;border-color:#fff3;color:#fff}.shop-category-chip .shop-category-icon{opacity:.8}.shop-content{flex:1;padding:24px;overflow-y:auto}.shop-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;color:var(--text-muted);text-align:center}.shop-empty svg{margin-bottom:20px;opacity:.35}.shop-empty p{margin:0;font-size:1rem;max-width:280px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1200px}.shop-item-skeleton .shop-item-skeleton-image{width:88px;height:88px;border-radius:14px;background:var(--bg-tertiary);margin:0 auto 14px;animation:skeleton-pulse 1.2s ease-in-out infinite}.shop-item-skeleton .shop-item-skeleton-name{width:80%;height:1em;border-radius:4px;background:var(--bg-tertiary);margin:0 auto 8px;animation:skeleton-pulse 1.2s ease-in-out infinite}.shop-item-skeleton .shop-item-skeleton-desc{width:60%;height:.85em;border-radius:4px;background:var(--bg-tertiary);margin:0 auto 8px;animation:skeleton-pulse 1.2s ease-in-out infinite}.shop-item-skeleton .shop-item-skeleton-price{width:50%;height:.9em;border-radius:4px;background:var(--bg-tertiary);margin:0 auto;animation:skeleton-pulse 1.2s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.shop-item-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease}.shop-item-card:hover{border-color:var(--border-default);box-shadow:0 8px 24px #0000001f}[data-theme=dark] .shop-item-card:hover{border-color:#ffffff1f;box-shadow:0 8px 32px #0006}.shop-item-card.owned{border-color:#22c55e4d;background:#22c55e0a}.shop-item-image{width:88px;height:88px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border-radius:14px;color:var(--text-muted);margin-bottom:14px;transition:background .2s,color .2s}.shop-item-card:hover .shop-item-image{background:var(--surface-3);color:var(--text-secondary)}[data-theme=dark] .shop-item-image{background:#ffffff0a;color:#ffffff80}[data-theme=dark] .shop-item-card:hover .shop-item-image{background:#ffffff14;color:#ffffffb3}.shop-item-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 6px;line-height:1.3}.shop-item-desc{font-size:.8rem;color:var(--text-secondary);margin:0 0 8px;line-height:1.35;min-height:2.7em}.shop-item-price{font-size:.9rem;color:var(--text-secondary);font-weight:600;margin:0 0 14px}[data-theme=dark] .shop-item-price{color:#ffffffe6}.shop-item-purchase{width:100%;padding:10px 16px;background:var(--accent);border:1px solid transparent;color:var(--accent-text);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.shop-item-purchase:hover:not(:disabled){background:var(--accent-hover)}[data-theme=dark] .shop-item-purchase:not(.owned){background:#ffffff1a;border-color:#ffffff2e}[data-theme=dark] .shop-item-purchase:hover:not(:disabled):not(.owned){background:#ffffff29;border-color:#ffffff47}.shop-item-purchase:active:not(:disabled){transform:scale(.98)}.shop-item-purchase:disabled{cursor:not-allowed;opacity:.7}.shop-item-purchase.owned{background:#22c55e1f;border-color:#22c55e40;color:#22c55e;cursor:default}.shop-item-equip{display:inline-flex;align-items:center;justify-content:center;gap:6px}.shop-item-equip.equipped{background:#22c55e33;border-color:#22c55e66;color:#22c55e}@media (max-width: 600px){.shop-hero{padding:20px 16px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.shop-item-card{padding:16px}.shop-item-image{width:72px;height:72px}}@media (max-width: 480px){.shop-content{padding:16px}.shop-categories{padding:12px 16px}.shop-title{font-size:1.5rem}}.community-page{min-height:100vh;background:var(--bg-primary, #1a1b1e);color:var(--text-primary, #f2f3f5)}.community-gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.community-gate h1{margin:0;font-size:2rem;font-weight:700}.community-gate p{margin:0;color:var(--text-muted, #949ba4)}.community-btn.primary{padding:12px 28px;background:var(--accent, #5865f2);border:none;border-radius:8px;color:var(--accent-text);font-weight:600;cursor:pointer;font-size:1rem}.community-btn.primary:hover{filter:brightness(1.1)}.community-hero{position:relative;padding:64px 32px 48px;overflow:hidden}.community-back{position:absolute;top:20px;left:24px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff14;border:none;border-radius:8px;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all .2s}.community-back:hover{background:#ffffff1f;color:var(--text-primary)}.community-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(88,101,242,.25),transparent),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(114,137,218,.15),transparent),radial-gradient(ellipse 50% 30% at 0% 50%,rgba(88,101,242,.1),transparent);pointer-events:none}.community-hero-content{position:relative;max-width:640px;margin:0 auto;text-align:center}.community-hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(to right,#fff 40%,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.community-hero-accent{background:linear-gradient(135deg,#a78bfa,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.community-hero-content p{margin:16px 0 28px;font-size:1.1rem;color:var(--text-muted, #b5bac1);line-height:1.5}.community-search-wrap{position:relative;max-width:420px;margin:0 auto}.community-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted, #949ba4);pointer-events:none}.community-search{width:100%;padding:14px 18px 14px 48px;background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-default, #3f4147);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:border-color .2s,box-shadow .2s}.community-search::placeholder{color:var(--text-muted, #6d6f78)}.community-search:focus{outline:none;border-color:var(--accent, #5865f2);box-shadow:0 0 0 3px #5865f240}.community-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 24px;max-width:1200px;margin:0 auto;justify-content:center}.community-tag{padding:8px 16px;background:var(--bg-secondary, #2b2d31);border:1px solid transparent;border-radius:20px;color:var(--text-muted, #b5bac1);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.community-tag:hover{background:var(--bg-tertiary, #383a40);color:var(--text-primary)}.community-tag.active{background:var(--accent, #5865f2);color:var(--accent-text);border-color:var(--accent)}.community-main{max-width:1280px;margin:0 auto;padding:0 24px 48px}.community-error{padding:12px 16px;background:#da373c26;color:var(--error, #da373c);border-radius:8px;margin-bottom:24px}.community-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 24px;color:var(--text-muted)}.community-spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent);border-radius:50%;animation:community-spin .8s linear infinite}@keyframes community-spin{to{transform:rotate(360deg)}}.community-empty{text-align:center;padding:80px 24px}.community-empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.community-empty h2{margin:0 0 8px;font-size:1.5rem}.community-empty p{margin:0;color:var(--text-muted)}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.community-card{background:var(--bg-secondary, #2b2d31);border-radius:16px;overflow:hidden;border:1px solid var(--border-subtle, rgba(255,255,255,.06));transition:transform .2s,box-shadow .2s}.community-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000004d}.community-card-banner{height:96px;background:linear-gradient(135deg,#4f46e5,#7c3aed);background-size:cover;background-position:center}.community-card-banner-fallback{width:100%;height:100%;background:linear-gradient(135deg,#4f46e5,#7c3aed,#a855f7)}.community-card-body{position:relative;padding:0 20px 20px;margin-top:-32px}.community-card-avatar{width:64px;height:64px;border-radius:16px;background:var(--bg-tertiary);border:4px solid var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:12px}.community-card-avatar img{width:100%;height:100%;object-fit:cover}.community-card-avatar span{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.community-card-name{margin:0 0 8px;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.community-card-desc{margin:0 0 12px;font-size:.9rem;color:var(--text-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.community-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.community-card-tag{padding:4px 10px;background:#5865f233;color:#a5b4fc;font-size:.75rem;font-weight:500;border-radius:8px}.community-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.community-card-members{font-size:.8rem;color:var(--text-muted)}.community-card-join{padding:8px 18px;background:var(--accent, #5865f2);border:none;border-radius:8px;color:var(--accent-text);font-weight:600;font-size:.875rem;cursor:pointer;transition:filter .2s}.community-card-join:hover:not(:disabled){filter:brightness(1.1)}.community-card-join:disabled{opacity:.7;cursor:not-allowed}.community-card-badge{font-size:.8rem;color:var(--text-muted);padding:6px 12px;background:var(--bg-tertiary);border-radius:8px}.auth-page{height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:clamp(10px,2vh,24px) 14px;background:radial-gradient(900px 520px at 15% -20%,var(--cosmic-bg-orb-1),transparent 70%),radial-gradient(760px 480px at 95% 8%,var(--cosmic-bg-orb-2),transparent 72%),linear-gradient(145deg,#eceef8,#f2f3fb 40%,#e8ecf7);min-height:100vh;min-height:100dvh;overflow:hidden;position:relative}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0508108f,#05081061 46%,#0508109e),radial-gradient(ellipse 80% 60% at 50% -20%,rgba(var(--accent-rgb),.24),transparent 70%);pointer-events:none;z-index:1}.auth-bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;filter:saturate(1.08) contrast(1.04)}.auth-card{width:100%;max-width:480px;padding:36px;background:linear-gradient(160deg,rgba(var(--accent-rgb),.045) 0%,rgba(var(--accent-rgb),.015) 58%,transparent 100%),#fffffff5;border-radius:20px;box-shadow:0 8px 40px #0000001a,0 1px 2px #0000000f,0 8px 22px -18px var(--cosmic-glow-soft);border:1px solid color-mix(in srgb,var(--cosmic-border) 35%,rgba(255,255,255,.95) 65%);animation:cardIn .4s cubic-bezier(.22,1,.36,1);position:relative;z-index:2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.auth-card:not(.login-card){max-height:calc(100dvh - 20px);overflow:hidden}@keyframes cardIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-card{max-width:784px;display:flex;align-items:stretch}.auth-logo{width:56px;height:56px;border-radius:12px;margin:0 auto 16px;display:block;object-fit:contain;object-position:center}.login-left{flex:1;min-width:0;padding-right:0}.login-separator{width:1px;align-self:stretch;background:#0f111717;margin:0 32px;flex-shrink:0}.login-right{width:240px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}@media (max-width: 830px){.login-card{max-width:480px;flex-direction:column}.login-separator,.login-right{display:none}}@media (max-width: 480px){.auth-page{padding:16px;align-items:center;padding-top:max(16px,env(safe-area-inset-top))}.auth-card{padding:20px 16px;margin:0;width:100%;max-width:100%}}.qr-visual{margin-bottom:24px}.qr-box{width:176px;height:176px;background:#fff;border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center}.qr-box svg{display:block}.qr-box svg path{fill:#0f1117}.qr-code-img{display:block;max-width:100%;height:auto;border-radius:4px}.qr-loading,.qr-expired{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#72767e;font-size:14px}.qr-loading-dots{animation:qr-loading-pulse 1s ease-in-out infinite}@keyframes qr-loading-pulse{0%,to{opacity:.4}50%{opacity:1}}.qr-refresh-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default);border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer}.qr-refresh-btn:hover{background:var(--bg-tertiary)}.qr-title{font-size:24px;font-weight:600;color:#0f1117;line-height:1.25}.qr-description{font-size:16px;color:#72767e;line-height:1.25;margin-top:4px}.qr-description strong{color:#72767e;font-weight:600}.mfa-step-container{display:flex;flex-direction:column;gap:0}.mfa-step-container .auth-field{margin-bottom:12px}.mfa-hint{font-size:13px;color:#72767e;margin-top:12px;margin-bottom:0;line-height:1.45}.mfa-back-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#4f6ef7;font-size:14px;cursor:pointer;padding:8px 0;margin-top:12px;transition:color .2s ease,opacity .2s ease}.mfa-back-link:hover{color:#3d5ce5;text-decoration:none}.mfa-right-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;width:100%}.mfa-right-visual{position:relative;display:flex;align-items:center;justify-content:center;width:140px;height:140px}.mfa-right-icon{position:relative;z-index:1;width:88px;height:88px;border-radius:50%;background:#4f6ef71f;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #4f6ef726}.mfa-right-icon svg{width:44px;height:44px;color:#4f6ef7}.mfa-right-pattern{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(79,110,247,.08) 0%,transparent 60%);pointer-events:none}.mfa-right-message{font-size:15px;font-weight:500;color:#3c4149;margin:0;line-height:1.35;max-width:180px}.auth-brand{text-align:center;margin-bottom:20px}.auth-brand h2{font-size:24px;font-weight:600;color:#0f1117;line-height:1.25;margin:0}.auth-brand p{font-size:16px;color:#72767e;margin-top:8px;line-height:1.25}.auth-security-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:16px 0 0;background:linear-gradient(135deg,#16a34a14,#4f6ef70d);border:1px solid rgba(22,163,74,.2);border-radius:8px;font-size:13px;color:#3c4149;line-height:1.4}.auth-security-banner svg{flex-shrink:0;color:#16a34a}.auth-security-banner strong{color:#0f1117;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:0}.auth-field{margin-bottom:20px}.auth-form label:not(.auth-checkbox-label),.auth-field label:not(.auth-checkbox-label){display:block;font-size:12px;font-weight:700;color:#3c4149;text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px;line-height:1}.auth-field label.label-error,.label-required{color:#dc2626}.auth-form input:not(.auth-checkbox),.auth-field input:not(.auth-checkbox){display:block;width:100%;height:44px;padding:10px 14px;background:#f4f5fb;border:1.5px solid rgba(15,17,23,.1);border-radius:10px;color:#0f1117;font-size:16px;line-height:20px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.auth-form input:not(.auth-checkbox):focus,.auth-field input:not(.auth-checkbox):focus{outline:none;border-color:#4f6ef7;background:#fff}.auth-form input:not(.auth-checkbox)::placeholder,.auth-field input:not(.auth-checkbox)::placeholder{color:#72767e}.forgot-link{display:inline;background:none;border:none;padding:0;margin-top:4px;font-size:14px;font-weight:400;color:#4f6ef7;cursor:pointer;font-family:inherit;line-height:16px;text-decoration:none;transform:none!important;transition:color .15s ease,text-decoration-color .15s ease}.forgot-link:hover{text-decoration:underline}.forgot-link:hover,.forgot-link:focus,.forgot-link:active,.forgot-link:visited{transform:none!important;scale:1}.auth-error{color:#dc2626;font-size:14px;font-weight:400;line-height:16px;margin-bottom:20px}.auth-card-success{text-align:center;padding:40px 32px}.auth-success-content{display:flex;flex-direction:column;align-items:center;gap:0}.auth-success-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#16a34a29,#16a34a0f);color:#16a34a;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.auth-success-content .auth-success-title{font-size:22px;font-weight:600;color:#0f1117;margin:0 0 12px;letter-spacing:-.02em}.auth-success-message{color:#3c4149;font-size:15px;font-weight:400;line-height:1.5;margin:0 0 6px}.auth-success-sub{color:#72767e;font-size:13px;margin:0 0 24px;animation:auth-success-fade .6s ease-out}@keyframes auth-success-fade{0%{opacity:0}to{opacity:1}}.auth-submit-success{text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;transition:background-color .17s ease,box-shadow .2s ease,transform .2s ease}.auth-submit-success:hover{transform:translateY(-1px)}.auth-submit-success:active{transform:translateY(0)}.auth-checkbox-label{display:flex;align-items:flex-start;gap:12px;font-size:14px;font-weight:400;color:#3c4149;text-transform:none;letter-spacing:0;cursor:pointer;margin-bottom:18px;-webkit-user-select:none;user-select:none;line-height:1.45}.auth-checkbox-label>span{flex:1}.auth-checkbox-label a{color:var(--accent);text-decoration:underline}.auth-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-block;width:16px;height:16px;min-width:16px;flex-shrink:0;border:2px solid var(--border-strong);border-radius:4px;background:transparent;cursor:pointer;margin-top:2px;position:relative;transition:border-color .15s,background .15s}.auth-checkbox:focus-visible{outline:2px solid rgba(79,110,247,.5);outline-offset:2px}.auth-checkbox:checked{background:var(--accent);border-color:var(--accent)}.auth-checkbox:checked:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:8px;border:solid var(--accent-text);border-width:0 2px 2px 0;transform:translate(-50%,-58%) rotate(45deg)}.auth-submit{height:46px;min-height:46px;width:100%;padding:2px 16px;background:linear-gradient(135deg,#4f6ef7,#3558e8);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:box-shadow .18s ease,transform .15s ease,filter .15s ease;line-height:24px;margin-bottom:8px;box-shadow:none;letter-spacing:-.01em}.auth-submit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.auth-submit:active:not(:disabled){background:#3351d4}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-switch{font-size:14px;color:#72767e;font-weight:400;line-height:16px;margin-top:4px}.auth-switch a{display:inline-block;color:#4f6ef7;font-weight:400;text-decoration:none;font-size:14px;transform:none!important;transition:color .15s ease,text-decoration-color .15s ease}.auth-switch a:hover{text-decoration:underline}.auth-switch a:hover,.auth-switch a:focus,.auth-switch a:active,.auth-switch a:visited{transform:none!important;scale:1}.auth-card:not(.login-card) .auth-switch{text-align:center;margin-top:20px}.auth-legal-links{font-size:12px;color:#72767e;text-align:center;margin-top:12px;line-height:1.4}.auth-legal-links a{color:#4f6ef7;text-decoration:none}.auth-legal-links a:hover{text-decoration:underline}.auth-footer-links{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;font-size:12px;color:#72767e}.auth-footer-links a{display:inline-block;color:#4f6ef7;text-decoration:none;transform:none!important;transition:color .15s ease,text-decoration-color .15s ease}.auth-footer-links a:hover{text-decoration:underline}.auth-footer-links a:hover,.auth-footer-links a:focus,.auth-footer-links a:active,.auth-footer-links a:visited{transform:none!important;scale:1}.auth-footer-sep{color:#72767e;-webkit-user-select:none;user-select:none}.auth-card:not(.login-card) .auth-form label:not(.auth-checkbox-label){display:flex;flex-direction:column;gap:8px;margin-bottom:20px}@media (max-height: 920px){.auth-card:not(.login-card){padding:24px 20px;max-width:460px}.auth-logo{width:44px;height:44px;margin-bottom:10px}.auth-brand{margin-bottom:14px}.auth-brand h2{font-size:30px;line-height:1.12}.auth-card:not(.login-card) .auth-form label:not(.auth-checkbox-label){margin-bottom:12px;gap:5px;font-size:11px}.auth-form input:not(.auth-checkbox),.auth-field input:not(.auth-checkbox){height:40px;padding:8px 12px;font-size:15px}.field-hint,.password-requirements,.password-mismatch,.username-status{font-size:12px;line-height:1.35}.auth-checkbox-label{font-size:13px;gap:10px;margin-bottom:12px}.auth-submit{height:42px;min-height:42px;margin-bottom:4px}.auth-security-banner{margin-top:12px;padding:10px 12px;font-size:12px}.auth-card:not(.login-card) .auth-switch{margin-top:12px}}@media (max-height: 820px){.auth-card:not(.login-card){padding:18px 16px}.auth-brand h2{font-size:26px}.auth-card:not(.login-card) .auth-form label:not(.auth-checkbox-label){margin-bottom:10px}.auth-security-banner{display:none}}@media (max-height: 740px){.auth-card:not(.login-card){transform:scale(.92);transform-origin:center center}}@media (max-height: 680px){.auth-card:not(.login-card){transform:scale(.85)}.auth-card:not(.login-card) .auth-form label:not(.auth-checkbox-label){margin-bottom:8px}.password-requirements,.field-hint{display:none}}.password-strength{display:flex;align-items:center;gap:10px;margin-top:8px}.password-strength-bar-container{flex:1;height:4px;background:#0f11171f;border-radius:2px;overflow:hidden}.password-strength-bar{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.password-strength-text{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;flex-shrink:0}.password-strength-text.weak{color:#dc2626}.password-strength-text.medium{color:#d97706}.password-strength-text.strong{color:#16a34a}.password-strength-text.very-strong{color:#059669;font-weight:600}.password-requirements{display:block;margin-top:8px;font-size:14px;color:#72767e;font-weight:400;line-height:18px;text-transform:none;letter-spacing:normal}.password-mismatch{display:block;margin-top:4px;font-size:14px;color:#dc2626;font-weight:400;text-transform:none;letter-spacing:normal}.attempts-warning{display:block;text-align:center;margin-top:8px;font-size:14px;color:#d97706;font-weight:500;text-transform:none;letter-spacing:normal;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.input-with-prefix{display:flex;align-items:center;background:#f0f2f7;border:1px solid rgba(15,17,23,.12);border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input-with-prefix:focus-within{border-color:#4f6ef7;background:#fff}.input-prefix{padding:10px 0 10px 10px;color:#72767e;font-size:16px;font-weight:400;-webkit-user-select:none;user-select:none;line-height:20px}.input-with-prefix input{flex:1;background:transparent!important;border:none!important;padding-left:4px!important;box-shadow:none!important}.input-with-prefix input:focus{outline:none!important}.input-with-prefix input.input-valid{color:#16a34a}.input-with-prefix input.input-invalid{color:#dc2626}.username-status{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:14px;font-weight:400;text-transform:none;letter-spacing:normal}.username-status.checking{color:#72767e}.username-status.available{color:#16a34a}.username-status.taken{color:#dc2626}.field-hint{display:block;margin-top:4px;font-size:14px;color:#72767e;font-weight:400;text-transform:none;letter-spacing:normal}[data-theme=dark] .auth-page{background:radial-gradient(900px 520px at 15% -20%,var(--cosmic-bg-orb-1),transparent 70%),radial-gradient(760px 480px at 95% 8%,var(--cosmic-bg-orb-2),transparent 72%),var(--bg-tertiary)}[data-theme=dark] .auth-card{background:var(--bg-floating);border-color:var(--border-default);box-shadow:var(--shadow-elevated)}[data-theme=dark] .auth-brand h2,[data-theme=dark] .auth-success-content .auth-success-title{color:var(--text-primary)}[data-theme=dark] .auth-brand p,[data-theme=dark] .mfa-right-message,[data-theme=dark] .auth-form label,[data-theme=dark] .auth-field label{color:var(--text-secondary)}[data-theme=dark] .auth-form input:not(.auth-checkbox),[data-theme=dark] .auth-field input:not(.auth-checkbox){background:var(--input-bg);border-color:var(--border-default);color:var(--text-primary)}[data-theme=dark] .auth-form input:not(.auth-checkbox):focus,[data-theme=dark] .auth-field input:not(.auth-checkbox):focus{border-color:#fff6;background:var(--surface-2)}[data-theme=dark] .auth-form input:not(.auth-checkbox)::placeholder,[data-theme=dark] .auth-field input:not(.auth-checkbox)::placeholder{color:var(--text-muted)}[data-theme=dark] .auth-checkbox-label{color:var(--text-secondary)}[data-theme=dark] .auth-checkbox{border-color:var(--border-default)}[data-theme=dark] .input-with-prefix{background:var(--input-bg);border-color:var(--border-default)}[data-theme=dark] .input-with-prefix:focus-within{border-color:#fff6;background:var(--surface-2)}[data-theme=dark] .input-prefix,[data-theme=dark] .auth-switch,[data-theme=dark] .auth-legal-links,[data-theme=dark] .auth-footer-links,[data-theme=dark] .auth-footer-sep{color:var(--text-muted)}[data-theme=dark] .auth-switch a,[data-theme=dark] .auth-legal-links a,[data-theme=dark] .auth-footer-links a,[data-theme=dark] .forgot-link,[data-theme=dark] .mfa-back-link{color:#ffffffb8}[data-theme=dark] .auth-security-banner{background:linear-gradient(135deg,#16a34a1a,#ffffff0a);border-color:#16a34a40;color:var(--text-secondary)}[data-theme=dark] .auth-security-banner strong{color:var(--text-primary)}[data-theme=dark] .auth-success-message{color:var(--text-secondary)}[data-theme=dark] .auth-success-sub,[data-theme=dark] .mfa-hint,[data-theme=dark] .field-hint,[data-theme=dark] .password-requirements,[data-theme=dark] .qr-description{color:var(--text-muted)}[data-theme=dark] .qr-title{color:var(--text-primary)}[data-theme=dark] .login-separator{background:var(--border-default)}[data-theme=dark] .qr-refresh-btn{background:var(--surface-2);border-color:var(--border-default);color:var(--text-primary)}[data-theme=dark] .qr-refresh-btn:hover{background:var(--surface-3)}.invite-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);padding:20px}.invite-card{background:var(--bg-floating);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);border-radius:8px;padding:32px;width:100%;max-width:400px;text-align:center;animation:slideUp .3s ease-out}.invite-card.loading,.invite-card.error{padding:48px 32px}.loading-spinner{width:40px;height:40px;margin:0 auto 16px;border:4px solid var(--bg-hover);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--error, #ed4245)}.invite-card.error h2{margin:0 0 8px;color:var(--text-primary, #fff)}.invite-card.error p{color:var(--text-muted, #72767d);margin:0 0 24px}.back-link{color:var(--accent);text-decoration:none}.back-link:hover{text-decoration:underline}.invite-label{margin:0 0 24px;color:var(--text-muted, #72767d);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.server-preview{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.server-banner{width:calc(100% + 64px);height:100px;margin:-32px -32px 8px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px 8px 0 0}.server-icon{width:80px;height:80px;border-radius:24px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:2.5rem;font-weight:600;color:var(--text-primary, #f2f3f5)}.server-icon img{width:100%;height:100%;object-fit:cover}.server-name{margin:0;color:var(--text-primary, #fff);font-size:1.5rem;font-weight:700}.server-stats{display:flex;gap:20px}.stat{display:flex;align-items:center;gap:6px;color:var(--text-secondary, #b9bbbe);font-size:.85rem}.stat-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted, #72767d)}.stat-dot.online{background:var(--online-color, #3ba55c)}.inviter-info{margin:0 0 24px;color:var(--text-secondary, #b9bbbe);font-size:.9rem}.inviter-info strong{color:var(--text-primary, #fff)}.accept-btn{width:100%;padding:14px 20px;background:var(--accent);border:none;border-radius:4px;color:var(--accent-text);font-size:1rem;font-weight:500;cursor:pointer;transition:background .15s}.accept-btn:hover:not(:disabled){background:var(--accent-hover)}.accept-btn:disabled{opacity:.5;cursor:not-allowed}.login-hint{margin:16px 0 0;color:var(--text-muted, #72767d);font-size:.9rem}.login-hint a{color:var(--accent);text-decoration:none}.login-hint a:hover{text-decoration:underline}.invite-footer-links{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;padding-top:20px;border-top:1px solid var(--bg-hover);font-size:12px;color:var(--text-muted, #72767d)}.invite-footer-links a{color:var(--accent);text-decoration:none}.invite-footer-links a:hover{text-decoration:underline}.invite-footer-sep{color:var(--text-muted, #72767d);opacity:.6;-webkit-user-select:none;user-select:none}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-panel{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle, var(--border-default))}.admin-header h1{margin:0;font-size:1.5rem;font-weight:700}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .15s}.back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-nav{display:flex;gap:8px;padding:16px 32px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle, var(--border-default))}.admin-nav-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .15s}.admin-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-nav-item.active{background:var(--accent-gradient, linear-gradient(135deg, #4f6ef7 0%, #3558e8 100%));color:var(--accent-text)}.nav-icon{display:flex;align-items:center}.admin-content{padding:32px;max-width:1200px;margin:0 auto}.stats-section{display:flex;flex-direction:column;gap:16px}.stats-refresh-row{display:flex;justify-content:flex-end}.admin-refresh-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .15s}.admin-refresh-btn:hover:not(:disabled){background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.admin-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.admin-refresh-btn .spin{animation:admin-spin .8s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border-radius:14px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,border-color .15s ease}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-default)}.stat-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border-radius:var(--radius-sm)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.85rem;color:var(--text-muted)}.admin-tab{background:var(--bg-secondary);border-radius:14px;border:1px solid var(--border-subtle);padding:24px;box-shadow:var(--shadow-sm)}.admin-tab h3{margin:0 0 8px;color:var(--text-primary)}.admin-hint{margin:0 0 24px;color:var(--text-muted)}.admin-tab-header{display:flex;gap:12px;margin-bottom:20px}.admin-search{flex:1;padding:10px 14px;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem}.admin-filter{padding:10px 14px;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;cursor:pointer}.admin-loading{text-align:center;padding:40px;color:var(--text-muted)}.admin-users-list{display:flex;flex-direction:column;gap:8px}.admin-user-item{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid transparent;transition:border-color .15s,background .15s;overflow:hidden}.admin-user-item.expanded{border-color:var(--accent)}.admin-user-row{display:flex;align-items:center;gap:16px;padding:14px 16px;transition:background .15s}.admin-user-row:hover{background:var(--bg-hover)}.admin-user-item.banned .admin-user-row{opacity:.75;background:#da373c14}.user-expand-chevron{color:var(--text-muted);font-size:.7rem;flex-shrink:0}.admin-user-info{flex:1;display:flex;flex-direction:column;gap:2px}.admin-user-name{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-primary)}.admin-badge{padding:2px 6px;background:var(--accent);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.banned-badge{padding:2px 6px;background:var(--error);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.nitro-badge{padding:2px 6px;background:linear-gradient(135deg,#4f6ef7,#eb459e);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.admin-user-email{color:var(--text-secondary);font-size:.85rem}.admin-user-meta{color:var(--text-muted);font-size:.8rem}.admin-user-actions{display:flex;gap:8px}.report-count-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:20px;font-size:.7rem;font-weight:700;background:#6b72801f;color:var(--text-muted)}.report-count-badge.reports-low{background:#f59e0b26;color:#d97706}.report-count-badge.reports-mid{background:#f9731626;color:#ea580c}.report-count-badge.reports-high{background:#ef44442e;color:#dc2626;animation:report-pulse 2s infinite}@keyframes report-pulse{0%,to{opacity:1}50%{opacity:.7}}.user-detail-panel{border-top:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:14px;background:var(--bg-primary)}.user-detail-loading{padding:24px;text-align:center;color:var(--text-muted);font-size:.85rem}.user-detail-header{display:flex;align-items:flex-start;gap:14px}.user-detail-identity{flex:1;display:flex;flex-direction:column;gap:3px}.user-detail-name{display:flex;align-items:center;gap:7px;font-weight:700;font-size:1rem;color:var(--text-primary);flex-wrap:wrap}.user-detail-sub{font-size:.8rem;color:var(--text-muted)}.user-detail-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;padding:4px 8px;border-radius:6px;transition:background .15s;flex-shrink:0}.user-detail-close:hover{background:var(--bg-secondary)}.user-detail-stats{display:flex;gap:8px;flex-wrap:wrap}.user-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;background:var(--bg-secondary);border-radius:8px;min-width:70px;border:1px solid var(--border)}.user-stat span{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.user-stat small{font-size:.7rem;color:var(--text-muted);text-align:center}.user-stat.reports-low span{color:#d97706}.user-stat.reports-mid span{color:#ea580c}.user-stat.reports-high span{color:#dc2626}.user-detail-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.user-reports-breakdown{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.user-report-reason-pill{padding:3px 10px;border-radius:20px;background:#ef44441a;color:#dc2626;font-size:.75rem;font-weight:500}.user-reports-list{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto}.user-report-row{display:flex;align-items:center;gap:10px;padding:7px 10px;background:var(--bg-secondary);border-radius:7px;font-size:.8rem;flex-wrap:wrap}.user-report-row.status-reviewed{opacity:.55}.user-report-row.status-dismissed{opacity:.4;text-decoration:line-through}.user-report-reason{font-weight:700;padding:1px 6px;border-radius:4px;background:#ef44441f;color:#dc2626;flex-shrink:0}.user-report-by{color:var(--text-muted);flex-shrink:0}.user-report-details{flex:1;color:var(--text-secondary);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-report-date{color:var(--text-muted);flex-shrink:0;font-size:.72rem}.user-report-status{flex-shrink:0;font-size:.7rem;font-weight:600;padding:1px 6px;border-radius:4px}.user-report-status.pending{background:#f59e0b26;color:#d97706}.user-report-status.reviewed{background:#22c55e1f;color:#16a34a}.user-report-status.dismissed{background:#6b72801f;color:var(--text-muted)}.user-teams-list{display:flex;flex-wrap:wrap;gap:6px}.user-team-pill{padding:3px 10px;border-radius:20px;background:#4f6ef71a;color:#4f6ef7;font-size:.78rem;font-weight:500}.user-detail-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--border)}.ban-reason-row{display:flex;gap:6px;align-items:center;flex:1}.ban-reason-input{flex:1;padding:6px 10px;border-radius:7px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:.82rem;outline:none}.ban-reason-input:focus{border-color:var(--accent)}.admin-waitlist-list{display:flex;flex-direction:column;gap:8px}.admin-waitlist-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-subtle, transparent)}.admin-waitlist-info{flex:1;display:flex;flex-direction:column;gap:4px}.admin-waitlist-email{font-weight:500;color:var(--text-primary);font-size:.95rem}.admin-waitlist-meta{color:var(--text-muted);font-size:.82rem}.admin-waitlist-item .action-btn{display:inline-flex;align-items:center;gap:6px}.action-btn{padding:8px 12px;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.action-btn.ban{background:#da373c33;color:var(--error)}.action-btn.ban:hover{background:var(--error);color:#fff}.action-btn.unban{background:#23a55933;color:var(--success)}.action-btn.unban:hover{background:var(--success);color:#fff}.action-btn.promote{background:var(--accent-muted);color:var(--accent)}.action-btn.promote:hover{background:var(--accent);color:var(--accent-text)}.action-btn.demote{background:#f0b23233;color:var(--warning)}.action-btn.demote:hover{background:var(--warning);color:#fff}.action-btn.nitro-on{background:linear-gradient(135deg,#4f6ef74d,#eb459e4d);color:var(--accent)}.action-btn.nitro-on:hover{background:linear-gradient(135deg,var(--accent) 0%,#eb459e 100%);color:var(--accent-text)}.action-btn.nitro-off{background:#4f6ef726;color:var(--text-muted)}.action-btn.nitro-off:hover{background:var(--accent-muted);color:var(--accent)}.action-btn.delete{background:#da373c33;color:var(--error)}.action-btn.delete:hover{background:var(--error);color:#fff}.admin-teams-list{display:flex;flex-direction:column;gap:8px}.admin-team-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius);transition:background .15s}.admin-team-item:hover{background:var(--bg-hover)}.admin-team-icon{width:48px;height:48px;border-radius:var(--radius);background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;color:var(--accent-text)}.admin-team-info{flex:1;display:flex;flex-direction:column;gap:2px}.admin-team-name{font-weight:500;color:var(--text-primary, #fff)}.admin-team-meta{color:var(--text-muted);font-size:.8rem}.broadcast-form{max-width:500px}.broadcast-form .form-group{margin-bottom:16px}.broadcast-form label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase}.broadcast-form select,.broadcast-form textarea{width:100%;padding:10px;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;font-family:inherit;resize:none}.broadcast-btn{padding:12px 24px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:var(--accent-text);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .15s}.broadcast-btn:hover:not(:disabled){background:var(--accent-hover)}.broadcast-btn:disabled{opacity:.5;cursor:not-allowed}.broadcast-btn.sent{background:var(--success)}.health-status-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;margin-bottom:16px;font-weight:600;font-size:.9rem;background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.health-status-banner[data-ok=false]{background:#ef44441a;color:#dc2626;border-color:#ef444440}.health-status-ts{margin-left:auto;font-size:.78rem;font-weight:400;color:var(--text-muted)}.health-last-refresh{font-size:.78rem;color:var(--text-muted)}.health-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px}.health-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.health-card-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.health-card-value{font-size:1.15rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px}.health-card-value.health-warn{color:#f59e0b}.health-card-sub{font-size:.75rem;color:var(--text-muted)}.health-db-status{font-size:.9rem}.health-status-ok{color:#22c55e}.health-status-err{color:#ef4444}.health-logs-section{margin-top:8px}.health-logs-toggle{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s;margin-bottom:10px}.health-logs-toggle:hover{background:var(--bg-secondary)}.health-logs-list{border:1px solid var(--border);border-radius:10px;overflow:hidden;max-height:420px;overflow-y:auto}.health-log-entry{padding:8px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.health-log-entry:last-child{border-bottom:none}.health-log-entry:hover{background:var(--bg-secondary)}.health-log-header{display:flex;align-items:center;gap:10px;font-size:.8rem}.health-log-time{color:var(--text-muted);flex-shrink:0;font-family:monospace}.health-log-context{color:#4f6ef7;font-weight:600;flex-shrink:0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-log-msg{color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-log-code{flex-shrink:0;padding:1px 6px;border-radius:4px;font-size:.72rem;font-weight:700}.health-log-code.err{background:#ef44441f;color:#ef4444}.health-log-code.warn{background:#f59e0b1f;color:#f59e0b}.health-log-stack{margin-top:8px;padding:8px 10px;background:var(--bg-primary);border-radius:6px;font-size:.72rem;line-height:1.5;color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.health-logs-reload{display:flex;align-items:center;gap:6px;padding:8px 14px;background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;width:100%;justify-content:center;border-top:1px solid var(--border)}.health-logs-reload:hover{color:var(--text-primary)}.reports-filter-bar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.reports-filter-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:none;color:var(--text-muted);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s}.reports-filter-btn.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.reports-list{display:flex;flex-direction:column;gap:10px}.report-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.report-card-meta{display:flex;align-items:center;gap:10px}.report-reason-badge{padding:2px 8px;border-radius:6px;background:#ef44441f;color:#ef4444;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.report-card-time{font-size:.78rem;color:var(--text-muted);margin-left:auto}.report-card-users{font-size:.88rem;color:var(--text-secondary)}.report-card-msgid{font-size:.78rem;color:var(--text-muted)}.report-card-details{font-size:.85rem;color:var(--text-primary);margin:0;padding:8px 10px;background:var(--bg-primary);border-radius:6px;border-left:3px solid var(--border);font-style:italic}.report-card-actions{display:flex;gap:8px;margin-top:4px}.report-action-btn{padding:6px 14px;border-radius:7px;border:none;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.report-action-btn.reviewed{background:#22c55e1f;color:#16a34a}.report-action-btn.reviewed:hover{background:#22c55e33}.report-action-btn.dismissed{background:#6b72801f;color:var(--text-muted)}.report-action-btn.dismissed:hover{background:#6b728033}.admin-empty{text-align:center;color:var(--text-muted);padding:40px 0;font-size:.9rem}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;font-size:.88rem;color:var(--text-muted)}.admin-pagination button{padding:6px 14px;border-radius:7px;border:1px solid var(--border);background:none;color:var(--text-primary);cursor:pointer;font-size:.82rem}.admin-pagination button:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.admin-header{padding:16px}.admin-nav{padding:12px 16px;overflow-x:auto}.admin-content{padding:16px}.admin-user-row,.user-detail-actions{flex-wrap:wrap}.user-detail-stats{gap:6px}.user-stat{min-width:60px;padding:8px 10px}}.legal-page{min-height:100%;display:flex;flex-direction:column;background:var(--bg-primary);overflow-y:auto;user-select:text;-webkit-user-select:text}.legal-topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.legal-topbar-brand{display:flex;align-items:center;gap:12px}.legal-topbar .legal-logo{width:32px;height:32px;border-radius:8px;object-fit:contain}.legal-topbar-title{font-size:1rem;font-weight:600;color:var(--text-primary, #f2f3f5)}.legal-back-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid var(--border-default);border-radius:6px;color:var(--accent);font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s}.legal-back-link:hover{background:var(--bg-tertiary);border-color:var(--border-strong)}.legal-document{flex:1;max-width:800px;width:100%;margin:0 auto;padding:48px 24px 64px}.legal-document-header{margin-bottom:40px}.legal-document h1{font-size:2rem;font-weight:700;color:var(--text-primary, #f2f3f5);line-height:1.25;margin:0 0 8px}.legal-updated{font-size:.9rem;color:var(--text-muted, #949ba4);margin:0}.legal-toc{margin:32px 0 40px;padding:20px 24px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px}.legal-toc h3{font-size:.875rem;font-weight:600;color:var(--text-secondary, #b5bac1);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px}.legal-toc ul{list-style:none;padding:0;margin:0}.legal-toc li{margin-bottom:6px}.legal-toc a{color:var(--accent);font-size:.95rem;text-decoration:none}.legal-toc a:hover{text-decoration:underline}[data-theme=light] .legal-toc h3,[data-theme=light] .legal-toc a{color:#0f1117}[data-theme=light] .legal-toc a:hover{color:var(--accent)}html:not([data-theme=dark]) .legal-toc h3,html:not([data-theme=dark]) .legal-toc a{color:#0f1117}html:not([data-theme=dark]) .legal-toc a:hover{color:var(--accent)}[data-theme=dark] .legal-toc h3{color:var(--text-secondary)}[data-theme=dark] .legal-toc a{color:var(--accent)}.legal-content{font-size:1rem;line-height:1.7;color:var(--text-secondary, #b5bac1);user-select:text;-webkit-user-select:text}.legal-content section{margin-bottom:32px;scroll-margin-top:24px}.legal-content section:last-child{margin-bottom:0}.legal-content h2{font-size:1.25rem;font-weight:600;color:var(--text-primary, #f2f3f5);margin:0 0 12px;padding-top:8px}.legal-content h3{font-size:1.05rem;font-weight:600;color:var(--text-primary, #f2f3f5);margin:24px 0 8px}.legal-content p{margin:0 0 16px}.legal-content p:last-child{margin-bottom:0}.legal-content ul{margin:8px 0 16px;padding-left:24px;list-style:disc}.legal-content li{margin-bottom:6px}.legal-content strong{color:var(--text-primary, #f2f3f5);font-weight:600}.legal-content a{color:var(--accent);text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-footer{flex-shrink:0;margin-top:48px;padding-top:24px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.legal-footer-links{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-muted, #949ba4)}.legal-footer-links a{color:var(--accent);text-decoration:none}.legal-footer-links a:hover{text-decoration:underline}.legal-footer-sep{color:var(--border-default);-webkit-user-select:none;user-select:none}.legal-footer-current{color:var(--text-secondary, #b5bac1);font-weight:500}@media (max-width: 640px){.legal-topbar{padding:12px 16px}.legal-document{padding:32px 16px 48px}.legal-document h1{font-size:1.5rem}.legal-toc{padding:16px}}.qr-redirect-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary);color:var(--text-primary, #f2f3f5);text-align:center}.qr-redirect-loading{font-size:18px;color:var(--text-muted, #949ba4)}.qr-redirect-fallback{max-width:360px}.qr-redirect-fallback h2{margin:0 0 16px;font-size:1.5rem}.qr-redirect-fallback p{margin:0 0 12px;color:var(--text-muted, #949ba4);line-height:1.5}.qr-redirect-desc{margin-bottom:24px}.qr-redirect-btn{display:inline-block;background:var(--accent-primary, #4f6ef7);color:var(--accent-text);border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.qr-redirect-btn:hover,.qr-redirect-btn:active{background:var(--accent-hover)}.qr-redirect-hint{margin-top:24px;font-size:.9rem;opacity:.9}.landing-page{scroll-behavior:smooth;--bg-primary: #313338;--bg-secondary: #2b2d31;--bg-tertiary: #1e1f22;--text-primary: #f2f3f5;--text-secondary: #b5bac1;--text-muted: #949ba4;--text-link: #00a8fc;--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--accent: #5865f2;--accent-hover: #4752c4;--accent-muted: rgba(88, 101, 242, .15);--radius: 8px;--radius-lg: 12px;--shadow-md: 0 4px 8px rgba(0, 0, 0, .24);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .4);min-height:100vh;background:var(--bg-tertiary);color:var(--text-primary);overflow-x:hidden}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 24px;background:#1e1f22d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-default)}.nav{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-weight:700;font-size:1.25rem}.nav-links{display:flex;list-style:none;gap:24px}.nav-links a{color:var(--text-secondary)}.nav-links a:hover{color:var(--text-primary)}.nav-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius);border:none;cursor:pointer;font-size:.9375rem}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.btn-lg{padding:14px 28px;font-size:1rem}.btn-icon{width:18px;height:18px}.hero{min-height:100vh;display:flex;align-items:center;gap:64px;max-width:1200px;margin:0 auto;padding:120px 24px 80px;flex-wrap:wrap}.hero-content{flex:1;min-width:300px}.hero-badge{display:inline-block;padding:6px 14px;background:var(--accent-muted);color:var(--accent);border-radius:999px;margin-bottom:24px;font-weight:600;font-size:.8125rem}.hero-title{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin-bottom:20px}.hero-title-line{display:block}.hero-title-line.accent{color:var(--accent)}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:520px;margin-bottom:28px}.hero-cta{display:flex;flex-direction:column;gap:10px}.hero-hint{color:var(--text-muted);font-size:.875rem}.hero-secondary-cta{color:var(--text-link);font-size:.9375rem}.hero-secondary-cta:hover{text-decoration:underline}.hero-visual{flex:1;min-width:320px;max-width:480px}.hero-mockup{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-elevated);border:1px solid var(--border-default)}.mockup-header{display:flex;align-items:center;gap:8px;height:48px;padding:0 16px;border-bottom:1px solid var(--border-default)}.mockup-chat{padding:16px}.mockup-msg{display:flex;gap:12px;margin-bottom:12px}.mockup-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);flex-shrink:0}.mockup-sender{font-weight:600}.mockup-time{margin-left:6px;color:var(--text-muted);font-size:.75rem}.mockup-content{color:var(--text-secondary)}.mockup-typing{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.8125rem}.typing-dot{width:4px;height:4px;border-radius:50%;background:var(--text-secondary)}.trust-bar,.features,.download,.about,.faq{max-width:1200px;margin:0 auto;padding:90px 24px}.section-header{text-align:center;margin-bottom:42px}.section-title{font-size:clamp(1.75rem,3vw,2.25rem);margin-bottom:10px}.section-subtitle{color:var(--text-secondary)}.trust-bar{text-align:center;border-bottom:1px solid var(--border-default);padding-top:36px;padding-bottom:54px}.trust-stats{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:14px;color:var(--text-secondary)}.trust-dot{color:var(--text-muted)}.trust-badges,.principles-badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.trust-badge,.principles-badge{background:var(--accent-muted);color:var(--accent);padding:6px 14px;border-radius:999px;font-size:.8125rem;font-weight:600}.features-grid,.download-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.feature-card,.download-card,.faq-item{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.feature-card,.download-card{padding:26px}.feature-card:hover,.download-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-muted);color:var(--accent);border-radius:var(--radius);margin-bottom:16px}.feature-icon svg{width:24px;height:24px}.feature-card p,.about-text,.faq-answer{color:var(--text-secondary)}.download{position:relative;overflow:hidden}.download-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(88,101,242,.06) 50%,transparent 100%);pointer-events:none}.download .section-header,.download-cards,.download-web-hint{position:relative}.download-badge{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-muted);padding:6px 12px;border-radius:999px;margin-bottom:14px}.download-card-icon{width:56px;height:56px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius)}.download-card-icon svg{width:32px;height:32px}.download-card--windows .download-card-icon{background:#0078d733}.download-card-icon-img{width:32px;height:32px;object-fit:contain}.download-card--windows .download-card-icon-img{filter:brightness(0) saturate(100%) invert(48%) sepia(79%) saturate(2476%) hue-rotate(189deg)}.download-card--android .download-card-icon{background:#3ddc8433;color:#3ddc84}.download-card{text-align:center}.download-card-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.9375rem}.download-btn{width:100%;margin-bottom:0}.download-size,.about-meta{color:var(--text-muted);font-size:.8125rem}.download-web-hint{max-width:480px;margin:32px auto 0;text-align:center;color:var(--text-secondary);font-size:.9375rem}.download-web-hint a{color:var(--accent);font-weight:600}.download-web-hint a:hover{color:var(--accent-hover);text-decoration:underline}.about{max-width:760px;text-align:center}.about-meta span:nth-child(2){margin:0 8px}.faq{max-width:760px}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{overflow:hidden}.faq-question{width:100%;border:none;background:transparent;color:var(--text-primary);padding:18px 22px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;font-weight:600}.faq-icon{color:var(--text-muted);font-size:1.2rem}.faq-answer-wrapper{overflow:hidden}.faq-answer{padding:0 22px 18px}.principles{padding:80px 24px 100px;background:linear-gradient(180deg,transparent 0%,rgba(88,101,242,.04) 100%)}.principles-inner{max-width:700px;margin:0 auto;text-align:center}.principles-title{font-size:1.5rem;margin-bottom:12px}.principles-text{color:var(--text-secondary);margin-bottom:18px}.sticky-cta{position:fixed;top:0;left:0;right:0;z-index:99;display:flex;justify-content:center;align-items:center;gap:14px;padding:10px 22px;background:#1e1f22f7;border-bottom:1px solid var(--border-default);transform:translateY(-100%);transition:transform .25s ease}.sticky-cta.visible{transform:translateY(0)}.sticky-cta-text{color:var(--text-secondary)}.footer{padding:28px 24px;background:var(--bg-secondary);border-top:1px solid var(--border-default)}.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.footer-links{display:flex;gap:8px;justify-self:center}.footer-links a{color:var(--text-link)}.footer-copy{justify-self:end;color:var(--text-muted);font-size:.875rem}@media (max-width: 900px){.hero{flex-direction:column;padding-top:100px}.hero-content{text-align:center}.hero-subtitle{margin-left:auto;margin-right:auto}}@media (max-width: 768px){.nav-links{display:none}}@media (max-width: 640px){.nav-actions{display:none}.footer-inner{grid-template-columns:1fr;justify-items:center}.footer-copy{justify-self:center}.sticky-cta{flex-direction:column}}.nf-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(900px 520px at 15% -20%,var(--cosmic-bg-orb-1, rgba(79, 110, 247, .12)),transparent 70%),radial-gradient(760px 480px at 95% 8%,var(--cosmic-bg-orb-2, rgba(99, 102, 241, .08)),transparent 72%),linear-gradient(145deg,#eceef8,#f2f3fb 40%,#e8ecf7);position:relative}.nf-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% -20%,var(--cosmic-bg-orb-1, rgba(79, 110, 247, .08)),transparent 70%);pointer-events:none}.nf-card{width:100%;max-width:400px;padding:40px 36px;background:linear-gradient(160deg,rgba(var(--accent-rgb, 79, 110, 247),.04) 0%,rgba(var(--accent-rgb, 79, 110, 247),.01) 58%,transparent 100%),#fffffff5;border-radius:20px;box-shadow:0 8px 40px #00000014,0 1px 2px #0000000a;border:1px solid rgba(0,0,0,.06);position:relative;z-index:1;text-align:center}.nf-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:1.2rem;color:var(--text-primary, #1a1a2e);margin-bottom:32px}.nf-logo-img{width:36px;height:36px;border-radius:10px;object-fit:contain}.nf-title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1a1a2e);margin:0 0 8px}.nf-desc{font-size:.95rem;color:var(--text-secondary, #666);line-height:1.5;margin:0 0 24px}.nf-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.nf-btn-primary{display:inline-flex;align-items:center;background:var(--accent, #4f6ef7);color:var(--accent-text);font-weight:600;font-size:.95rem;padding:12px 24px;border-radius:12px;text-decoration:none;transition:opacity .2s,transform .2s}.nf-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.nf-btn-ghost{display:inline-flex;align-items:center;border:1px solid rgba(0,0,0,.12);color:var(--text-primary, #1a1a2e);font-weight:600;font-size:.95rem;padding:11px 22px;border-radius:12px;text-decoration:none;transition:border-color .2s,background .2s}.nf-btn-ghost:hover{border-color:var(--accent, #4f6ef7);background:#4f6ef70f}[data-theme=dark] .nf-page{background:radial-gradient(900px 520px at 15% -20%,var(--cosmic-bg-orb-1),transparent 70%),radial-gradient(760px 480px at 95% 8%,var(--cosmic-bg-orb-2),transparent 72%),var(--bg-tertiary)}[data-theme=dark] .nf-card{background:var(--bg-floating);border-color:var(--border-default);box-shadow:var(--shadow-elevated)}[data-theme=dark] .nf-btn-ghost{border-color:var(--border-default);color:var(--text-primary)}[data-theme=dark] .nf-btn-ghost:hover{border-color:var(--border-strong);background:var(--bg-hover)}