*{margin:0;padding:0;box-sizing:border-box}:root{--bg-darkest: #1e1f22;--bg-darker: #2b2d31;--bg-dark: #313338;--bg-light: #383a40;--bg-hover: #35373c;--bg-active: #404249;--brand: #5865f2;--brand-hover: #4752c4;--text-primary: #f2f3f5;--text-secondary: #b5bac1;--text-muted: #949ba4;--text-link: #00a8fc;--green: #23a559;--red: #da373c;--yellow: #f0b232;--divider: #3f4147;--input-bg: #1e1f22;--scrollbar: #1a1b1e;--scrollbar-thumb: #1e1f22}body{font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg-dark);color:var(--text-primary);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body,#root{height:100%;width:100%}a{color:var(--text-link);text-decoration:none;transition:color .12s}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent;margin:4px 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#2a2b2f}::-webkit-scrollbar-corner{background:transparent}.titlebar{height:32px;background:var(--bg-darkest);display:flex;align-items:center;justify-content:space-between;-webkit-app-region:drag;position:relative;z-index:100}.titlebar-drag{flex:1;display:flex;align-items:center;padding-left:12px}.titlebar-title{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.titlebar-controls{display:flex;-webkit-app-region:no-drag}.titlebar-btn{width:46px;height:32px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s}.titlebar-btn:hover{background:var(--bg-hover)}.titlebar-close:hover{background:var(--red);color:#fff}.app{height:100%;display:flex;flex-direction:column}.app-content{flex:1;overflow:hidden}.loading-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--bg-darkest)}.loading-logo{font-size:48px;font-weight:900;color:var(--brand);letter-spacing:6px;animation:loadPulse 2s ease-in-out infinite}@keyframes loadPulse{0%,to{opacity:1}50%{opacity:.6}}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-light);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-darkest)}.auth-form{background:var(--bg-dark);padding:32px;border-radius:8px;width:100%;max-width:480px;box-shadow:0 2px 10px #0000004d;animation:fadeSlideUp .3s ease-out}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-title{font-size:24px;font-weight:600;text-align:center;margin-bottom:8px}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:20px;font-size:14px}.auth-label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.auth-input{display:block;width:100%;margin-top:8px;padding:10px 12px;border:none;border-radius:4px;background:var(--input-bg);color:var(--text-primary);font-size:16px;outline:none;border:2px solid transparent;transition:border-color .2s ease}.auth-input:focus{border-color:var(--brand)}.auth-button{width:100%;padding:12px;border:none;border-radius:4px;background:var(--brand);color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-top:4px;transition:background .15s,transform .1s}.auth-button:hover{background:var(--brand-hover)}.auth-button:active{transform:scale(.98)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-link{margin-top:12px;font-size:14px;color:var(--text-muted)}.auth-error{background:#da373c1a;border:1px solid var(--red);color:var(--red);padding:10px 12px;border-radius:4px;margin-bottom:16px;font-size:14px;animation:fadeSlideUp .2s ease-out}.home{height:100%;display:flex;position:relative}.sidebar{width:72px;min-width:72px;background:var(--bg-darkest);display:flex;flex-direction:column;align-items:center;padding:12px 0;overflow-y:auto;gap:8px}.sidebar-servers{display:flex;flex-direction:column;align-items:center;gap:8px}.server-icon{width:48px;height:48px;border-radius:50%;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-radius .2s ease,background .2s ease;font-size:16px;font-weight:600;color:var(--text-primary);overflow:hidden;flex-shrink:0}.server-icon:hover,.server-icon.active{border-radius:16px;background:var(--brand)}.server-icon img{width:100%;height:100%;object-fit:cover}.add-server{background:var(--bg-dark);color:var(--green);font-size:24px;transition:border-radius .2s ease,background .2s ease,color .2s ease}.add-server:hover{background:var(--green);color:#fff;border-radius:16px}.sidebar-divider{width:32px;height:2px;background:var(--divider);border-radius:1px;margin:4px 0;flex-shrink:0}.home-icon svg{fill:var(--text-primary);transition:fill .15s}.home-icon:hover svg,.home-icon.active svg{fill:#fff}.nav-icon{background:var(--bg-dark)}.nav-icon:hover,.nav-icon.active{background:var(--brand)}.admin-icon{position:relative}.admin-icon svg{fill:#e8603c;transition:fill .15s}.admin-icon:hover svg,.admin-icon.active svg{fill:#ff7b54}.admin-icon:hover,.admin-icon.active{background:#c0392b}.channel-list{width:240px;min-width:240px;background:var(--bg-darker);display:flex;flex-direction:column;overflow-y:auto}.channel-list-header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--bg-darkest);cursor:pointer;flex-shrink:0;transition:background .12s}.channel-list-header:hover{background:#ffffff05}.channel-list-header h2{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{font-size:10px;color:var(--text-muted);transition:transform .2s}.invite-box{padding:8px 16px;background:var(--bg-darkest);display:flex;align-items:center;gap:8px;font-size:13px}.invite-label{color:var(--text-muted)}.invite-code{background:var(--bg-dark);padding:4px 8px;border-radius:4px;font-size:14px;font-family:Consolas,Courier New,monospace;color:var(--brand);-webkit-user-select:text;user-select:text}.channel-section{padding:16px 0 4px}.channel-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 4px;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.channel-add-btn{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0;line-height:1;transition:color .12s}.channel-add-btn:hover{color:var(--text-primary)}.channel-item{display:flex;align-items:center;padding:6px 12px;margin:1px 8px;border-radius:4px;cursor:pointer;color:var(--text-muted);font-size:15px;gap:6px;transition:background .1s,color .1s}.channel-item:hover{background:var(--bg-hover);color:var(--text-primary)}.channel-item.active{background:var(--bg-active);color:var(--text-primary)}.channel-hash{font-size:20px;font-weight:600;opacity:.6;margin-right:2px}.channel-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-voice-icon{display:flex;align-items:center;opacity:.6;margin-right:2px}.voice-channel{margin-bottom:2px}.voice-participants{padding:2px 0 2px 40px}.voice-participant{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:13px;color:var(--text-secondary)}.voice-controls{display:flex;gap:4px;padding:4px 12px 4px 40px}.voice-control-btn{width:32px;height:32px;border:none;border-radius:50%;background:var(--bg-dark);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.voice-control-btn:hover{background:var(--bg-active);color:var(--text-primary)}.voice-control-btn.active{color:var(--red)}.voice-control-btn.disconnect{background:var(--red);color:#fff}.voice-control-btn.disconnect:hover{background:#c0322c}.chat-area{flex:1;display:flex;flex-direction:column;background:var(--bg-dark);min-width:0;position:relative}.chat-header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--bg-darkest);flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:4px}.chat-header-name{font-size:16px;font-weight:600}.chat-header-right{display:flex;align-items:center;gap:8px}.members-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:color .12s}.members-toggle:hover,.members-toggle.active{color:var(--text-primary)}.messages-container{flex:1;overflow-y:auto;padding:0 16px}.messages-top{padding:16px 0;margin-top:16px}.messages-top-icon{font-size:52px;font-weight:800;color:var(--text-muted);width:68px;height:68px;display:flex;align-items:center;justify-content:center;background:var(--bg-light);border-radius:50%;margin-bottom:12px;opacity:.8}.messages-top h3{font-size:24px;font-weight:700;margin-bottom:8px}.messages-top p{color:var(--text-muted);font-size:14px}.date-divider{display:flex;align-items:center;margin:16px 0 8px}.date-divider:before,.date-divider:after{content:"";flex:1;height:1px;background:var(--divider)}.date-divider span{padding:0 8px;font-size:12px;font-weight:700;color:var(--text-muted)}.message{display:flex;padding:4px 0;gap:16px;transition:background .08s}.message:hover{background:var(--bg-hover);margin:0 -16px;padding:4px 16px;border-radius:0}.message-avatar{flex-shrink:0;width:40px;height:40px;margin-top:2px}.message-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.msg-avatar-wrap{width:40px;height:40px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.msg-avatar-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%}.msg-avatar-wrap .avatar-placeholder{width:100%;height:100%}.avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff}.avatar-placeholder.small{width:24px;height:24px;font-size:11px}.message-body{flex:1;min-width:0}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.message-author{font-weight:600;font-size:15px;color:var(--text-primary);cursor:pointer;transition:filter .12s}.message-author:hover{text-decoration:underline}.message-time{font-size:12px;color:var(--text-muted)}.message-content{font-size:15px;line-height:1.375;color:var(--text-secondary);word-break:break-word;white-space:pre-wrap}.rank-badge-chat{display:inline-block;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;color:#fff;text-transform:uppercase;letter-spacing:.3px;vertical-align:baseline;line-height:1.4;position:relative;overflow:hidden}.msg-title{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--bg-light);padding:1px 6px;border-radius:4px;vertical-align:baseline;letter-spacing:.2px}.rank-admin .message-author{text-shadow:0 0 8px rgba(255,0,0,.6),0 0 16px rgba(255,0,0,.3)!important}.rank-immortal .message-author{text-shadow:0 0 8px rgba(255,0,0,.5),0 0 14px rgba(200,0,50,.3)!important}.rank-mythic .message-author{text-shadow:0 0 8px rgba(255,153,0,.6),0 0 16px rgba(255,153,0,.3)!important}.rank-legend .message-author{text-shadow:0 0 6px rgba(155,89,182,.5),0 0 12px rgba(155,89,182,.25)!important}.rank-elite .message-author{text-shadow:0 0 6px rgba(88,101,242,.5),0 0 12px rgba(88,101,242,.25)!important}.rank-vip .message-author{text-shadow:0 0 4px rgba(67,181,129,.4)!important}.rank-admin{background:#ff00000a;border-left:2px solid rgba(255,0,0,.3)}.rank-immortal{background:#ff000008;border-left:2px solid rgba(255,0,0,.2)}.rank-mythic{background:#ff990008;border-left:2px solid rgba(255,153,0,.2)}.rank-legend{background:#9b59b608;border-left:2px solid rgba(155,89,182,.15)}.rank-elite{background:#5865f205;border-left:2px solid rgba(88,101,242,.1)}.rank-admin .rank-badge-chat{animation:badgeShimmer 2s linear infinite;background:linear-gradient(90deg,red,#f44,red)!important;background-size:200% 100%!important;box-shadow:0 0 6px #f006}.rank-admin .rank-badge-chat:after{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff4400,#ffaa00,transparent);animation:fireFlicker .5s ease-in-out infinite alternate}.rank-immortal .rank-badge-chat{animation:badgeShimmer 2.5s linear infinite;background:linear-gradient(90deg,red,#f33,#c00,red)!important;background-size:300% 100%!important;box-shadow:0 0 8px #ff000080}.rank-mythic .rank-badge-chat{animation:badgeShimmer 3s linear infinite;background:linear-gradient(90deg,#f90,#fc0,#f90)!important;background-size:200% 100%!important;box-shadow:0 0 4px #ff99004d}.rank-legend .rank-badge-chat{animation:badgePulse 2s ease-in-out infinite;box-shadow:0 0 4px #9b59b64d}.rank-elite .rank-badge-chat{box-shadow:0 0 3px #5865f24d}@keyframes badgeShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fireFlicker{0%{opacity:.3;transform:scaleX(.8)}to{opacity:1;transform:scaleX(1.2)}}.voice-participant.speaking .avatar-placeholder{box-shadow:0 0 0 3px #0ff,0 0 12px #00ffff80;animation:speakingPulse .8s ease-in-out infinite}@keyframes speakingPulse{0%,to{box-shadow:0 0 0 3px #0ff,0 0 12px #00ffff80}50%{box-shadow:0 0 0 4px #0ff,0 0 20px #00ffffb3}}.frame-anim-rainbow-border{animation:frameHueRotate 3s linear infinite}@keyframes frameSparkleDiamond{0%,to{box-shadow:0 0 15px #b9f2ff80,0 0 30px #b9f2ff33}25%{box-shadow:0 0 25px #b9f2ffcc,0 0 50px #b9f2ff66,4px -4px 6px #ffffff4d}50%{box-shadow:0 0 20px #b9f2ff99,0 0 40px #b9f2ff4d}75%{box-shadow:0 0 25px #b9f2ffcc,0 0 50px #b9f2ff66,-4px 4px 6px #ffffff4d}}.update-required-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg-darkest);text-align:center;padding:32px}.update-icon{font-size:64px;color:var(--brand);animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.update-changelog{color:var(--text-muted);font-size:14px;max-width:400px}.channel-delete-btn{display:none;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;margin-left:auto;transition:color .12s}.channel-item:hover .channel-delete-btn{display:flex}.channel-delete-btn:hover{color:#f04747}.rank-badge-small{display:inline-block;font-size:8px;font-weight:700;padding:1px 4px;border-radius:6px;color:#fff;text-transform:uppercase;letter-spacing:.3px;margin-left:4px;vertical-align:middle;line-height:1.4}.member-badge{font-size:14px;margin-left:2px}.member-avatar-frame{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.member-avatar-frame img{width:100%;height:100%;object-fit:cover;border-radius:50%}.msg-badge{font-size:16px;vertical-align:baseline;cursor:default}.typing-indicator{padding:4px 16px;font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;height:24px}.typing-dots{display:flex;gap:2px;margin-right:4px}.typing-dots span{width:6px;height:6px;background:var(--text-secondary);border-radius:50%;animation:typingBounce 1.4s infinite}@keyframes typingBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}.message-input-area{flex-shrink:0;position:relative;z-index:11}.message-input-form{padding:0 16px 24px;flex-shrink:0}.message-input-wrapper{display:flex;align-items:flex-end;background:var(--bg-light);border-radius:8px;padding:2px 4px;transition:box-shadow .15s}.message-input-wrapper:focus-within{box-shadow:0 0 0 1px var(--brand)}.message-input-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .12s}.message-input-btn:hover{color:var(--text-primary)}.message-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:15px;font-family:inherit;padding:10px 8px;resize:none;outline:none;max-height:200px;line-height:1.375}.message-input::placeholder{color:var(--text-muted)}.member-list{width:240px;min-width:240px;background:var(--bg-darker);padding:16px 8px;overflow-y:auto}.member-section{margin-bottom:16px}.member-section-title{font-size:12px;font-weight:700;color:var(--text-muted);padding:0 8px 8px;text-transform:uppercase;letter-spacing:.5px}.member-item{display:flex;align-items:center;padding:6px 8px;border-radius:4px;gap:12px;cursor:pointer;transition:background .1s}.member-item:hover{background:var(--bg-hover)}.member-item.offline{opacity:.5}.member-avatar{position:relative;flex-shrink:0}.member-avatar img,.member-avatar .avatar-placeholder{width:32px;height:32px;border-radius:50%}.member-avatar .avatar-placeholder{font-size:13px}.status-dot{width:10px;height:10px;border-radius:50%;background:#80848e;position:absolute;bottom:-2px;right:-2px;border:2px solid var(--bg-darker)}.status-dot.online{background:var(--green)}.member-info{display:flex;align-items:center;gap:4px;min-width:0}.member-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-name.owner{color:var(--yellow)}.role-badge{font-size:10px;padding:1px 4px;border-radius:3px;background:#f0b23226;color:var(--yellow);font-weight:600;white-space:nowrap}.user-panel{position:absolute;bottom:0;left:72px;width:240px;height:52px;background:var(--bg-darkest);display:flex;align-items:center;justify-content:space-between;padding:0 8px;z-index:10}.user-panel-info{display:flex;align-items:center;gap:8px;min-width:0}.user-panel-avatar{position:relative;flex-shrink:0}.user-panel-avatar .avatar-placeholder{width:32px;height:32px;font-size:13px}.user-panel-avatar .status-dot{border-color:var(--bg-darkest)}.user-panel-text{min-width:0}.user-panel-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-panel-status{font-size:12px;color:var(--text-muted)}.user-panel-actions{display:flex;gap:4px}.user-panel-btn{width:32px;height:32px;border:none;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s}.user-panel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.no-server{flex:1;display:flex;align-items:center;justify-content:center}.no-server-content{text-align:center}.no-server-content h1{font-size:32px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.no-server-content p{color:var(--text-muted);font-size:16px}.no-channel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.no-channel h2{color:var(--text-primary)}.no-channel p{color:var(--text-muted)}.home-logo{font-size:56px;font-weight:900;color:var(--brand);letter-spacing:8px;margin-bottom:4px;animation:logoFloat 4s ease-in-out infinite;text-shadow:0 0 40px rgba(88,101,242,.3)}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.home-welcome{color:var(--text-muted);font-size:16px;margin-bottom:8px}.home-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px;max-width:500px}.home-card{background:var(--bg-darker);border-radius:8px;padding:20px;cursor:pointer;transition:background .15s,transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.home-card:hover{background:var(--bg-light);transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.home-card-icon{font-size:32px;display:block;margin-bottom:8px}.home-card h3{font-size:16px;margin-bottom:4px}.home-card p{font-size:13px;color:var(--text-muted)}.home-card-glow{position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;filter:blur(30px);opacity:0;transition:opacity .3s;pointer-events:none}.home-card:hover .home-card-glow{opacity:.3}.friends-glow{background:var(--brand)}.shop-glow{background:gold}.tasks-glow{background:#ff6b6b}.profile-glow{background:var(--green)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .15s ease-out}.modal{background:var(--bg-dark);padding:32px;border-radius:8px;width:440px;max-width:90%;position:relative;box-shadow:0 4px 20px #00000080;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal h2{font-size:20px;font-weight:700;margin-bottom:8px}.modal-desc{color:var(--text-muted);font-size:14px;margin-bottom:16px}.modal-tabs{display:flex;gap:8px;margin-bottom:20px}.modal-tab{flex:1;padding:10px;border:none;border-radius:4px;background:var(--bg-light);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.modal-tab.active{background:var(--brand);color:#fff}.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;transition:color .12s}.modal-close:hover{color:var(--text-primary)}.modal-error{background:#da373c1a;border:1px solid var(--red);color:var(--red);padding:8px 12px;border-radius:4px;margin-bottom:12px;font-size:14px}.page-container{flex:1;overflow-y:auto;padding:24px 32px;background:var(--bg-dark)}.profile-page{max-width:480px;margin:0 auto;background:var(--bg-darker);border-radius:8px;overflow:hidden;animation:fadeSlideUp .25s ease-out}.profile-banner{height:80px;position:relative}.profile-avatar-wrapper{position:absolute;bottom:-32px;left:20px;width:64px;height:64px;border-radius:50%;border:4px solid var(--bg-darker);cursor:pointer;overflow:hidden;background:var(--bg-dark);transition:transform .15s}.profile-avatar-wrapper:hover{transform:scale(1.05)}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-big{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;background:var(--brand)}.avatar-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;opacity:0;transition:opacity .15s}.profile-avatar-wrapper:hover .avatar-edit-overlay{opacity:1}.avatar-frame{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;font-size:48px;display:flex;align-items:center;justify-content:center;pointer-events:none}.profile-info{padding:36px 20px 20px}.profile-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-name-row h1{font-size:20px}.profile-title{background:var(--brand);color:#fff;font-size:12px;padding:2px 8px;border-radius:10px;font-weight:600}.profile-badges{display:flex;gap:4px;margin:8px 0;font-size:20px}.profile-badge{cursor:default;transition:transform .12s}.profile-badge:hover{transform:scale(1.2)}.profile-stats{display:flex;gap:24px;margin:16px 0;padding:16px;background:var(--bg-darkest);border-radius:8px}.profile-stat{text-align:center;flex:1}.profile-stat-value{display:block;font-size:20px;font-weight:700;color:var(--brand)}.profile-stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase}.profile-msg{color:var(--green);font-size:14px;margin:8px 0}.profile-section{margin-bottom:16px}.profile-section h3{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.profile-section p{color:var(--text-secondary);font-size:14px}.profile-edit{margin-top:16px}.profile-bio-input{min-height:80px;resize:vertical;font-family:inherit}.char-count{float:right;font-size:12px;color:var(--text-muted);margin-top:4px}.color-picker-row{display:flex;align-items:center;gap:8px;margin-top:8px}.color-picker{width:40px;height:40px;border:none;border-radius:4px;cursor:pointer;padding:0;background:none}.profile-edit-btns{display:flex;gap:8px;margin-top:16px}.profile-view{margin-top:8px}.btn-secondary{padding:12px 24px;border:none;border-radius:4px;background:var(--bg-light);color:var(--text-primary);font-size:16px;cursor:pointer;transition:background .12s}.btn-secondary:hover{background:var(--bg-active)}.btn-danger{padding:12px 24px;border:none;border-radius:4px;background:var(--red);color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-top:16px;transition:background .12s}.btn-danger:hover{background:#c0322c}.avatar-img-small{width:32px;height:32px;border-radius:50%;object-fit:cover}.settings-page{max-width:700px;margin:0 auto;animation:fadeSlideUp .25s ease-out}.settings-page h1{font-size:24px;margin-bottom:24px}.settings-section{margin-bottom:32px;background:var(--bg-darker);border-radius:8px;padding:20px}.settings-section h2{font-size:16px;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.settings-section h3{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px}.settings-hint{color:var(--text-muted);font-size:13px;margin-top:12px;font-style:italic}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-card{padding:12px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .15s,box-shadow .15s;text-align:center;position:relative}.theme-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.theme-card span{font-size:13px;margin-top:8px;display:block;color:var(--text-secondary)}.theme-preview{height:40px;border-radius:4px;margin-bottom:4px;display:flex;align-items:flex-end;padding:4px}.theme-preview-bar{width:100%;height:6px;border-radius:3px}.theme-equipped-badge{display:inline-block;font-size:10px;font-weight:700;color:var(--green);background:#23a55926;padding:2px 8px;border-radius:8px;margin-top:4px;text-transform:uppercase;letter-spacing:.3px}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between}.toggle-btn{width:44px;height:24px;border-radius:12px;border:none;background:var(--bg-light);cursor:pointer;position:relative;transition:background .25s;padding:0}.toggle-btn.active{background:var(--green)}.toggle-knob{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:left .25s cubic-bezier(.4,0,.2,1)}.toggle-btn.active .toggle-knob{left:23px}.settings-info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--divider);color:var(--text-secondary)}.settings-info-label{color:var(--text-muted)}.shop-page{max-width:900px;margin:0 auto;animation:fadeSlideUp .25s ease-out}.shop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.shop-header h1{font-size:24px}.shop-subtitle{color:var(--text-muted);font-size:14px;margin-top:2px}.shop-balance{display:flex;align-items:center;gap:6px;background:var(--bg-darker);padding:8px 16px;border-radius:20px;border:1px solid var(--divider)}.coin-icon{color:gold;font-size:18px}.coin-icon.small{font-size:14px}.coin-amount{font-size:18px;font-weight:700;color:gold}.coin-label{font-size:13px;color:var(--text-muted)}.shop-msg{background:#23a55926;color:var(--green);padding:8px 12px;border-radius:4px;margin-bottom:12px;font-size:14px;animation:fadeSlideUp .2s ease-out}.shop-msg.error{background:#da373c1f;color:var(--red)}.shop-tabs{display:flex;gap:4px;margin-bottom:16px}.shop-tab{padding:8px 16px;border:none;border-radius:4px;background:var(--bg-darker);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.shop-tab:hover{background:var(--bg-light)}.shop-tab.active{background:var(--brand);color:#fff}.shop-filters{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px}.filter-btn{padding:4px 10px;border:none;border-radius:12px;background:var(--bg-darker);color:var(--text-muted);font-size:12px;cursor:pointer;transition:background .12s,color .12s}.filter-btn:hover{background:var(--bg-light);color:var(--text-secondary)}.filter-btn.active{background:var(--brand);color:#fff}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.shop-item{display:flex;align-items:center;gap:12px;background:var(--bg-darker);border-radius:8px;padding:14px;border-left:3px solid transparent;transition:transform .15s,box-shadow .15s,background .12s;cursor:pointer}.shop-item:hover{transform:translate(2px);background:#2b2d31e6;box-shadow:0 2px 8px #00000026}.shop-item.rarity-common{border-left-color:#b0b0b0}.shop-item.rarity-uncommon{border-left-color:#4caf50}.shop-item.rarity-rare{border-left-color:#2196f3}.shop-item.rarity-epic{border-left-color:#9c27b0}.shop-item.rarity-legendary{border-left-color:#ff9800}.shop-item-icon{font-size:32px;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-darkest);border-radius:8px;transition:transform .15s}.shop-item:hover .shop-item-icon{transform:scale(1.08)}.rarity-bg-common{background:linear-gradient(135deg,var(--bg-darkest),#3a3a3e)!important}.rarity-bg-uncommon{background:linear-gradient(135deg,var(--bg-darkest),#1a3a1e)!important}.rarity-bg-rare{background:linear-gradient(135deg,var(--bg-darkest),#1a2a4a)!important}.rarity-bg-epic{background:linear-gradient(135deg,var(--bg-darkest),#2e1a3e)!important}.rarity-bg-legendary{background:linear-gradient(135deg,var(--bg-darkest),#3e2a10)!important}.shop-item-info{flex:1;min-width:0}.shop-item-name{font-weight:600;font-size:14px}.shop-item-type{font-size:11px;color:var(--text-muted);text-transform:uppercase}.shop-item-desc{font-size:12px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-item-rarity{font-size:10px;font-weight:700;text-transform:uppercase;margin-top:2px}.shop-item-commands{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.cmd-tag{font-size:10px;font-family:Consolas,Courier New,monospace;background:var(--bg-darkest);color:var(--text-muted);padding:2px 6px;border-radius:3px}.shop-item-actions{flex-shrink:0}.shop-btn{padding:6px 14px;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .12s,transform .1s}.shop-btn:active{transform:scale(.96)}.shop-btn.buy{background:var(--brand);color:#fff}.shop-btn.buy:hover{background:var(--brand-hover)}.shop-btn.owned{background:var(--bg-light);color:var(--text-muted);cursor:default}.shop-btn.equip{background:var(--bg-light);color:var(--text-primary)}.shop-btn.equip:hover{background:var(--brand);color:#fff}.shop-btn.equipped{background:var(--green);color:#fff}.shop-empty{text-align:center;padding:40px;color:var(--text-muted)}.friends-page{max-width:700px;margin:0 auto;animation:fadeSlideUp .25s ease-out}.friends-header h1{font-size:24px;margin-bottom:12px}.friends-tabs{display:flex;gap:4px;margin-bottom:20px}.friends-tab{padding:8px 14px;border:none;border-radius:4px;background:var(--bg-darker);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.friends-tab:hover{background:var(--bg-light)}.friends-tab.active{background:var(--brand);color:#fff}.friends-msg{background:#23a55926;color:var(--green);padding:8px 12px;border-radius:4px;margin-bottom:12px;font-size:14px}.friends-msg.error{background:#ff444426;color:#f44}.add-friend-section{background:var(--bg-darker);padding:20px;border-radius:8px}.add-friend-section h2{margin-bottom:4px}.add-friend-section p{color:var(--text-muted);font-size:14px;margin-bottom:16px}.add-friend-form{display:flex;gap:8px}.add-friend-form .auth-input{flex:1}.friend-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-darker);border-radius:4px;margin-bottom:4px;transition:background .1s}.friend-row:hover{background:var(--bg-light)}.friend-row-info{display:flex;align-items:center;gap:12px}.friend-row-name{font-weight:600;font-size:15px}.friend-row-status{font-size:12px;color:var(--text-muted);display:block}.friend-row-actions{display:flex;gap:4px}.friend-avatar-wrap{position:relative}.status-dot-small{width:10px;height:10px;border-radius:50%;background:#80848e;position:absolute;bottom:-2px;right:-2px;border:2px solid var(--bg-darker)}.status-dot-small.online{background:var(--green)}.btn-accept{padding:6px 14px;border:none;border-radius:4px;background:var(--green);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s}.btn-accept:hover{background:#1e8e4a}.btn-reject{padding:6px 14px;border:none;border-radius:4px;background:var(--bg-light);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.btn-reject:hover{background:var(--red);color:#fff}.pending-label{font-size:13px;color:var(--text-muted)}.friends-empty{color:var(--text-muted);text-align:center;padding:32px}.friend-requests-section h3{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.tasks-page{max-width:700px;margin:0 auto;animation:fadeSlideUp .25s ease-out}.tasks-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.tasks-header h1{font-size:24px}.tasks-subtitle{color:var(--text-muted);font-size:14px;margin-top:4px}.tasks-msg{background:#ffd70026;color:gold;padding:8px 12px;border-radius:4px;margin-bottom:12px;font-size:14px;font-weight:600;animation:fadeSlideUp .2s ease-out}.tasks-progress-bar-wrap{margin-bottom:20px}.tasks-progress-label{font-size:13px;color:var(--text-muted);margin-bottom:6px}.tasks-progress-bar{width:100%;height:8px;background:var(--bg-darker);border-radius:4px;overflow:hidden}.tasks-progress-fill{height:100%;background:var(--brand);border-radius:4px;transition:width .4s ease}.tasks-list{display:flex;flex-direction:column;gap:8px}.task-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-darker);border-radius:8px;padding:14px 16px;border-left:3px solid var(--bg-light);transition:background .1s,border-color .2s}.task-card:hover{background:#2b2d31d9}.task-card.completed{border-left-color:var(--green)}.task-card.claimed{opacity:.6;border-left-color:var(--text-muted)}.task-info{flex:1;min-width:0}.task-name{font-weight:600;font-size:15px}.task-desc{font-size:13px;color:var(--text-muted)}.task-progress-row{display:flex;align-items:center;gap:8px;margin-top:6px}.task-mini-bar{flex:1;height:6px;background:var(--bg-darkest);border-radius:3px;overflow:hidden;max-width:200px}.task-mini-fill{height:100%;background:var(--brand);border-radius:3px;transition:width .4s ease}.task-progress-text{font-size:12px;color:var(--text-muted)}.task-reward{display:flex;align-items:center;gap:6px;flex-shrink:0;font-weight:600;color:gold}.claim-btn{padding:6px 16px;border:none;border-radius:4px;background:var(--green);color:#fff;font-size:13px;font-weight:600;cursor:pointer;margin-left:8px;transition:background .12s,transform .1s}.claim-btn:hover{background:#1e8e4a}.claim-btn:active{transform:scale(.96)}.claimed-label{font-size:12px;color:var(--text-muted)}.message-attachment{margin-top:4px}.attachment-image{max-width:400px;max-height:300px;border-radius:8px;cursor:pointer;transition:opacity .12s}.attachment-image:hover{opacity:.9}.attachment-file{display:flex;align-items:center;gap:10px;background:var(--bg-darker);border-radius:8px;padding:10px 14px;max-width:400px;text-decoration:none;color:var(--text-primary);transition:background .12s}.attachment-file:hover{background:var(--bg-light);text-decoration:none}.attachment-file-icon{font-size:24px}.attachment-file-info{flex:1;min-width:0}.attachment-file-name{display:block;font-size:14px;font-weight:600;color:var(--text-link);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-file-size{font-size:12px;color:var(--text-muted)}.attachment-download{font-size:20px;color:var(--text-muted)}.pending-file{display:flex;align-items:center;justify-content:space-between;margin:0 16px 4px;padding:8px 12px;background:var(--bg-light);border-radius:8px 8px 0 0}.pending-file-info{display:flex;align-items:center;gap:8px}.pending-file-icon{font-size:18px}.pending-file-name{font-size:13px;font-weight:600}.pending-file-size{font-size:12px;color:var(--text-muted)}.pending-file-remove{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;transition:color .12s}.pending-file-remove:hover{color:var(--red)}.upload-spinner{width:20px;height:20px;border:2px solid var(--bg-light);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin:8px}.admin-page{max-width:900px;margin:0 auto;animation:fadeSlideUp .25s ease-out}.admin-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.admin-header h1{font-size:24px;font-weight:700}.admin-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:10px;background:linear-gradient(135deg,#da373c,#e85d04);color:#fff;text-transform:uppercase;letter-spacing:.5px}.admin-msg{background:#23a55926;color:var(--green);padding:8px 12px;border-radius:4px;margin-bottom:12px;font-size:14px;animation:fadeSlideUp .2s ease-out}.admin-tabs{display:flex;gap:4px;margin-bottom:20px}.admin-tab{padding:8px 20px;border:none;border-radius:4px;background:var(--bg-darker);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.admin-tab:hover{background:var(--bg-light)}.admin-tab.active{background:var(--brand);color:#fff}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.admin-stat-card{background:var(--bg-darker);border-radius:8px;padding:20px;text-align:center;border:1px solid var(--divider);transition:transform .12s,box-shadow .12s}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.admin-stat-card.online{border-color:#23a5594d}.admin-stat-card.danger{border-color:#da373c4d}.admin-stat-icon{font-size:28px;margin-bottom:8px}.admin-stat-number{font-size:28px;font-weight:700;color:var(--text-primary)}.admin-stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;margin-top:4px}.admin-users{background:var(--bg-darker);border-radius:8px;padding:16px}.admin-users-count{font-size:13px;color:var(--text-muted);margin-bottom:12px}.admin-users-list{display:flex;flex-direction:column;gap:4px}.admin-user-row{background:var(--bg-dark);border-radius:6px;overflow:hidden;transition:background .1s}.admin-user-row.banned{border-left:3px solid var(--red)}.admin-user-row.expanded{background:var(--bg-light)}.admin-user-main{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;transition:background .1s}.admin-user-main:hover{background:#ffffff05}.admin-user-info{display:flex;align-items:center;gap:10px}.admin-user-avatar{position:relative}.status-dot-tiny{width:8px;height:8px;border-radius:50%;background:#80848e;position:absolute;bottom:-1px;right:-1px;border:2px solid var(--bg-dark)}.status-dot-tiny.online{background:var(--green)}.admin-user-name{font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px}.ban-tag{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;background:#da373c33;color:var(--red);text-transform:uppercase}.rank-tag{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;background:#5865f233;color:var(--brand);text-transform:uppercase}.admin-user-email{font-size:12px;color:var(--text-muted)}.admin-user-coins{display:flex;align-items:center;gap:4px;color:gold;font-weight:600;font-size:14px}.admin-user-actions{padding:10px 14px;border-top:1px solid var(--divider);display:flex;flex-direction:column;gap:8px;animation:fadeSlideUp .15s ease-out}.admin-coins-row{display:flex;gap:6px;align-items:center}.admin-action-row{display:flex;gap:6px}.admin-input{padding:6px 10px;border:none;border-radius:4px;background:var(--input-bg);color:var(--text-primary);font-size:13px;outline:none;width:100px;border:1px solid transparent;transition:border-color .15s}.admin-input:focus{border-color:var(--brand)}.admin-btn{padding:6px 14px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,transform .1s}.admin-btn:active{transform:scale(.96)}.admin-btn.give{background:var(--brand);color:#fff}.admin-btn.give:hover{background:var(--brand-hover)}.admin-btn.set{background:var(--bg-active);color:var(--text-primary)}.admin-btn.set:hover{background:var(--bg-light)}.admin-btn.ban{background:var(--red);color:#fff}.admin-btn.ban:hover{background:#c0322c}.admin-btn.unban{background:var(--green);color:#fff}.admin-btn.unban:hover{background:#1e8e4a}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes glitchSkew{0%,to{transform:skew(0)}20%{transform:skew(-2deg)}40%{transform:skew(1.5deg)}60%{transform:skew(-1deg)}80%{transform:skew(.5deg)}}@keyframes glitchColor{0%,to{text-shadow:2px 0 #ff0040,-2px 0 #00ff90}25%{text-shadow:-2px -1px #ff0040,2px 1px #00ff90}50%{text-shadow:1px 2px #ff0040,-1px -2px #00ff90}75%{text-shadow:-1px 1px #ff0040,1px -1px #00ff90}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.96)}to{transform:scale(1);opacity:1}}@keyframes flashIn{0%{opacity:0;color:#fff;text-shadow:0 0 20px #ffd700,0 0 40px #ffd700}30%{opacity:1;text-shadow:0 0 12px #ffd700}to{text-shadow:none}}@keyframes rainbowText{0%{color:#ff6b6b}16%{color:#ffd93d}33%{color:#6bcb77}50%{color:#4d96ff}66%{color:#9b59b6}83%{color:#ff6b6b}to{color:#ff6b6b}}@keyframes shakeAnim{0%,to{transform:translate(0)}10%{transform:translate(-3px)}20%{transform:translate(3px)}30%{transform:translate(-3px)}40%{transform:translate(3px)}50%{transform:translate(-2px)}60%{transform:translate(2px)}70%{transform:translate(-1px)}80%{transform:translate(1px)}90%{transform:translate(0)}}@keyframes glowPulse{0%,to{text-shadow:0 0 8px currentColor,0 0 16px currentColor}50%{text-shadow:0 0 16px currentColor,0 0 32px currentColor,0 0 48px currentColor}}@keyframes waveFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.msg-effect-sparkle{background:linear-gradient(90deg,var(--text-secondary) 0%,#fff 25%,var(--text-secondary) 50%,#fff 75%,var(--text-secondary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.msg-effect-shadow{text-shadow:1px 1px 2px rgba(0,0,0,.8),2px 2px 4px rgba(0,0,0,.6),3px 3px 8px rgba(0,0,0,.4);color:var(--text-primary)!important}.msg-effect-bold{font-size:18px!important;font-weight:800!important;color:var(--text-primary)!important}.msg-effect-glitch{animation:glitchSkew .8s ease-in-out infinite alternate,glitchColor 1.2s ease-in-out infinite}.msg-effect-fire{border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#ff4500,#ff8c00,gold,#ff8c00,#ff4500) 1;box-shadow:0 4px 12px #ff450040;padding-bottom:2px}.msg-effect-ice{border:1px solid rgba(100,200,255,.35);border-radius:4px;padding:2px 4px;box-shadow:0 0 10px #64b4ff33,inset 0 0 8px #64b4ff0d}.msg-effect-confetti{animation:bounceIn .6s cubic-bezier(.68,-.55,.27,1.55)}.msg-effect-lightning{animation:flashIn .8s ease-out}.msg-effect-galaxy{color:#c084fc!important;text-shadow:0 0 8px rgba(168,85,247,.5),0 0 20px rgba(168,85,247,.3)}.msg-effect-matrix{color:#22c55e!important;font-family:Consolas,Courier New,monospace;text-shadow:0 0 6px rgba(34,197,94,.4)}.msg-effect-big{font-size:22px!important;font-weight:700!important}.msg-effect-announce{background:#5865f214;border:1px solid rgba(88,101,242,.3);border-radius:4px;padding:8px 12px;color:var(--text-primary)!important}.msg-effect-rainbow{animation:rainbowText 4s linear infinite}.msg-effect-shake{display:inline-block;animation:shakeAnim .6s ease-in-out}.msg-effect-glow{color:var(--text-primary)!important;animation:glowPulse 2s ease-in-out infinite}.msg-effect-wave{display:inline-block;animation:waveFloat 1.5s ease-in-out infinite}.msg-effect-embed{background:var(--bg-darker);border-left:3px solid var(--brand);border-radius:4px;padding:10px 14px;margin-top:4px}@keyframes nameRainbow{0%{color:#ff6b6b}14%{color:#ff9f43}28%{color:#ffd93d}42%{color:#6bcb77}57%{color:#4d96ff}71%{color:#9b59b6}85%{color:#ee5a9f}to{color:#ff6b6b}}@keyframes nameGlowPulse{0%,to{text-shadow:0 0 4px currentColor}50%{text-shadow:0 0 10px currentColor,0 0 20px currentColor}}@keyframes legendaryGlow{0%,to{text-shadow:0 0 6px #ffd700,0 0 12px rgba(255,215,0,.5);color:gold}50%{text-shadow:0 0 12px #ffd700,0 0 24px rgba(255,215,0,.7),0 0 36px rgba(255,165,0,.3);color:#ffed4a}}.name-anim-rainbow-text{animation:nameRainbow 4s linear infinite;-webkit-text-fill-color:unset!important;background:none!important}.name-anim-glow-pulse{animation:nameGlowPulse 2.5s ease-in-out infinite}.name-anim-legendary-glow{animation:legendaryGlow 3s ease-in-out infinite;-webkit-text-fill-color:unset!important;background:none!important}@keyframes framePulseFire{0%,to{box-shadow:0 0 6px #ff640080,0 0 12px #ff450040}50%{box-shadow:0 0 12px #ff6400cc,0 0 24px #ff450066}}@keyframes framePulseIce{0%,to{box-shadow:0 0 6px #64b4ff80,0 0 12px #64c8ff40}50%{box-shadow:0 0 12px #64b4ffcc,0 0 24px #64c8ff66}}@keyframes framePulseNeon{0%,to{box-shadow:0 0 6px #a855f780,0 0 12px #a855f740}50%{box-shadow:0 0 12px #a855f7cc,0 0 24px #a855f766}}@keyframes frameFlashLightning{0%,90%,to{box-shadow:0 0 4px #ffd7004d}93%{box-shadow:0 0 16px #ffd700e6,0 0 32px #ffd70080}96%{box-shadow:0 0 4px #ffd7004d}98%{box-shadow:0 0 12px #ffd700b3,0 0 20px #ffd70066}}@keyframes frameHueRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes frameRainbowBorder{0%{border-color:#ff6b6b}16%{border-color:#ffd93d}33%{border-color:#6bcb77}50%{border-color:#4d96ff}66%{border-color:#9b59b6}83%{border-color:#ee5a9f}to{border-color:#ff6b6b}}@keyframes frameSparkleDiamond{0%,to{box-shadow:0 0 6px #fff6,0 0 12px #ffffff26}25%{box-shadow:0 0 10px #ffffffb3,0 0 20px #ffffff4d}50%{box-shadow:0 0 6px #fff6,0 0 12px #ffffff26}75%{box-shadow:0 0 10px #fff9,0 0 18px #ffffff40}}@keyframes frameSparkleGold{0%,to{box-shadow:0 0 6px #ffd70066,0 0 12px #ffc10726}25%{box-shadow:0 0 10px #ffd700b3,0 0 20px #ffc1074d}50%{box-shadow:0 0 6px #ffd70066,0 0 12px #ffc10726}75%{box-shadow:0 0 10px #ffd70099,0 0 18px #ffc10740}}.frame-anim-pulse-fire{animation:framePulseFire 2s ease-in-out infinite}.frame-anim-pulse-ice{animation:framePulseIce 2s ease-in-out infinite}.frame-anim-pulse-neon{animation:framePulseNeon 2s ease-in-out infinite}.frame-anim-flash-lightning{animation:frameFlashLightning 3s ease-in-out infinite}.frame-anim-rotate-hue{animation:frameHueRotate 6s linear infinite}.frame-anim-rainbow-border{border:2px solid #ff6b6b;animation:frameRainbowBorder 5s linear infinite}.frame-anim-sparkle-diamond{animation:frameSparkleDiamond 2.5s ease-in-out infinite}.frame-anim-sparkle-gold{animation:frameSparkleGold 2.5s ease-in-out infinite}.reply-preview{display:flex;align-items:center;gap:6px;padding:4px 8px;margin-bottom:4px;background:#ffffff08;border-left:2px solid var(--brand);border-radius:0 4px 4px 0;font-size:12px;cursor:pointer}.reply-icon{color:var(--text-muted);flex-shrink:0}.reply-author{color:var(--brand);font-weight:600;flex-shrink:0}.reply-text{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-highlight{background-color:#5865f233!important;transition:background-color .3s ease}.reply-highlight .message{background-color:#5865f21a}.reply-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-darker);border-radius:8px 8px 0 0;border-bottom:1px solid var(--divider);animation:fadeSlideUp .15s ease-out}.reply-bar-content{display:flex;align-items:center;gap:6px;font-size:13px;overflow:hidden}.reply-bar-label{color:var(--text-muted)}.reply-bar-user{color:var(--brand);font-weight:600}.reply-bar-text{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-bar-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0 4px;transition:color .12s}.reply-bar-close:hover{color:var(--text-primary)}.message{position:relative}.message-actions{position:absolute;top:-8px;right:16px;display:none;background:var(--bg-darker);border:1px solid var(--divider);border-radius:4px;overflow:hidden}.message:hover .message-actions{display:flex}.msg-action-btn{background:none;border:none;color:var(--text-muted);padding:4px 8px;cursor:pointer;transition:background .12s,color .12s}.msg-action-btn:hover{background:var(--bg-light);color:var(--text-primary)}.dm-chat{display:flex;flex-direction:column;flex:1;position:relative}.dm-back-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:color .12s,background .12s;margin-right:8px}.dm-back-btn:hover{color:var(--text-primary);background:var(--bg-light)}.dm-member-count{font-size:12px;color:var(--text-muted);margin-left:8px}.dm-add-member-bar{display:flex;gap:8px;padding:8px 16px;background:var(--bg-darker);border-bottom:1px solid var(--divider);animation:fadeSlideUp .15s ease-out}.dm-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dm-new-group-btn{background:var(--brand);color:#fff;border:none;padding:6px 14px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s}.dm-new-group-btn:hover{background:var(--brand-hover)}.new-group-panel{background:var(--bg-darker);border-radius:8px;padding:12px;margin-bottom:12px;animation:fadeSlideUp .15s ease-out}.new-group-friends{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.new-group-friend{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .12s;font-size:13px}.new-group-friend:hover{background:var(--bg-light)}.new-group-friend.selected{background:#5865f226}.check-mark{margin-left:auto;color:var(--green);font-weight:700}.dm-row{cursor:pointer}.dm-row:hover{background:var(--bg-hover)}.dm-avatar{position:relative}.dm-last-msg{display:block;font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.dm-type-tag{font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;background:var(--bg-active);color:var(--text-muted)}.dm-send-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .12s}.dm-send-btn:hover:not(:disabled){color:var(--brand)}.dm-send-btn:disabled{opacity:.3;cursor:default}.dm-msg-pending{opacity:.5}.shop-refresh-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.shop-refresh-btn{display:flex;align-items:center;gap:6px;background:var(--bg-light);border:1px solid var(--divider);color:var(--text-secondary);padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.shop-refresh-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.shop-refresh-btn.voted{background:#5865f226;border-color:var(--brand);color:var(--brand)}.refresh-voted-tag{font-size:12px;color:var(--green);font-weight:600}@keyframes neonFlicker{0%,to{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 20px currentColor}50%{text-shadow:0 0 2px currentColor,0 0 5px currentColor}}@keyframes bounceMsg{0%{transform:translateY(20px);opacity:0}60%{transform:translateY(-5px)}to{transform:translateY(0);opacity:1}}@keyframes typewriter{0%{width:0}to{width:100%}}.msg-effect-neon{color:#0f8!important;animation:neonFlicker 2s ease-in-out infinite}.msg-effect-whisper{font-size:11px!important;color:var(--text-muted)!important;font-style:italic;opacity:.6}.msg-effect-scream{font-size:24px!important;font-weight:900!important;color:#f44!important;text-transform:uppercase;letter-spacing:2px}.msg-effect-bounce{display:inline-block;animation:bounceMsg .5s ease-out}.msg-effect-vaporwave{color:#ff71ce!important;font-style:italic;letter-spacing:4px;text-shadow:2px 2px 0 #01cdfe,-2px -2px 0 #b967ff}.msg-effect-hacker{color:#00ff41!important;font-family:Consolas,Courier New,monospace;background:#00ff410d;padding:4px 8px;border-radius:4px;border:1px solid rgba(0,255,65,.15)}.msg-effect-comic{font-weight:900!important;font-size:16px!important;color:#ffeb3b!important;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.msg-effect-frozen{color:#a5f3fc!important;text-shadow:0 0 8px rgba(165,243,252,.5),0 0 16px rgba(165,243,252,.3)}.msg-effect-golden{color:gold!important;text-shadow:0 0 8px rgba(255,215,0,.4),0 0 16px rgba(255,215,0,.2);font-weight:700}.msg-effect-electric{color:#00d4ff!important;text-shadow:0 0 6px rgba(0,212,255,.6),2px 0 8px rgba(255,255,0,.3);animation:flashIn .5s ease-out}.msg-effect-bloody{color:#8b0000!important;text-shadow:0 2px 4px rgba(139,0,0,.5);font-weight:700}.msg-effect-pixel{font-family:Consolas,Courier New,monospace;font-size:14px!important;image-rendering:pixelated;letter-spacing:1px;color:#00ff41!important}.msg-effect-retro{font-family:Consolas,Courier New,monospace;color:#3f3!important;background:#00140080;padding:4px 8px;border-radius:2px;text-shadow:0 0 5px rgba(51,255,51,.5)}.msg-effect-typing{overflow:hidden;white-space:nowrap;animation:typewriter 2s steps(40) 1;display:inline-block;max-width:100%}.msg-effect-inverted{background:var(--text-primary);color:var(--bg-darkest)!important;padding:4px 8px;border-radius:4px;font-weight:600}.msg-effect-newspaper{font-family:Georgia,Times New Roman,serif;font-size:15px!important;line-height:1.6;color:var(--text-primary)!important;border:1px solid var(--text-muted);padding:8px 12px;border-radius:2px}.profile-avatar-frame{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.profile-avatar-frame img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-profile-popup{background:var(--bg-darker);border-radius:8px;width:300px;max-height:80vh;overflow-y:auto;position:relative;animation:fadeSlideUp .2s ease-out}.upp-banner{height:60px;border-radius:8px 8px 0 0}.upp-avatar-area{display:flex;justify-content:center;margin-top:-32px}.upp-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;border:4px solid var(--bg-darker);background:var(--bg-dark);display:flex;align-items:center;justify-content:center}.upp-avatar img{width:100%;height:100%;object-fit:cover}.upp-body{padding:8px 16px 16px;text-align:center}.upp-body h2{font-size:18px;margin-bottom:4px}.upp-rank{display:inline-block;background:var(--brand);padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700;margin:4px 2px}.upp-title{display:inline-block;color:var(--text-muted);font-size:13px;margin:4px 2px}.upp-badges{display:flex;gap:6px;justify-content:center;margin:8px 0}.upp-section{text-align:left;margin-top:8px;padding-top:8px;border-top:1px solid var(--divider)}.upp-section h4{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.upp-section p{font-size:13px;color:var(--text-secondary)}.upp-stats{display:flex;justify-content:center;gap:20px;margin-top:12px}.upp-stats div{text-align:center}.upp-stats strong{display:block;font-size:18px}.upp-stats span{font-size:11px;color:var(--text-muted)}.upp-friend-tag{display:inline-block;margin-top:10px;background:var(--green);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.incoming-call-overlay{position:relative;background:linear-gradient(135deg,#1a472a,#2d7a4a);padding:24px;text-align:center;animation:callPulseGlow 2s ease-in-out infinite}@keyframes callPulseGlow{0%,to{box-shadow:inset 0 0 30px #23a55933}50%{box-shadow:inset 0 0 60px #23a55966}}.incoming-call-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(35,165,89,.3);animation:callRingPulse 1.5s ease-out infinite;pointer-events:none}@keyframes callRingPulse{0%{opacity:1}to{opacity:0;transform:scale(1.02)}}.incoming-call-content{position:relative;z-index:1}.incoming-call-avatar{width:64px;height:64px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.incoming-call-text{font-size:16px;font-weight:600;color:#fff;margin-bottom:16px}.incoming-call-actions{display:flex;gap:12px;justify-content:center}.call-action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;color:#fff;transition:filter .15s}.call-action-btn:hover{filter:brightness(1.15)}.call-action-btn.accept{background:var(--green)}.call-action-btn.decline{background:var(--red)}.call-panel{background:linear-gradient(180deg,#1a1d23,#111317);border-bottom:1px solid var(--divider);padding:12px 16px;position:relative;z-index:20}.call-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.call-connected-badge{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--green)}.call-connected-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.5}}.call-timer{color:var(--text-muted);font-weight:400;font-size:12px}.call-minimize-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px}.call-minimize-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.call-participant-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}.call-participant-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;background:var(--bg-dark);transition:box-shadow .2s}.call-participant-card.speaking{box-shadow:0 0 0 2px var(--green),0 0 12px #23a55966}.call-participant-avatar{width:48px;height:48px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;position:relative}.call-muted-icon{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:var(--bg-darkest);display:flex;align-items:center;justify-content:center}.call-participant-name{font-size:12px;color:var(--text-secondary);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-controls-bar{display:flex;justify-content:center;gap:8px}.call-control-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--bg-light);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.call-control-btn:hover{background:var(--bg-active)}.call-control-btn.active{background:var(--red);color:#fff}.call-control-btn.hangup{background:var(--red);color:#fff;width:48px;height:48px}.call-control-btn.hangup:hover{filter:brightness(1.15)}.call-panel-minimized{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(90deg,#1a472a,#2d3b2d);cursor:pointer;font-size:13px;font-weight:500;color:var(--green);transition:background .15s;position:relative;z-index:20}.call-panel-minimized:hover{background:linear-gradient(90deg,#1f5232,#344536)}.call-mini-controls{margin-left:auto;display:flex;gap:4px}.call-mini-btn{width:24px;height:24px;border-radius:50%;border:none;background:#ffffff1a;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.call-mini-btn:hover{background:#fff3}.call-mini-btn.active,.call-mini-btn.hangup{background:var(--red);color:#fff}.message-grouped{padding-top:2px;padding-bottom:2px;margin-top:0}.message-grouped .message-avatar-spacer{width:40px;min-width:40px;display:flex;align-items:center;justify-content:flex-end;padding-right:4px}.grouped-time{font-size:10px;color:transparent;transition:color .12s}.message-grouped:hover .grouped-time{color:var(--text-muted)}.date-separator{display:flex;align-items:center;justify-content:center;padding:8px 16px;margin:8px 0}.date-separator span{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;background:var(--bg-dark);padding:2px 8px;border-radius:4px;position:relative}.date-separator:before,.date-separator:after{content:"";flex:1;height:1px;background:var(--divider)}.date-separator:before{margin-right:8px}.date-separator:after{margin-left:8px}.typing-indicator{display:flex;align-items:center;gap:6px;padding:4px 16px;font-size:12px;color:var(--text-muted);min-height:24px}.typing-dots{display:flex;gap:3px;align-items:center}.typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:typingBounce 1.4s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.dm-sidebar{width:240px;min-width:240px;background:var(--bg-darker);display:flex;flex-direction:column;border-right:1px solid var(--divider);height:100%}.dm-sidebar-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--divider)}.dm-sidebar-header h3{font-size:13px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.dm-sidebar-actions{display:flex;gap:4px}.dm-sidebar-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.dm-sidebar-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.dm-sidebar-list{flex:1;overflow-y:auto;padding:8px}.dm-sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .12s}.dm-sidebar-item:hover{background:var(--bg-hover)}.dm-sidebar-item.active{background:var(--bg-active)}.dm-sidebar-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text-primary);overflow:hidden}.dm-sidebar-avatar.small{width:28px;height:28px;min-width:28px;font-size:12px}.dm-sidebar-avatar img{width:100%;height:100%;object-fit:cover}.dm-sidebar-group-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.dm-sidebar-item-info{flex:1;min-width:0}.dm-sidebar-item-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-sidebar-item-preview{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.dm-preview-user{font-weight:600}.dm-sidebar-item-time{font-size:11px;color:var(--text-muted);white-space:nowrap}.dm-sidebar-new{padding:8px 12px;border-bottom:1px solid var(--divider);max-height:240px;overflow-y:auto}.dm-sidebar-new-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.dm-sidebar-input{width:100%;padding:6px 10px;background:var(--input-bg);border:none;border-radius:4px;color:var(--text-primary);font-size:13px;margin-bottom:8px;outline:none}.dm-sidebar-friend-list{display:flex;flex-direction:column;gap:2px}.dm-sidebar-friend-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:background .12s}.dm-sidebar-friend-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dm-sidebar-friend-item.selected{background:var(--bg-active);color:var(--text-primary)}.dm-check{margin-left:auto;color:var(--green);font-weight:700}.dm-sidebar-create-btn{width:100%;padding:6px 12px;background:var(--brand);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;margin-top:6px}.dm-sidebar-create-btn:hover{background:var(--brand-hover)}.dm-sidebar-empty{text-align:center;padding:20px;color:var(--text-muted);font-size:13px}.dm-sidebar-search{padding:8px 12px;position:relative;border-bottom:1px solid var(--divider)}.dm-sidebar-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.dm-sidebar-search-input{width:100%;padding:6px 28px 6px 30px;background:var(--input-bg);border:none;border-radius:4px;color:var(--text-primary);font-size:13px;outline:none}.dm-sidebar-search-input::placeholder{color:var(--text-muted)}.dm-sidebar-search-clear{position:absolute;right:18px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:0 4px;line-height:1}.dm-sidebar-search-clear:hover{color:var(--text-primary)}.dm-sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 4px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.dm-sidebar-section-count{font-size:10px;background:var(--bg-dark);padding:1px 5px;border-radius:8px;font-weight:600}.dm-sidebar-avatar-wrapper{position:relative;flex-shrink:0}.dm-status-group{display:none}.dm-sidebar-item.muted .dm-sidebar-item-name{color:var(--text-muted)}.dm-muted-icon{font-size:12px;margin-left:4px;opacity:.5}.dm-sidebar-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.dm-unread-badge{background:var(--brand);color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.3}.dm-context-menu{position:fixed;z-index:1000;background:var(--bg-darkest);border:1px solid var(--divider);border-radius:6px;padding:4px;min-width:160px;box-shadow:0 8px 24px #0006;animation:fadeSlideUp .1s ease-out}.dm-context-menu-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:background .1s,color .1s}.dm-context-menu-item:hover{background:var(--brand);color:#fff}.dm-context-menu-item:hover svg{fill:#fff}.dm-context-danger{color:var(--red, #f04747)}.dm-context-danger:hover{background:var(--red, #f04747);color:#fff}.dm-context-menu-divider{height:1px;background:var(--divider);margin:4px 0}.dm-msg-pinned{border-left:2px solid var(--brand);background:#5865f20d}.dm-msg-edited{font-size:10px;color:var(--text-muted);margin-left:4px}.dm-msg-pin-icon{font-size:12px;margin-left:4px}.dm-edit-container{margin-top:4px}.dm-edit-input{width:100%;padding:8px 10px;background:var(--input-bg);border:1px solid var(--brand);border-radius:4px;color:var(--text-primary);font-size:14px;font-family:inherit;resize:none;outline:none}.dm-edit-actions{display:flex;align-items:center;gap:6px;margin-top:4px}.dm-edit-save{background:var(--brand);color:#fff;border:none;padding:3px 12px;border-radius:3px;font-size:12px;font-weight:600;cursor:pointer}.dm-edit-save:hover{background:var(--brand-hover)}.dm-edit-cancel{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:3px 8px}.dm-edit-cancel:hover{color:var(--text-primary)}.dm-edit-hint{font-size:11px;color:var(--text-muted);margin-left:auto}.dm-reactions-bar{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.dm-reaction-chip{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;background:var(--bg-dark);border:1px solid var(--divider);cursor:pointer;font-size:14px;transition:background .12s,border-color .12s}.dm-reaction-chip:hover{background:var(--bg-hover);border-color:var(--text-muted)}.dm-reaction-active{background:#5865f226;border-color:var(--brand)}.dm-reaction-emoji{font-size:16px;line-height:1}.dm-reaction-count{font-size:12px;color:var(--text-secondary);font-weight:600}.dm-quick-react-bar{display:none;position:absolute;bottom:100%;right:0;background:var(--bg-darkest);border:1px solid var(--divider);border-radius:6px;padding:2px 4px;gap:2px;box-shadow:0 4px 12px #0000004d;z-index:5}.message:hover .dm-quick-react-bar{display:flex}.dm-quick-react-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;font-size:16px;transition:background .1s,transform .1s;line-height:1}.dm-quick-react-btn:hover{background:var(--bg-hover);transform:scale(1.2)}.dm-read-receipts{display:flex;align-items:center;gap:4px;margin-top:2px}.dm-read-text{font-size:11px;color:var(--text-muted)}.dm-msg-context-menu{position:fixed;z-index:1000;background:var(--bg-darkest);border:1px solid var(--divider);border-radius:6px;padding:4px;min-width:180px;box-shadow:0 8px 24px #0006;animation:fadeSlideUp .1s ease-out}.dm-context-reactions{display:flex;gap:2px;padding:4px 6px 6px;border-bottom:1px solid var(--divider);margin-bottom:4px}.dm-context-react-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;font-size:18px;transition:background .1s,transform .1s;line-height:1}.dm-context-react-btn:hover{background:var(--bg-hover);transform:scale(1.3)}.dm-pinned-panel{position:absolute;top:48px;right:0;width:320px;height:calc(100% - 48px);background:var(--bg-darker);border-left:1px solid var(--divider);z-index:50;display:flex;flex-direction:column;animation:slideInRight .2s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.dm-pinned-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--divider)}.dm-pinned-header h3{font-size:14px;font-weight:700;color:var(--text-primary)}.dm-pinned-close{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:2px 6px;border-radius:4px}.dm-pinned-close:hover{background:var(--bg-hover);color:var(--text-primary)}.dm-pinned-list{flex:1;overflow-y:auto;padding:8px}.dm-pinned-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);gap:12px}.dm-pinned-msg{padding:10px 12px;background:var(--bg-dark);border-radius:6px;margin-bottom:8px;cursor:pointer;transition:background .12s}.dm-pinned-msg:hover{background:var(--bg-hover)}.dm-pinned-msg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.dm-pinned-msg-author{font-size:13px;font-weight:600;color:var(--text-primary)}.dm-pinned-msg-time{font-size:11px;color:var(--text-muted)}.dm-pinned-msg-content{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-pinned-msg-footer{font-size:11px;color:var(--text-muted);margin-top:6px}.dm-header-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;transition:color .12s,background .12s}.dm-header-btn:hover{color:var(--text-primary);background:var(--bg-light)}.dm-image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dm-image-modal-close{position:absolute;top:16px;right:16px;background:#0009;border:none;color:#fff;font-size:28px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.dm-image-modal-close:hover{background:#000c}.dm-image-modal-img{max-width:90vw;max-height:90vh;border-radius:8px;object-fit:contain}.dm-drag-over{position:relative}.dm-drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#5865f21a;border:2px dashed var(--brand);border-radius:8px;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:none}.dm-drag-overlay-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--brand);font-size:16px;font-weight:600}.discover-page{max-width:900px;margin:0 auto;padding:24px}.discover-header{text-align:center;margin-bottom:20px}.discover-header h1{font-size:28px;margin-bottom:4px}.discover-header p{color:var(--text-muted)}.discover-search{display:flex;gap:8px;margin-bottom:20px}.discover-search .auth-input{flex:1}.discover-grid{display:flex;flex-direction:column;gap:8px}.discover-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-dark);border-radius:8px;transition:background .12s}.discover-card:hover{background:var(--bg-hover)}.discover-card-icon{width:48px;height:48px;border-radius:16px;background:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;overflow:hidden}.discover-card-icon img{width:100%;height:100%;object-fit:cover}.discover-card-info{flex:1}.discover-card-info h3{font-size:16px;margin-bottom:2px}.discover-card-meta{display:flex;gap:12px;font-size:12px;color:var(--text-muted)}.discover-joined-tag{color:var(--green);font-size:13px;font-weight:600}.gacha-section{padding:16px 0}.gacha-banner{text-align:center;padding:32px 24px;background:linear-gradient(135deg,var(--bg-darkest),var(--bg-dark));border-radius:12px;border:1px solid var(--divider)}.gacha-banner h2{font-size:28px;margin-bottom:8px;background:linear-gradient(90deg,#f44,#faa61a,#9b59b6,#5865f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gacha-banner p{color:var(--text-secondary);margin-bottom:16px}.gacha-rates{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.gacha-rate{font-size:12px;font-weight:600;padding:4px 10px;background:#ffffff0d;border-radius:12px}.gacha-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.gacha-btn{padding:14px 28px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .2s;color:#fff}.gacha-btn:hover:not(:disabled){transform:scale(1.03)}.gacha-btn:active:not(:disabled){transform:scale(.97)}.gacha-btn:disabled{opacity:.6;cursor:not-allowed}.gacha-btn.single{background:linear-gradient(135deg,var(--brand),#7c3aed);box-shadow:0 4px 15px #5865f24d}.gacha-btn.multi{background:linear-gradient(135deg,#faa61a,#ff6b00);box-shadow:0 4px 15px #faa61a4d}.gacha-rolling{text-align:center;padding:40px}.gacha-spinner{width:60px;height:60px;border:4px solid var(--bg-light);border-top-color:#faa61a;border-right-color:#f44;border-bottom-color:#9b59b6;border-radius:50%;animation:spin .6s linear infinite;margin:0 auto 16px}.gacha-result{text-align:center;padding:32px;margin-top:16px;border-radius:12px;animation:fadeSlideUp .5s ease-out}.gacha-result-rarity{font-size:14px;font-weight:800;letter-spacing:2px;margin-bottom:8px}.gacha-result-icon{font-size:48px;margin-bottom:8px}.gacha-result-name{font-size:22px;font-weight:700;margin-bottom:4px}.gacha-result-type{font-size:13px;color:var(--text-muted);margin-bottom:4px}.gacha-result-desc{font-size:14px;color:var(--text-secondary)}.gacha-multi-results{margin-top:16px;text-align:center}.gacha-multi-results h3{margin-bottom:12px}.gacha-multi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.gacha-multi-item{padding:12px 8px;border-radius:8px;text-align:center;animation:fadeSlideUp .3s ease-out}.gacha-multi-icon{font-size:28px;margin-bottom:4px}.gacha-multi-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gacha-multi-rarity{font-size:10px;font-weight:700;letter-spacing:1px}.rarity-bg-mythic{background:#ff44441a;border:1px solid rgba(255,68,68,.3)}.rarity-mythic{border-left:3px solid #ff4444}.rarity-bg-super_rare{background:#ff00ff26;border:1px solid rgba(255,0,255,.5);animation:super-rare-glow 2s ease-in-out infinite}.rarity-super_rare{border-left:3px solid #ff00ff;box-shadow:0 0 10px #ff00ff4d}@keyframes super-rare-glow{0%,to{box-shadow:0 0 5px #ff00ff4d}50%{box-shadow:0 0 20px #f0f9,0 0 40px #f0f3}}.shop-search-row{margin:12px 0}.shop-search-input{width:100%;padding:10px 14px;border:none;border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:14px;outline:none;border:2px solid transparent;transition:border-color .2s}.shop-search-input:focus{border-color:var(--brand)}.rarity-filters{margin-top:4px!important}.shop-item-count{font-size:12px;color:var(--text-muted);margin:8px 0 4px}.voice-connected-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#23a5591a;border-radius:4px;margin:4px 8px}.voice-connected-text{font-size:12px;font-weight:600;color:var(--green)}.voice-leave-btn{background:none;border:none;color:var(--red);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:background .12s}.voice-leave-btn:hover{background:#da373c26}.call-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;transition:color .15s,background .15s}.call-btn:hover{color:var(--green);background:#23a5591f}.incoming-call-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#23a55926;border-bottom:1px solid rgba(35,165,89,.3);animation:callPulse 2s ease-in-out infinite}@keyframes callPulse{0%,to{background:#23a55926}50%{background:#23a55940}}.incoming-call-info{display:flex;align-items:center;gap:8px}.incoming-call-text{color:#43b581;font-size:13px;font-weight:600}.incoming-call-actions{display:flex;gap:8px}.call-accept-btn{background:#43b581;color:#fff;border:none;padding:6px 16px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.call-accept-btn:hover{background:#3ca374}.call-decline-btn{background:#f04747;color:#fff;border:none;padding:6px 16px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.call-decline-btn:hover{background:#d84040}.active-call-bar{background:#23a55914;border-bottom:1px solid rgba(35,165,89,.2);padding:8px 12px}.call-connected-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.call-connected-text{font-size:12px;font-weight:600;color:#43b581}.call-participants{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.call-controls{display:flex;gap:6px}.mic-level-container{display:flex;align-items:center;gap:6px;padding:4px 8px;margin:2px 8px}.mic-level-icon{flex-shrink:0;transition:fill .15s}.mic-level-bar{flex:1;height:4px;background:#1e1f22;border-radius:2px;overflow:hidden;min-width:60px}.mic-level-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#43b581,#0ff);transition:width .08s ease-out;box-shadow:0 0 6px #0ff6}.mic-level-text{font-size:10px;font-weight:600;color:#8e9297;min-width:52px;text-align:right;text-transform:uppercase;letter-spacing:.5px}.msg-effect-flip{transform:scaleX(-1);display:inline-block}.msg-effect-tiny{font-size:10px!important}.msg-effect-matrix{color:#00ff41!important;font-family:Courier New,monospace;text-shadow:0 0 5px rgba(0,255,65,.5)}.msg-effect-fire{color:#ff4500!important;text-shadow:0 0 6px rgba(255,69,0,.7),0 0 12px rgba(255,165,0,.4)}.msg-effect-neon{color:#0ff!important;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #00f,0 0 40px #00f;font-weight:700}.msg-effect-typewriter{overflow:hidden;white-space:nowrap;animation:typewriter-effect 2s steps(60) forwards;display:inline-block;max-width:100%}@keyframes typewriter-effect{0%{width:0}to{width:100%}}.call-panel-v2{background:linear-gradient(180deg,#1a1d23,#111317);border-bottom:1px solid var(--divider);padding:12px 16px}.call-panel-v2 .call-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.call-header-actions{display:flex;align-items:center;gap:4px;position:relative}.call-header-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.call-header-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.call-settings-dropdown{position:absolute;top:100%;right:0;background:var(--bg-darkest);border:1px solid var(--divider);border-radius:8px;padding:12px;min-width:200px;z-index:10;box-shadow:0 8px 24px #0006}.call-setting-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.call-setting-row:last-child{margin-bottom:0}.call-setting-row label{font-size:12px;color:var(--text-muted);min-width:65px}.call-setting-row input[type=range]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-light);border-radius:2px;outline:none}.call-setting-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--brand);cursor:pointer}.call-setting-row span{font-size:11px;color:var(--text-muted);min-width:28px;text-align:right}.call-header-btns{display:flex;gap:4px}.call-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;transition:all .12s}.call-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.call-mic-error{display:flex;align-items:center;gap:6px;color:#f04747;font-size:12px;padding:6px 12px;background:#f047471a;border-bottom:1px solid rgba(240,71,71,.2)}.call-mic-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid var(--green);transition:all .1s;pointer-events:none}.call-muted-badge,.call-deafened-badge,.call-screen-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:var(--bg-darkest);display:flex;align-items:center;justify-content:center}.call-screen-badge{right:auto;left:-2px}.call-participant-card.muted .call-participant-avatar{opacity:.6}.call-control-btn.screen-active{background:var(--green);color:#fff}.call-mini-count{font-size:12px;color:var(--text-muted);margin-left:4px}.incoming-call-type{font-size:12px;color:#fff9;margin-bottom:4px}.incoming-call-participants{font-size:11px;color:#fff6;margin-bottom:12px}.dm-sidebar-search{padding:8px 12px}.dm-sidebar-search input{width:100%;padding:6px 10px;background:var(--input-bg);border:none;border-radius:4px;color:var(--text-primary);font-size:13px;outline:none}.dm-sidebar-search input::placeholder{color:var(--text-muted)}.dm-sidebar-section-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;padding:8px 12px 4px}.dm-unread-badge{background:var(--red);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;margin-left:auto}.dm-status-dot{width:10px;height:10px;border-radius:50%;position:absolute;bottom:-1px;right:-1px;border:2px solid var(--bg-darker)}.dm-status-dot.online{background:var(--green)}.dm-status-dot.idle{background:var(--yellow)}.dm-status-dot.dnd{background:var(--red)}.dm-status-dot.offline{background:#747f8d}.dm-sidebar-avatar{position:relative}.dm-sidebar-item-preview{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.dm-preview-user{font-weight:600;color:var(--text-secondary)}.dm-sidebar-item-time{font-size:10px;color:var(--text-muted);margin-left:auto;white-space:nowrap}.context-menu{position:fixed;background:var(--bg-darkest);border:1px solid var(--divider);border-radius:6px;padding:4px;min-width:160px;z-index:1000;box-shadow:0 8px 24px #00000080;animation:contextMenuFade .1s ease-out}@keyframes contextMenuFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;font-size:13px;color:var(--text-secondary);cursor:pointer;border:none;background:none;width:100%;text-align:left}.context-menu-item:hover{background:var(--brand);color:#fff}.context-menu-item.danger:hover{background:var(--red)}.context-menu-divider{height:1px;background:var(--divider);margin:4px 0}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-chip{display:flex;align-items:center;gap:4px;padding:2px 6px;background:var(--bg-light);border:1px solid transparent;border-radius:6px;font-size:13px;cursor:pointer;transition:all .12s}.reaction-chip:hover{background:var(--bg-active)}.reaction-chip.mine{border-color:var(--brand);background:#5865f226}.reaction-chip .reaction-count{font-size:11px;color:var(--text-muted);font-weight:600}.quick-react-bar{display:flex;gap:2px;background:var(--bg-darkest);border:1px solid var(--divider);border-radius:6px;padding:2px;position:absolute;top:-30px;right:0;z-index:5;box-shadow:0 4px 12px #0000004d}.quick-react-btn{font-size:16px;padding:2px 4px;border:none;background:none;cursor:pointer;border-radius:4px;transition:all .1s}.quick-react-btn:hover{background:var(--bg-hover);transform:scale(1.2)}.message-read-receipts{display:flex;gap:-4px;margin-top:2px;justify-content:flex-end}.read-receipt-avatar{width:14px;height:14px;border-radius:50%;border:1px solid var(--bg-dark);margin-left:-4px;overflow:hidden;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:7px;color:#fff}.read-receipt-avatar img{width:100%;height:100%;object-fit:cover}.message-seen-check{color:var(--brand);font-size:12px;display:flex;align-items:center;gap:2px}.dm-chat-dropzone{position:absolute;top:0;right:0;bottom:0;left:0;background:#5865f21a;border:2px dashed var(--brand);border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none}.dm-chat-dropzone-content{text-align:center;color:var(--brand)}.dm-chat-dropzone-content svg{width:48px;height:48px;margin-bottom:8px}.dm-chat-dropzone-content p{font-size:18px;font-weight:700}.image-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:pointer}.image-preview-modal img{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 8px 32px #00000080}.image-preview-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.image-preview-close:hover{background:#fff3}.pinned-panel{position:absolute;top:0;right:0;width:340px;height:100%;background:var(--bg-darker);border-left:1px solid var(--divider);z-index:50;display:flex;flex-direction:column;animation:slideInRight .2s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.pinned-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--divider)}.pinned-panel-header h3{font-size:14px;font-weight:700}.pinned-panel-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px}.pinned-panel-list{flex:1;overflow-y:auto;padding:8px}.pinned-message{padding:8px 12px;background:var(--bg-dark);border-radius:6px;margin-bottom:6px}.pinned-message-author{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.pinned-message-content{font-size:13px;color:var(--text-secondary)}.pinned-message-time{font-size:10px;color:var(--text-muted);margin-top:2px}.dc-call-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#1a1a2e;background:radial-gradient(ellipse at 50% 30%,#2d2b55,#1a1a2e,#112);display:flex;flex-direction:column;overflow:hidden}.dc-call-topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0000004d;flex-shrink:0}.dc-call-status{display:flex;align-items:center;gap:8px}.dc-call-status-dot{width:8px;height:8px;border-radius:50%;background:#3ba55d;box-shadow:0 0 8px #3ba55d99;animation:dcDotPulse 2s ease-in-out infinite}@keyframes dcDotPulse{0%,to{opacity:1;box-shadow:0 0 8px #3ba55d99}50%{opacity:.7;box-shadow:0 0 4px #3ba55d4d}}.dc-call-status-text{font-size:14px;font-weight:600;color:#3ba55d}.dc-call-timer{font-size:13px;color:#fff6;font-weight:400}.dc-call-topbar-actions{display:flex;gap:4px}.dc-call-topbar-btn{background:#ffffff14;border:none;color:#fff9;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;transition:all .15s}.dc-call-topbar-btn:hover{background:#ffffff26;color:#fff}.dc-call-settings{position:absolute;top:52px;right:20px;background:#18191c;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px;min-width:220px;z-index:60;box-shadow:0 8px 32px #00000080}.dc-call-setting-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.dc-call-setting-row:last-child{margin-bottom:0}.dc-call-setting-row label{font-size:12px;color:#ffffff80;min-width:70px;font-weight:500}.dc-call-setting-row input[type=range]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;outline:none}.dc-call-setting-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#5865f2;cursor:pointer}.dc-call-setting-row span{font-size:11px;color:#fff6;min-width:28px;text-align:right}.dc-call-center{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.dc-call-participants-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;align-items:center;max-width:600px}.dc-call-user{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 20px;border-radius:12px;background:#ffffff0a;transition:all .3s ease;min-width:120px}.dc-call-user:hover{background:#ffffff12}.dc-call-user.dc-speaking{background:#3ba55d1a;box-shadow:0 0 0 2px #3ba55d80,0 0 20px #3ba55d26}.dc-call-user-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#7289da);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;position:relative;transition:all .3s ease}.dc-speaking .dc-call-user-avatar{box-shadow:0 0 0 3px #3ba55d,0 0 16px #3ba55d66}.dc-call-mic-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid #3ba55d;transition:all .1s ease;pointer-events:none}.dc-call-user-name{font-size:14px;font-weight:600;color:#ffffffe6;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.dc-call-user-badges{display:flex;gap:4px}.dc-badge{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0006}.dc-badge-muted,.dc-badge-deafened{color:#ed4245}.dc-badge-screen{color:#3ba55d}.dc-call-controls{display:flex;justify-content:center;align-items:center;gap:12px;padding:20px;background:#0006;flex-shrink:0}.dc-ctrl-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:#ffffff1a;border:none;color:#ffffffd9;cursor:pointer;padding:14px 20px;border-radius:12px;transition:all .15s ease;min-width:72px}.dc-ctrl-btn:hover{background:#ffffff2e;color:#fff;transform:translateY(-1px)}.dc-ctrl-btn.dc-ctrl-active{background:#ed424533;color:#ed4245}.dc-ctrl-btn.dc-ctrl-active:hover{background:#ed424559}.dc-ctrl-btn.dc-ctrl-screen{background:#3ba55d33;color:#3ba55d}.dc-ctrl-btn.dc-ctrl-screen:hover{background:#3ba55d59}.dc-ctrl-btn.dc-ctrl-hangup{background:#ed4245;color:#fff}.dc-ctrl-btn.dc-ctrl-hangup:hover{background:#c03537;transform:translateY(-1px)}.dc-ctrl-label{font-size:11px;font-weight:500;letter-spacing:.3px}.dc-call-minimized{display:flex;align-items:center;gap:10px;padding:10px 20px;background:linear-gradient(90deg,#1a472a,#2d3b2d);cursor:pointer;transition:background .15s;position:relative;z-index:25;flex-shrink:0}.dc-call-minimized:hover{background:linear-gradient(90deg,#1f5232,#344536)}.dc-call-mini-text{font-size:13px;font-weight:600;color:#3ba55d}.dc-call-mini-timer{font-size:12px;color:#fff6}.dc-call-mini-count{font-size:12px;color:#ffffff59;margin-left:4px}.dc-call-mini-controls{margin-left:auto;display:flex;gap:6px}.dc-mini-btn{width:28px;height:28px;border-radius:50%;border:none;background:#ffffff1a;color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.dc-mini-btn:hover{background:#fff3;color:#fff}.dc-mini-btn.dc-ctrl-active{background:#ed42454d;color:#ed4245}.dc-mini-btn.dc-ctrl-hangup{background:#ed4245;color:#fff}.dc-mini-btn.dc-ctrl-hangup:hover{background:#c03537}.dc-call-incoming-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:dcFadeIn .2s ease-out}@keyframes dcFadeIn{0%{opacity:0}to{opacity:1}}.dc-call-incoming-modal{background:#2f3136;border-radius:16px;padding:32px 40px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 16px 48px #00000080;position:relative;animation:dcSlideUp .3s ease-out;min-width:280px}@keyframes dcSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dc-call-incoming-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;border:2px solid rgba(59,165,93,.5);animation:dcRingPulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes dcRingPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.dc-call-incoming-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#3ba55d,#2d7d46);display:flex;align-items:center;justify-content:center;margin-bottom:4px;animation:dcAvatarBounce 2s ease-in-out infinite}@keyframes dcAvatarBounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.dc-call-incoming-name{font-size:20px;font-weight:700;color:#fff;margin:0}.dc-call-incoming-label{font-size:14px;color:#ffffff80;margin:0}.dc-call-incoming-members{font-size:12px;color:#ffffff59;margin:0 0 4px}.dc-call-incoming-btns{display:flex;gap:20px;margin-top:12px}.dc-call-accept{width:56px;height:56px;border-radius:50%;border:none;background:#3ba55d;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 4px 16px #3ba55d66}.dc-call-accept:hover{background:#2d8c4e;transform:scale(1.08)}.dc-call-decline{width:56px;height:56px;border-radius:50%;border:none;background:#ed4245;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 4px 16px #ed424566}.dc-call-decline:hover{background:#c03537;transform:scale(1.08)}.dc-call-status-dot.dc-ringing{background:#faa61a;box-shadow:0 0 8px #faa61a99;animation:dcRingingDot .8s ease-in-out infinite}@keyframes dcRingingDot{0%,to{opacity:1}50%{opacity:.3}}.dc-call-ringing-out{display:flex;flex-direction:column;align-items:center;gap:12px;animation:dcFadeIn .3s ease-out}.dc-call-ringing-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#7289da);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff;position:relative}.dc-call-ringing-pulse{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid rgba(88,101,242,.6);animation:dcOutPulse 1.5s ease-out infinite}.dc-call-ringing-pulse.dc-pulse-2{animation-delay:.5s}@keyframes dcOutPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}.dc-call-ringing-name{font-size:22px;font-weight:700;color:#fff;margin:0}.dc-call-ringing-label{font-size:15px;color:#ffffff80;margin:0;animation:dcRingingText 1.5s ease-in-out infinite}@keyframes dcRingingText{0%,to{opacity:1}50%{opacity:.5}}.download-page{max-width:800px;margin:0 auto;padding:40px 20px}.download-hero{text-align:center;margin-bottom:40px}.download-logo{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#5865f2,#7289da);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:900;color:#fff;margin:0 auto 16px}.download-hero h1{font-size:32px;font-weight:800;color:var(--text-primary);margin:0 0 8px}.download-hero p{font-size:16px;color:var(--text-muted)}.download-installed{background:#3ba55d26;color:#3ba55d;padding:12px 20px;border-radius:8px;text-align:center;font-weight:600;margin-bottom:24px}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.download-card{background:var(--bg-dark);border-radius:12px;padding:24px;border:1px solid var(--divider);transition:all .2s}.download-card:hover{border-color:var(--brand);transform:translateY(-2px)}.download-card.download-current{border-color:var(--brand);box-shadow:0 0 20px #5865f226}.download-card-icon{width:56px;height:56px;border-radius:12px;background:var(--bg-darker);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.download-card h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.download-card>p{font-size:13px;color:var(--text-muted);margin:0 0 16px}.download-steps{font-size:13px;color:var(--text-secondary);line-height:1.8}.download-steps p{margin:0}.download-steps strong{color:var(--text-primary)}.download-btn{width:100%;padding:12px;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;color:#fff;transition:all .15s}.download-btn-green{background:#3ba55d}.download-btn-green:hover{background:#2d8c4e}.download-btn-blue{background:#5865f2}.download-btn-blue:hover{background:#4752c4}.download-footer{text-align:center;font-size:13px;color:var(--text-muted);padding-top:16px;border-top:1px solid var(--divider)}