@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#1e1f22;--bg-secondary:#2b2d31;--bg-tertiary:#313338;--bg-accent:#383a40;--bg-hover:#35373c;--bg-modifier:#232428;--text-primary:#f2f3f5;--text-secondary:#b5bac1;--text-muted:#80848e;--text-link:#00a8fc;--blurple:#5865f2;--blurple-hover:#4752c4;--green:#57f287;--red:#ed4245;--yellow:#fee75c;--border:#ffffff0f;--shadow:0 4px 24px #0006;--radius:8px;--radius-sm:4px;--radius-lg:16px;--sidebar-width:240px;--icons-width:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-accent);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.auth-page{background:radial-gradient(ellipse at 60% 40%, #5865f240 0%, transparent 60%), radial-gradient(ellipse at 20% 80%, #57f2871a 0%, transparent 50%), var(--bg-primary);justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 10% 20%,#5865f214 0%,#0000 40%),radial-gradient(circle at 90% 80%,#5865f20f 0%,#0000 40%);position:absolute;top:0;bottom:0;left:0;right:0}.auth-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow), 0 0 0 1px #5865f21a;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow:hidden}.auth-card:before{content:"";background:linear-gradient(90deg, var(--blurple), #7289da, var(--green));height:2px;position:absolute;top:0;left:0;right:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-logo{text-align:center;margin-bottom:24px}.auth-logo .logo-icon{background:linear-gradient(135deg, var(--blurple), #7289da);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:12px;font-size:28px;display:inline-flex;box-shadow:0 0 32px #5865f266}.auth-card h1{text-align:center;color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:700}.auth-card .subtitle{text-align:center;color:var(--text-muted);margin-bottom:28px;font-size:14px}.form-group{margin-bottom:16px}.form-group label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.form-group input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);outline:none;padding:12px 14px;font-family:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}.form-group input:focus{border-color:var(--blurple);box-shadow:0 0 0 3px #5865f233}.form-group input::placeholder{color:var(--text-muted)}.btn{border-radius:var(--radius);cursor:var(--cur-hand);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--blurple);color:#fff;width:100%;margin-top:8px;box-shadow:0 2px 12px #5865f266}.btn-primary:hover:not(:disabled){background:var(--blurple-hover);box-shadow:0 4px 16px #5865f280}.btn-secondary{background:var(--bg-accent);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:6px 12px;font-size:14px}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--red);color:#fff;padding:6px 14px;font-size:13px}.btn-success{background:var(--green);color:#0a0a0a;padding:6px 14px;font-size:13px}.btn-sm{padding:6px 14px;font-size:13px}.auth-switch{text-align:center;color:var(--text-muted);margin-top:20px;font-size:14px}.auth-switch a{color:var(--blurple);font-weight:500;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.error-msg{border-radius:var(--radius-sm);color:#f28b8c;background:#ed42451f;border:1px solid #ed42454d;margin-bottom:16px;padding:10px 14px;font-size:13px;animation:.2s fadeIn}.success-msg{border-radius:var(--radius-sm);color:var(--green);background:#57f2871f;border:1px solid #57f2874d;margin-bottom:16px;padding:10px 14px;font-size:13px;animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-layout{height:100vh;display:flex;overflow:hidden}.nav-sidebar{width:var(--icons-width);background:var(--bg-primary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:12px 0;display:flex;overflow-y:auto}.nav-separator{background:var(--bg-accent);border-radius:1px;width:32px;height:2px;margin:4px 0}.nav-icon-btn{background:var(--bg-secondary);width:48px;height:48px;cursor:var(--cur-hand);color:var(--text-secondary);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:border-radius .2s,background .15s,color .15s;display:flex;position:relative}.nav-icon-btn:hover,.nav-icon-btn.active{background:var(--blurple);color:#fff;border-radius:35%}.nav-icon-btn.active:before{content:"";background:#fff;border-radius:0 2px 2px 0;width:4px;height:60%;position:absolute;left:-12px}.nav-bottom{flex-direction:column;align-items:center;gap:8px;margin-top:auto;display:flex}.channel-sidebar{width:var(--sidebar-width);background:var(--bg-secondary);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);align-items:center;min-height:48px;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.sidebar-section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:16px 16px 4px;font-size:11px;font-weight:700}.dm-item{border-radius:var(--radius);cursor:var(--cur-hand);align-items:center;gap:12px;padding:8px;transition:background .1s;display:flex;position:relative}.dm-item:hover{background:var(--bg-hover)}.dm-item.active{background:var(--bg-accent)}.dm-item .dm-name{color:var(--text-secondary);font-size:14px;font-weight:500}.dm-item:hover .dm-name,.dm-item.active .dm-name{color:var(--text-primary)}.main-content{background:var(--bg-tertiary);flex-direction:column;flex:1;display:flex;overflow:hidden}.content-header{border-bottom:1px solid var(--border);background:var(--bg-tertiary);flex-shrink:0;align-items:center;gap:12px;height:48px;padding:0 16px;font-size:15px;font-weight:600;display:flex}.avatar{text-transform:uppercase;-webkit-user-select:none;user-select:none;color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-md{width:40px;height:40px;font-size:15px}.avatar-lg{width:48px;height:48px;font-size:18px}.user-panel{background:var(--bg-modifier);flex-shrink:0;align-items:center;gap:8px;height:52px;margin-top:auto;padding:0 8px;display:flex}.user-panel .user-info{flex:1;overflow:hidden}.user-panel .user-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.user-panel .user-tag{color:var(--text-muted);font-size:11px}.user-panel .logout-btn{cursor:var(--cur-hand);color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:4px;font-size:16px;transition:color .15s,background .15s;display:flex}.user-panel .logout-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.friends-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.friends-tabs{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:2px;height:48px;padding:0 16px;display:flex}.friend-tab{border-radius:var(--radius-sm);cursor:var(--cur-hand);color:var(--text-muted);background:0 0;border:none;padding:6px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,color .15s;position:relative}.friend-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.friend-tab.active{background:var(--bg-accent);color:var(--text-primary)}.friend-tab .badge{background:var(--red);color:#fff;box-sizing:border-box;border:2px solid var(--bg-secondary);min-width:20px;height:20px;box-shadow:none;border-radius:10px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:800;line-height:1;display:flex;position:absolute;top:-2px;right:-2px}.friends-body{flex:1;padding:16px;overflow-y:auto}.section-header{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:8px 0 12px;font-size:12px;font-weight:700}.friend-item{border-radius:var(--radius);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px;transition:background .1s;display:flex}.friend-item:last-child{border-bottom:none}.friend-item:hover{background:var(--bg-hover)}.friend-info{flex:1;overflow:hidden}.friend-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.friend-status{color:var(--text-muted);font-size:12px}.friend-actions{flex-shrink:0;gap:8px;display:flex}.add-friend-panel{max-width:640px;padding:24px}.add-friend-panel h2{margin-bottom:8px;font-size:20px;font-weight:700}.add-friend-panel p{color:var(--text-muted);margin-bottom:20px;font-size:14px}.add-friend-form{background:var(--bg-modifier);border:1px solid var(--border);border-radius:var(--radius);gap:12px;padding:4px 4px 4px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.add-friend-form:focus-within{border-color:var(--blurple);box-shadow:0 0 0 3px #5865f226}.add-friend-form input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.add-friend-form input::placeholder{color:var(--text-muted)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:40px;display:flex}.empty-state .empty-icon{opacity:.3;font-size:64px}.empty-state p{color:var(--text-muted);max-width:300px;font-size:15px}.chat-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.messages-area{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.mobile-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:12px;height:48px;padding:0 16px;display:none}.hamburger-btn{color:var(--text-secondary);cursor:var(--cur-hand);background:0 0;border:none;align-items:center;font-size:24px;display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;background:#000000b3;animation:.2s fadeIn;display:none;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-width:768px){.mobile-header{display:flex}.nav-sidebar{z-index:1000;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:-320px;box-shadow:4px 0 12px #00000080}.channel-sidebar{top:0;left:calc(-320px + var(--icons-width));z-index:950;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;box-shadow:4px 0 12px #00000080}.app-layout.sidebar-open .nav-sidebar,.app-layout.sidebar-open .channel-sidebar{transform:translate(320px)}.app-layout.sidebar-open .sidebar-overlay{display:block}.main-content{width:100%}.msg-group{max-width:90%}.friend-actions{flex-direction:column;gap:4px}.friend-item{padding:8px}.friends-tabs{white-space:nowrap;justify-content:flex-start;overflow-x:auto}.friends-tabs::-webkit-scrollbar{display:none}.content-header{display:none}.chat-panel{height:calc(100vh - 48px)}}.msg-wrapper{flex-direction:column;width:100%;display:flex}.msg-group{border-radius:var(--radius-lg);gap:12px;max-width:80%;padding:8px 12px;animation:.2s msgIn;display:flex;position:relative}.msg-group-received{background:var(--bg-accent);border-bottom-left-radius:4px;align-self:flex-start}.msg-group-sent{background:var(--blurple);border-bottom-right-radius:4px;flex-direction:row-reverse;align-self:flex-end}.msg-group-sent .msg-header{flex-direction:row-reverse}.msg-group-sent .msg-text{text-align:right;color:#fff}.msg-group-sent .msg-time{color:#fff9}.msg-group-sent .msg-author{color:#fff!important}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-avatar-col{flex-shrink:0}.msg-content-col{flex-direction:column;flex:1;display:flex;overflow:hidden}.msg-header{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.msg-author{font-size:14px;font-weight:700}.msg-time{color:var(--text-muted);font-size:10px}.msg-text{color:var(--text-primary);word-break:break-word;white-space:pre-wrap;font-size:15px;line-height:1.4}.sidebar-section-label:first-child,.sidebar-header{display:none!important}.dm-list{flex:1;padding:16px 8px;overflow-y:auto}.user-panel{background:var(--bg-modifier);border-top:1px solid var(--border);align-items:center;gap:12px;height:64px;padding:0 12px;display:flex}.leave-btn{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;cursor:var(--cur-hand);background:#ffffff0d;margin-left:auto;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.leave-btn:hover{background:var(--red);color:#fff;border-color:#0000;transform:scale(1.05);box-shadow:0 4px 12px #ed424566}.badge{background:var(--red);color:#fff;border:3px solid var(--bg-primary);border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:800;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 4px #0003}.badge-dot{border-radius:50%;width:12px;min-width:12px;height:12px;padding:0}.chat-input-area{flex-shrink:0;padding:0 16px 16px}.chat-input-wrapper{background:var(--bg-accent);border-radius:var(--radius);border:1px solid var(--border);align-items:flex-end;gap:12px;padding:12px 16px;display:flex}.chat-input{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:160px;font-family:inherit;font-size:15px;line-height:1.5}.chat-input::placeholder{color:var(--text-muted)}.send-btn{background:var(--blurple);color:#fff;border-radius:var(--radius-sm);width:32px;height:32px;cursor:var(--cur-hand);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:background .15s,transform .1s;display:flex}.send-btn:hover{background:var(--blurple-hover)}.send-btn:active{transform:scale(.92)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{border:3px solid var(--bg-accent);border-top-color:var(--blurple);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.loading-screen p{color:var(--text-muted);font-size:14px}.toast-container{z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius);box-shadow:var(--shadow);max-width:320px;padding:12px 18px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) toastIn}.toast-success{color:var(--green);background:#1a3a26;border:1px solid #57f2874d}.toast-error{color:#f28b8c;background:#3a1a1a;border:1px solid #ed42454d}.toast-info{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary)}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.unread-dot{background:var(--red);border-radius:50%;flex-shrink:0;width:8px;height:8px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.15s ease-out modal-fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:var(--bg-secondary);color:var(--text-primary);border-radius:12px;width:92%;max-width:460px;max-height:90vh;animation:.18s ease-out modal-pop;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 8px;display:flex}.modal-header h2{margin:0;font-size:20px;font-weight:700}.modal-body{padding:8px 24px 16px}.modal-footer{background:var(--bg-modifier);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.modal-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;display:flex}.close-btn{color:var(--text-muted);cursor:var(--cur-hand);background:0 0;border:none;font-size:24px;line-height:1}.close-btn:hover{color:var(--text-primary)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.attach-btn{background:var(--bg-hover);color:var(--text-secondary);width:32px;height:32px;cursor:var(--cur-hand);border:none;border-radius:50%;flex-shrink:0;font-size:20px;line-height:1;transition:background .15s,color .15s}.attach-btn:hover:not(:disabled){background:var(--blurple);color:#fff}.attach-btn:disabled{opacity:.6;cursor:wait}.msg-image{object-fit:contain;cursor:zoom-in;background:var(--bg-modifier);border-radius:8px;width:auto;max-width:min(360px,100%);height:auto;max-height:320px;margin-top:4px;display:block}.msg-expired{background:var(--bg-modifier);color:var(--text-muted);border-radius:8px;margin-top:4px;padding:8px 12px;font-size:13px;font-style:italic;display:inline-block}.ticks{color:var(--text-muted);vertical-align:middle;align-items:center;margin-left:6px;display:inline-flex}.ticks-seen{color:#3b9eff}.header-call-btn{background:var(--bg-accent);color:var(--text-primary);cursor:var(--cur-hand);border:none;border-radius:6px;margin-left:auto;padding:6px 12px;font-size:13px;font-weight:600}.header-call-btn:hover:not(:disabled){background:var(--bg-hover)}.header-call-btn:disabled{opacity:.5;cursor:not-allowed}.call-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.call-remote-video{z-index:1500;object-fit:contain;background:#000;border-radius:10px;width:min(720px,100vw - 32px);max-height:calc(100vh - 220px);position:fixed;top:56px;right:16px;box-shadow:0 10px 40px #0000008c}.call-card{z-index:1600;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:300px;max-width:calc(100vw - 32px);padding:18px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 12px 40px #00000080}.call-incoming{animation:1.4s ease-in-out infinite call-pulse}.call-active{align-items:stretch}.call-row{align-items:center;gap:10px;display:flex}.call-title{color:var(--text-primary);font-size:16px;font-weight:700}.call-sub{color:var(--text-muted);font-size:12px}.call-buttons{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.call-btn{background:var(--bg-accent);min-width:80px;color:var(--text-primary);cursor:var(--cur-hand);border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:13px;font-weight:600}.call-btn:hover:not(:disabled){background:var(--bg-hover)}.call-btn:disabled{opacity:.5;cursor:not-allowed}.call-btn-on{color:#1e1f22;background:#f0b232}.call-btn-on:hover:not(:disabled){background:#f5c25a}.call-btn-accept{color:#fff;background:#23a55a}.call-btn-accept:hover:not(:disabled){background:#1e8f4e}.call-btn-end{color:#fff;background:#da373c}.call-btn-end:hover:not(:disabled){background:#b92d31}.call-toast{z-index:2000;background:var(--bg-modifier);color:var(--text-primary);border:1px solid var(--border);cursor:var(--cur-hand);border-radius:8px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:14px;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}@keyframes call-pulse{0%,to{box-shadow:0 12px 40px #00000080,0 0 #23a55a80}50%{box-shadow:0 12px 40px #00000080,0 0 0 10px #23a55a00}}.call-status{color:var(--text-muted);text-align:center;font-size:12px}.call-participants{justify-content:center;gap:24px;margin-top:10px;display:flex}.call-person{color:var(--text-secondary);flex-direction:column;align-items:center;gap:6px;max-width:110px;font-size:12px;display:flex}.call-person span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.call-avatar-ring{border-radius:50%;padding:3px;transition:box-shadow .12s;box-shadow:0 0 0 3px #0000}.call-person.speaking .call-avatar-ring{box-shadow:0 0 0 3px #23a55a,0 0 14px 2px #23a55a99}.call-person.speaking{color:#23a55a}.avatar-xl{width:80px;height:80px;font-size:32px}.avatar-wrap{flex-shrink:0;display:inline-flex;position:relative}.status-dot{border:3px solid var(--bg-secondary);box-sizing:content-box;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-2px;right:-2px}.avatar-wrap-md .status-dot{width:12px;height:12px}.avatar-wrap-xl .status-dot{border-width:5px;width:18px;height:18px;bottom:0;right:0}.content-header .status-dot{border-color:var(--bg-tertiary)}.status-online{background:#23a55a}.status-offline{background:#80848e}.status-dot-inline{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.avatar-zoomable{cursor:zoom-in;transition:filter .15s}.avatar-zoomable:hover{filter:brightness(1.12)}.avatar-lightbox{z-index:3000;cursor:zoom-out;background:#000c;justify-content:center;align-items:center;animation:.15s ease-out modal-fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.avatar-lightbox-card{cursor:default;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.avatar-lightbox-img{object-fit:cover;border-radius:50%;width:min(420px,80vw);height:min(420px,80vw);box-shadow:0 20px 60px #0009}.avatar-lightbox-letter{color:#fff;text-transform:uppercase;justify-content:center;align-items:center;font-size:160px;font-weight:700;display:flex}.avatar-lightbox-name{color:#fff;font-size:20px;font-weight:700}.avatar-lightbox-close{color:#fff;width:32px;height:32px;cursor:var(--cur-hand);background:#ffffff26;border:none;border-radius:50%;font-size:20px;position:absolute;top:-8px;right:-8px}.avatar-lightbox-close:hover{background:#ffffff4d}.chat-split{flex:1;min-width:0;min-height:0;display:flex}.chat-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.right-panel{background:var(--bg-secondary);border-left:1px solid var(--border);flex-shrink:0;width:280px;overflow-y:auto}@media (max-width:1000px){.right-panel{display:none}}.profile-card{background:var(--bg-modifier);border-radius:12px;margin:16px;padding-bottom:16px;overflow:hidden}.profile-card-avatar{background:var(--bg-modifier);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:-42px 0 0 16px;display:flex}.profile-card-name{color:var(--text-primary);word-break:break-word;font-size:20px;font-weight:800}.profile-card-status{color:var(--text-muted);align-items:center;margin-top:4px;font-size:13px;display:flex}.profile-card-status.is-online{color:#23a55a}.profile-card-call{background:var(--bg-accent);width:100%;color:var(--text-primary);cursor:var(--cur-hand);border:none;border-radius:6px;margin-top:14px;padding:8px;font-size:13px;font-weight:600}.profile-card-call:hover:not(:disabled){background:var(--bg-hover)}.profile-card-call:disabled{opacity:.5;cursor:not-allowed}.members-aside{padding:16px 8px}.members-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:0 8px 8px;font-size:12px;font-weight:700}.members-section{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:12px 8px 4px;font-size:11px;font-weight:700}.member-row{border-radius:6px;align-items:center;gap:10px;padding:6px 8px;display:flex}.member-row:hover{background:var(--bg-hover)}.member-offline{opacity:.55}.member-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.member-owner{font-size:13px}.user-bar{background:var(--bg-modifier);flex-shrink:0;align-items:center;gap:2px;height:56px;margin-top:auto;padding:0 8px;display:flex}.user-bar-main{min-width:0;cursor:var(--cur-hand);border-radius:6px;flex:1;align-items:center;gap:10px;padding:4px 6px;display:flex}.user-bar-main:hover{background:var(--bg-hover)}.user-bar .user-info{min-width:0;line-height:1.2}.user-bar .user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.user-bar .user-tag{color:var(--text-muted);font-size:12px}.user-bar-btn{width:34px;height:34px;color:var(--text-secondary);cursor:var(--cur-hand);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-bar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.user-bar-btn.is-off{color:#f23f43}.user-bar-btn.is-off:hover{color:#f23f43;background:#f23f431f}.user-bar-leave:hover{color:#f23f43}.btn,.header-call-btn,.profile-card-call,.group-action{justify-content:center;align-items:center;gap:7px;display:inline-flex}.btn svg,.header-call-btn svg,.profile-card-call svg,.group-action svg{opacity:.9;flex-shrink:0}.friend-actions .btn-danger{background:var(--bg-accent);color:var(--text-secondary);box-shadow:none;border:none}.content-header{box-shadow:0 1px #00000040,0 2px 8px #0000001f}.add-section-btn{border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.add-section-btn:hover{background:var(--bg-hover)}.nav-icon-btn svg{display:block}.empty-icon{color:var(--text-muted);opacity:.7}.logo-icon svg{color:#fff}.dm-item{border-radius:8px}.dm-item .avatar{box-shadow:0 0 0 1px #ffffff0a}.group-card{background:var(--bg-modifier);text-align:center;border-radius:12px;flex-direction:column;align-items:center;margin:16px 12px 4px;padding:20px 16px 16px;display:flex}.group-card-photo{position:relative}.group-card-photo-edit{background:var(--bg-accent);width:28px;height:28px;color:var(--text-primary);border:3px solid var(--bg-modifier);box-sizing:content-box;cursor:var(--cur-hand);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:-2px;right:-2px}.group-card-photo-edit:hover:not(:disabled){background:var(--blurple);color:#fff}.group-card-photo-edit:disabled{opacity:.6;cursor:wait}.group-card-name{color:var(--text-primary);word-break:break-word;margin-top:12px;font-size:18px;font-weight:800}.group-card-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.group-card-actions{flex-direction:column;gap:6px;width:100%;margin-top:14px;display:flex}.group-action{background:var(--bg-accent);width:100%;color:var(--text-primary);cursor:var(--cur-hand);border:none;border-radius:6px;padding:8px 10px;font-size:13px;font-weight:600}.group-action:hover:not(:disabled){background:var(--bg-hover)}.group-action-quiet{color:var(--text-muted);background:0 0;font-weight:500}.group-action-quiet:hover:not(:disabled){background:var(--bg-accent);color:var(--text-secondary)}.members-list{padding:8px 8px 16px;overflow-y:auto}.member-owner{letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.member-owner svg{opacity:.8}.pick-list{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.pick-row{cursor:var(--cur-hand);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.pick-row:hover{background:var(--bg-hover)}.pick-row.on{background:#5865f229}.pick-name{color:var(--text-primary);flex:1;font-size:14px}.pick-check{border:2px solid var(--text-muted);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.pick-row.on .pick-check{background:var(--blurple);border-color:var(--blurple)}.sidebar-section-header{margin-bottom:4px;padding:0 4px 0 8px}.sidebar-section-header .sidebar-section-label{display:block!important}.unread-badge{color:#fff;background:#f23f43;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:flex}.desktop-install{background:var(--bg-modifier);border-radius:10px;margin:4px 0 18px;padding:12px 14px}.desktop-install-title{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:700}.desktop-install p{color:var(--text-secondary);margin:0 0 8px;font-size:13px;line-height:1.4}.desktop-install-cmd{background:var(--bg-primary);border-radius:6px;align-items:center;gap:8px;padding:6px 6px 6px 10px;display:flex}.desktop-install-cmd code{min-width:0;color:var(--text-primary);white-space:nowrap;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow-x:auto}.desktop-install-cmd button{background:var(--bg-accent);color:var(--text-primary);cursor:var(--cur-hand);border:none;border-radius:5px;flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:600}.desktop-install-cmd button:hover{background:var(--blurple);color:#fff}.ticks-pending{opacity:.55}.nav-sidebar{scrollbar-width:none;overflow-y:auto}.nav-sidebar::-webkit-scrollbar{display:none}.nav-group-btn{background:var(--bg-accent);padding:0;overflow:hidden}.nav-group-btn img{object-fit:cover;width:100%;height:100%;display:block}.nav-group-btn span{color:#fff;font-size:14px;font-weight:700}.nav-group-btn:hover{background:var(--blurple)}.nav-group-btn.active{background:var(--blurple);border-radius:35%}.nav-icon-btn.add-btn{color:#23a55a;background:var(--bg-accent)}.nav-icon-btn.add-btn:hover{color:#fff;background:#23a55a;border-radius:35%}.dm-section-label{margin:4px 8px 6px;display:block!important}.dm-list .dm-section-label.sidebar-section-label{display:block!important}.btn,.btn-primary:not(.btn),.btn-link,.cancel-link,.avatar-btn,.group-action,.call-btn,.header-call-btn,.profile-card-call,.desktop-install-cmd button{letter-spacing:.1px;-webkit-tap-highlight-color:transparent;font-family:inherit;transition:background .15s,color .15s,box-shadow .15s,transform .12s,border-color .15s,opacity .15s}:is(.btn:focus-visible,.btn-primary:focus-visible,.btn-link:focus-visible,.avatar-btn:focus-visible,.group-action:focus-visible,.call-btn:focus-visible,.header-call-btn:focus-visible,.profile-card-call:focus-visible){outline-offset:2px;outline:2px solid #6e7affd9}.btn{border-radius:10px;font-weight:600}.btn:active:not(:disabled){transform:scale(.97)}.btn-sm{border-radius:8px;min-height:32px;padding:0 14px;font-size:13px}.btn-primary{color:#fff;background:linear-gradient(#6a76f7 0%,#5865f2 100%);box-shadow:inset 0 1px #fff3,0 4px 14px #5865f252}.btn-primary:hover:not(:disabled){background:linear-gradient(#7580f8 0%,#5f6cf4 100%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,0 6px 18px #5865f273}.btn-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-primary:disabled{box-shadow:none;opacity:.5;cursor:not-allowed}.btn-primary:not(.btn),.btn-link,.cancel-link{width:auto;height:38px;cursor:var(--cur-hand);white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:0;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary:not(.btn):active:not(:disabled),.btn-link:active:not(:disabled){transform:scale(.97)}.btn-link,.cancel-link{color:var(--text-secondary);background:0 0}.btn-link:hover:not(:disabled),.cancel-link:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-link:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-accent);color:var(--text-primary);box-shadow:inset 0 0 0 1px #ffffff0d}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);box-shadow:inset 0 0 0 1px #ffffff17}.btn-danger{color:#fff;background:#e5484d;box-shadow:inset 0 1px #ffffff26}.btn-danger:hover:not(:disabled){background:#f0565b}.btn-success{color:#fff;background:#2fb26a;box-shadow:inset 0 1px #ffffff2e}.btn-success:hover:not(:disabled){background:#36c577}.friend-actions .btn-danger{background:var(--bg-accent);color:var(--text-secondary);box-shadow:none}.friend-actions .btn-danger:hover{color:#fff;background:#e5484d}.friend-actions{gap:8px}.modal-footer,.modal-actions{align-items:center;gap:8px}.modal-footer{padding:14px 20px}.avatar-btn{border-radius:10px;height:36px;padding:0 16px;font-weight:600}.group-action{border-radius:10px;height:36px}.group-action:active:not(:disabled){transform:scale(.98)}.header-call-btn,.profile-card-call{background:var(--bg-accent);border-radius:10px;height:34px;padding:0 14px;box-shadow:inset 0 0 0 1px #ffffff0d}.profile-card-call{height:38px}.header-call-btn:hover:not(:disabled),.profile-card-call:hover:not(:disabled){box-shadow:inset 0 0 0 1px #ffffff1a}.header-call-btn:active:not(:disabled),.profile-card-call:active:not(:disabled){transform:scale(.97)}.call-btn{border-radius:10px;height:38px;font-size:13px;box-shadow:inset 0 0 0 1px #ffffff0d}.call-btn:active:not(:disabled){transform:scale(.97)}.call-btn-accept{background:linear-gradient(#2fb26a,#23a55a);box-shadow:0 4px 14px #23a55a59}.call-btn-end{background:linear-gradient(#ea5256,#da373c);box-shadow:0 4px 14px #da373c4d}.call-btn-on{box-shadow:0 4px 14px #f0b23240}.send-btn{border-radius:10px}.send-btn:hover:not(:disabled){transform:translateY(-1px)}.copy-btn,.desktop-install-cmd button{border-radius:8px}.desktop-install-cmd code{white-space:normal;word-break:break-all;line-height:1.4;overflow-x:visible}.msg-video{background:#000;border-radius:10px;max-width:min(420px,100%);max-height:320px;margin-top:4px;display:block}.msg-expired a{color:var(--text-link);margin-left:4px}.upload-bar{background:var(--bg-modifier);border-radius:10px;margin:0 16px 8px;padding:10px 12px}.upload-bar-top{color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.upload-bar-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-primary);flex:1;overflow:hidden}.upload-bar-top button{color:var(--text-muted);cursor:var(--cur-hand);background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:600}.upload-bar-top button:hover{background:var(--bg-hover);color:var(--text-primary)}.upload-bar-track{background:var(--bg-accent);border-radius:3px;height:6px;overflow:hidden}.upload-bar-fill{background:linear-gradient(90deg,#6a76f7,#5865f2);border-radius:3px;height:100%;transition:width .2s}.desktop-drag{display:none}html.desktop-app .desktop-drag{background:var(--bg-primary);-webkit-app-region:drag;z-index:1;height:28px;display:block;position:fixed;top:0;left:0;right:0}html.desktop-app .app-layout{height:calc(100vh - 28px);margin-top:28px}html.desktop-app .modal-overlay,html.desktop-app .avatar-lightbox{top:0}html.desktop-app button,html.desktop-app input,html.desktop-app a,html.desktop-app video{-webkit-app-region:no-drag}html.desktop-app body{background:var(--bg-primary)}.banner-editor{background:var(--bg-modifier);border-radius:10px;margin:4px 0 16px;padding:10px 12px}.banner-editor-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.banner-btn{height:32px;cursor:var(--cur-hand);padding:0 12px;font-size:13px}.banner-btn.disabled{opacity:.6;pointer-events:none}.banner-colors span{color:var(--text-muted);margin-right:auto;font-size:13px}.banner-colors input[type=color]{border:2px solid var(--bg-accent);width:34px;height:30px;cursor:var(--cur-hand);background:0 0;border-radius:8px;padding:0}.group-name-input{text-align:center;background:var(--bg-primary);width:100%;color:var(--text-primary);border:1px solid var(--blurple);border-radius:8px;outline:none;margin-top:12px;padding:6px 8px;font-family:inherit;font-size:16px;font-weight:700}.user-bar{position:relative;overflow:hidden}.user-bar>*{z-index:1;position:relative}.user-bar>.user-bar-bg{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.user-bar-bg:after{content:"";background:linear-gradient(90deg,#1213169e,#1213166b);position:absolute;top:0;bottom:0;left:0;right:0}.user-bar-bg~.user-bar-main .user-name{text-shadow:0 1px 3px #0009}.user-bar-bg~.user-bar-main .user-tag{color:#d5d8de}.verified-badge{vertical-align:middle;flex-shrink:0;margin-left:5px;display:inline-flex}.dm-name,.friend-name,.header-name,.profile-card-name,.member-name{align-items:center;min-width:0;display:inline-flex}.dm-name{overflow:hidden}.official-note{background:var(--bg-modifier);color:var(--text-muted);text-align:center;border-radius:10px;margin:0 16px 16px;padding:12px 16px;font-size:13px}.viewer{z-index:3500;cursor:zoom-out;background:#08090bf0;flex-direction:column;animation:.15s ease-out modal-fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}html.desktop-app .viewer{top:28px}.viewer-top{cursor:default;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.viewer-who{align-items:center;gap:12px;min-width:0;display:flex}.viewer-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.viewer-time{color:#b5bac1;font-size:12px}.viewer-tools{background:#ffffff1a;border-radius:12px;gap:2px;margin-left:auto;padding:4px;display:flex}.viewer-tools button,.viewer-tools a{color:#e3e5e8;width:38px;height:38px;cursor:var(--cur-hand);background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;text-decoration:none;display:flex}.viewer-tools button:hover,.viewer-tools a:hover{color:#fff;background:#ffffff24}.viewer-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 24px 24px;display:flex;overflow:hidden}.viewer-stage.zoomed{justify-content:flex-start;align-items:flex-start;overflow:auto}.viewer-img{object-fit:contain;cursor:zoom-in;-webkit-user-select:none;user-select:none;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 20px 60px #0009}.viewer-stage.zoomed .viewer-img{cursor:zoom-out;max-width:none;max-height:none;margin:auto}.chat-input-wrapper{align-items:flex-end;padding:10px 14px}.chat-input{box-sizing:border-box;align-self:flex-end;min-height:32px;margin:0;padding:4px 0;line-height:24px}.chat-input::placeholder{line-height:24px}.viewer{animation:.28s ease-out viewer-in}.viewer.closing{pointer-events:none;animation:.26s ease-in forwards viewer-out}.viewer-top{animation:.34s cubic-bezier(.2,.8,.2,1) viewer-drop}.viewer-img{opacity:0;will-change:transform}.viewer-img.ready{opacity:1}.viewer-img.pop{animation:.3s cubic-bezier(.2,.8,.2,1) viewer-pop}@keyframes viewer-in{0%{background:#08090b00}to{background:#08090bf0}}@keyframes viewer-out{0%{opacity:1}to{opacity:0}}@keyframes viewer-drop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes viewer-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.viewer,.viewer-top,.viewer-img.pop{animation:none}}.add-friend-form{align-items:center;gap:10px;padding:8px 8px 8px 16px}.add-friend-form input{height:38px;padding:0}.add-friend-form .btn-primary{white-space:nowrap;flex-shrink:0;width:auto;height:38px;margin-top:0;padding:0 22px;font-size:14px}.friends-row{background:var(--bg-primary);width:100%;height:46px;color:var(--text-secondary);text-align:left;cursor:var(--cur-hand);border:none;border-radius:10px;align-items:center;gap:14px;margin:2px 0 14px;padding:0 14px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s,color .15s,transform .12s;display:flex}.friends-row svg{flex-shrink:0}.friends-row:hover{background:var(--bg-hover);color:var(--text-primary)}.friends-row:active{transform:scale(.98)}.friends-row.active{background:var(--bg-accent);color:#fff}.friends-row-badge{color:#fff;background:#f23f43;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:flex}.nav-unread-btn{background:0 0;border-radius:50%;padding:0;animation:.3s cubic-bezier(.2,.8,.2,1) unread-pop;position:relative;overflow:visible}.nav-unread-btn .avatar{width:48px;height:48px;transition:border-radius .15s}.nav-unread-btn:hover .avatar{border-radius:35%}.nav-unread-count{color:#fff;min-width:20px;height:20px;box-shadow:0 0 0 3px var(--bg-primary);background:#f23f43;border-radius:10px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:-4px;right:-4px}@keyframes unread-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.right-panel.profile-aside{width:320px}.profile-card{border-radius:16px;margin:16px;padding-bottom:22px}.profile-card-banner{height:128px}.profile-card-avatar{width:124px;height:124px;margin:-58px 0 0 20px}.profile-card-avatar .avatar-xl{width:108px;height:108px;font-size:44px}.profile-card-body{padding:10px 20px 0}.profile-card-name{font-size:26px;line-height:1.2}.profile-card-status{margin-top:6px;font-size:15px}.profile-card-call{border-radius:12px;height:48px;margin-top:16px;font-size:16px}.profile-card-call+.profile-card-call{margin-top:10px}.profile-card-video{color:#fff;background:linear-gradient(#6a76f7 0%,#5865f2 100%);box-shadow:inset 0 1px #fff3,0 4px 14px #5865f252}.profile-card-video:hover:not(:disabled){background:linear-gradient(#7580f8 0%,#5f6cf4 100%)}.header-video-btn,.header-call-btn+.header-video-btn{margin-left:8px}.content-header .header-call-btn:not(:last-of-type){margin-left:auto}.content-header .header-call-btn+.header-video-btn{margin-left:8px}.call-card.call-video{width:460px;padding:14px}.call-stage{aspect-ratio:16/9;background:#0d0e10;border-radius:12px;width:100%;position:relative;overflow:hidden}.call-stage-main{border-radius:12px;transition:box-shadow .12s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 3px #0000}.call-stage-main.speaking{box-shadow:inset 0 0 0 3px #23a55a}.call-stage-video{object-fit:cover;background:#000;width:100%;height:100%}.call-stage-placeholder{background:radial-gradient(circle at 50% 40%,#2b2d31,#14151a);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.call-stage-name{color:#fff;background:#0000008c;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;position:absolute;bottom:8px;left:10px}.call-stage-pip{aspect-ratio:16/9;object-fit:cover;background:#000;border:2px solid #ffffffd9;border-radius:8px;width:28%;position:absolute;bottom:10px;right:10px;transform:scaleX(-1);box-shadow:0 4px 14px #00000080}.call-card.call-video .call-status{margin-bottom:8px}.call-card .call-buttons{flex-wrap:wrap}.call-card .call-btn{white-space:nowrap;min-width:0;padding:0 10px}.shell-update{background:var(--bg-modifier);color:var(--text-secondary);border-radius:10px;flex-direction:column;gap:6px;margin:8px;padding:10px 12px;font-size:12px;display:flex}.shell-update strong{color:var(--text-primary);font-size:13px}.shell-update code{background:var(--bg-primary);word-break:break-all;color:var(--text-primary);border-radius:6px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.shell-update button{background:var(--blurple);color:#fff;cursor:var(--cur-hand);border:none;border-radius:8px;align-self:flex-start;padding:6px 12px;font-size:12px;font-weight:600}.dm-item{position:relative;overflow:hidden}.dm-item>*{z-index:1;position:relative}.dm-item>.dm-item-bg{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.dm-item-bg:after{content:"";background:linear-gradient(90deg,#121316a8,#12131666);transition:background .15s;position:absolute;top:0;bottom:0;left:0;right:0}.dm-item:hover .dm-item-bg:after{background:linear-gradient(90deg,#12131680,#12131647)}.dm-item.active .dm-item-bg:after{background:linear-gradient(90deg,#12131657,#12131629)}.dm-item.active:has(.dm-item-bg){box-shadow:inset 0 0 0 2px #ffffff59}.dm-item:has(.dm-item-bg) .dm-name{color:#fff;text-shadow:0 1px 3px #000000b3}.crop-modal{max-width:620px}.crop-hint{color:var(--text-muted);margin:0 0 12px;font-size:13px}.crop-frame{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 0 0 2px var(--blurple);background:#0d0e10;border-radius:12px;margin:0 auto;position:relative;overflow:hidden}.crop-frame:active{cursor:grabbing}.crop-frame img{pointer-events:none;max-width:none;position:absolute;top:50%;left:50%}.crop-zoom{width:min(540px,100%);color:var(--text-secondary);align-items:center;gap:12px;margin:14px auto 0;font-size:13px;display:flex}.crop-zoom input[type=range]{accent-color:var(--blurple);flex:1}.crop-error{color:#f23f43;margin-top:10px;font-size:13px}.empty-icon:has(.avatar){opacity:1}.avatar-unsaved{color:#f0b232;margin-top:4px;font-size:12px;font-weight:600}.friend-item-link{cursor:var(--cur-hand)}.friend-item-link:focus-visible{outline-offset:-2px;outline:2px solid #6e7affd9}.friend-item-link .friend-actions{cursor:default}.chat-panel{position:relative}.drop-overlay{z-index:30;pointer-events:none;text-align:center;border:2px dashed var(--blurple);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;text-shadow:0 1px 4px #0009;background:#5865f229;border-radius:14px;justify-content:center;align-items:center;padding:20px;font-size:17px;font-weight:700;display:flex;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.msg-link{color:var(--text-link);word-break:break-all;text-decoration:none}.msg-link:hover{text-decoration:underline}.yt-card{background:#000;border-radius:12px;width:min(420px,100%);margin-top:6px;overflow:hidden}.yt-frame,.yt-thumb{aspect-ratio:16/9;background:#000;border:0;width:100%;padding:0;display:block}.yt-thumb{cursor:var(--cur-hand);position:relative}.yt-thumb img{object-fit:cover;opacity:.92;width:100%;height:100%;transition:opacity .15s;display:block}.yt-thumb:hover img{opacity:1}.yt-play{background:red;border-radius:12px;justify-content:center;align-items:center;width:62px;height:44px;margin:auto;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 4px 16px #00000080}.yt-open{background:var(--bg-modifier);color:var(--text-muted);padding:7px 12px;font-size:12px;text-decoration:none;display:block}.yt-open:hover{color:var(--text-primary)}.msg-group-sent .msg-link{color:#fff;text-underline-offset:2px;text-decoration:underline}.yt-hint{color:#f0b232;background:#2b2d31;padding:7px 12px;font-size:12px}.gif-btn{width:36px;height:36px;cursor:var(--cur-hand);background:#ffffff12;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,transform .12s;display:flex}.gif-btn span{color:#1e1f22;letter-spacing:.3px;background:#dbdee1;border-radius:5px;padding:4px 5px;font-size:11px;font-weight:800;line-height:1}.gif-btn:hover,.gif-btn.on{background:#ffffff24}.gif-btn:active{transform:scale(.95)}.gif-picker{z-index:40;background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:min(440px,100% - 32px);max-height:min(420px,60vh);animation:.14s ease-out modal-pop;display:flex;position:absolute;bottom:calc(100% + 6px);right:16px;overflow:hidden;box-shadow:0 12px 40px #0000008c}.gif-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 12px;display:flex}.gif-title{color:var(--text-primary);font-size:14px;font-weight:700}.gif-count{color:var(--text-muted);margin-right:auto;font-size:12px}.gif-upload{background:var(--blurple);color:#fff;height:30px;cursor:var(--cur-hand);border:none;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.gif-upload:hover:not(:disabled){background:var(--blurple-hover)}.gif-upload:disabled{opacity:.55;cursor:not-allowed}.gif-error{color:#f23f43;margin:8px 12px 0;font-size:12px}.gif-grid{flex:auto;grid-template-columns:repeat(3,1fr);align-content:start;gap:8px;min-height:0;padding:12px;display:grid;overflow-y:auto}.gif-tile{height:0;cursor:var(--cur-hand);background:var(--bg-modifier);border-radius:10px;padding-bottom:100%;position:relative;overflow:hidden}.gif-tile img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.gif-tile:hover{box-shadow:0 0 0 2px var(--blurple)}.gif-remove{color:#fff;width:22px;height:22px;cursor:var(--cur-hand);background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:none;position:absolute;top:4px;right:4px}.gif-tile:hover .gif-remove{display:flex}.gif-remove:hover{background:#da373c}@media (hover:none){.gif-remove{display:flex}}.gif-empty{text-align:center;color:var(--text-muted);flex-direction:column;grid-column:1/-1;align-items:center;gap:4px;padding:24px 12px;font-size:13px;display:flex}.gif-empty strong{color:var(--text-primary);font-size:14px}.msg-gif{cursor:zoom-in;background:var(--bg-modifier);border-radius:10px;max-width:min(320px,100%);max-height:300px;margin-top:4px;display:block}.gif-embed{max-width:100%;display:inline-block}.gif-btn{border-radius:8px;width:30px;height:30px}.gif-btn span{letter-spacing:0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:9.5px;display:flex}.gif-btn{margin-bottom:1px}.msg-group-sent .msg-text{text-align:left}.call-icon-btn{width:44px;height:44px;cursor:var(--cur-hand);background:var(--bg-accent);color:var(--text-primary);border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .12s;display:flex;box-shadow:inset 0 0 0 1px #ffffff0d}.call-icon-btn:hover:not(:disabled){background:var(--bg-hover)}.call-icon-btn:active:not(:disabled){transform:scale(.94)}.call-icon-btn:disabled{opacity:.45;cursor:not-allowed}.call-icon-btn.is-off{color:#f4595d;background:#f23f4329}.call-icon-btn.is-off:hover:not(:disabled){background:#f23f4342}.call-buttons .call-btn{flex:1 1 0}.gif-link-form{gap:8px;padding:0 12px 8px;display:flex}.gif-link-form input{background:var(--bg-primary);min-width:0;height:30px;color:var(--text-primary);border:1px solid #ffffff14;border-radius:8px;outline:none;flex:1;padding:0 10px;font-size:13px}.gif-link-form input:focus{border-color:var(--blurple)}.status-pick{margin:4px 0 14px}.status-pick-row{gap:8px;margin:6px 0;display:flex}.status-pick-btn{background:var(--bg-secondary);height:38px;color:var(--text-primary);cursor:var(--cur-hand);border:1px solid #ffffff14;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.status-pick-btn:hover{background:var(--bg-hover)}.status-pick-btn.active{background:var(--blurple);color:#fff;border-color:#0000}.status-pick small{color:var(--text-muted);font-size:12px}.auth-logo .logo-img{border-radius:20px;margin:0 auto 6px;display:block;box-shadow:0 8px 24px #00000059}.link-btn{width:100%;color:var(--text-link,#8ea1ff);cursor:var(--cur-hand);touch-action:manipulation;background:0 0;border:0;margin-top:12px;padding:6px;font-size:14px;display:block}.link-btn:hover{text-decoration:underline}.info-msg{color:#c9f2d9;background:#23a55a26;border:1px solid #23a55a80;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:14px}.pin-timer{text-align:center;color:var(--text-secondary,#b5bac1);margin-bottom:14px;font-size:15px}.pin-timer strong{font-variant-numeric:tabular-nums;color:#fff;font-size:22px}.pin-input{text-align:center;letter-spacing:12px;font-variant-numeric:tabular-nums;font-size:26px!important}.chatbg-swatches{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chatbg-swatch{width:44px;height:44px;cursor:var(--cur-hand);border:2px solid #0000;border-radius:8px;padding:0}.chatbg-swatch:hover{border-color:var(--text-muted,#949ba4)}.chatbg-swatch.active{border-color:#fff}.chatbg-swatch:disabled{opacity:.6;cursor:default}.chat-panel.has-chat-bg .messages-area,.chat-panel.has-chat-bg .chat-input-area{background:0 0}.chatbg-swatch-ascii{color:#e8e4d6;background:#151517;font:11px/1 monospace}.ascii-scene{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.chat-panel.has-scene>:not(.ascii-scene):not(.drop-overlay){z-index:1;position:relative}@media (min-width:1001px){.right-panel.profile-aside{flex-direction:column;display:flex}.right-panel.profile-aside .profile-card{flex-direction:column;flex:1;margin:12px;padding-bottom:0;display:flex}.right-panel.profile-aside .profile-card-body{flex-direction:column;flex:1;padding-bottom:20px;display:flex}}.profile-card-actions{margin-top:auto;padding-top:16px}.profile-card-actions .profile-card-call:first-child{margin-top:0}.header-tools{align-items:center;gap:4px;margin-left:auto;display:flex}.header-icon-btn{width:36px;height:36px;color:var(--text-secondary);cursor:var(--cur-hand);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.header-icon-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover)}.header-icon-btn:disabled{opacity:.4;cursor:not-allowed}.profile-card-full{background:var(--bg-secondary);width:100%;height:44px;color:var(--text-primary);cursor:var(--cur-hand);border:1px solid #ffffff1a;border-radius:10px;font-size:15px;font-weight:600}.profile-card-full:hover{background:var(--bg-hover)}.profile-card-full:active{transform:scale(.98)}.profile-card .profile-fx{aspect-ratio:300/420;height:auto;bottom:auto;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.install-btn{color:#fff;cursor:var(--cur-hand);background:#5865f2;border:none}.install-btn:hover{background:#4752c4}.nav-home-btn{background:0 0;padding:0}.nav-home-btn:hover,.nav-home-btn.active{background:0 0}.nav-home-btn img{border-radius:inherit;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.nav-home-btn .nav-unread-count{z-index:2}html{-webkit-text-size-adjust:100%}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.mobile-actions,.mobile-info-btn{display:none}@media (max-width:768px){:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px)}.app-layout{flex-direction:column;height:100dvh}.mobile-header{height:calc(52px + var(--sat));padding:var(--sat) 8px 0 4px;background:var(--bg-primary);border-bottom:1px solid var(--border);flex-shrink:0;gap:4px;display:flex}.hamburger-btn{border-radius:10px;justify-content:center;width:44px;height:44px}.hamburger-btn:active{background:var(--bg-hover)}.mobile-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:17px;font-weight:700;overflow:hidden}.mobile-actions{gap:2px;display:flex}.mobile-actions button,.mobile-info-btn{width:44px;height:44px;color:var(--text-secondary);cursor:var(--cur-hand);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.mobile-info-btn{display:flex}.mobile-actions button:active,.mobile-info-btn:active{background:var(--bg-hover)}.mobile-actions button:disabled{opacity:.4}.mobile-info-btn.on{color:var(--text-primary);background:var(--bg-accent)}.nav-sidebar,.channel-sidebar{padding-top:var(--sat);transition:transform .28s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0}.nav-sidebar{width:var(--icons-width);z-index:1000;left:0;transform:translate(-110%)}.channel-sidebar{left:var(--icons-width);width:min(290px, calc(100vw - var(--icons-width) - 24px));z-index:1000;transform:translateX(calc(-100% - var(--icons-width) - 10px))}.app-layout.sidebar-open .nav-sidebar,.app-layout.sidebar-open .channel-sidebar{transform:none}.nav-sidebar{box-shadow:none}.channel-sidebar{box-shadow:6px 0 24px #00000080}.sidebar-overlay{z-index:990}.user-bar{padding-bottom:var(--sab);height:calc(56px + var(--sab))}.main-content{flex:1;width:100%;min-height:0}.chat-split{position:relative}.chat-main{width:100%}.chat-panel{flex:1;height:auto;min-height:0}.messages-area{padding:12px}.msg-group{max-width:94%}.msg-image,.msg-video{max-width:100%}.chat-input-area{padding:0 10px calc(10px + var(--sab))}.chat-input-wrapper{gap:8px;padding:8px 10px}.official-note{margin:0 10px calc(10px + var(--sab))}input,textarea,select,.chat-input{font-size:16px}.right-panel{display:none}.chat-split.info-open .right-panel{z-index:50;background:var(--bg-secondary);width:min(340px,100%);padding-bottom:var(--sab);display:block;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #00000080}.right-panel.profile-aside{width:min(340px,100%)}.friends-tabs{padding:8px 10px}.friend-item{flex-wrap:wrap;gap:10px}.friend-info{flex:1;min-width:0}.friend-actions{flex-direction:row;gap:8px;width:100%}.friend-actions .btn{flex:1;min-height:40px}.friend-actions .btn-danger{flex:0 0 48px}.add-friend-panel{padding:16px 12px}.add-friend-form{flex-wrap:nowrap}.modal-overlay{padding-bottom:var(--sab);align-items:flex-end}.modal-content{border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;max-width:100%;max-height:92dvh}.profile-modal,.crop-modal,.gset{width:100%;max-width:100%}.modal-footer{padding-bottom:calc(14px + var(--sab))}.btn,.btn-primary,.btn-link,.avatar-btn,.group-action,.call-btn{min-height:44px}.call-card,.call-card.call-video{width:auto;max-width:none;left:10px;right:10px;bottom:calc(10px + var(--sab))}.call-remote-video{top:calc(60px + var(--sat));width:auto;max-height:38vh;left:8px;right:8px}.call-toast{top:calc(10px + var(--sat))}.call-buttons{gap:6px}.call-btn{flex:calc(50% - 6px);font-size:14px}}@media (display-mode:standalone){body{background:var(--bg-primary)}}.banner-btn{color:var(--text-primary)!important}@media (max-width:768px){.profile-identity .avatar-hint{display:none}.profile-identity{padding-bottom:14px}}@media (max-width:1000px){.chat-split{position:relative}.right-panel.members-aside{display:none}.chat-split.info-open .right-panel.members-aside{z-index:50;background:var(--bg-secondary);width:min(340px,100%);padding-bottom:var(--sab);display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #00000080}}@media (max-width:768px){.app-layout{height:var(--app-height,100dvh)}.nav-sidebar,.channel-sidebar{height:var(--app-height,100dvh);top:0;bottom:auto}}.dm-item,.chan-row,.friends-row,.nav-icon-btn,.hamburger-btn,.sidebar-overlay{cursor:var(--cur-hand);touch-action:manipulation}:root{--cur-arrow:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2226%22 height=%2226%22 viewBox=%220 0 26 26%22%3E%3Cpath d=%22M5.5 3.2 5.5 20.2 9.7 16.3 12.6 22.8 15.6 21.4 12.7 15 18.6 15Z%22 fill=%22%23ffffff%22 stroke=%22%2317181c%22 stroke-width=%221.6%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") 5 3, default;--cur-hand:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2228%22 viewBox=%220 0 28 28%22%3E%3Cg fill=%22%2317181c%22 stroke=%22%2317181c%22 stroke-width=%223%22 stroke-linejoin=%22round%22%3E%3Crect x=%229.6%22 y=%223%22 width=%224.8%22 height=%2213%22 rx=%222.4%22/%3E%3Crect x=%226.2%22 y=%2212%22 width=%2218.6%22 height=%2212.5%22 rx=%225.5%22/%3E%3Crect x=%2214%22 y=%229.6%22 width=%224.4%22 height=%228.5%22 rx=%222.2%22/%3E%3Crect x=%2218%22 y=%2210.6%22 width=%224.2%22 height=%228.5%22 rx=%222.1%22/%3E%3Crect x=%2221.6%22 y=%2212%22 width=%223.6%22 height=%228%22 rx=%221.8%22/%3E%3Cellipse cx=%226.6%22 cy=%2217.6%22 rx=%222.6%22 ry=%224%22 transform=%22rotate(-35 6.6 17.6)%22/%3E%3C/g%3E%3Cg fill=%22%23ffffff%22%3E%3Crect x=%229.6%22 y=%223%22 width=%224.8%22 height=%2213%22 rx=%222.4%22/%3E%3Crect x=%226.2%22 y=%2212%22 width=%2218.6%22 height=%2212.5%22 rx=%225.5%22/%3E%3Crect x=%2214%22 y=%229.6%22 width=%224.4%22 height=%228.5%22 rx=%222.2%22/%3E%3Crect x=%2218%22 y=%2210.6%22 width=%224.2%22 height=%228.5%22 rx=%222.1%22/%3E%3Crect x=%2221.6%22 y=%2212%22 width=%223.6%22 height=%228%22 rx=%221.8%22/%3E%3Cellipse cx=%226.6%22 cy=%2217.6%22 rx=%222.6%22 ry=%224%22 transform=%22rotate(-35 6.6 17.6)%22/%3E%3C/g%3E%3Cg stroke=%22%2317181c%22 stroke-width=%221%22 stroke-linecap=%22round%22 fill=%22none%22%3E%3Cpath d=%22M14.2 17.5V14.5M18.1 18.2V15.2M21.8 18.2V16%22/%3E%3C/g%3E%3Crect x=%229.4%22 y=%2224.3%22 width=%2212.5%22 height=%222.6%22 rx=%221.2%22 fill=%22%235865f2%22 stroke=%22%23ffffff%22 stroke-width=%221%22/%3E%3C/svg%3E") 12 3, pointer}html,body{cursor:var(--cur-arrow)}input,textarea,[contenteditable=true],.selectable{cursor:text}input[type=checkbox],input[type=radio],input[type=range],input[type=color],input[type=file],select,label{cursor:var(--cur-hand)}:root{--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1)}.nav-sidebar .nav-group-btn:before{content:"";width:4px;height:40px;transition:transform .2s var(--ease-out);pointer-events:none;background:#fff;border-radius:0 4px 4px 0;margin-top:-20px;position:absolute;top:50%;left:-12px;transform:scaleY(0)}.nav-sidebar .nav-group-btn:hover:before{transform:scaleY(.2)}.nav-sidebar .nav-group-btn.active:before{transform:scaleY(1)}.nav-icon-btn{transition:border-radius .2s var(--ease-out), background .15s, color .15s, transform .1s}.nav-icon-btn:active{transform:translateY(1px)}.nav-sidebar .nav-group-btn:hover,.nav-sidebar .nav-group-btn.active{border-radius:16px}.nav-group-btn img,.nav-group-btn span{transition:transform .2s var(--ease-out)}.nav-unread-btn{animation-timing-function:var(--ease-spring)}.tip{z-index:5000;pointer-events:none;color:#dbdee1;opacity:0;max-width:260px;transition:opacity .1s ease, transform .14s var(--ease-out);background:#111214;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:600;line-height:1.25;position:fixed;box-shadow:0 8px 16px #0006}.tip-right{transform:translate(-6px,-50%)}.tip-bottom{transform:translate(-50%,-4px)}.tip-right.on{opacity:1;transform:translateY(-50%)}.tip-bottom.on{opacity:1;transform:translate(-50%)}.dm-item,.friends-row,.chan-row{transition:background .12s,color .12s,transform .1s}.dm-item:active,.chan-row:active{transform:scale(.985)}.friend-item{transition:background .12s, transform .15s var(--ease-out)}.friend-tab{transition:background .15s,color .15s,transform .1s}.friend-tab:active{transform:scale(.96)}.btn:active:not(:disabled),.header-call-btn:active:not(:disabled),.shop-big-btn:active:not(:disabled),.shop-shuffle:active,.shop-more button:active{transform:scale(.97)}.user-bar-btn{transition:background .12s,color .12s,transform .1s}.user-bar-btn:active{transform:scale(.92)}.chan-tools{animation:fade-slide-in .14s var(--ease-out)}.unread-badge,.friends-row-badge{animation:badge-pop .25s var(--ease-spring)}@keyframes badge-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes fade-slide-in{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:none}}.friends-body .friend-item{animation:row-in .28s var(--ease-out) backwards}.friends-body .friend-item:nth-of-type(2){animation-delay:20ms}.friends-body .friend-item:nth-of-type(3){animation-delay:40ms}.friends-body .friend-item:nth-of-type(4){animation-delay:60ms}.friends-body .friend-item:nth-of-type(5){animation-delay:80ms}.friends-body .friend-item:nth-of-type(n+6){animation-delay:.1s}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.modal-content{animation:modal-spring .26s var(--ease-spring)}@keyframes modal-spring{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.shop-modal-back{animation:.15s ease-out modal-fade}.shop-modal{animation:modal-spring .26s var(--ease-spring)}.shop-modal-back.closing{pointer-events:none;animation:.15s ease-in forwards modal-fade-out}.shop-modal-back.closing .shop-modal{animation:.15s ease-in forwards modal-pop-out}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-pop-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.94)}}.shop-grid .shop-card{transition:transform .2s var(--ease-out), border-color .18s, background .18s, box-shadow .2s;animation:card-in .3s var(--ease-out) backwards;animation-delay:calc(min(var(--i,0), 12) * 25ms)}.shop-grid .shop-card:hover{transform:translateY(-4px) perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:0 10px 24px #00000073}.shop-grid .shop-card:active{transform:translateY(-1px)scale(.99)}.shop-buy{transition:opacity .15s ease 30ms, transform .2s var(--ease-out) 30ms}@keyframes card-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.shop-hero-item{transition:color .15s, transform .2s var(--ease-out)}.shop-hero-item:hover{transform:translateY(-3px)}.shop-kinds button,.shop-tabs button{transition:background .15s,color .15s,border-color .15s,transform .1s}.shop-kinds button:active,.shop-tabs button:active{transform:scale(.95)}.shop-hero{animation:row-in .35s var(--ease-out) backwards}@media (prefers-reduced-motion:reduce){.nav-sidebar .nav-group-btn:before,.tip{transition:none}.modal-content,.shop-modal,.shop-modal-back,.shop-grid .shop-card,.shop-hero,.friends-body .friend-item,.chan-tools,.unread-badge,.friends-row-badge{animation:none}.shop-grid .shop-card:hover,.nav-icon-btn:active,.dm-item:active,.btn:active,.shop-hero-item:hover{transform:none}}.avatar-deco{pointer-events:none;z-index:3;width:150%;height:150%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.avatar-deco svg{width:100%;height:100%;display:block;overflow:visible}.avatar-wrap.has-deco{overflow:visible}.profile-fx{pointer-events:none;z-index:6;border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.profile-fx svg{width:100%;height:100%;display:block}.nameplate-bg{z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.nameplate-bg svg{width:100%;height:100%;display:block}:is(.dm-item:has(.nameplate-bg),.member-row:has(.nameplate-bg),.friend-item:has(.nameplate-bg)){border-radius:8px;position:relative}:is(.dm-item:has(.nameplate-bg)>:not(.nameplate-bg),.member-row:has(.nameplate-bg)>:not(.nameplate-bg),.friend-item:has(.nameplate-bg)>:not(.nameplate-bg)){z-index:1;position:relative}:is(.dm-item:has(.nameplate-bg) .dm-name,.member-row:has(.nameplate-bg) .member-name,.friend-item:has(.nameplate-bg) .friend-name){color:#fff;text-shadow:0 1px 3px #000000a6}.dm-item.active:has(.nameplate-bg){box-shadow:inset 0 0 0 2px #ffffff59}.user-bar>.nameplate-bg{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.user-bar:has(>.nameplate-bg) .user-name{color:#fff;text-shadow:0 1px 3px #000000a6}.user-bar:has(>.nameplate-bg) .user-tag{color:#e9ebef;text-shadow:0 1px 3px #000000a6}.user-bar:has(>.nameplate-bg) .user-bar-btn{color:#fff;filter:drop-shadow(0 1px 2px #0009)}.user-bar:has(>.nameplate-bg) .user-bar-btn.is-off{color:#ff8b8d}.user-bar:has(>.nameplate-bg) .user-bar-main:hover{background:#0000002e}.dm-item,.user-bar,.member-row,.friend-item{overflow:visible!important}.dm-item-bg,.nameplate-bg{border-radius:inherit;overflow:hidden}.dm-item .avatar-wrap.has-deco,.user-bar .avatar-wrap.has-deco,.member-row .avatar-wrap.has-deco,.friend-item .avatar-wrap.has-deco{z-index:6}:is(.member-row:has(.has-deco,.nameplate-bg),.friend-item:has(.has-deco,.nameplate-bg)){margin-top:8px;margin-bottom:8px}.dm-item:has(.has-deco){margin-top:5px;margin-bottom:5px}.member-row:has(.nameplate-bg) .member-owner{color:#fff;text-shadow:none;background:#08090c9e;border-color:#ffffff47}.member-row:has(.nameplate-bg) .member-owner svg{color:#f4c85e}.member-row:has(.nameplate-bg) .member-kick{background:#08090c9e}.member-row .nameplate-bg:after,.friend-item .nameplate-bg:after,.dm-item .nameplate-bg:after{content:"";pointer-events:none;background:linear-gradient(90deg,#08090c8c 0%,#08090c47 45%,#08090c00 75%);position:absolute;top:0;bottom:0;left:0;right:0}.profile-modal>.profile-fx{z-index:0}.profile-modal>:not(.profile-fx){z-index:1;position:relative}html.app-hidden :is(.avatar-deco,.nameplate-bg,.profile-fx) svg *,.deco-offscreen svg *,.messages-area .msg-wrapper:not(:hover) .avatar-deco svg *,:is(.dm-item,.member-row,.friend-item):not(:hover) :is(.avatar-deco,.nameplate-bg) svg *{animation-play-state:paused!important}.gif-lock{cursor:help;color:#c9ccd2;justify-content:center;align-items:center;display:flex}.gif-lock svg{fill:none;stroke:currentColor}.protect-row{background:var(--bg-modifier);cursor:var(--cur-hand);border-radius:10px;align-items:center;gap:12px;margin:4px 0 14px;padding:10px 12px;display:flex}.protect-row input{opacity:0;pointer-events:none;position:absolute}.protect-switch{background:var(--bg-accent);border-radius:11px;flex:none;width:38px;height:22px;transition:background .15s;position:relative}.protect-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.protect-row input:checked+.protect-switch{background:#23a55a}.protect-row input:checked+.protect-switch:after{transform:translate(16px)}.protect-row input:focus-visible+.protect-switch{outline-offset:2px;outline:2px solid #6e7affd9}.protect-text{flex-direction:column;min-width:0;display:flex}.protect-text strong{color:var(--text-primary);font-size:14px}.protect-text small{color:var(--text-muted);font-size:12px}.jump-new{z-index:20;height:34px;cursor:var(--cur-hand);background:var(--blurple);color:#fff;border:none;border-radius:17px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;animation:.16s ease-out jump-in;display:inline-flex;position:absolute;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000073}.jump-new:hover{background:var(--blurple-hover)}@keyframes jump-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.gif-wrap{align-self:flex-start;width:fit-content;max-width:100%;display:block;position:relative}.gif-star{z-index:2;width:30px;height:30px;cursor:var(--cur-hand);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.92;background:#0f10149e;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .12s,transform .12s,background .12s;display:flex;position:absolute;top:10px;right:6px}.gif-star svg{fill:none;stroke:#fff;transition:fill .12s,stroke .12s}.gif-wrap:hover .gif-star,.gif-star.on{opacity:1}.gif-star:focus-visible{opacity:1}.gif-star:hover{background:#0f1014d9;transform:scale(1.08)}.gif-star.on svg{fill:#f5c542;stroke:#f5c542}.gif-star:disabled{cursor:wait;opacity:.7}.typing-line{height:22px;color:var(--text-secondary);flex-shrink:0;align-items:center;gap:8px;padding:0 20px;font-size:12px;display:flex}.typing-line b{color:var(--text-primary);font-weight:600}.typing-dots{gap:3px;display:inline-flex}.typing-dots i{background:var(--text-muted);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typing-bounce}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-input-area{position:relative}.slash-menu{z-index:20;background:#0b0b0e;border:1px solid #26262c;border-radius:8px;max-height:min(420px,55vh);padding:6px 8px 8px;position:absolute;bottom:calc(100% - 4px);left:16px;right:16px;overflow-y:auto;box-shadow:0 -6px 24px #00000073}.slash-head{color:#f2f3f5;align-items:center;gap:8px;padding:10px 6px 6px;font-size:15px;font-weight:700;display:flex}.slash-head .avatar{width:22px;height:22px;font-size:11px}.slash-clock{color:#b5bac1;font-size:16px}.slash-row{text-align:left;width:100%;cursor:var(--cur-hand);color:inherit;font:inherit;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px;display:flex}.slash-row.active{background:#1b1c22}.slash-text{flex-direction:column;min-width:0;display:flex}.slash-name{color:#f2f3f5;font-size:16px;font-weight:600}.slash-desc{color:#9a9ea6;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.slash-bot{color:#9a9ea6;flex:none;font-size:13px}@media (max-width:600px){.slash-menu{left:8px;right:8px}.slash-bot{display:none}}.slash-card{z-index:20;background:#0b0b0e;border:1px solid #26262c;border-radius:8px;position:absolute;bottom:calc(100% - 4px);left:16px;right:16px;overflow:hidden;box-shadow:0 -6px 24px #00000073}.slash-card-top,.slash-card-row{align-items:center;gap:10px;min-width:0;padding:10px 14px;display:flex}.slash-card-top{border-bottom:1px solid #26262c}.slash-card-name{color:#f2f3f5;flex:none;font-size:17px;font-weight:700}.slash-card-desc{color:#9a9ea6;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;overflow:hidden}.slash-card-x{color:#f2f3f5;width:26px;height:26px;cursor:var(--cur-hand);touch-action:manipulation;background:#4e5058;border:0;border-radius:50%;flex:none;font-size:18px;line-height:1}.slash-card-x:hover{background:#6d6f78}.slash-card-row .avatar{flex:none;width:28px;height:28px;font-size:13px}.slash-card-opt{color:#9a9ea6;flex:none;font-size:15px}.slash-card-optdesc{color:#6f737b;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}@media (max-width:600px){.slash-card{left:8px;right:8px}.slash-card-optdesc{display:none}}.msg-buttons{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.msg-btn{cursor:var(--cur-hand);color:#fff;touch-action:manipulation;border:0;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:filter .15s,transform 50ms}.msg-btn:hover{filter:brightness(1.12)}.msg-btn:active{transform:translateY(1px)}.msg-btn-primary{background:#248046}.msg-btn-secondary{background:#4e5058}.msg-btn-danger{background:#da373c}.members-aside{flex-direction:column;padding:0;display:flex}.members-head{justify-content:space-between;align-items:center;padding:16px 12px 4px 16px;display:flex}.members-head .members-title{padding:0}.members-add{width:30px;height:30px;color:var(--text-secondary);cursor:var(--cur-hand);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.members-add:hover{background:var(--bg-hover);color:var(--text-primary)}.header-clickable{cursor:var(--cur-hand);border-radius:8px;align-items:center;gap:12px;margin-left:-8px;padding:4px 8px;display:inline-flex}.header-clickable:hover{background:var(--bg-hover)}.header-clickable .header-chevron{color:var(--text-muted);font-size:12px}.gset{border-radius:12px;width:92%;max-width:460px;overflow:hidden;padding:0!important}.gset-banner{height:72px;position:relative}.gset-body{padding:0 24px 20px}.gset-top{z-index:1;align-items:center;gap:14px;margin-top:16px;margin-bottom:8px;display:flex;position:relative}.gset-pic{flex-shrink:0;line-height:0}.gset-pic .avatar{width:64px;height:64px;font-size:26px}.gset-title{min-width:0}.gset-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:800;overflow:hidden}.gset-sub{color:var(--text-muted);font-size:12px}.gset-section{background:var(--bg-modifier);border-radius:10px;margin:10px 0;padding:12px 14px}.gset-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:700}.gset-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gset-row+.gset-row{margin-top:8px}.gset-input{background:var(--bg-primary);min-width:0;color:var(--text-primary);border:1px solid #0000;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-family:inherit;font-size:14px}.gset-input:focus{border-color:var(--blurple)}.gset-btn{height:34px;cursor:var(--cur-hand);background:var(--bg-accent);color:var(--text-primary);border:none;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.gset-btn:hover:not(:disabled):not(.disabled){background:var(--bg-hover)}.gset-btn:disabled,.gset-btn.disabled{opacity:.5;pointer-events:none}.gset-btn.primary{color:#fff;background:linear-gradient(#6a76f7,#5865f2)}.gset-colors{align-items:center;gap:8px;display:flex}.gset-colors span{color:var(--text-muted);margin-right:auto;font-size:13px}.gset-colors input[type=color]{border:2px solid var(--bg-accent);width:34px;height:30px;cursor:var(--cur-hand);background:0 0;border-radius:8px;padding:0}.gset-note{color:var(--text-muted);margin:6px 0 2px;font-size:13px;line-height:1.4}.gset-foot{justify-content:flex-end;padding-top:6px;display:flex}.gset-close{color:#fff;width:32px;height:32px;cursor:var(--cur-hand);background:#00000059;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.gset-close:hover{background:#0000008c}.member-kick{color:#ed4245;cursor:var(--cur-hand);opacity:0;background:0 0;border:1px solid #ed4245;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:12px}.member-row:hover .member-kick,.member-kick:focus{opacity:1}.member-kick:hover{color:#fff;background:#ed4245}@media (hover:none){.member-kick{opacity:1}}.up-overlay{z-index:1100}.up-window{background:var(--bg-primary);border:1px solid #ffffff0f;border-radius:16px;width:min(800px,94vw);height:min(560px,88vh);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009}.up-loading{color:var(--text-muted);margin:auto}.up-close{z-index:3;color:#fff;width:34px;height:34px;cursor:var(--cur-hand);background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.up-close:hover{background:#000000b3}.up-left{background:var(--bg-modifier);flex-shrink:0;width:340px;position:relative}.up-banner{height:130px}.up-avatar{background:var(--bg-modifier);border-radius:50%;justify-content:center;align-items:center;width:116px;height:116px;margin:-54px 0 0 20px;display:flex;position:relative}.up-avatar .avatar-xl{width:100px;height:100px;font-size:40px}.up-info{padding:10px 22px 24px}.up-name{color:var(--text-primary);word-break:break-word;align-items:center;gap:6px;font-size:26px;font-weight:800;display:flex}.up-status{color:var(--text-muted);margin-top:2px;font-size:14px}.up-status.is-online{color:#23a55a}.up-actions{align-items:center;gap:8px;margin:18px 0 20px;display:flex}.up-btn{height:40px;cursor:var(--cur-hand);color:var(--text-primary);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.up-btn:disabled{opacity:.55;cursor:not-allowed}.up-btn-primary{color:#fff;background:#5865f2}.up-btn-primary:hover:not(:disabled){background:#4752c4}.up-btn-secondary{background:var(--bg-secondary);border:1px solid #ffffff14}.up-btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.up-icon-btn{background:var(--bg-secondary);width:40px;height:40px;color:var(--text-primary);cursor:var(--cur-hand);border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:inline-flex}button.up-icon-btn:hover{background:var(--bg-hover)}@keyframes up-menu-in{0%{opacity:0;transform:translate(-8px)scale(.92)}to{opacity:1;transform:none}}.up-menu-wrap{position:relative}.up-menu{transform-origin:0 0;z-index:4;background:var(--bg-primary);border:1px solid #ffffff1a;border-radius:10px;min-width:140px;padding:4px;animation:.16s cubic-bezier(.2,.8,.2,1) up-menu-in;position:absolute;top:0;left:48px;box-shadow:0 8px 24px #00000080}.up-menu button{text-align:left;width:100%;color:var(--text-primary);cursor:var(--cur-hand);background:0 0;border:none;border-radius:6px;padding:6px 9px;font-size:12px;display:block}.up-menu button:hover{background:var(--bg-hover)}.up-menu button.danger{color:#ed4245}.up-field{margin-top:18px}.up-label{color:var(--text-muted);font-size:13px;font-weight:600}.up-value{color:var(--text-primary);margin-top:6px;font-size:16px}.up-note{resize:none;width:100%;color:var(--text-primary);font:inherit;background:0 0;border:none;outline:none;margin-top:6px;padding:6px 0;font-size:15px}.up-note::placeholder{color:var(--text-muted)}.up-note:focus{background:#ffffff0a;border-radius:6px;padding-left:8px}.up-right{background:#000;flex-direction:column;flex:1;min-width:0;padding:0 20px;display:flex}.up-tabs{scrollbar-width:none;border-bottom:1px solid #ffffff1a;gap:20px;padding-top:58px;display:flex;overflow-x:auto}.up-tabs button{color:var(--text-secondary);cursor:var(--cur-hand);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 12px;font-size:14px;font-weight:600}.up-tabs button:hover{color:var(--text-primary)}.up-tabs button.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.up-tab-body{flex:1;padding:14px 0;overflow-y:auto}.up-empty{text-align:center;height:100%;min-height:240px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.up-empty strong{color:var(--text-primary);font-size:16px;font-weight:600}.up-empty span{max-width:360px;font-size:14px}.up-empty .up-btn{margin-top:12px}.up-row{border-radius:10px;align-items:center;gap:12px;padding:10px 8px;display:flex}.up-row:hover{background:#ffffff0d}.up-row-name{color:var(--text-primary);flex:1;font-size:14px;font-weight:600}@media (max-width:760px){.up-window{border-radius:0;flex-direction:column;width:100vw;height:100dvh;overflow-y:auto}.up-left{width:100%}.up-right{min-height:280px;padding:0 18px 24px}.up-tabs{gap:16px;padding-top:18px;overflow-x:auto}.up-tabs button{font-size:13px}}.conf-window{z-index:1600;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;width:min(780px,100vw - 32px);max-height:calc(100vh - 32px);padding:12px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 16px 50px #0000008c}.conf-head{align-items:baseline;gap:10px;padding:0 4px;display:flex}.conf-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.conf-meta{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:12px}.conf-stage{flex-direction:column;gap:8px;min-height:0;display:flex;position:relative}.conf-share{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;max-height:46vh;position:relative;overflow:hidden}.conf-share .conf-video{object-fit:contain}.conf-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.conf-grid.n1{grid-template-columns:1fr}.conf-grid.n2,.conf-grid.n3,.conf-grid.n4{grid-template-columns:repeat(2,1fr)}.conf-grid.n5,.conf-grid.n6{grid-template-columns:repeat(3,1fr)}.has-share .conf-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.conf-tile{aspect-ratio:16/9;background:#14151a;border-radius:12px;transition:box-shadow .12s;position:relative;overflow:hidden;box-shadow:0 0 0 2px #0000}.conf-tile.speaking{box-shadow:0 0 0 3px #23a55a}.conf-video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.conf-video.mirrored{transform:scaleX(-1)}.conf-placeholder{background:radial-gradient(circle at 50% 40%,#2b2d31,#14151a);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.conf-placeholder .avatar-xl{width:64px;height:64px;font-size:26px}.conf-note{color:var(--text-muted);font-size:11px}.conf-label{color:#fff;background:#0009;border-radius:6px;align-items:center;gap:5px;max-width:calc(100% - 16px);padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;bottom:6px;left:8px}.conf-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conf-label svg{color:#f4595d;flex-shrink:0}.conf-connecting{color:#f0b232;font-weight:400}.conf-alone{text-align:center;color:var(--text-muted);padding:2px 0 4px;font-size:13px}.conf-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.conf-controls .call-btn{flex:none;min-width:120px}.conf-leave{justify-content:center;align-items:center;gap:6px;display:inline-flex}.conf-leave svg{transform:rotate(135deg)}.conf-ring{z-index:1700}.conf-banner{color:var(--text-primary);background:#23a55a24;border:1px solid #23a55a59;border-radius:10px;align-items:center;gap:10px;margin:8px 12px 0;padding:8px 12px;font-size:13px;display:flex}.conf-banner-dot{background:#23a55a;border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.6s infinite conf-pulse;box-shadow:0 0 #23a55a99}@keyframes conf-pulse{70%{box-shadow:0 0 0 8px #23a55a00}to{box-shadow:0 0 #23a55a00}}.conf-banner-text{flex:1;min-width:0}.conf-banner button{color:#fff;height:30px;cursor:var(--cur-hand);background:#23a55a;border:none;border-radius:8px;padding:0 14px;font-size:13px;font-weight:600}.conf-banner button:hover{background:#1e8f4e}.nav-group-btn.in-call{box-shadow:0 0 0 2px #23a55a}@media (max-width:768px){.conf-window{width:auto;max-height:none;padding:calc(10px + env(safe-area-inset-top,0px)) 10px calc(10px + env(safe-area-inset-bottom,0px));border-radius:0;top:0;bottom:0;left:0;right:0}.conf-stage{flex:1;overflow-y:auto}.conf-grid.n3,.conf-grid.n4,.conf-grid.n5,.conf-grid.n6{grid-template-columns:repeat(2,1fr)}.conf-controls .call-btn{flex:calc(50% - 8px)}}.header-in-call{color:#23a55a;margin-left:auto;font-size:13px;font-weight:600}.nav-group-wrap{flex-shrink:0;position:relative}.nav-voice-badges{pointer-events:none;gap:2px;display:flex;position:absolute;bottom:-3px;right:-5px}.nav-voice-badge{color:#fff;width:20px;height:20px;box-shadow:0 0 0 3px var(--bg-primary);background:#23a55a;border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-voice-share{background:#5865f2}.conf-live{z-index:2;color:#fff;letter-spacing:.5px;background:#ed4245;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:6px;left:6px}.chan-live{color:#fff;letter-spacing:.5px;background:#ed4245;border-radius:5px;flex-shrink:0;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:800}.conf-window.has-share{left:calc(var(--icons-width) + var(--sidebar-width) + 12px);background:#050506;border-radius:14px;gap:8px;width:auto;max-height:none;padding:10px 0 12px;top:12px;bottom:12px;right:12px}.has-share .conf-head{padding:0 16px}.has-share .conf-stage{flex:1;gap:10px;min-height:0}.has-share .conf-share{aspect-ratio:auto;background:#000;border-radius:0;flex:1;min-height:0;max-height:none}.has-share .conf-share .conf-video{object-fit:contain}.has-share .conf-grid{flex-shrink:0;gap:8px;padding:0 12px;display:flex;overflow-x:auto}.has-share .conf-grid .conf-tile{flex:0 0 190px}.has-share .conf-controls{background:#17181b;border-radius:14px;align-self:center;padding:8px 14px}@media (max-width:768px){.conf-window.has-share{border-radius:0;top:0;bottom:0;left:0;right:0}.has-share .conf-grid .conf-tile{flex-basis:140px}}.conf-size{background:var(--bg-accent);color:var(--text-primary);cursor:var(--cur-hand);border:none;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.conf-size:hover{background:var(--bg-hover)}.conf-window:not(.has-share){gap:8px;width:264px;max-height:calc(100vh - 16px);padding:10px;bottom:8px;right:8px}.conf-window:not(.has-share) .conf-stage{max-height:46vh;overflow-y:auto}.conf-window:not(.has-share) .conf-grid{gap:6px;grid-template-columns:repeat(2,1fr)!important}.conf-window:not(.has-share) .conf-share{max-height:22vh}.conf-window:not(.has-share) .conf-tile{border-radius:8px}.conf-window:not(.has-share) .conf-placeholder .avatar-xl{width:40px;height:40px;font-size:18px}.conf-window:not(.has-share) .conf-note{display:none}.conf-window:not(.has-share) .conf-controls{gap:6px}.conf-window:not(.has-share) .conf-controls .call-btn{flex:auto;min-width:0;padding:0 10px;font-size:13px}.conf-window:not(.has-share) .conf-controls .call-icon-btn{width:38px;height:38px}@media (min-width:769px) and (max-width:1000px){.conf-window:not(.has-share) .conf-stage{display:none}.conf-window:not(.has-share){width:min(420px,100vw - 16px)}}.nav-group-btn{overflow:visible}.nav-group-btn img,.nav-group-btn span{border-radius:inherit}.chan-list{border-bottom:1px solid var(--border);margin:0 0 6px;padding-bottom:8px}.chan-group-head{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;padding:6px 10px 2px;font-size:15px;font-weight:700;overflow:hidden}.chan-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;padding:12px 8px 4px 10px;font-size:11px;font-weight:700;display:flex}.chan-label button{width:20px;height:20px;color:var(--text-muted);cursor:var(--cur-hand);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.chan-label button:hover{color:var(--text-primary);background:var(--bg-hover)}.chan-row{cursor:var(--cur-hand);color:var(--text-muted);border-radius:6px;align-items:center;gap:8px;margin:1px 4px;padding:6px 8px;font-size:15px;font-weight:500;display:flex;position:relative}.chan-row:hover{background:var(--bg-hover);color:var(--text-secondary)}.chan-row.active{background:var(--bg-accent);color:var(--text-primary)}.chan-row.joined{color:#23a55a;cursor:default;background:#23a55a29}.chan-icon{opacity:.85;flex-shrink:0}.chan-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chan-tools{flex-shrink:0;align-items:center;gap:2px;display:flex}@media (hover:hover){.chan-tools{background:var(--bg-hover);opacity:0;pointer-events:none;border-radius:6px;padding-left:8px;transition:opacity .12s;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.chan-row.active .chan-tools{background:var(--bg-accent)}.chan-row:hover .chan-tools,.chan-row:focus-within .chan-tools{opacity:1;pointer-events:auto}}.chan-tools button{width:22px;height:22px;color:var(--text-muted);cursor:var(--cur-hand);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.chan-tools button:hover{color:var(--text-primary);background:#ffffff14}.chan-tools button:last-child:hover{color:#f23f43}.chan-input{border:1px solid var(--blurple);background:var(--bg-primary);width:100%;min-width:0;height:28px;color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:0 8px;font-family:inherit;font-size:14px}.chan-create{margin:2px 8px 4px}.chan-empty{color:var(--text-muted);margin:2px 12px 4px;font-size:12px}.chan-people{flex-direction:column;gap:2px;margin:0 4px 4px 30px;display:flex}.chan-person{color:var(--text-secondary);align-items:center;gap:8px;padding:2px 6px;font-size:13px;display:flex}.chan-person .avatar{width:22px;height:22px;font-size:10px}.chan-person span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-channel{color:var(--text-secondary);margin-left:6px;font-weight:600}.header-channel:before{content:"›";color:var(--text-muted);margin-right:8px}.user-bar:has(.user-bar-btn[aria-label=Switch\ account]) .user-bar-btn{width:28px;height:30px}.user-bar:has(.user-bar-btn[aria-label=Switch\ account]) .user-bar-btn svg{width:18px;height:18px}.push-banner{color:#fff;background:#4752c4;align-items:center;gap:12px;padding:10px 14px;font-size:14px;line-height:1.35;display:flex}.push-banner span{flex:1;min-width:0}.push-on{color:#2b2f7a;cursor:var(--cur-hand);touch-action:manipulation;background:#fff;border:0;border-radius:6px;flex:none;padding:8px 14px;font-size:14px;font-weight:700}.push-x{color:#fff;cursor:var(--cur-hand);background:0 0;border:0;flex:none;padding:4px 8px;font-size:22px;line-height:1}.desktop-install .push-on{color:#fff;background:#5865f2;margin-top:6px}.shop-page{color:#f2f3f5;background:#050507;flex-direction:column;flex:1;min-height:0;display:flex}.shop-top{border-bottom:1px solid #1b1c22;align-items:center;gap:16px;padding:10px 20px;display:flex}.shop-tabs{scrollbar-width:none;flex:1;gap:4px;display:flex;overflow-x:auto}.shop-tabs::-webkit-scrollbar{display:none}.shop-tabs button{color:#9a9ea6;cursor:var(--cur-hand);white-space:nowrap;text-transform:capitalize;background:0 0;border:0;border-radius:6px;flex:none;padding:8px 12px;font:600 14px/1 inherit}.shop-tabs button:hover{color:#fff;background:#14151a}.shop-tabs button.on{color:#fff;background:#1d1e25}.shop-search{color:#fff;width:200px;font:inherit;background:#111217;border:1px solid #23242b;border-radius:6px;flex:none;padding:7px 10px;font-size:14px}.shop-body{flex:1;padding:20px 24px 40px;overflow-y:auto}.shop-hero{background:linear-gradient(120deg,#17122b 0%,#0d0f1d 55%,#101a24 100%);border:1px solid #23243a;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:24px 28px;display:flex}.shop-hero-text{max-width:420px}.shop-kicker{letter-spacing:.12em;text-transform:uppercase;color:#8e8cf5;font-size:12px;font-weight:700}.shop-hero h2{margin:8px 0 10px;font-size:28px;line-height:1.15}.shop-hero p{color:#b5bac1;margin:0;font-size:14px;line-height:1.5}.shop-now{color:#dbdee1;align-items:center;gap:12px;margin-top:14px;font-size:14px;display:flex}.shop-now button{color:#fff;cursor:var(--cur-hand);background:#26272f;border:0;border-radius:6px;padding:6px 12px;font:600 13px inherit}.shop-now button:hover{background:#33343d}.shop-hero-art{flex:none;gap:12px;display:flex}.shop-hero-item{color:#dbdee1;cursor:var(--cur-hand);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;width:110px;font:600 12px inherit;display:flex}.shop-hero-item:hover{color:#fff}.shop-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 16px;display:flex}.shop-bar h3{text-transform:capitalize;margin:0;font-size:20px}.shop-bar-right{color:#9a9ea6;align-items:center;gap:12px;font-size:13px;display:flex}.shop-bar select{color:#fff;font:inherit;background:#111217;border:1px solid #23242b;border-radius:6px;margin-left:8px;padding:6px 8px}.shop-shuffle{color:#fff;cursor:var(--cur-hand);background:#4752c4;border:0;border-radius:6px;padding:7px 14px;font:600 13px inherit}.shop-shuffle:hover{background:#5865f2}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.shop-card{cursor:var(--cur-hand);color:inherit;font:inherit;text-align:center;background:#0c0d11;border:1px solid #17181e;border-radius:12px;flex-direction:column;align-items:center;padding:18px 12px 14px;transition:transform .18s,border-color .18s,background .18s;display:flex;position:relative}.shop-card:hover{background:#101117;border-color:#34364a;transform:translateY(-3px)}.shop-card.on{border-color:#5865f2;box-shadow:inset 0 0 0 1px #5865f2}.shop-art{justify-content:center;align-items:center;height:118px;display:flex}.shop-slot{justify-content:center;align-items:center;display:flex}.shop-name{margin-top:6px;font-size:15px;font-weight:700}.shop-sub{color:#9a9ea6;min-height:16px;margin-top:2px;font-size:12px}.shop-buy{color:#fff;opacity:0;background:#4752c4;border-radius:6px;width:100%;margin-top:10px;padding:7px 0;font:600 13px inherit;transition:opacity .15s,transform .15s;transform:translateY(4px)}.shop-buy.off{background:#35363f}:is(.shop-card:hover .shop-buy,.shop-card:focus-visible .shop-buy){opacity:1;transform:none}@media (hover:none){.shop-buy{opacity:1;transform:none}}.shop-empty{color:#9a9ea6;text-align:center;padding:40px 0}.shop-more{text-align:center;color:#b5bac1;margin:28px 0 8px;font-weight:600}.shop-more button{color:#fff;cursor:var(--cur-hand);background:#4752c4;border:0;border-radius:6px;margin:12px auto 0;padding:10px 56px;font:600 14px inherit;display:block}.shop-more button:hover{background:#5865f2}.shop-modal-back{z-index:60;background:#000000b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.shop-modal{background:#0b0b0f;border:1px solid #23242b;border-radius:14px;width:min(860px,100%);max-height:92vh;display:flex;position:relative;overflow:auto}.shop-x{color:#fff;width:30px;height:30px;cursor:var(--cur-hand);z-index:2;background:#1b1c22;border:0;border-radius:50%;font-size:20px;line-height:1;position:absolute;top:10px;right:12px}.shop-modal-left{background:#101116;flex-direction:column;flex:0 0 320px;padding:26px 24px;display:flex}.shop-modal-art{justify-content:center;align-items:center;height:190px;margin-bottom:8px;display:flex}.shop-modal-left h2{margin:4px 0 8px;font-size:26px}.shop-modal-left p{color:#b5bac1;margin:0 0 12px;font-size:14px;line-height:1.45}.shop-tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.shop-tags span{color:#b5bac1;text-transform:capitalize;background:#1b1c22;border-radius:999px;padding:3px 10px;font-size:12px}.shop-price{margin-top:auto;padding-bottom:10px;font-size:22px;font-weight:700}.shop-big-btn{color:#fff;cursor:var(--cur-hand);background:#4752c4;border:0;border-radius:8px;padding:12px;font:700 15px inherit}.shop-big-btn:hover{background:#5865f2}.shop-big-btn:disabled{opacity:.6;cursor:default}.shop-modal-right{background:radial-gradient(circle at 50% 40%,#15161d,#08080b 70%);flex:1;justify-content:center;align-items:center;padding:28px;display:flex}.shop-profile{background:#111214;border:1px solid #1f2026;border-radius:12px;width:300px;position:relative;overflow:hidden}.shop-profile-banner{background:linear-gradient(135deg,#4752c4,#7a5cf0);height:96px}.shop-profile-avatar{justify-content:center;align-items:center;width:108px;height:108px;display:flex;position:absolute;top:46px;left:20px}.shop-profile-body{padding:70px 18px 18px}.shop-profile-name{font-size:22px;font-weight:700}.shop-profile-sub{color:#9a9ea6;margin:4px 0 14px;font-size:13px}.shop-profile-msg{color:#8a8e96;background:#1b1c20;border-radius:8px;padding:10px 12px;font-size:13px}@media (max-width:760px){.shop-hero{flex-direction:column;align-items:flex-start}.shop-hero-art{justify-content:space-between;width:100%}.shop-hero-item{width:70px;font-size:11px}.shop-top{padding:8px 12px}.shop-search{width:120px}.shop-body{padding:14px 12px 40px}.shop-grid{grid-template-columns:repeat(2,1fr);gap:10px}.shop-modal{flex-direction:column}.shop-modal-left{flex:none;padding:20px}.shop-modal-right{padding:18px}}.shop-kinds{gap:8px;padding:12px 20px 0;display:flex}.shop-kinds button{color:#b5bac1;cursor:var(--cur-hand);background:#0e0f13;border:1px solid #1c1d24;border-radius:999px;padding:9px 16px;font:700 14px inherit}.shop-kinds button span{opacity:.55;margin-left:4px;font-weight:600}.shop-kinds button:hover{color:#fff;border-color:#343642}.shop-kinds button.on{color:#fff;background:#4752c4;border-color:#4752c4}.shop-mini{background:#1d1e22;border:1px solid #2a2b31;border-radius:12px;position:relative;overflow:hidden}.shop-mini-banner{background:linear-gradient(135deg,#4752c4,#8a5cf0);height:28%}.shop-mini-av{position:absolute;top:16%;left:10%}.shop-mini-name{color:#fff;font-size:13px;font-weight:700;position:absolute;top:50%;left:10%}.shop-mini .profile-fx{z-index:3}.shop-card.kind-effect .shop-art{height:230px}.shop-grid.kind-effect{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.shop-hero-art.kind-effect .shop-hero-item{width:96px}.shop-plate{color:#fff;background:#2b2d31;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:15px;font-weight:600;display:flex;position:relative;overflow:hidden}.shop-plate>:not(.nameplate-bg){z-index:1;position:relative}.shop-plate span{text-shadow:0 1px 3px #000000a6}.shop-card.kind-plate .shop-art{height:78px}.shop-grid.kind-plate{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.shop-hero-art.kind-plate{flex-direction:column;gap:8px}.shop-hero-art.kind-plate .shop-hero-item{flex-direction:row;gap:8px;width:150px;font-size:11px}.shop-list-preview{flex-direction:column;gap:8px;width:280px;display:flex}.shop-list-row{color:#9a9ea6;background:#2b2d31;border-radius:8px;align-items:center;gap:10px;height:48px;padding:0 10px;font-size:14px;display:flex}.shop-list-row .dot{background:#3a3c43;border-radius:50%;width:32px;height:32px}.shop-list-row.mine{background:0 0;padding:0}@media (max-width:760px){.shop-kinds{padding:10px 12px 0;overflow-x:auto}.shop-kinds button{flex:none;padding:8px 12px;font-size:13px}.shop-hero-art.kind-plate{display:none}}.shop-combo{flex-direction:column;gap:6px;display:flex}.shop-card.kind-combo .shop-art{height:262px}.shop-grid.kind-combo{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.shop-hero-art.kind-combo .shop-hero-item{width:96px}.shop-combo-parts{flex-direction:column;gap:8px;margin:4px 0 14px;padding:0;list-style:none;display:flex}.shop-combo-parts li{color:#9a9ea6;background:#16171c;border-radius:8px;flex-direction:column;padding:8px 10px;font-size:12px;display:flex}.shop-combo-parts b{color:#fff;margin-top:2px;font-size:14px}.shop-combo-big{flex-direction:column;align-items:center;gap:10px;display:flex}.shop-combo-big .shop-profile{width:300px;height:330px}.shop-card:not(:hover):not(:focus-visible) .shop-art svg *{animation-play-state:paused!important}@media (hover:none){.shop-card .shop-art svg *{animation-play-state:paused!important}}