@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";.toast-container{position:fixed;top:24px;right:24px;z-index:99999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 24px #0006;cursor:pointer;animation:toast-in .3s ease-out,toast-out .3s ease-in 3.2s forwards;max-width:380px;min-width:200px}.toast-info{background:#5865f2d9;border:1px solid rgba(88,101,242,.4)}.toast-warning{background:#fab005d9;border:1px solid rgba(250,176,5,.4);color:#1a1500}.toast-error{background:#ed4245d9;border:1px solid rgba(237,66,69,.4)}.toast-success{background:#3ba55dd9;border:1px solid rgba(59,165,93,.4)}.toast-icon{font-size:16px;flex-shrink:0;width:20px;text-align:center}.toast-message{line-height:1.4}@keyframes toast-in{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(40px) scale(.95)}}:root{--bg-deep: #0d0518;--bg-primary: #1a0a2e;--bg-secondary: #2d1250;--bg-surface: #14182c;--bg-elevated: #1a1e38;--bg-glass: rgba(10, 12, 20, .5);--bg-glass-hover: rgba(20, 24, 40, .7);--accent-teal: #34d399;--accent-cyan: #38bdf8;--accent-purple: #818cf8;--accent-pink: #f472b6;--accent-blue: #60a5fa;--gradient-aurora: linear-gradient(135deg, #34d399, #38bdf8, #818cf8);--gradient-aurora-h: linear-gradient(90deg, #34d399, #818cf8);--gradient-pink: linear-gradient(135deg, #818cf8, #f472b6);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #475569;--text-accent: #34d399;--status-online: #10b981;--status-idle: #f59e0b;--status-offline: #475569;--status-error: #ef4444;--status-success: #10b981;--border-subtle: rgba(255, 255, 255, .04);--border-glass: rgba(255, 255, 255, .06);--border-glow: rgba(52, 211, 153, .2);--glow-teal: 0 0 20px rgba(52, 211, 153, .1);--glow-purple: 0 0 20px rgba(129, 140, 248, .1);--glow-pink: 0 0 15px rgba(244, 114, 182, .1);--glass-blur: blur(30px);--header-height: 56px;--radius-sm: 6px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100dvh;width:100vw;overflow:hidden;touch-action:none}body{font-family:var(--font-main);font-weight:400;color:var(--text-primary);background-color:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none}#root{height:100%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-teal)}button{font-family:var(--font-main);border:none;background:none;cursor:pointer;font-size:inherit;color:inherit}input,textarea{font-family:var(--font-main);border:none;outline:none;background:none;color:var(--text-primary);-webkit-user-select:auto;user-select:auto}a{color:var(--accent-cyan);text-decoration:none}a:hover{color:var(--accent-teal)}::selection{background-color:#00d4aa40;color:#fff}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#050511;position:relative;overflow:hidden;font-family:Inter,system-ui,sans-serif}.auth-container:before,.auth-container:after{content:"";position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(120px);z-index:0;pointer-events:none;animation:pulseGlow 15s ease-in-out infinite alternate}.auth-container:before{background:radial-gradient(circle,rgba(124,77,255,.12),transparent 70%);top:-20%;left:-10%}.auth-container:after{background:radial-gradient(circle,rgba(0,212,170,.08),transparent 70%);bottom:-20%;right:-10%;animation-delay:-7s}@keyframes pulseGlow{0%{transform:scale(1) translate(0);opacity:.6}33%{transform:scale(1.1) translate(5%,5%);opacity:.8}66%{transform:scale(.9) translate(-5%,2%);opacity:.7}to{transform:scale(1.05) translate(-2%,-5%);opacity:.9}}.auth-particles{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.particle{position:absolute;bottom:-10px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fffc,0 0 20px #00d4aa66;opacity:0;animation:floatParticle linear infinite}@keyframes floatParticle{0%{transform:translateY(0) translate(0) scale(.5);opacity:0}10%{opacity:.6}50%{transform:translateY(-50vh) translate(20px) scale(1)}90%{opacity:.5}to{transform:translateY(-110vh) translate(-20px) scale(.5);opacity:0}}.auth-box{position:relative;z-index:1;background:#0e101ca6;backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);border:1px solid rgba(255,255,255,.06);padding:56px 48px;border-radius:28px;box-shadow:0 40px 80px #0009,inset 0 1px #ffffff1a,inset 0 0 20px #ffffff08;width:100%;max-width:440px;color:#fff;animation:floatUp 1.2s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(30px)}@keyframes floatUp{to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:48px}.auth-logo{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);box-shadow:none;margin-bottom:28px;overflow:hidden;animation:softGlow 4s ease-in-out infinite alternate}.auth-logo-img{width:65%;height:65%;object-fit:contain;border-radius:inherit}@keyframes softGlow{0%{box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,0 0 #7c4dff00}to{box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,0 0 20px #7c4dff4d}}.auth-header h2{font-size:34px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#aab1cc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;line-height:1.1}.auth-header p{color:#8c92a6;font-size:16px;line-height:1.5;font-weight:400}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-button{position:relative;background:#ffffff0a;color:#fff;border:1px solid rgba(255,255,255,.12);padding:18px;border-radius:16px;font-size:16px;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:14px;overflow:hidden}.auth-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent);opacity:0;transition:opacity .4s ease}.auth-button:hover{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 12px 28px #0006,0 0 24px #ffffff0f;transform:translateY(-2px)}.auth-button:hover:before{opacity:1}.auth-button:active{transform:translateY(0);box-shadow:0 4px 12px #0006;border-color:#ffffff26}.auth-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.auth-footer{text-align:center;margin-top:28px;font-size:15px;color:#727a93}.auth-link{color:#fff;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;padding:4px 8px;border-radius:6px}.auth-link:hover{background:#ffffff0d;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.2)}.disclaimer-text{font-size:12px;color:#5a6075;text-align:center;margin-top:36px;line-height:1.6}.error-message{color:#ff5252;font-size:14px;margin-bottom:20px;padding:14px 18px;background:#ff525214;border:1px solid rgba(255,82,82,.15);border-radius:12px;text-align:center;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.badge-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:1px;flex-shrink:0;position:relative}.badge-icon-img{display:block;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 3px rgba(255,215,0,.4));transition:filter .2s ease,transform .2s ease}.badge-icon:hover .badge-icon-img{filter:drop-shadow(0 0 6px rgba(255,215,0,.7));transform:scale(1.15)}.badge-icon:after{content:attr(title);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#111214;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:100;box-shadow:0 2px 8px #0006}.badge-icon:hover:after{opacity:1}.awr-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.awr-avatar{position:relative;z-index:1}.awr-ring{position:absolute;top:50%;left:50%;z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;object-fit:contain;aspect-ratio:1}.panel-preview-card{background:#080c16e6;border:1.5px solid rgba(255,255,255,.06);border-radius:14px;overflow:visible;box-shadow:0 4px 20px #0000004d;transition:background-color .3s ease,border-color .3s ease;position:relative;width:100%;z-index:1}.ppc-card-bg-container{position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;overflow:hidden;opacity:.4}.ppc-card-bg-image-el{width:100%;height:100%;object-fit:cover}.ppc-banner{height:96px;width:100%;position:relative;z-index:1;overflow:hidden;border-radius:14px 14px 0 0}.ppc-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ppc-body{padding:0 16px 16px;position:relative;z-index:2;flex:1;display:flex;flex-direction:column}.ppc-avatar-wrap{position:relative;margin-top:-40px;margin-bottom:12px;width:fit-content;overflow:visible;z-index:3}.ppc-avatar-shell{width:86px;height:86px;position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:visible}.ppc-avatar-shell .awr-avatar{box-shadow:0 0 0 5px #080c16e6}.ppc-avatar-image-wrap{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.ppc-avatar-shell img:not(.awr-ring){width:100%;height:100%;object-fit:cover}.ppc-avatar-shell.ppc-avatar-glow .awr-avatar,.ppc-avatar-shell.ppc-avatar-spin .awr-avatar,.ppc-avatar-shell.ppc-avatar-pulse .awr-avatar{width:calc(100% - 6px)!important;height:calc(100% - 6px)!important;box-shadow:0 0 0 5px #080c16e6}.ppc-avatar-glow:after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid var(--avatar-effect-color, rgba(255, 255, 255, .5));box-shadow:0 0 15px var(--avatar-effect-color, rgba(255, 255, 255, .5));pointer-events:none;z-index:0;box-sizing:border-box}.ppc-avatar-spin:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:4px dashed var(--avatar-effect-color, rgba(255, 255, 255, .5));animation:ppc-avatar-spin-anim 6s linear infinite;pointer-events:none;z-index:5;box-sizing:border-box}@keyframes ppc-avatar-spin-anim{to{transform:rotate(360deg)}}.ppc-avatar-pulse:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:3px solid var(--avatar-effect-color, rgba(255, 255, 255, .5));animation:ppc-avatar-pulse-anim 2s infinite cubic-bezier(.66,0,0,1);pointer-events:none;z-index:5;box-sizing:border-box}@keyframes ppc-avatar-pulse-anim{0%{box-shadow:0 0 0 0 var(--avatar-effect-color, rgba(255, 255, 255, .5))}70%{box-shadow:0 0 0 12px #fff0}to{box-shadow:0 0 #fff0}}.ppc-avatar-shell img:not(.awr-ring),.ppc-avatar img:not(.awr-ring){width:100%;height:100%;object-fit:cover;border-radius:50%}.ppc-status-dot{position:absolute;bottom:-1px;right:-1px;width:18px;height:18px;border-radius:50%;border:3px solid rgba(8,12,22,.9);z-index:3;box-sizing:border-box}.ppc-status-dot.online{background:var(--status-online);box-shadow:0 0 6px #00e67680}.ppc-status-dot.offline{background:transparent;box-shadow:inset 0 0 0 2.5px #747f8d}.ppc-status-dot.idle{background:var(--status-idle, #f59e0b);box-shadow:0 0 6px #f59e0b66}.ppc-status-dot.idle:after{content:"";position:absolute;top:-2px;left:-2px;width:9px;height:9px;border-radius:50%;background:#080c16e6}.ppc-status-dot.dnd{background:var(--status-error, #ef4444);box-shadow:0 0 6px #ef444466;display:flex;align-items:center;justify-content:center}.ppc-status-dot.dnd:after{content:"";width:7px;height:2px;background:#080c16e6;border-radius:1.5px}.ppc-info{display:flex;flex-direction:column;gap:8px;flex:1}.ppc-name{font-size:16px;font-weight:700;color:#fff;margin:0;letter-spacing:-.2px}.ppc-tag{color:var(--text-secondary);font-weight:500;font-family:var(--font-mono);font-size:12px;margin-left:4px}.ppc-pronouns{font-size:11px;color:var(--text-muted);margin-top:-2px}.ppc-divider{height:1px;background:#ffffff0f;margin:4px 0}.ppc-section h4{font-size:10px;font-weight:700;color:var(--text-muted);margin:0 0 4px;text-transform:uppercase;letter-spacing:.06em}.ppc-section p{font-size:13px;color:#ffffffbf;line-height:1.55;margin:0;white-space:pre-wrap;word-break:break-word;font-weight:400;letter-spacing:.01em}.ppc-section{padding:2px 0}.ppc-bottom-row{display:flex;align-items:flex-start;justify-content:space-between;margin-top:auto}.ppc-member-since{margin-top:0}.ppc-aura-section{text-align:right}.ppc-aura-value{display:flex;align-items:center;gap:6px;justify-content:flex-end}.ppc-aura-img{width:18px;height:18px;object-fit:contain}.ppc-card-aurora{border:none;overflow:visible}.aurora-container{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit}.aurora-container:before{content:"";position:absolute;inset:-3px;z-index:-1;border-radius:17px;background:linear-gradient(60deg,#00d4aa,#00b4d8,#7c4dff,#c77dff,#ff6ec7,#ff9a8b,#00d4aa);background-size:300% 300%;animation:aurora-smooth 8s ease infinite;filter:blur(6px);opacity:.6}.aurora-container:after{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:16px;background:linear-gradient(60deg,#00d4aa,#00b4d8,#7c4dff,#c77dff,#ff6ec7,#ff9a8b,#00d4aa);background-size:300% 300%;animation:aurora-smooth 8s ease infinite}@keyframes aurora-smooth{0%{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}.rain-container{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:14px}.raindrop{position:absolute;top:-24px;width:1.5px;background:linear-gradient(to bottom,transparent,rgba(174,210,240,.45),transparent);border-radius:0 0 2px 2px;animation:rain-drop 1.2s linear infinite}.raindrop-0{height:18px;animation-duration:.9s}.raindrop-1{height:24px;animation-duration:1.1s;width:1px}.raindrop-2{height:14px;animation-duration:.75s;width:1px}.raindrop-3{height:22px;animation-duration:1.3s;width:1.5px}.raindrop-4{height:16px;animation-duration:.85s;width:1px}.raindrop-5{height:28px;animation-duration:1.05s;width:1.5px}.ppc-banner{height:96px;width:100%;position:relative;z-index:1;border-radius:14px 14px 0 0}@keyframes rain-drop{0%{transform:translateY(-24px);opacity:0}10%{opacity:1}85%{opacity:.5}to{transform:translateY(450px);opacity:0}}.ppc-card-arcane{box-shadow:inset 0 0 60px #00bcd426,0 4px 15px #0006;border-color:#00bcd433}.arcane-container{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:14px}.arcane-particle{position:absolute;bottom:-10px;width:3px;height:3px;background:#00bcd4;border-radius:1px;box-shadow:0 0 8px #00bcd4,0 0 12px #00bcd4;animation:arcane-float 4s ease-in infinite;transform:rotate(45deg)}.arcane-particle-1{width:2px;height:2px;animation-duration:5s}.arcane-particle-2{width:4px;height:4px;animation-duration:3.5s}.arcane-particle-3{width:2.5px;height:2.5px;animation-duration:4.5s}@keyframes arcane-float{0%{transform:translateY(0) rotate(45deg) scale(1);opacity:0}20%{opacity:.8}80%{opacity:.6}to{transform:translateY(-300px) rotate(405deg) scale(.5);opacity:0}}.ppc-border-solid{transition:border-color .3s ease}.ppc-border-pulse{border:1.5px solid var(--user-border-color, #3a3f52)!important;animation:card-border-pulse 2.5s ease-in-out infinite}@keyframes card-border-pulse{0%,to{border-color:var(--user-border-color, #3a3f52);box-shadow:0 0 8px #788cff0d,0 4px 20px #0000004d}50%{border-color:color-mix(in srgb,var(--user-border-color, #3a3f52),white 40%);box-shadow:0 0 16px color-mix(in srgb,var(--user-border-color, #3a3f52) 50%,transparent),0 0 32px color-mix(in srgb,var(--user-border-color, #3a3f52) 20%,transparent),0 4px 20px #0000004d}}.ppc-border-neon{border:1.5px solid var(--user-border-color, #7289da)!important;box-shadow:0 0 15px var(--user-border-color, rgba(114, 137, 218, .4)),0 0 5px var(--user-border-color, rgba(114, 137, 218, .2)),0 4px 20px #0000004d!important}.ppc-border-gradient{border:none!important;position:relative;overflow:visible}.ppc-border-gradient:before{content:"";position:absolute;inset:-2px;z-index:3;border-radius:16px;padding:2px;background:linear-gradient(90deg,#00d4aa,#7c4dff,#ff6ec7,gold,#00d4aa);background-size:400% 100%;animation:card-border-gradient 6s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.ppc-border-gradient:after{content:"";position:absolute;inset:-4px;z-index:-1;border-radius:18px;background:linear-gradient(90deg,#00d4aa,#7c4dff,#ff6ec7,gold,#00d4aa);background-size:400% 100%;animation:card-border-gradient 6s linear infinite;filter:blur(10px);opacity:.35;pointer-events:none}@keyframes card-border-gradient{to{background-position:400% 0}}.ppc-card-border-decoration{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);z-index:10;pointer-events:none;object-fit:fill;border-radius:16px}.profile-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;background-color:var(--bg-deep);background-image:radial-gradient(ellipse at 30% 20%,rgba(0,212,170,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 70%,rgba(124,77,255,.06) 0%,transparent 50%);color:var(--text-primary);font-family:var(--font-main);padding:20px}.profile-box{background:#101428b3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);padding:40px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006;width:100%;max-width:800px}.profile-header{text-align:center;margin-bottom:32px}.profile-header h2{font-size:26px;font-weight:700;margin-bottom:8px;background:var(--gradient-aurora);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-header p{color:var(--text-secondary);font-size:15px}.profile-content-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}@media(max-width:768px){.profile-content-layout{grid-template-columns:1fr}.profile-preview-section{order:-1}}.profile-form{display:flex;flex-direction:column;gap:24px}.profile-form .form-group label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.profile-form input[type=text]{background:var(--bg-glass);border:1px solid var(--border-glass);padding:12px 14px;border-radius:var(--radius-sm);color:var(--text-primary);font-size:15px;transition:all .3s ease}.profile-form input[type=text]:focus{border-color:var(--accent-teal);box-shadow:0 0 0 2px #00d4aa26}.input-tip{font-size:12px;color:var(--text-muted);margin-top:4px}.color-picker-wrapper{display:flex;align-items:center;gap:16px;background:var(--bg-glass);border:1px solid var(--border-glass);padding:10px 14px;border-radius:var(--radius-sm)}.color-picker-wrapper input[type=color]{-webkit-appearance:none;appearance:none;border:none;width:36px;height:36px;background:none;cursor:pointer;border-radius:var(--radius-sm)}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border:2px solid var(--border-glass);border-radius:var(--radius-sm)}.color-code{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.profile-preview-section{display:flex;flex-direction:column;gap:8px}.preview-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.discord-card{background:#0c0f1acc;border:1px solid var(--border-glass);border-radius:var(--radius-lg);overflow:hidden;width:300px;box-shadow:0 4px 20px #0006}.card-banner{height:60px;width:100%}.card-body{padding:0 16px 16px;position:relative}.card-avatar-wrapper{position:relative;margin-top:-40px;margin-bottom:8px}.card-avatar{width:80px;height:80px;border-radius:50%;border:5px solid rgba(12,15,26,.8);background-color:var(--bg-surface);position:relative;overflow:hidden}.card-avatar img{width:100%;height:100%;object-fit:cover}.status-indicator{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background-color:var(--status-online);border-radius:50%;border:4px solid rgba(12,15,26,.8)}.card-info{display:flex;flex-direction:column;gap:12px}.card-name{font-size:20px;font-weight:700;color:#fff}.card-tag{color:var(--text-secondary);font-weight:500;font-family:var(--font-mono);font-size:13px}.card-divider{height:1px;background:var(--border-subtle);margin:4px 0}.card-section h4{font-size:11px;font-weight:700;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.card-section p{font-size:14px;color:var(--text-primary);line-height:1.4}.save-button{background:var(--gradient-aurora);color:#fff;border:none;padding:14px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;position:relative;overflow:hidden}.save-button:hover{box-shadow:0 4px 20px #00d4aa4d;transform:translateY(-1px)}.save-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-spinner{font-size:18px;color:var(--text-secondary)}.profile-panel-overlay{position:fixed;inset:0;background:#000000a6;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:panel-fade-in .25s ease-out}@keyframes panel-fade-in{0%{opacity:0}to{opacity:1}}.profile-panel{width:820px;max-width:100%;max-height:88vh;background:#101428f7;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;animation:panel-scale-in .35s cubic-bezier(.19,1,.22,1);box-shadow:0 24px 80px #00000080,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0d;display:flex;flex-direction:column}@keyframes panel-scale-in{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:700px){.profile-panel-overlay{padding:12px}.profile-panel{max-height:94vh}.panel-body{grid-template-columns:1fr!important;overflow-y:auto}.panel-preview-container{order:-1}.panel-form{overflow:visible}.panel-form-scroll{overflow:visible;flex:none}}.panel-banner{height:80px;position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px;flex-shrink:0}.panel-banner-label{font-size:13px;font-weight:700;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.4);letter-spacing:.02em}.panel-close{background:#00000059;border:none;color:#ffffffd9;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-close:hover{background:#ff525259;color:#fff;transform:scale(1.1)}.panel-avatar-section{display:flex;align-items:center;gap:14px;padding:12px 24px}.panel-avatar{width:72px;height:72px;border-radius:50%;border:3px solid rgba(255,255,255,.1);overflow:hidden;flex-shrink:0;background:var(--bg-surface)}.panel-avatar img{width:100%;height:100%;object-fit:cover}.panel-user-info{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex:1;min-width:0}.panel-user-text{display:flex;flex-direction:column;min-width:0}.status-selector-container{position:relative;flex-shrink:0}.status-selector-trigger{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.status-selector-trigger:hover{background:#ffffff14;border-color:#ffffff26}.status-selector-trigger span{font-size:13px;font-weight:600;color:var(--text-primary)}.user-status-dot{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;border:3px solid var(--bg-surface);transition:all .3s ease;z-index:10;box-sizing:border-box}.user-status-dot.online{background:var(--status-online);box-shadow:0 0 6px #00e67680}.user-status-dot.idle{background:var(--status-idle, #faa61a);box-shadow:0 0 6px #faa61a66}.user-status-dot.idle:after{content:"";position:absolute;top:-2px;left:-2px;width:10px;height:10px;border-radius:50%;background:var(--bg-surface)}.user-status-dot.dnd{background:var(--status-error, #f04747);box-shadow:0 0 6px #f0474766;display:flex;align-items:center;justify-content:center}.user-status-dot.dnd:after{content:"";width:8px;height:2.5px;background:var(--bg-surface);border-radius:1.5px}.user-status-dot.offline{background:transparent;box-shadow:inset 0 0 0 2.5px #747f8d}.panel-username{font-size:18px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-tag{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.status-picker-trigger{cursor:pointer;transition:transform .2s;width:20px;height:20px;border-width:4px}.status-picker-trigger:hover{transform:scale(1.15)}.status-picker-menu{position:absolute;top:calc(100% + 12px);left:0;background:#10141ef2;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px;min-width:160px;box-shadow:0 8px 24px #0009;z-index:100;animation:fade-in-up .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.status-picker-menu.dropdown-right{left:auto;right:0}@keyframes fade-in-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.status-option{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .2s}.status-option:hover{background:#ffffff14}.status-option span{font-size:13px;font-weight:600;color:var(--text-primary)}.status-icon{width:12px;height:12px;border-radius:50%;position:relative}.status-icon.online{background:var(--status-online)}.status-icon.offline{background:#747f8d}.status-icon.idle{background:var(--status-idle, #f59e0b)}.status-icon.idle:after{content:"";position:absolute;top:-2px;left:-2px;width:10px;height:10px;background:#10141ef2;border-radius:50%}.status-icon.dnd{background:var(--status-error, #ef4444);display:flex;align-items:center;justify-content:center}.status-icon.dnd:after{content:"";width:6px;height:2px;background:#10141ef2;border-radius:1px}.panel-body{display:grid;grid-template-columns:1fr 260px;gap:32px;padding:20px 32px 24px;overflow-y:auto;flex:1;min-height:0}.panel-form{display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden}.panel-form-scroll{display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1;min-height:0;padding-right:8px;padding-bottom:12px}.panel-form-scroll::-webkit-scrollbar{width:4px}.panel-form-scroll::-webkit-scrollbar-track{background:transparent}.panel-form-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.panel-form-scroll::-webkit-scrollbar-thumb:hover{background:#fff3}.panel-section-title{font-size:12px;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06)}.panel-section-title:first-child{margin-top:0}.panel-section-card{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}.panel-subsection{display:flex;flex-direction:column;gap:8px}.panel-subsection-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.panel-subsection-divider{height:1px;background:#ffffff0d;margin:4px 0}.panel-field{display:flex;flex-direction:column;gap:6px;position:relative;margin-bottom:4px}.panel-field-grow,.panel-field-color{flex:1;min-width:0}.panel-row-fields{display:flex;gap:14px}.panel-field label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.panel-field input[type=text],.panel-field textarea{background:#0006;border:1px solid rgba(255,255,255,.08);padding:12px 14px;border-radius:10px;color:var(--text-primary);font-size:14px;outline:none;transition:all .2s ease;width:100%;box-sizing:border-box;font-family:var(--font-main)}.panel-field textarea{resize:none;line-height:1.5}.panel-field input[type=text]:focus,.panel-field textarea:focus{border-color:#00d4aa4d;box-shadow:0 0 0 2px #00d4aa14}.panel-field input[type=text]::placeholder,.panel-field textarea::placeholder{color:var(--text-muted);opacity:.5}.panel-char-count{position:absolute;bottom:8px;right:10px;font-size:10px;color:var(--text-muted);opacity:.5;font-family:var(--font-mono);pointer-events:none}.panel-color-row{display:flex;align-items:center;gap:4px;background:#0000004d;border:1px solid rgba(255,255,255,.06);padding:3px 5px;border-radius:6px}.panel-color-row input[type=color]{-webkit-appearance:none;appearance:none;border:none;width:20px;height:20px;background:none;cursor:pointer;border-radius:4px;padding:0}.panel-color-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.panel-color-row input[type=color]::-webkit-color-swatch{border:1.5px solid rgba(255,255,255,.1);border-radius:4px}.panel-color-code{font-family:var(--font-mono);font-size:9.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-banner-preview{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.05);margin-top:4px;position:relative;overflow:hidden}.dm-banner-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#0009,#0000);pointer-events:none}.dm-banner-preview .dm-avatar-wrapper,.dm-banner-preview .dm-name-text{position:relative;z-index:2}.panel-save-btn{background:#ffffff14;color:var(--text-primary);border:1px solid rgba(255,255,255,.1);padding:11px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease;width:100%;margin-top:4px}.panel-save-btn:hover{background:#ffffff24;border-color:#ffffff2e;transform:translateY(-1px)}.panel-save-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.panel-preview{display:flex;flex-direction:column;gap:8px}.panel-preview-label{font-size:10px;font-weight:650;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.panel-effects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.panel-effect-option{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:4px;border-radius:10px;border:2px solid transparent;transition:all .2s ease}.panel-effect-option:hover{background:#ffffff0a}.panel-effect-option.selected{border-color:#fff3;background:#ffffff0f}.panel-effect-option span{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.panel-effect-option.selected span{color:var(--text-primary)}.effect-preview{width:60px;height:36px;border-radius:6px;overflow:hidden}.effect-aurora-demo{background:linear-gradient(135deg,#00d4aa,#7c4dff,#ff6ec7,#7c4dff,#00d4aa);background-size:300% 300%;animation:aurora-flow 4s ease-in-out infinite}@keyframes aurora-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.effect-rain-demo{background:#141824;position:relative;overflow:hidden}.effect-rain-demo:before,.effect-rain-demo:after{content:"";position:absolute;width:1px;height:8px;background:linear-gradient(to bottom,transparent,rgba(174,210,240,.6));border-radius:0 0 1px 1px;animation:rain-mini .8s linear infinite}.effect-rain-demo:before{left:25%;top:-8px}.effect-rain-demo:after{left:65%;top:-8px;height:6px;opacity:.5;animation-delay:.3s}@keyframes rain-mini{0%{transform:translateY(-2px);opacity:0}20%{opacity:1}to{transform:translateY(40px);opacity:0}}.border-demo-solid{background:#141824;border:2px solid var(--border-color, #3a3f52)}.border-demo-pulse{background:#141824;border:2px solid rgba(120,140,255,.6);animation:border-pulse-demo 2s ease-in-out infinite}@keyframes border-pulse-demo{0%,to{border-color:#788cff4d;box-shadow:0 0 4px #788cff1a}50%{border-color:#788cffcc;box-shadow:0 0 8px #788cff66}}.border-demo-gradient{background:#141824;position:relative;border:none;overflow:hidden}.border-demo-gradient:before{content:"";position:absolute;inset:0;border-radius:6px;padding:2px;background:linear-gradient(90deg,#00d4aa,#7c4dff,#ff6ec7,#00d4aa);background-size:300% 100%;animation:border-gradient-demo 3s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@keyframes border-gradient-demo{to{background-position:300% 0}}.border-demo-neon{background:#141824;border:2px solid var(--user-border-color, #7289da);box-shadow:0 0 10px var(--user-border-color, rgba(114, 137, 218, .5)),inset 0 0 5px var(--user-border-color, rgba(114, 137, 218, .3))}.avatar-demo-none{display:flex;align-items:center;justify-content:center}.avatar-demo-none .demo-avatar-circle{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.1)}.avatar-demo-glow{display:flex;align-items:center;justify-content:center}.avatar-demo-glow .demo-avatar-circle{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-color, #7c4dff);box-shadow:0 0 6px var(--border-color, #7c4dff),inset 0 0 4px var(--border-color, #7c4dff)}.avatar-demo-spin{display:flex;align-items:center;justify-content:center}.avatar-demo-spin .demo-avatar-circle-dashed{width:28px;height:28px;border-radius:50%;border:2px dashed var(--border-color, #00d4aa);animation:avatar-spin-demo 3s linear infinite}@keyframes avatar-spin-demo{to{transform:rotate(360deg)}}.avatar-demo-pulse{display:flex;align-items:center;justify-content:center}.avatar-demo-pulse .demo-avatar-circle{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-color, #ff6ec7);animation:avatar-pulse-demo 2s infinite cubic-bezier(.66,0,0,1)}@keyframes avatar-pulse-demo{to{box-shadow:0 0 0 6px #fff0}}.ring-deco-preview{display:flex;align-items:center;justify-content:center;background:#141824}.ring-deco-preview-video{width:32px;height:32px;border-radius:50%;object-fit:cover;clip-path:circle(50%)}.effect-arcane-demo{background:radial-gradient(circle at center,#1a237e,#0d1117);position:relative;box-shadow:inset 0 0 15px #00bcd44d}.effect-arcane-demo:after{content:"◈";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#00bcd4;font-size:14px;text-shadow:0 0 5px #00bcd4;opacity:.6}.panel-preview-container{display:flex;flex-direction:column;gap:8px;padding:20px;margin:-20px}.panel-preview-container .panel-preview-label{flex-shrink:0}.panel-preview-container .panel-preview-card{flex:1;min-height:420px;display:flex;flex-direction:column;border-radius:0!important;border:none!important;box-shadow:0 4px 20px #0006;overflow:visible!important;contain:none!important}.panel-preview-container .ppc-banner{border-radius:0!important;overflow:visible!important}.panel-preview-container .ppc-body{flex:1}.panel-preview-container .aurora-container,.panel-preview-container .aurora-container:before,.panel-preview-container .aurora-container:after,.panel-preview-container .rain-container,.panel-preview-container .arcane-container{border-radius:0!important}.panel-preview-container .ppc-border-solid:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;box-shadow:inset 0 0 0 1.5px var(--user-border-color, #3a3f52)}.panel-preview-container .ppc-border-pulse{border:none!important}.panel-preview-container .ppc-border-pulse:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;animation:sidebar-border-pulse 2.5s ease-in-out infinite}.panel-preview-container .ppc-border-neon{border:none!important}.panel-preview-container .ppc-border-neon:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;box-shadow:inset 0 0 0 1.5px var(--user-border-color, #7289da),inset 0 0 15px var(--user-border-color, rgba(114, 137, 218, .3)),inset 0 0 30px var(--user-border-color, rgba(114, 137, 218, .1))}.panel-preview-container .ppc-border-gradient{border:none!important;overflow:hidden}.panel-preview-container .ppc-border-gradient:before{content:"";position:absolute;inset:0;z-index:10;border-radius:0!important;padding:2px;background:linear-gradient(90deg,#00d4aa,#7c4dff,#ff6ec7,gold,#00d4aa);background-size:400% 100%;animation:card-border-gradient 6s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.panel-preview-container .ppc-border-gradient:after{content:"";position:absolute;inset:0;z-index:10;border-radius:0!important;background:linear-gradient(90deg,#00d4aa,#7c4dff,#ff6ec7,gold,#00d4aa);background-size:400% 100%;animation:card-border-gradient 6s linear infinite;filter:blur(12px);opacity:.25;pointer-events:none}.profile-zoom-group{display:flex;flex-direction:column;gap:4px;margin-top:10px}.profile-zoom-control{display:flex;align-items:center;gap:8px;background:#0003;padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.profile-zoom-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.profile-zoom-control input[type=range]{flex:1;-webkit-appearance:none;appearance:none;background:transparent;height:4px;border-radius:2px;background:#ffffff1a;outline:none;cursor:pointer}.profile-zoom-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:12px;width:12px;border-radius:50%;background:var(--text-primary);cursor:pointer;box-shadow:0 0 4px #00000080;transition:transform .1s ease}.profile-zoom-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.ring-offset-controls{display:flex;flex-direction:column;gap:8px;padding:4px 0}.ring-offset-row{display:flex;align-items:center;gap:8px}.ring-offset-label{width:18px;font-size:12px;font-weight:700;color:var(--text-muted, #72767d);text-align:center;flex-shrink:0}.ring-offset-row input[type=range]{flex:1;height:4px;appearance:none;background:#ffffff1f;border-radius:2px;outline:none;cursor:pointer}.ring-offset-row input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#5865f2;cursor:pointer;transition:transform .1s}.ring-offset-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}.ring-offset-val{width:42px;font-size:11px;color:var(--text-muted, #72767d);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.ring-offset-reset{align-self:flex-end;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-muted, #72767d);font-size:11px;padding:3px 10px;cursor:pointer;transition:background .15s,color .15s;margin-top:2px}.ring-offset-reset:hover{background:#ffffff1a;color:var(--text-primary, #dcddde)}.comments-sidebar{display:flex;flex-direction:column;height:100%;overflow:hidden;background:linear-gradient(145deg,#1a1b2e,#14151f);animation:comments-slide-in .25s cubic-bezier(.4,0,.2,1)}@keyframes comments-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.comments-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-subtle);gap:10px}.comments-header-info{flex:1;min-width:0}.comments-header-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);display:flex;align-items:center;gap:6px}.comments-header-title svg{color:var(--accent-teal);flex-shrink:0}.comments-header-author{font-size:11px;color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comments-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.comments-close-btn:hover{color:var(--text-primary);background:#ffffff0f}.comments-list{flex:1;overflow-y:auto;padding:6px 10px;display:flex;flex-direction:column;gap:0}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.comment-view-replies-btn{width:100%;padding:6px 10px;margin-left:28px;margin-top:2px;margin-bottom:2px;background:transparent;border:none;color:var(--accent-teal);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;text-align:left;opacity:.7;transition:opacity .15s ease;letter-spacing:.02em}.comment-view-replies-btn:hover{opacity:1}.comments-load-more{width:100%;padding:10px;margin-top:4px;background:transparent;border:1px solid var(--border-glass);border-radius:8px;color:var(--text-secondary);font-size:12px;font-family:inherit;cursor:pointer;transition:all .2s ease}.comments-load-more:hover{background:#ffffff0a;color:var(--text-primary);border-color:var(--accent-teal)}.comment-item{display:flex;gap:8px;padding:6px 8px;border-radius:6px;transition:background .15s ease;position:relative;border-bottom:1px solid rgba(255,255,255,.03)}.comment-item:last-child{border-bottom:none}.comment-item:hover{background:#ffffff08}.comment-item.is-reply{margin-left:24px;padding-left:10px;border-left:2px solid rgba(0,212,170,.25);border-bottom:none;border-radius:0 6px 6px 0}.comment-item.is-reply .comment-avatar{width:20px;height:20px}.comment-reply-indicator{font-size:10px;color:var(--accent-teal);opacity:.7;margin-bottom:2px;display:flex;align-items:center;gap:3px}.comment-actions{display:flex;align-items:center;gap:10px;margin-top:2px}.comment-like-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0;font-size:11px;font-family:inherit;font-weight:600;display:flex;align-items:center;gap:3px;opacity:0;transition:all .15s ease}.comment-item:hover .comment-like-btn{opacity:.6}.comment-like-btn:hover,.comment-like-btn.liked{opacity:1!important;color:#f87171}.comment-like-btn.liked svg{animation:heart-pop .3s cubic-bezier(.175,.885,.32,1.275)}.comment-reply-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0;font-size:11px;font-family:inherit;font-weight:600;opacity:0;transition:all .15s ease}.comment-item:hover .comment-reply-btn{opacity:.6}.comment-reply-btn:hover{opacity:1!important;color:var(--accent-teal)}.comment-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;background-size:cover;background-position:center;border:1.5px solid var(--border-glass)}.comment-avatar-ring-wrap{position:relative;flex-shrink:0;width:28px;height:28px}.comment-avatar-ring-wrap.has-ring{width:36px;height:36px}.comment-avatar-ring-wrap.has-ring .comment-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.comment-ring-decoration{position:absolute;top:calc(50% - 5px);left:64%;transform:translate(-50%,-50%) rotate(-25deg);width:36px;height:36px;pointer-events:none;z-index:2}.comment-item.is-reply .comment-avatar-ring-wrap{width:20px;height:20px}.comment-item.is-reply .comment-avatar-ring-wrap.has-ring,.comment-item.is-reply .comment-ring-decoration{width:28px;height:28px}.comment-body{flex:1;min-width:0}.comment-meta{display:flex;align-items:baseline;gap:6px;margin-bottom:2px}.comment-author-name{font-size:12px;font-weight:600;color:var(--text-primary)}.comment-time{font-size:10px;color:var(--text-muted)}.comment-content{font-size:12.5px;color:var(--text-secondary);line-height:1.45;word-break:break-word;white-space:pre-wrap}.comment-delete-btn{position:absolute;top:8px;right:8px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;opacity:0;transition:all .15s ease;display:flex;align-items:center}.comment-item:hover .comment-delete-btn{opacity:.5}.comment-delete-btn:hover{opacity:1!important;color:#f87171;background:#f871711a}.comments-replying-to{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;margin-bottom:8px;background:#00d4aa0f;border:1px solid rgba(0,212,170,.15);border-radius:6px;font-size:11px;color:var(--accent-teal);animation:reply-banner-in .15s ease}@keyframes reply-banner-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.comments-replying-to span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comments-replying-to-close{background:transparent;border:none;color:var(--accent-teal);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;flex-shrink:0;opacity:.7;transition:opacity .15s}.comments-replying-to-close:hover{opacity:1}.comments-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center}.comments-empty svg{color:var(--text-muted);opacity:.4}.comments-empty p{font-size:13px;color:var(--text-muted);line-height:1.4}.comments-loading{flex:1;display:flex;flex-direction:column;gap:12px;padding:16px}.comment-skeleton{display:flex;gap:10px;padding:8px}.comment-skeleton-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(90deg,#00d4aa08 25%,#7c4dff0f,#00d4aa08 75%);background-size:200% 100%;animation:loading 2s ease-in-out infinite;flex-shrink:0}.comment-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:6px}.comment-skeleton-line{height:10px;border-radius:4px;background:linear-gradient(90deg,#00d4aa08 25%,#7c4dff0f,#00d4aa08 75%);background-size:200% 100%;animation:loading 2s ease-in-out infinite}.comment-skeleton-line.short{width:40%}.comment-skeleton-line.medium{width:70%}.comments-input-area{padding:10px;border-top:1px solid var(--border-subtle)}.comments-input-wrapper{display:flex;align-items:center;gap:6px}.comments-input-row{flex:1;display:flex;align-items:center;gap:6px;background:#0003;border:1px solid var(--border-glass);border-radius:8px;padding:4px 8px 4px 0;transition:border-color .2s ease;min-width:0}.comments-input-row:focus-within{border-color:var(--accent-teal);box-shadow:0 0 0 2px #00d4aa14}.comments-input{flex:1;min-width:0;background:transparent;border:none;padding:6px 8px;color:var(--text-primary);font-size:13px;font-family:inherit;resize:none;max-height:80px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.comments-input::-webkit-scrollbar{display:none}.comments-input:focus{outline:none;border:none;box-shadow:none}.comments-input::placeholder{color:var(--text-muted)}.comments-emoji-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s ease}.comments-emoji-btn:hover{color:var(--accent-teal)}.comments-char-count{font-size:10px;color:var(--text-muted);text-align:right;margin-top:2px;padding-right:4px}.comments-char-count.near-limit{color:#faa61a}.comments-char-count.at-limit{color:#f87171}.comments-send-btn{background:var(--gradient-aurora);border:none;color:#fff;width:26px;height:26px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.comments-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 10px #00d4aa4d}.comments-send-btn:disabled{opacity:.3;cursor:not-allowed}.comments-send-btn.sending{opacity:.6;pointer-events:none}.comments-collapse-btn{background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-muted);width:26px;height:26px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.comments-collapse-btn:hover{background:#ffffff1a;color:var(--text-primary);border-color:var(--accent-teal)}@media(max-width:768px){.comments-sidebar{position:fixed!important;inset:auto 0 0!important;width:100%!important;height:50vh!important;z-index:9500;background:#080c18fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px 16px 0 0;border-top:1px solid rgba(255,255,255,.08);animation:comments-slide-up .25s ease-out;box-shadow:0 -8px 40px #00000080}@keyframes comments-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.comments-collapse-btn{display:none}.comments-input{font-size:16px}.comments-sidebar-header:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:#ffffff26}.comments-sidebar-header{position:relative;padding-top:18px!important}}.profile-sidebar{display:flex;flex-direction:column;height:100%;overflow:hidden;background:linear-gradient(145deg,#1a1b2e,#14151f);animation:profile-slide-in .25s cubic-bezier(.4,0,.2,1)}@keyframes profile-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.profile-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-subtle);gap:10px}.profile-header-info{flex:1;min-width:0}.profile-header-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#e2e8f0;display:flex;align-items:center;gap:6px}.profile-header-title svg{color:#00d4aa;flex-shrink:0}.profile-header-subtitle{font-size:11px;color:#ffffff8c;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.profile-close-btn:hover{color:var(--text-primary);background:#ffffff0f}.profile-sidebar-content{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:20px}.profile-sidebar-content .panel-preview-card{flex:1;display:flex;flex-direction:column}.profile-sidebar-content .panel-preview-card .ppc-body{flex:1}.profile-sidebar-content::-webkit-scrollbar{width:4px}.profile-sidebar-content::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.profile-actions{display:flex;gap:8px;padding:0 4px}.profile-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:8px;border:none;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.profile-action-btn.add-friend{background:linear-gradient(135deg,#00d4aa,#00b894);color:#fff}.profile-action-btn.add-friend:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00d4aa59;background:linear-gradient(135deg,#00e6b8,#00d4aa)}.profile-action-btn.add-friend:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.profile-action-btn.already-friend{background:#ffffff0f;color:var(--text-secondary);cursor:default;border:1px solid var(--border-glass)}.profile-action-btn.send-message{background:#00d4aa1a;color:#5eead4;border:1px solid rgba(0,212,170,.2)}.profile-action-btn.send-message:hover{background:#00d4aa2e;color:#6ee7b7;transform:translateY(-1px)}.profile-action-btn.request-sent{background:#ffffff0a;color:var(--text-muted);cursor:default;border:1px solid var(--border-glass)}.profile-sidebar-loading{flex:1;display:flex;flex-direction:column;gap:12px;padding:16px}.profile-skeleton-banner{width:100%;height:100px;border-radius:8px;background:linear-gradient(90deg,#00d4aa08 25%,#7c4dff0f,#00d4aa08 75%);background-size:200% 100%;animation:loading 2s ease-in-out infinite}.profile-skeleton-avatar{width:64px;height:64px;border-radius:50%;margin-top:-32px;margin-left:16px;background:linear-gradient(90deg,#00d4aa08 25%,#7c4dff0f,#00d4aa08 75%);background-size:200% 100%;animation:loading 2s ease-in-out infinite;border:4px solid var(--bg-primary, #111214)}.profile-skeleton-name{width:120px;height:14px;border-radius:4px;margin-top:12px;margin-left:16px;background:linear-gradient(90deg,#00d4aa08 25%,#7c4dff0f,#00d4aa08 75%);background-size:200% 100%;animation:loading 2s ease-in-out infinite}.profile-skeleton-text{width:80%;height:10px;border-radius:4px;margin-top:8px;margin-left:16px;background:linear-gradient(90deg,#00d4aa08 25%,#7c4dff0f,#00d4aa08 75%);background-size:200% 100%;animation:loading 2s ease-in-out infinite}.profile-sidebar-bottom{flex-shrink:0}.profile-mutual-info{padding:10px 16px 0}.profile-mutual-badge{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:#ffffff08;border:1px solid var(--border-glass);font-size:12px;color:var(--text-secondary)}.profile-mutual-badge svg{color:var(--accent-teal);flex-shrink:0}.profile-sidebar-footer{padding:10px 16px;border-top:1px solid var(--border-subtle);margin-top:10px;text-align:center}.profile-sidebar-footer p{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;opacity:.6}.notification-panel{display:flex;flex-direction:column;height:100%;animation:slideInNotif .2s ease-out}@keyframes slideInNotif{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.notification-panel-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff;margin:0;text-transform:uppercase;letter-spacing:.5px}.notification-panel-actions{display:flex;gap:4px}.notif-action-btn{background:none;border:none;color:#b5bac1;padding:6px;border-radius:4px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.notif-action-btn:hover{color:#fff;background:#ffffff14}.notification-panel-list{flex:1;overflow-y:auto;padding:8px}.notification-panel-list::-webkit-scrollbar{width:4px}.notification-panel-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:8px}.notification-empty-icon{color:#ffffff1a;margin-bottom:8px}.notification-empty p{color:#b5bac1;font-size:14px;font-weight:600;margin:0}.notification-empty span{color:#ffffff4d;font-size:12px}.notification-section{margin-bottom:8px}.notification-section-label{font-size:11px;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;padding:8px 8px 6px}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:6px;cursor:pointer;transition:background .15s ease;position:relative}.notification-item:hover{background:#ffffff0f}.notification-item.unread{background:#5865f214}.notification-item.unread:hover{background:#5865f224}.notification-item-icon{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#5865f233;display:flex;align-items:center;justify-content:center;color:#7c8af4;margin-top:2px}.notification-item.unread .notification-item-icon{background:#5865f24d;color:#a0aaff}.notification-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-item-title{font-size:13px;font-weight:600;color:#e0e1e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-item.unread .notification-item-title{color:#fff}.notification-item-body{font-size:12px;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-item-time{font-size:11px;color:#ffffff40;margin-top:2px}.notification-unread-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#5865f2;margin-top:6px;box-shadow:0 0 6px #5865f280}.friends-view{display:flex;flex-direction:column;height:100%;background:transparent;color:var(--text-primary);z-index:1;position:relative}.friends-header{height:var(--header-height);padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);z-index:10;background:#0a0c1466;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.header-left{display:flex;align-items:center;gap:12px}.friends-icon{display:flex;align-items:center;color:var(--accent-teal)}.header-title{font-weight:700;font-size:14px;color:var(--text-primary);letter-spacing:.12em}.header-title.aurora-text{background:linear-gradient(135deg,var(--accent-teal),var(--accent-purple),var(--accent-pink));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.header-divider{width:1px;height:24px;background:var(--border-subtle);margin:0 8px}.header-nav{display:flex;gap:4px}.nav-item{background:transparent;border:none;color:var(--text-secondary);padding:4px 12px;border-radius:var(--radius-full);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.nav-item.active{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-glass)}.aura-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:default;transition:all .3s ease;margin-left:4px}.aura-badge:hover{background:#ffffff12;border-color:#ffffff1f}.aura-icon-img{width:22px;height:22px;object-fit:contain}.aura-count{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.add-friend-btn{background:var(--gradient-aurora);color:#fff;border:none;padding:4px 12px;border-radius:var(--radius-full);font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease}.add-friend-btn:hover{box-shadow:0 2px 12px #00d4aa4d;transform:translateY(-1px)}.header-right{display:flex;align-items:center;gap:8px}.header-action-icon{cursor:pointer;display:flex;align-items:center;color:var(--text-secondary);transition:color .2s}.header-action-icon:hover{color:var(--accent-teal)}.notification-bell{position:relative;padding:4px;border-radius:6px;transition:all .2s ease}.notification-bell:hover{background:#ffffff0f}.notification-bell.active{background:#5865f226}.notification-badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:10px;background:#ed4245;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px #0a0c14e6,0 2px 6px #ed424566;animation:badge-pop .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}@keyframes badge-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.help-icon{background:var(--bg-glass);color:var(--text-secondary);width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:11px;border:1px solid var(--border-glass)}.friends-content-layout{flex:1;display:grid;grid-template-columns:1fr 300px;overflow:hidden;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}.friends-content-layout.sidebar-collapsed{grid-template-columns:1fr 44px}.friends-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:radial-gradient(circle at top left,rgba(124,77,255,.03) 0%,transparent 40%)}.branding-container{text-align:center;animation:fade-in-up 1s ease-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.branding-title{font-size:80px;font-weight:900;letter-spacing:.2em;margin-bottom:8px;background:linear-gradient(135deg,#fff,#fff6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:.8}.branding-subtitle{font-size:14px;color:var(--text-muted);letter-spacing:.4em;text-transform:uppercase;opacity:.6}.search-bar-wrapper{position:relative;margin-bottom:24px}.friends-search{width:100%;background:var(--bg-glass);border:1px solid var(--border-glass);padding:10px 40px 10px 14px;border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;transition:all .3s ease}.friends-search:focus{border-color:var(--accent-teal);box-shadow:0 0 0 2px #00d4aa1a}.friends-search::placeholder{color:var(--text-muted)}.search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.online-count{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:16px;text-transform:uppercase;letter-spacing:.06em}.searching-indicator{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.search-error{font-size:13px;color:var(--status-error);margin-bottom:12px}.search-success{font-size:13px;color:#43b581;background:#43b58114;border:1px solid rgba(67,181,129,.15);border-radius:8px;padding:8px 12px;margin-bottom:12px;animation:toast-in .3s ease-out}.search-result-card{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:transparent;border:none;border-radius:var(--radius-sm);margin-bottom:2px;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-result-card:hover{background:#ffffff0a}.result-left{display:flex;align-items:center;gap:10px;min-width:0}.result-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--bg-surface);background-size:cover;background-position:center;border:1.5px solid var(--border-glass);position:relative;flex-shrink:0}.result-info{display:flex;flex-direction:column}.result-name{font-weight:600;font-size:13px;color:var(--text-primary)}.result-id{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.result-actions{display:flex;gap:8px}.result-actions>button{background:transparent;border:none;color:var(--text-secondary);width:28px;height:28px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;position:relative;padding:0}.result-actions>button svg{pointer-events:none;display:block;width:16px;height:16px;min-width:16px;min-height:16px}.result-actions .add-btn:hover{color:var(--accent-teal);transform:scale(1.1)}.result-actions .action-btn:hover,.result-actions .action-btn.active{color:var(--text-primary);background:transparent!important;transform:none}.result-actions .dismiss-btn:hover{color:var(--status-error);transform:scale(1.1)}.result-actions>button.accept{color:var(--status-success)}.result-actions>button.accept:hover{color:#00ff84!important;transform:scale(1.1)}.result-actions>button.decline{color:var(--status-error)}.result-actions>button.decline:hover{color:#ff4d4d!important;transform:scale(1.1)}.friend-card{margin-bottom:1px;padding:5px 10px}.friend-card:hover{background:var(--bg-glass-hover)}.request-type{font-size:11px;color:var(--accent-cyan);margin-top:2px}.status-indicator{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-surface);box-sizing:border-box}.status-indicator.online{background-color:var(--status-online);box-shadow:0 0 5px #00e67680}.status-indicator.offline{background-color:transparent;box-shadow:inset 0 0 0 2px #747f8d}.status-indicator.idle{background-color:var(--status-idle, #faa61a);box-shadow:0 0 5px #faa61a59}.status-indicator.idle:after{content:"";position:absolute;top:-1px;left:-1px;width:7px;height:7px;border-radius:50%;background:var(--bg-surface)}.status-indicator.dnd{background-color:var(--status-error, #f04747);box-shadow:0 0 5px #f0474759;display:flex;align-items:center;justify-content:center}.status-indicator.dnd:after{content:"";width:5px;height:1.5px;background:var(--bg-surface);border-radius:1px}.status-text{font-size:11px;color:var(--text-muted)}.status-text.offline-text{color:#747f8d}.action-btn{background:transparent!important;border:none!important;box-shadow:none!important}.action-btn:hover{background:transparent!important}.empty-state{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.ghost-banner-container{display:flex;flex-direction:column;gap:12px;width:100%;max-width:440px}.ghost-banner{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-glass)}.ghost-avatar{width:32px;height:32px;border-radius:50%}.ghost-text{flex:1;display:flex;flex-direction:column;gap:8px}.ghost-line{height:8px;border-radius:var(--radius-full)}.ghost-line.long{width:60%}.ghost-line.short{width:30%}.skeleton{background:linear-gradient(90deg,#00d4aa08 25%,#7c4dff0f,#00d4aa08 75%);background-size:200% 100%;animation:loading 2s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state-text{color:var(--text-muted);font-size:14px}.active-now-sidebar{border-left:1px solid var(--border-subtle);padding:0;background:#080a0f66;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100%;overflow:hidden;position:relative;transition:opacity .2s ease}.active-now-sidebar.collapsed .sidebar-search-container,.active-now-sidebar.collapsed .sidebar-list-content,.active-now-sidebar.collapsed .comments-sidebar,.active-now-sidebar.collapsed .profile-sidebar{opacity:0;pointer-events:none;position:absolute}.sidebar-toggle-btn{position:absolute;bottom:12px;right:10px;width:26px;height:26px;border-radius:6px;background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.sidebar-toggle-btn:hover{background:#ffffff1a;color:var(--text-primary);border-color:var(--accent-teal)}.sidebar-collapsed-bar{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;padding:12px 0;width:100%}.sidebar-collapsed-icon{width:26px;height:26px;border-radius:6px;background:#ffffff0a;border:1px solid var(--border-glass);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sidebar-collapsed-icon:hover{background:#ffffff1a;color:var(--accent-teal);border-color:var(--accent-teal)}.collapsed-avatars-list{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0;overflow-y:auto;overflow-x:hidden;min-height:0}.collapsed-avatars-list::-webkit-scrollbar{width:0}.collapsed-avatar-item{background:none;border:none;padding:0;cursor:pointer;flex-shrink:0;border-radius:50%;transition:filter .2s ease;position:relative}.collapsed-avatar-item:hover{filter:brightness(1.3)}.collapsed-avatar{width:30px;height:30px;border-radius:50%;background-size:cover;background-position:center;border:1.5px solid rgba(255,255,255,.1);position:relative;transition:border-color .2s ease,box-shadow .2s ease}.collapsed-avatar-item:hover .collapsed-avatar{border-color:var(--accent-teal);box-shadow:0 0 8px #00d4aa4d}.collapsed-status{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid #1e1f22;box-sizing:border-box}.collapsed-status.online{background-color:var(--status-online);box-shadow:0 0 4px #00e67680}.collapsed-status.idle{background-color:var(--status-idle, #faa61a);box-shadow:0 0 4px #faa61a59}.collapsed-status.idle:after{content:"";position:absolute;top:-1px;left:-1px;width:6px;height:6px;border-radius:50%;background:#1e1f22}.collapsed-status.dnd{background-color:var(--status-error, #f04747);box-shadow:0 0 4px #f0474759;display:flex;align-items:center;justify-content:center}.collapsed-status.dnd:after{content:"";width:4px;height:1.5px;background:#1e1f22;border-radius:1px}.sidebar-search-container{padding:20px 16px;border-bottom:1px solid var(--border-subtle)}.sidebar-list-content{flex:1;overflow-y:auto;padding:16px}.sidebar-list-content::-webkit-scrollbar{width:4px}.sidebar-list-content::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.friends-search{width:100%;background:#0003;border:1px solid var(--border-glass);padding:8px 36px 8px 12px;border-radius:8px;color:var(--text-primary);font-size:13px;transition:all .3s ease}.search-bar-wrapper{margin-bottom:0}.search-result-card{padding:5px 8px;margin-bottom:1px}.result-avatar{width:28px;height:28px}.result-name{font-size:12.5px}.result-id{font-size:10px}.online-count{margin-top:4px;margin-bottom:12px}.status-text.blocked{color:var(--status-error)}.action-menu-wrapper{position:relative;display:flex}.context-menu{position:absolute;right:0;top:100%;margin-top:6px;background:#1a1b20;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 8px 24px #000000b3,0 2px 8px #0006,inset 0 1px #ffffff0a;min-width:160px;width:max-content;padding:4px;z-index:100;animation:menu-pop .15s cubic-bezier(.175,.885,.32,1.275);transform-origin:top right;display:flex;flex-direction:column;gap:2px}@keyframes menu-pop{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.context-menu .menu-item{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;height:auto;box-sizing:border-box;padding:8px 12px;border-radius:4px;font-size:13px;font-weight:500;color:#dcddde;transition:background .12s ease,color .12s ease;text-align:left;white-space:nowrap;border:none;background:transparent;cursor:pointer;margin:0;line-height:1.4}.context-menu .menu-item:hover{background:#ffffff0f;color:#fff}.context-menu .menu-item.danger{color:#f04747}.context-menu .menu-item.danger:hover{background:#f047471f;color:#ff6b6b}.context-menu .menu-item svg{flex-shrink:0;width:16px;height:16px}.mobile-tab-toggle-wrap{display:none}@media(max-width:768px){.friends-header{padding:0 12px;height:52px;gap:8px}.header-left{flex-shrink:0}.header-title{font-size:16px!important}.header-nav{display:none!important}.mobile-tab-toggle-wrap{display:block;position:relative}.mobile-tab-toggle-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-tab-toggle-btn:active{background:#ffffff1a;color:#fff}.nav-item{font-size:12px;padding:4px 8px;white-space:nowrap;flex-shrink:0}.add-friend-btn{font-size:11px;padding:3px 8px}.aura-badge{padding:3px 8px!important;font-size:11px!important}.aura-icon-img{width:14px!important;height:14px!important}.header-action-icon,.header-divider{display:none}.friends-content-layout{grid-template-columns:1fr!important}.active-now-sidebar,.sidebar-toggle-btn{display:none!important}.friends-main{width:100%}}.mobile-friends-overlay{position:fixed;inset:0;z-index:9500;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlay-fade-in .2s ease}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.mobile-friends-panel{position:absolute;inset:0;display:flex;flex-direction:column;background:#080c18fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:panel-slide-up .3s cubic-bezier(.16,1,.3,1)}@keyframes panel-slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-friends-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.mobile-friends-panel-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.mobile-friends-panel-close{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.mobile-friends-panel-close:active{background:#ffffff1f;color:var(--text-primary)}.mobile-friends-search{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}.mobile-friends-search .friends-search{font-size:16px;padding:10px 40px 10px 14px;border-radius:10px}.mobile-friends-tabs{display:flex;gap:4px;padding:10px 20px;overflow-x:auto;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.04);-webkit-overflow-scrolling:touch}.mobile-friends-tabs::-webkit-scrollbar{display:none}.mobile-friends-tab{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .15s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.mobile-friends-tab:active{background:#ffffff14}.mobile-friends-tab.active{background:#00d4aa1f;border-color:#00d4aa40;color:var(--accent-teal)}.mobile-friends-list{flex:1;overflow-y:auto;padding:12px 16px;-webkit-overflow-scrolling:touch}.mobile-friends-list::-webkit-scrollbar{width:3px}.mobile-friends-list::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.mobile-friends-list .search-result-card{padding:10px 12px;margin-bottom:2px;border-radius:10px}.mobile-friends-list .result-avatar{width:40px;height:40px}.mobile-friends-list .result-name{font-size:14px}.mobile-friends-list .result-id{font-size:11px}.mobile-friends-list .status-text{font-size:12px}.mobile-friends-list .online-count{font-size:11px;margin-bottom:8px;padding-left:4px}.mobile-comments-backdrop{position:fixed;inset:0;z-index:9499;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:overlay-fade-in .2s ease}.gif-picker-overlay{position:fixed;inset:0;z-index:999}.gif-picker-container{position:fixed;z-index:1000;width:440px;max-height:520px;background:var(--bg-secondary, #1a1b2e);border:1px solid var(--border-glass, rgba(255, 255, 255, .06));border-radius:12px;box-shadow:0 16px 48px #0000008c,0 0 0 1px #ffffff08;display:flex;flex-direction:column;overflow:hidden;animation:gif-picker-in .2s ease}@keyframes gif-picker-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.gif-picker-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .04))}.gif-picker-search{flex:1;background:#00000040;border:1px solid var(--border-glass, rgba(255, 255, 255, .06));padding:8px 12px;border-radius:8px;color:var(--text-primary, #fff);font-size:13px;font-family:inherit;transition:border-color .2s ease}.gif-picker-search:focus{outline:none;border-color:var(--accent-teal, #00d4aa)}.gif-picker-search::placeholder{color:var(--text-muted, rgba(255, 255, 255, .35))}.gif-picker-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;border-radius:4px;transition:all .15s ease}.gif-picker-close-btn:hover{color:var(--text-primary);background:#ffffff0f}.gif-picker-categories{display:flex;flex-wrap:nowrap;gap:6px;padding:8px 12px;overflow-x:scroll;overflow-y:hidden;flex-shrink:0;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .04));-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.gif-picker-categories::-webkit-scrollbar{height:3px}.gif-picker-categories::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.gif-picker-categories::-webkit-scrollbar-track{background:transparent}.gif-category-chip{flex-shrink:0;padding:5px 12px;border-radius:16px;border:1px solid var(--border-glass, rgba(255, 255, 255, .06));background:#ffffff08;color:var(--text-secondary, #b5bac1);font-size:12px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.gif-category-chip:hover{background:#ffffff14;color:var(--text-primary, #fff);border-color:#ffffff1f}.gif-category-chip.active{background:var(--gradient-aurora, linear-gradient(135deg, #00d4aa 0%, #7c4dff 100%));color:#fff;border-color:transparent;box-shadow:0 2px 8px #00d4aa40}.gif-picker-section-title{display:flex;align-items:center;gap:6px;padding:8px 14px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, rgba(255, 255, 255, .35));flex-shrink:0}.gif-picker-section-title svg{color:var(--accent-teal, #00d4aa)}.gif-picker-grid{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 8px}.gif-picker-grid::-webkit-scrollbar{width:4px}.gif-picker-grid::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:10px}.gif-masonry{display:flex;gap:6px}.gif-masonry-column{flex:1;display:flex;flex-direction:column;gap:6px}.gif-picker-item{cursor:pointer;border-radius:8px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;background:#0003;position:relative}.gif-picker-item:hover{transform:scale(1.03);box-shadow:0 4px 16px #00d4aa33;filter:brightness(1.1);z-index:1}.gif-picker-item img{width:100%;height:auto;display:block;border-radius:8px}.gif-picker-loading{display:flex;flex-wrap:wrap;gap:6px;padding:4px}.gif-skeleton{flex:1 1 calc(50% - 3px);height:120px;border-radius:8px;background:linear-gradient(90deg,#00d4aa08 25%,#7c4dff0f,#00d4aa08 75%);background-size:200% 100%;animation:gif-shimmer 1.5s ease-in-out infinite}.gif-skeleton.short{height:80px}@keyframes gif-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.gif-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:4px;color:var(--text-muted, rgba(255, 255, 255, .35));text-align:center}.gif-picker-empty p{font-size:14px;margin:0}.gif-empty-hint{font-size:12px!important;opacity:.6}.gif-picker-footer{padding:6px 12px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .04));display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.gif-picker-footer img{height:16px;opacity:.5}.composer-gif-preview{position:relative;margin-top:8px;border-radius:8px;overflow:hidden;max-height:160px;background:#0003}.composer-gif-preview img{width:100%;max-height:160px;object-fit:contain;display:block}.composer-gif-remove{position:absolute;top:6px;right:6px;background:#000000b3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.composer-gif-remove:hover{background:#f87171cc}.post-gif{margin-top:8px;border-radius:8px;overflow:hidden;max-height:300px}.post-gif img{width:100%;max-height:300px;object-fit:contain;display:block;border-radius:8px}.feed-view{flex:1;display:flex;flex-direction:column;height:100%;width:100%;background:#ffffff03;overflow:hidden}.feed-header{height:48px;padding:0 16px;display:flex;align-items:center;gap:8px;background:transparent;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.feed-title{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.feed-subtitle{font-size:11px;color:var(--text-muted);opacity:.5}.feed-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;display:flex;flex-direction:column;scroll-behavior:smooth}.feed-scroll::-webkit-scrollbar{width:4px}.feed-scroll::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.feed-composer{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:12px;transition:background .2s ease}.composer-top{display:flex;align-items:flex-start;gap:12px}.composer-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;opacity:.9;transition:opacity .2s}.feed-composer:focus-within .composer-avatar{opacity:1}.composer-input-wrapper{flex:1;position:relative;display:flex;align-items:flex-start;background:transparent}.composer-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:15px;line-height:1.5;resize:none;outline:none;padding:8px 0;font-family:inherit}.composer-emoji-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;margin-top:4px;opacity:.6;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:50%}.composer-emoji-btn:hover{opacity:1;color:var(--accent-teal);background:#00d4aa14}.emoji-picker-container{position:fixed;z-index:9999;box-shadow:0 10px 30px #00000080;border-radius:8px;overflow:hidden}.EmojiPickerReact{--epr-bg-color: #1a1f2e !important;--epr-category-label-bg-color: transparent !important;--epr-text-color: var(--text-primary) !important;--epr-border-color: rgba(255, 255, 255, .05) !important;--epr-hover-bg-color: rgba(255, 255, 255, .05) !important;--epr-search-input-bg-color: rgba(0, 0, 0, .2) !important}.composer-input::placeholder{color:var(--text-muted);opacity:.4}.composer-bottom{display:flex;align-items:center;justify-content:space-between;padding-left:50px}.composer-actions{display:flex;gap:4px}.composer-action-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px 8px;border-radius:6px;font-size:12px;font-weight:500;transition:all .2s ease;opacity:.6}.composer-action-btn:hover{background:#ffffff0d;opacity:1;color:var(--accent-cyan)}.composer-post-btn{background:var(--gradient-aurora);border:none;color:#fff;cursor:pointer;padding:6px 18px;border-radius:20px;font-size:12px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;gap:6px}.composer-post-btn:disabled{opacity:.15;cursor:not-allowed;filter:grayscale(1)}.composer-post-btn:not(:disabled):hover{box-shadow:0 2px 12px #00d4aa4d;transform:translateY(-1px)}.feed-posts{display:flex;flex-direction:column}.feed-post{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s ease;display:flex;gap:12px;animation:post-appear .3s ease-out backwards}.feed-post:hover{background:#ffffff05}.post-left{flex-shrink:0}.post-avatar{width:40px;height:40px;border-radius:50%;transition:filter .2s}.post-avatar-ring-wrap{position:relative;width:40px;height:40px;flex-shrink:0}.post-avatar-ring-wrap.has-ring{width:56px;height:56px;display:flex;align-items:center;justify-content:center}.post-avatar-ring-wrap.has-ring .post-avatar{position:relative;z-index:1}.feed-post:hover .post-avatar{filter:brightness(1.1)}.post-content-area{flex:1;min-width:0}.post-header{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}.post-author{font-size:14px;font-weight:700;color:var(--text-primary);transition:color .2s}.feed-post:hover .post-author{color:var(--accent-teal)}.post-time{font-size:11px;color:var(--text-muted);opacity:.4}.post-body{margin-bottom:10px}.post-text{font-size:15px;line-height:1.55;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;opacity:.88}.post-media{margin-top:8px;max-width:512px;width:100%;margin-left:auto;margin-right:auto}.post-image{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.post-engagement{display:flex;align-items:center;gap:2px;margin-top:2px;margin-left:-8px}.engagement-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s ease;opacity:.5;border-radius:8px}.engagement-btn:hover{opacity:1}.engagement-btn:first-child:hover{color:#f87171;background:#f8717114}.engagement-btn.liked{color:#f87171;opacity:1}.engagement-btn.liked:hover{background:#f871711a}.engagement-btn:nth-child(2):hover{color:var(--accent-teal);background:#00d4aa14}.engagement-btn:nth-child(3):hover{color:var(--accent-purple);background:#7c4dff14}.engagement-btn svg{transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.engagement-btn:hover svg{transform:scale(1.15)}.engagement-btn.liked svg{transform:scale(1.1);animation:heart-pop .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes heart-pop{0%{transform:scale(.6)}50%{transform:scale(1.25)}to{transform:scale(1.1)}}@keyframes post-appear{0%{opacity:0}to{opacity:1}}.feed-loading{display:flex;flex-direction:column;gap:16px;padding:16px}.skeleton-post{height:120px;background:linear-gradient(90deg,#ffffff03 25%,#ffffff08,#ffffff03 75%);background-size:200% 100%;animation:loadingPattern 1.5s infinite linear;border-radius:8px;border:1px solid rgba(255,255,255,.02)}@keyframes loadingPattern{0%{background-position:200% 0}to{background-position:-200% 0}}.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);text-align:center;opacity:.7}.empty-icon{width:64px;height:64px;background:#ffffff08;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--text-muted)}.feed-empty h3{font-size:16px;color:var(--text-primary);margin:0 0 8px}.feed-empty p{font-size:13px;max-width:250px;line-height:1.5;margin:0}.post-avatar-clickable{cursor:pointer;transition:filter .2s,transform .2s}.post-avatar-clickable:hover{filter:brightness(1.2)!important;transform:scale(1.08)}.post-author-clickable{cursor:pointer;transition:color .15s ease}.post-author-clickable:hover{color:var(--accent-teal)!important;text-decoration:underline;text-underline-offset:2px}@media(max-width:768px){.feed-header{padding:0 12px;height:44px}.feed-title{font-size:14px}.feed-composer{padding:14px 12px}.composer-avatar{width:32px;height:32px}.composer-input{font-size:14px}.composer-bottom{padding-left:44px}.composer-action-btn span{display:none}.feed-post{padding:12px;gap:10px}.post-avatar,.post-avatar-ring-wrap{width:36px;height:36px}.post-avatar-ring-wrap.has-ring{width:48px;height:48px}.post-text{font-size:14px}.post-media{max-width:100%}.post-gif img{max-width:100%;border-radius:10px}.composer-gif-preview{max-width:100%}.composer-gif-preview img{max-width:200px}.emoji-picker-container{left:8px!important;right:8px!important;max-width:calc(100vw - 16px)}}.confirm-overlay{position:fixed;inset:0;z-index:99998;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:confirm-fade-in .15s ease-out}.confirm-dialog{background:var(--surface, #1e1f22);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:14px;padding:24px 28px;min-width:300px;max-width:400px;box-shadow:0 8px 32px #00000080;animation:confirm-pop-in .2s ease-out}.confirm-message{font-family:Inter,sans-serif;font-size:15px;font-weight:500;color:var(--text-primary, #fff);text-align:center;margin:0 0 20px;line-height:1.5}.confirm-actions{display:flex;gap:10px;justify-content:center}.confirm-btn{flex:1;padding:10px 20px;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.confirm-btn.cancel{background:#ffffff14;color:var(--text-secondary, #b5bac1)}.confirm-btn.cancel:hover{background:#ffffff1f;color:#fff}.confirm-btn.danger{background:#ed4245;color:#fff}.confirm-btn.danger:hover{background:#c93b3e}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.shop-view{flex:1;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.shop-header{height:48px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#0a0c1466;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}.shop-header-left{display:flex;align-items:center;gap:8px}.shop-header-icon{color:var(--accent-teal);opacity:.7}.shop-title{font-size:15px;font-weight:700;color:var(--text-primary)}.shop-subtitle{font-size:11px;color:var(--text-muted);opacity:.5;letter-spacing:.02em}.shop-scroll{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:20px}.shop-scroll::-webkit-scrollbar{width:4px}.shop-scroll::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.shop-hero{position:relative;padding:40px 28px 36px;border-radius:18px;background:linear-gradient(135deg,#7c4dff26,#ff6ec71a,#00d4aa14);border:1px solid rgba(255,255,255,.06);overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:190px}.shop-hero:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:hero-shimmer 6s ease-in-out infinite}@keyframes hero-shimmer{0%{transform:translate(-50%)}to{transform:translate(50%)}}.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-particle{position:absolute;border-radius:50%;animation:float-particle 8s ease-in-out infinite}.p-1{width:4px;height:4px;background:var(--accent-teal);top:20%;left:15%;opacity:.4;animation-delay:0s}.p-2{width:3px;height:3px;background:var(--accent-purple);top:60%;left:30%;opacity:.3;animation-delay:-1.5s}.p-3{width:5px;height:5px;background:var(--accent-pink);top:30%;left:70%;opacity:.25;animation-delay:-3s}.p-4{width:3px;height:3px;background:var(--accent-teal);top:70%;left:80%;opacity:.35;animation-delay:-4.5s}.p-5{width:4px;height:4px;background:var(--accent-purple);top:15%;left:55%;opacity:.3;animation-delay:-2s}.p-6{width:3px;height:3px;background:var(--accent-pink);top:80%;left:50%;opacity:.2;animation-delay:-5.5s}@keyframes float-particle{0%,to{transform:translateY(0) translate(0);opacity:.2}25%{transform:translateY(-12px) translate(6px);opacity:.5}50%{transform:translateY(-6px) translate(-4px);opacity:.3}75%{transform:translateY(-18px) translate(8px);opacity:.4}}.hero-content{position:relative;z-index:2;max-width:60%}.hero-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;letter-spacing:.12em;color:gold;background:#ffd7001a;border:1px solid rgba(255,215,0,.15);padding:4px 10px;border-radius:20px;margin-bottom:12px;text-transform:uppercase}.hero-title{font-size:24px;font-weight:800;background:linear-gradient(135deg,#fff,#ffffffa6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;line-height:1.2}.hero-desc{font-size:12px;color:var(--text-secondary);opacity:.75;margin-bottom:14px;max-width:300px;line-height:1.5}.hero-timer{display:inline-flex;align-items:center;gap:4px;background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:5px 12px;margin-bottom:14px;color:var(--text-secondary);font-family:var(--font-mono);font-size:12px}.timer-digit{color:var(--accent-teal);font-weight:700;min-width:18px;text-align:center}.timer-sep{color:var(--text-muted);opacity:.5;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.hero-cta{display:inline-flex;align-items:center;gap:6px;background:var(--gradient-aurora);border:none;color:#fff;padding:9px 20px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #34d39926}.hero-cta:hover{box-shadow:0 6px 24px #34d3994d;transform:translateY(-1px)}.hero-visual{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:120px;height:120px}.hero-orb{position:absolute;border-radius:50%;filter:blur(18px);animation:orb-float 6s ease-in-out infinite}.orb-1{width:70px;height:70px;background:#7c4dff40;top:0;right:0;animation-delay:0s}.orb-2{width:50px;height:50px;background:#00d4aa33;top:40px;right:40px;animation-delay:-2s}.orb-3{width:40px;height:40px;background:#ff6ec733;top:20px;right:20px;animation-delay:-4s}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(8px,-10px) scale(1.1)}66%{transform:translate(-6px,6px) scale(.95)}}.featured-section{display:flex;flex-direction:column;gap:10px}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:14px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px}.section-title svg{color:var(--accent-teal)}.featured-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.featured-scroll::-webkit-scrollbar{height:3px}.featured-scroll::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:10px}.featured-card{flex:0 0 220px;scroll-snap-align:start;border-radius:14px;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.featured-card:hover{border-color:#ffffff1f;transform:translateY(-3px);box-shadow:0 10px 30px #00000040}.featured-card-bg{height:80px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.featured-card-bg:after{content:"";position:absolute;inset:0;background:#0000001a;transition:opacity .3s}.featured-card:hover .featured-card-bg:after{opacity:0}.featured-card-icon{position:relative;z-index:1;color:#fff;opacity:.9;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .3s ease}.featured-card:hover .featured-card-icon{transform:scale(1.15) rotate(-5deg)}.featured-card-info{padding:10px 12px 12px}.featured-card-info h4{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:3px}.featured-card-info p{font-size:10px;color:var(--text-muted);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.featured-card-action{display:flex;align-items:center;justify-content:space-between}.featured-price{font-size:14px;font-weight:800;color:var(--text-primary)}.shop-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px}.shop-tabs::-webkit-scrollbar{height:0}.shop-tab{flex:0 0 auto;display:flex;align-items:center;gap:5px;padding:8px 14px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap}.shop-tab:hover{background:#ffffff0d;color:var(--text-primary)}.shop-tab.active{background:#34d39914;border-color:#34d39926;color:var(--accent-teal)}.tab-label{pointer-events:none}.tab-count{font-size:9px;font-weight:700;background:#ffffff0f;padding:1px 6px;border-radius:8px;opacity:.6}.shop-tab.active .tab-count{background:#34d39926;color:var(--accent-teal);opacity:1}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding-bottom:16px}.shop-card{border-radius:14px;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer;animation:card-appear .4s ease-out backwards}@keyframes card-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.shop-card:hover{border-color:#ffffff1a;transform:translateY(-4px) scale(1.01);box-shadow:0 12px 32px #00000040,0 0 0 1px #ffffff0d}.shop-card.owned{opacity:.65}.shop-card.just-bought{animation:bought-pulse .6s ease-out}@keyframes bought-pulse{0%{box-shadow:0 0 #34d39966}50%{box-shadow:0 0 0 12px #34d39900;border-color:var(--accent-teal)}to{box-shadow:0 0 #34d39900}}.card-preview{height:100px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-preview:after{content:"";position:absolute;inset:0;background:#0000001f;transition:opacity .3s}.shop-card:hover .card-preview:after{opacity:0}.card-preview-icon{position:relative;z-index:2;color:#fff;opacity:.9;filter:drop-shadow(0 2px 10px rgba(0,0,0,.35));transition:transform .4s cubic-bezier(.4,0,.2,1)}.shop-card:hover .card-preview-icon{transform:scale(1.25) rotate(-5deg)}.card-shimmer{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:skew(-15deg);transition:none;z-index:1}.shop-card:hover .card-shimmer{animation:shimmer-slide .8s ease-out}@keyframes shimmer-slide{0%{left:-60%}to{left:120%}}.card-tag{position:absolute;top:8px;right:8px;z-index:3;font-size:8px;font-weight:800;letter-spacing:.06em;color:#fff;padding:3px 8px;border-radius:6px;text-transform:uppercase}.tag-new{background:linear-gradient(135deg,#10b981,#34d399)}.tag-hot{background:linear-gradient(135deg,#ef4444,#f97316)}.tag-popular{background:linear-gradient(135deg,#818cf8,#6366f1)}.tag-limited{background:linear-gradient(135deg,gold,#f59e0b);color:#1a1a1a}.tag-free{background:linear-gradient(135deg,#00d4aa,#00e5ff)}.tag-best-value{background:linear-gradient(135deg,gold,#ff6ec7);color:#1a1a1a}.tag-save-40\%{background:linear-gradient(135deg,#f97316,#fbbf24);color:#1a1a1a}.tag-save-50\%{background:linear-gradient(135deg,#ef4444,#fbbf24);color:#1a1a1a}.tag-save-35\%{background:linear-gradient(135deg,#f97316,#fbbf24);color:#1a1a1a}.card-details{padding:10px 12px 12px}.card-name{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:3px}.card-desc{font-size:10px;color:var(--text-muted);line-height:1.45;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.shop-stars{display:inline-flex;align-items:center;gap:1px}.star-filled{color:#fbbf24;fill:#fbbf24}.star-half{color:#fbbf24;opacity:.5}.star-value{font-size:10px;font-weight:700;color:var(--text-secondary);margin-left:4px;font-family:var(--font-mono)}.buyers-count{display:inline-flex;align-items:center;gap:3px;font-size:9px;color:var(--text-muted);opacity:.7}.card-footer{display:flex;align-items:center;justify-content:space-between}.card-price{display:flex;align-items:center;gap:6px}.card-price span{font-size:14px;font-weight:800;color:var(--text-primary)}.card-price .free-price{color:var(--accent-teal)}.original-price{font-size:10px!important;font-weight:500!important;color:var(--text-muted)!important;text-decoration:line-through;opacity:.6}.buy-btn{display:flex;align-items:center;gap:4px;background:var(--gradient-aurora);border:none;color:#fff;padding:6px 16px;border-radius:14px;font-size:11px;font-weight:700;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.buy-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:none}.buy-btn:hover:not(:disabled):before{animation:btn-shine .5s ease-out}@keyframes btn-shine{0%{left:-100%}to{left:100%}}.buy-btn:hover:not(:disabled){box-shadow:0 3px 14px #34d3994d;transform:scale(1.05)}.buy-btn.owned-btn{background:#ffffff0f;color:var(--text-muted);cursor:default}.buy-btn.insufficient-btn{background:#ff4d4d1f;border:1px solid rgba(255,77,77,.15);color:#ff6b6b;cursor:not-allowed;font-size:10px}.shop-header-right{display:flex;align-items:center}.shop-aura-balance{display:flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius-full, 20px);background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.shop-aura-icon-img{width:24px;height:24px;object-fit:contain}.shop-aura-amount{font-size:14px;font-weight:800;color:var(--text-primary)}.shop-aura-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.shop-error-toast{background:#ef44441f;border:1px solid rgba(239,68,68,.2);color:#ff6b6b;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;margin:0 16px 8px;animation:toast-in .3s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chat-loading{display:flex;align-items:center;justify-content:center}@media(max-width:768px){.shop-header{padding:0 12px}.shop-scroll{padding:12px;gap:16px}.shop-hero{padding:24px 16px;min-height:auto;flex-direction:column;text-align:center}.hero-content{max-width:100%}.hero-title{font-size:18px}.hero-desc{max-width:100%}.hero-visual{display:none}.shop-grid{grid-template-columns:repeat(2,1fr);gap:8px}.card-preview{height:80px}.card-name{font-size:12px}.card-desc{font-size:9px}.featured-card{flex:0 0 180px}.featured-card-bg{height:60px}.shop-tabs{scrollbar-width:none}.shop-tab{padding:6px 10px;font-size:10px}}.msn-view{flex:1;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.msn-topbar{height:48px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#0a0c1466;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}.msn-topbar-left{display:flex;align-items:center;gap:8px}.msn-topbar-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c4dff,#5865f2);color:#fff}.msn-topbar-title{font-size:15px;font-weight:700;color:var(--text-primary, #fff)}.msn-topbar-filters{display:flex;gap:4px;margin-left:12px}.msn-topbar-right{display:flex;align-items:center;gap:12px}.msn-topbar-timer{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b;font-size:12px;font-weight:600}.msn-scroll{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.msn-scroll::-webkit-scrollbar{width:4px}.msn-scroll::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.msn-hero{position:relative;border-radius:16px;padding:24px;overflow:hidden;background:linear-gradient(145deg,#0e101cf2,#141628e6);border:1px solid rgba(124,77,255,.12)}.msn-hero-glow{position:absolute;top:-60%;left:-20%;width:80%;height:200%;background:radial-gradient(ellipse,rgba(124,77,255,.08) 0%,transparent 60%);pointer-events:none}.msn-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(124,77,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(124,77,255,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;mask-image:radial-gradient(ellipse 80% 80% at 30% 50%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 30% 50%,black,transparent)}.msn-hero-content{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1;flex-wrap:wrap}.msn-hero-left{display:flex;align-items:center;gap:20px}.msn-hero-ring-wrap{width:88px;height:88px;position:relative;flex-shrink:0}.msn-ring-svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 0 8px rgba(124,77,255,.3))}.msn-ring-bg{fill:none;stroke:#ffffff0d;stroke-width:6}.msn-ring-fill{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dasharray 1s cubic-bezier(.4,0,.2,1)}.msn-ring-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.msn-ring-num{font-size:26px;font-weight:800;color:#fff;line-height:1;letter-spacing:-1px}.msn-ring-slash{font-size:11px;color:var(--text-secondary, #8e9297);margin-top:2px}.msn-hero-text{display:flex;flex-direction:column;gap:4px}.msn-hero-title{font-size:22px;font-weight:800;color:#fff;margin:0;letter-spacing:-.5px}.msn-hero-sub{font-size:13px;color:var(--text-secondary, #8e9297);margin:0;display:flex;align-items:center;gap:4px}.msn-inline-aura{width:14px;height:14px;object-fit:contain;vertical-align:middle}.msn-hero-right{display:flex;flex-direction:row;gap:10px;flex:1;min-width:0}.msn-hero-stat{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);flex:1;min-width:0}.msn-hero-stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.msn-hero-stat-icon.aura{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d)}.msn-hero-stat-icon.aura img{width:22px;height:22px;object-fit:contain}.msn-hero-stat-icon.streak{background:linear-gradient(135deg,#ef444426,#ef44440d);color:#ef4444}.msn-hero-stat-text{display:flex;flex-direction:column}.msn-hero-stat-val{font-size:16px;font-weight:700;color:#fff}.msn-hero-stat-max{font-size:12px;color:var(--text-secondary, #8e9297);font-weight:400}.msn-hero-stat-lbl{font-size:11px;color:var(--text-muted, #5c6270);font-weight:500}.msn-hero-progress{margin-top:18px;height:3px;border-radius:2px;background:#ffffff0f;overflow:hidden;position:relative;z-index:1}.msn-hero-progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#7c4dff,#00d4aa);transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #7c4dff66}.msn-filter{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:var(--text-secondary, #8e9297);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.msn-filter:hover{background:#ffffff0f;color:var(--text-primary, #fff)}.msn-filter.active{background:#7c4dff26;border-color:#7c4dff4d;color:#b794ff}.msn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.msn-card{border-radius:14px;background:#10121ecc;border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:all .25s ease;animation:msn-card-in .4s ease both;cursor:default}.msn-card:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.msn-card.completed{border-color:#00d4aa33}.msn-card.claimed{opacity:.45;pointer-events:none}@keyframes msn-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.msn-card-accent{height:3px;width:100%}.msn-card-body{padding:14px;display:flex;flex-direction:column;gap:10px}.msn-card-header{display:flex;align-items:center;justify-content:space-between}.msn-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.msn-card-reward{display:flex;align-items:center;gap:4px;font-size:15px;font-weight:800;color:#f5c542;text-shadow:0 0 8px rgba(245,197,66,.3)}.msn-aura-sm{width:16px;height:16px;object-fit:contain}.msn-card-title{font-size:14px;font-weight:700;color:#fff;margin:0}.msn-card-desc{font-size:12px;color:var(--text-secondary, #8e9297);margin:0;line-height:1.4}.msn-card-progress{display:flex;align-items:center;gap:8px}.msn-card-bar-track{flex:1;height:5px;border-radius:3px;background:#ffffff0f;overflow:hidden}.msn-card-bar-fill{height:100%;border-radius:3px;transition:width .6s ease;position:relative}.msn-card-bar-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));border-radius:3px}.msn-card-bar-text{font-size:11px;font-weight:700;color:var(--text-secondary, #8e9297);flex-shrink:0;min-width:28px;text-align:right}.msn-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid rgba(255,255,255,.04)}.msn-card-diff{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:3px;padding:2px 8px;border-radius:6px}.msn-diff-easy{color:#00d4aa;background:#00d4aa14}.msn-diff-medium{color:#f59e0b;background:#f59e0b14}.msn-diff-hard{color:#ef4444;background:#ef444414}.msn-claim-btn{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:8px;border:none;background:linear-gradient(135deg,#00d4aa,#059669);color:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00d4aa40}.msn-claim-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px #00d4aa59}.msn-claimed{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#00d4aa80}.msn-card-locked{color:#ffffff26}.msn-streak{background:linear-gradient(145deg,#0e101cf2,#141628e6);border:1px solid rgba(245,158,11,.1);border-radius:16px;padding:20px;overflow:hidden}.msn-streak-top{margin-bottom:20px}.msn-streak-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.msn-streak-trophy{color:#f59e0b}.msn-streak-title-row h3{font-size:16px;font-weight:700;color:#fff;margin:0}.msn-streak-top p{font-size:12px;color:var(--text-secondary, #8e9297);margin:0}.msn-streak-track{display:flex;align-items:flex-start;justify-content:center;gap:0;padding:8px 0}.msn-streak-node{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:56px}.msn-streak-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:2px solid rgba(255,255,255,.08);color:var(--text-secondary, #8e9297);font-size:14px;font-weight:700;transition:all .3s ease}.msn-streak-node.current .msn-streak-circle{border-color:#7c4dff80;background:#7c4dff1a;color:#b794ff;box-shadow:0 0 12px #7c4dff33;animation:msn-pulse 2s ease-in-out infinite}.msn-streak-node.done .msn-streak-circle{border-color:#00d4aa80;background:#00d4aa26;color:#00d4aa}@keyframes msn-pulse{0%,to{box-shadow:0 0 12px #7c4dff33}50%{box-shadow:0 0 20px #7c4dff66}}.msn-streak-reward{display:flex;align-items:center;gap:2px;font-size:10px;font-weight:700;color:#f59e0b}.msn-streak-aura{width:10px;height:10px;object-fit:contain}.msn-streak-bonus{font-size:9px;font-weight:800;color:#f59e0b;animation:msn-bonus-glow 2s ease-in-out infinite}@keyframes msn-bonus-glow{0%,to{opacity:.7}50%{opacity:1}}.msn-streak-line{width:20px;height:2px;background:#ffffff14;margin-top:19px;flex-shrink:0}.msn-streak-line.done{background:#00d4aa4d}@media(max-width:900px){.msn-grid{grid-template-columns:1fr}.msn-hero-content{flex-direction:column;align-items:flex-start}.msn-hero-right{flex-direction:row;width:100%}.msn-hero-stat{flex:1;min-width:0}}@media(max-width:600px){.msn-streak-track{flex-wrap:wrap;gap:8px}.msn-streak-line{display:none}}.msn-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-secondary, #8e9297);font-size:13px}.msn-spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(124,77,255,.15);border-top-color:#7c4dff;animation:msn-spin .8s linear infinite}@keyframes msn-spin{to{transform:rotate(360deg)}}.msn-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--text-muted, #5c6270);font-size:13px;text-align:center;border-radius:16px;border:1px dashed rgba(255,255,255,.06)}.msn-error-banner{padding:10px 16px;border-radius:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .2s}.msn-error-banner:hover{opacity:.75}.msn-claim-btn:disabled{opacity:.7;cursor:default;transform:none}.inventory-view{flex:1;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.inv-header{height:48px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#0a0c1466;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}.inv-header-left{display:flex;align-items:center;gap:8px}.inv-header-icon{color:var(--accent-teal);opacity:.7}.inv-title{font-size:15px;font-weight:700;color:var(--text-primary)}.inv-header-right{display:flex;align-items:center;gap:8px}.inv-stats-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:11px}.inv-stats-count{font-weight:700;color:var(--text-primary)}.inv-stats-label{color:var(--text-muted);font-weight:500}.inv-stats-value .inv-stats-icon,.inv-stats-value .inv-stats-count{color:#fbbf24}.inv-scroll{flex:1;overflow-y:auto;padding:16px}.inv-scroll::-webkit-scrollbar{width:4px}.inv-scroll::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.inv-content{display:flex;flex-direction:column;gap:20px}.inv-banner{position:relative;padding:20px 24px;border-radius:16px;background:linear-gradient(135deg,#7c4dff1a,#00d4aa14,#ff6ec70f);border:1px solid rgba(255,255,255,.06);overflow:hidden}.inv-banner:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.02),transparent);animation:inv-shimmer 8s ease-in-out infinite}@keyframes inv-shimmer{0%{transform:translate(-50%)}to{transform:translate(50%)}}.inv-banner-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.inv-banner-particle{position:absolute;border-radius:50%;animation:inv-float 8s ease-in-out infinite}.ibp-1{width:4px;height:4px;background:var(--accent-teal);top:20%;left:70%;opacity:.3;animation-delay:0s}.ibp-2{width:3px;height:3px;background:var(--accent-purple);top:60%;left:85%;opacity:.25;animation-delay:-2s}.ibp-3{width:5px;height:5px;background:var(--accent-pink);top:30%;left:90%;opacity:.2;animation-delay:-4s}.ibp-4{width:3px;height:3px;background:var(--accent-teal);top:70%;left:75%;opacity:.3;animation-delay:-6s}@keyframes inv-float{0%,to{transform:translateY(0) translate(0);opacity:.2}25%{transform:translateY(-10px) translate(5px);opacity:.45}50%{transform:translateY(-5px) translate(-3px);opacity:.25}75%{transform:translateY(-14px) translate(7px);opacity:.35}}.inv-banner-content{position:relative;z-index:2;display:flex;align-items:center;gap:14px}.inv-banner-icon-box{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#7c4dff33,#00d4aa26);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--accent-teal);flex-shrink:0}.inv-banner-text h3{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.inv-banner-text p{font-size:12px;color:var(--text-secondary);opacity:.7}.inv-category{display:flex;flex-direction:column;gap:10px}.inv-category-header{display:flex;align-items:center;gap:8px;padding-left:2px}.inv-category-icon{color:var(--accent-teal);opacity:.7;display:flex;align-items:center}.inv-category-title{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:.01em}.inv-category-count{font-size:9px;font-weight:700;background:#ffffff0f;color:var(--text-muted);padding:2px 7px;border-radius:8px}.inv-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.inv-card{border-radius:12px;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;animation:inv-card-appear .4s ease-out backwards}@keyframes inv-card-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.inv-card:hover{border-color:#ffffff1a;transform:translateY(-3px);box-shadow:0 10px 28px #0003,0 0 0 1px #ffffff0a}.inv-card-preview{height:80px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.inv-card-preview:after{content:"";position:absolute;inset:0;background:#0000001a;transition:opacity .3s}.inv-card:hover .inv-card-preview:after{opacity:0}.inv-card-preview-icon{position:relative;z-index:2;color:#fff;opacity:.9;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .4s cubic-bezier(.4,0,.2,1)}.inv-card:hover .inv-card-preview-icon{transform:scale(1.2) rotate(-5deg)}.inv-card-shimmer{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:skew(-15deg);z-index:1}.inv-card:hover .inv-card-shimmer{animation:inv-shimmer-slide .8s ease-out}@keyframes inv-shimmer-slide{0%{left:-60%}to{left:120%}}.inv-card-info{padding:10px 12px 12px}.inv-card-name{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:3px}.inv-card-desc{font-size:10px;color:var(--text-muted);line-height:1.45;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inv-card-footer{display:flex;align-items:center;justify-content:space-between}.inv-card-price{font-size:11px;font-weight:600;color:var(--text-muted);opacity:.6}.inv-card-owned-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--accent-teal);background:#34d39914;border:1px solid rgba(52,211,153,.12);padding:3px 8px;border-radius:8px}.inv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;animation:inv-card-appear .5s ease-out}.inv-empty-icon-wrapper{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.inv-empty-icon{color:var(--text-muted);opacity:.4;position:relative;z-index:2}.inv-empty-orb{position:absolute;border-radius:50%;filter:blur(14px);animation:inv-empty-orb-float 6s ease-in-out infinite}.inv-orb-1{width:50px;height:50px;background:#7c4dff1f;top:-5px;right:-5px;animation-delay:0s}.inv-orb-2{width:40px;height:40px;background:#00d4aa1a;bottom:-5px;left:-5px;animation-delay:-3s}@keyframes inv-empty-orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(6px,-8px) scale(1.1)}66%{transform:translate(-4px,4px) scale(.95)}}.inv-empty-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.inv-empty-desc{font-size:12px;color:var(--text-muted);line-height:1.6;max-width:280px;margin-bottom:16px;opacity:.7}.inv-empty-hint{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--accent-teal);background:#34d3990f;border:1px solid rgba(52,211,153,.1);padding:6px 14px;border-radius:10px;opacity:.8}.nova-author-profile-content{display:flex;flex-direction:column;height:100%;min-width:380px}.nova-author-profile-loading{flex:1;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:13px}.nap-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.nap-header-title{font-size:16px;font-weight:700;color:#fff}.nap-close{background:none;border:none;color:#fff6;cursor:pointer;padding:6px;border-radius:50%;display:flex;transition:all .2s ease}.nap-close:hover{background:#ffffff14;color:#fff}.nap-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.nap-scroll::-webkit-scrollbar{width:4px}.nap-scroll::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:10px}.nap-banner{width:100%;height:120px;position:relative;overflow:hidden}.nap-banner-img{width:100%;height:100%;object-fit:cover}.nap-avatar-section{display:flex;justify-content:center;margin-top:-36px;position:relative;z-index:2}.nap-avatar-ring{width:72px;height:72px;border-radius:50%;border:3px solid rgba(18,18,24,.98);overflow:hidden;box-shadow:0 4px 16px #00000080}.nap-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.nap-avatar-fallback{width:100%;height:100%;border-radius:50%}.nap-info{padding:12px 18px 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px}.nap-name{font-size:16px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:6px}.nap-discriminator{font-size:12px;color:#ffffff59;font-weight:500}.nap-pronouns{font-size:11px;color:#ffffff4d;font-weight:500}.nap-about{font-size:12px;color:#fff9;line-height:1.45;margin:6px 0 0;max-width:300px;text-align:center}.nap-stats{display:flex;justify-content:center;gap:32px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.nap-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.nap-stat-value{font-size:16px;font-weight:700;color:#fff}.nap-stat-label{font-size:11px;color:#fff6;font-weight:500}.nap-grid-header{display:flex;align-items:center;gap:6px;padding:12px 18px;color:#ffffff80;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.nap-grid-loading,.nap-grid-empty{display:flex;align-items:center;justify-content:center;padding:40px 0;color:#ffffff40;font-size:13px}.nap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:0 2px 2px}.nap-grid-item{background:none;border:none;padding:0;cursor:pointer;position:relative;aspect-ratio:9 / 16;overflow:hidden;transition:opacity .2s ease}.nap-grid-item:hover{opacity:.85}.nap-grid-thumb{width:100%;height:100%;position:relative}.nap-grid-thumb img,.nap-grid-thumb-img{width:100%;height:100%;object-fit:cover}.nap-grid-thumb-placeholder{width:100%;height:100%;background:linear-gradient(160deg,#1e0f32e6,#140a28f2,#0f0823)}.nap-grid-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0003;opacity:.6;transition:opacity .2s ease}.nap-grid-item:hover .nap-grid-overlay{opacity:1;background:#00000059}.nap-grid-desc{position:absolute;bottom:22px;left:6px;right:6px}.nap-grid-desc span{font-size:9px;color:#fff9;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.nap-grid-stats{position:absolute;bottom:4px;left:4px;display:flex;align-items:center;gap:4px}.nap-grid-stats span{font-size:10px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8)}.nova-thumbnail-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.novas-view{display:flex;height:100%;width:100%;background:radial-gradient(ellipse at 50% 0%,#0f051e,#000 70%);position:relative;overflow:hidden}.novas-reel-area{flex:1;height:100%;position:relative;overflow:hidden;transition:flex .4s cubic-bezier(.4,0,.2,1);min-width:0}.novas-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000;z-index:50}.novas-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;color:#ffffffb3;text-align:center;padding:20px}.novas-empty-icon{font-size:48px;margin-bottom:8px}.novas-empty-state h3{font-size:20px;font-weight:700;color:#fff;margin:0}.novas-empty-state p{font-size:14px;color:#ffffff80;margin:0}.nova-spinner{animation:nova-spin 1s linear infinite}@keyframes nova-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.novas-reel-container{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.novas-reel-container::-webkit-scrollbar{display:none}.nova-reel{height:100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;flex-shrink:0}.nova-video-area{position:relative;width:100%;height:100%;overflow:hidden}.nova-video-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0a0015,#120025,#0d0020,#1a0035,#0a0015);background-size:400% 400%;animation:nova-bg-shift 8s ease infinite;position:relative;display:flex;align-items:center;justify-content:center}@keyframes nova-bg-shift{0%{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}.nova-real-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:85%;aspect-ratio:9 / 16;max-width:90%;object-fit:cover;border-radius:16px;background:#000;cursor:pointer;z-index:2;box-shadow:0 0 40px #7c4dff14,0 0 80px #00d4aa0a,0 8px 32px #0009;transition:box-shadow .4s ease}.nova-reel.active .nova-real-video{box-shadow:0 0 50px #7c4dff1f,0 0 100px #00d4aa0f,0 12px 48px #000000b3}.nova-placeholder-shimmer{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.02) 45%,rgba(255,255,255,.04) 50%,rgba(255,255,255,.02) 55%,transparent 70%);background-size:200% 100%;animation:nova-shimmer 3s ease-in-out infinite}@keyframes nova-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.nova-video-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:85%;aspect-ratio:9 / 16;max-width:90%;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 40px #7c4dff0f,0 0 80px #0006,inset 0 0 60px #0000004d;z-index:3;overflow:hidden}.nova-frame-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f0f1699,#0a0a10cc)}.nova-play-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none;animation:nova-fade-in .2s ease}@keyframes nova-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.nova-bottom-overlay{position:absolute;bottom:12px;left:14px;right:60px;z-index:10;display:flex;flex-direction:column;gap:6px;padding:0;background:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.nova-author-row{display:flex;align-items:center;gap:8px}.nova-author-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(255,255,255,.5);object-fit:cover;box-shadow:0 2px 8px #00000080;transition:border-color .3s ease}.nova-author-avatar:hover{border-color:#fffc}.nova-author-clickable{cursor:pointer;transition:opacity .2s ease,border-color .2s ease}.nova-author-clickable:hover{opacity:.85}.nova-author-name{font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.8);letter-spacing:.01em}.nova-duration-badge{padding:2px 7px;border-radius:4px;background:#0006;border:none;color:#ffffffb3;font-size:10px;font-weight:600;letter-spacing:.03em}.nova-description{font-size:12px;color:#fffc;line-height:1.4;margin:0;text-shadow:0 1px 6px rgba(0,0,0,.7);max-width:280px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nova-music-row{display:flex;align-items:center;gap:5px;color:#ffffff73;font-size:11px}.nova-music-row svg{animation:nova-music-pulse 2s ease-in-out infinite;opacity:.6}@keyframes nova-music-pulse{0%,to{opacity:.5}50%{opacity:.8}}.nova-music-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.nova-actions-sidebar{position:absolute;right:10px;bottom:90px;display:flex;flex-direction:column;align-items:center;gap:18px;z-index:10}.nova-action-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;cursor:pointer;color:#fff;font-size:12px;font-weight:600;padding:0;min-width:auto;transition:transform .2s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 6px rgba(0,0,0,.7))}.nova-action-btn:hover{transform:scale(1.12)}.nova-action-btn.liked{color:#f87171}.nova-action-btn span{font-size:11px;font-weight:600;letter-spacing:-.01em;text-shadow:0 1px 6px rgba(0,0,0,.8)}.nova-delete-btn{opacity:.7}.nova-delete-btn:hover{transform:scale(1.15);opacity:1}.nova-top-controls{position:absolute;top:14px;right:14px;display:flex;gap:8px;z-index:10}.nova-control-btn{width:32px;height:32px;border-radius:50%;border:none;background:#0000004d;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}.nova-control-btn:hover{background:#00000080;color:#fff}.nova-volume-slider-wrap{padding:12px 6px;background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;display:flex;align-items:center;justify-content:center}.nova-volume-slider{-webkit-appearance:none;appearance:none;width:80px;height:4px;border-radius:2px;background:#fff3;outline:none;cursor:pointer}.nova-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000004d;cursor:pointer}.nova-volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 4px #0000004d;cursor:pointer}.nova-volume-slider::-moz-range-track{background:#fff3;height:4px;border-radius:2px}.nova-create-fab{position:absolute;top:14px;left:14px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .25s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.nova-create-fab:hover{transform:scale(1.1) rotate(90deg);background:#fff3}.nova-create-fab:active{transform:scale(.9) rotate(90deg)}.nova-bg-upload-indicator{position:absolute;top:68px;left:16px;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#0f0f19d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(124,77,255,.3);border-radius:20px;z-index:10;animation:nova-indicator-in .3s ease}.nova-bg-upload-indicator span{font-size:12px;color:#ffffffd9;font-weight:500;white-space:nowrap}@keyframes nova-indicator-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nova-progress-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff14;z-index:15;cursor:pointer;transition:height .15s ease}.nova-progress-bar:before{content:"";position:absolute;inset:-10px 0 -6px}.nova-progress-bar:hover{height:4px}.nova-progress-fill{height:100%;background:#ffffffb3;border-radius:0 1px 1px 0;position:relative;box-shadow:none}.nova-progress-thumb{position:absolute;right:-5px;top:50%;transform:translateY(-50%) scale(0);width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0006;transition:transform .15s ease;pointer-events:none}.nova-progress-bar:hover .nova-progress-thumb,.nova-progress-bar.seeking .nova-progress-thumb{transform:translateY(-50%) scale(1)}.nova-progress-bar.seeking{height:4px}.nova-scroll-dots{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;z-index:20}.nova-dot{width:6px;height:6px;border-radius:50%;background:#ffffff40;transition:all .3s ease}.nova-dot.active{background:#fff;transform:scale(1.3);box-shadow:0 0 8px #ffffff4d}.nova-upload-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:nova-fade-in .2s ease}.nova-upload-modal{width:400px;max-width:90vw;max-height:85vh;background:#14141ef2;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow-y:auto;box-shadow:0 24px 64px #00000080,0 0 0 1px #ffffff0d;animation:nova-slide-up .3s ease}@keyframes nova-slide-up{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.nova-upload-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.nova-upload-header h3{font-size:16px;font-weight:700;color:#fff;margin:0}.nova-upload-close{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff14;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.nova-upload-close:hover{background:#ffffff26;color:#fff}.nova-upload-close:disabled{opacity:.3;cursor:not-allowed}.nova-upload-content{padding:20px;display:flex;flex-direction:column;gap:16px}.nova-upload-preview{width:100%;aspect-ratio:9 / 16;max-height:340px;border-radius:12px;border:2px dashed rgba(255,255,255,.15);background:#0000004d;cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease}.nova-upload-preview:hover{border-color:#7c4dff66}.nova-preview-pan-container{width:100%;height:100%;overflow:hidden;position:relative;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.nova-preview-pan-container.dragging{cursor:grabbing}.nova-preview-video{width:100%;height:100%;object-fit:cover;border-radius:10px;transition:object-position .05s ease-out;pointer-events:none}.nova-preview-pan-container.dragging .nova-preview-video{transition:none}.nova-pan-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:12px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3;font-size:11px;font-weight:500;pointer-events:none;opacity:.8;transition:opacity .3s ease}.nova-preview-pan-container:hover .nova-pan-hint{opacity:1}.nova-preview-pan-container.dragging .nova-pan-hint{opacity:0}.nova-change-video-btn{background:none;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:6px 14px;color:#fff9;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:center}.nova-change-video-btn:hover{border-color:#7c4dff80;color:#ffffffe6;background:#7c4dff1a}.nova-trim-section{display:flex;flex-direction:column;gap:8px}.nova-trim-label{display:flex;align-items:center;gap:6px;color:#fff9;font-size:12px;font-weight:600}.nova-trim-label svg{color:#7c4dff}.nova-trim-timeline{position:relative;height:40px;border-radius:6px;background:#ffffff0f;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.nova-trim-track{position:absolute;inset:0;background:linear-gradient(90deg,#7c4dff14,#00d4aa14);border-radius:6px}.nova-trim-window{position:absolute;top:0;bottom:0;border-radius:6px;background:linear-gradient(90deg,#7c4dff40,#00d4aa40);border:2px solid rgba(124,77,255,.6);box-shadow:0 0 12px #7c4dff33,inset 0 0 20px #7c4dff0d;transition:left .1s ease-out,width .1s ease-out}.nova-trim-handle{position:absolute;top:50%;transform:translateY(-50%);width:4px;height:20px;border-radius:2px;background:#fff9}.nova-trim-handle-left{left:6px}.nova-trim-handle-right{right:6px}.nova-trim-timestamps{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:#ffffff80;font-variant-numeric:tabular-nums}.nova-trimming-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0;color:#7c4dff;font-size:13px;font-weight:600}.nova-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff6}.nova-upload-placeholder span{font-size:14px;font-weight:600}.nova-upload-hint{font-size:11px!important;font-weight:400!important;color:#ffffff40!important}.nova-upload-description{position:relative}.nova-upload-description textarea{width:100%;min-height:60px;max-height:100px;padding:10px 12px 24px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#fff;font-size:13px;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s ease;box-sizing:border-box}.nova-upload-description textarea:focus{border-color:#7c4dff80}.nova-upload-description textarea:disabled{opacity:.4}.nova-char-count{position:absolute;bottom:6px;right:10px;font-size:11px;color:#ffffff40}.nova-upload-error{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:#f871711a;border:1px solid rgba(248,113,113,.2);color:#f87171;font-size:13px}.nova-upload-progress-area{display:flex;flex-direction:column;gap:8px}.nova-upload-progress-bar{width:100%;height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.nova-upload-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#7c4dff,#00d4aa);transition:width .3s ease}.nova-upload-status-text{font-size:12px;color:#ffffff80;text-align:center}.nova-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#7c4dff,#00d4aa);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #7c4dff4d}.nova-upload-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #7c4dff73}.nova-upload-btn:disabled{opacity:.4;cursor:not-allowed}.nova-upload-success{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 0}.nova-success-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#7c4dff,#00d4aa);display:flex;align-items:center;justify-content:center;color:#fff;animation:nova-bounce-in .4s ease}@keyframes nova-bounce-in{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.nova-upload-success p{font-size:16px;font-weight:700;color:#fff;margin:0}.nova-cover-section{display:flex;flex-direction:column;gap:8px;padding:0 4px}.nova-cover-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:#ffffffb3}.nova-cover-time{font-size:11px;color:#fff6;font-weight:500;font-variant-numeric:tabular-nums}.nova-cover-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:#ffffff1a;outline:none;cursor:pointer}.nova-cover-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#4ade80,#22d3ee);border:2px solid #fff;box-shadow:0 2px 6px #0006;cursor:pointer;transition:transform .15s ease}.nova-cover-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.nova-cover-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#4ade80,#22d3ee);border:2px solid #fff;box-shadow:0 2px 6px #0006;cursor:pointer}@media(max-width:768px){.nova-real-video{height:92%;max-width:96%;object-fit:cover;border-radius:12px;background:#000}.nova-video-frame{height:92%;max-width:96%;border-radius:12px}.nova-bottom-overlay{bottom:10px;left:10px;right:50px}.nova-actions-sidebar{right:6px;bottom:80px;gap:14px}.nova-top-controls{top:10px;right:10px}.nova-create-fab{top:10px;left:10px;width:32px;height:32px}.nova-scroll-dots{display:none}.nova-description{font-size:11px;max-width:100%}.nova-author-name{font-size:12px}.nova-upload-modal{max-width:95vw;max-height:90vh;border-radius:12px}}.nova-action-btn.heartbeat{animation:nova-heartbeat .5s cubic-bezier(.4,0,.2,1)}.nova-action-btn.heartbeat.liked{box-shadow:0 0 24px #f871714d}@keyframes nova-heartbeat{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.95)}75%{transform:scale(1.12)}to{transform:scale(1)}}.nova-comments-side{width:0;min-width:0;overflow:hidden;background:linear-gradient(145deg,#1a1b2e,#14151f);border-left:1px solid transparent;display:flex;flex-direction:column;transition:width .4s cubic-bezier(.4,0,.2,1),min-width .4s cubic-bezier(.4,0,.2,1),border-color .4s ease}.nova-comments-side.open{width:380px;min-width:380px;border-left-color:#ffffff0f}.nova-comments-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.nova-comments-title{font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.nova-comments-count{font-size:14px;font-weight:500;color:#ffffff73}.nova-comments-close{background:none;border:none;color:#fff6;cursor:pointer;padding:6px;border-radius:50%;display:flex;transition:all .2s ease}.nova-comments-close:hover{background:#ffffff14;color:#fff}.nova-comments-list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.nova-comments-list::-webkit-scrollbar{width:4px}.nova-comments-list::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:10px}.nova-comments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 0;color:#ffffff40;font-size:13px}.nova-comment-item{display:flex;gap:10px;align-items:flex-start}.nova-comment-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.nova-comment-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:#ffffff14;flex-shrink:0}.nova-comment-body{display:flex;flex-direction:column;gap:3px;min-width:0}.nova-comment-author{font-size:12px;font-weight:600;color:#ffffff80}.nova-comment-text{font-size:13px;color:#ffffffe6;line-height:1.45;word-break:break-word}.nova-comments-input-row{display:flex;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.nova-comment-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:8px 16px;color:#fff;font-size:13px;outline:none;transition:border-color .2s}.nova-comment-input::placeholder{color:#ffffff40}.nova-comment-input:focus{border-color:#fff3}.nova-comment-send{background:#ffffff1a;border:none;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;transition:all .2s ease}.nova-comment-send:hover:not(:disabled){background:#ffffff2e}.nova-comment-send:disabled{opacity:.3;cursor:not-allowed}.add-user-modal-overlay{position:absolute;top:56px;right:24px;background-color:transparent;display:flex;justify-content:flex-end;align-items:flex-start;z-index:100}.add-user-modal{background-color:#111520f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);width:320px;border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;pointer-events:auto;animation:modal-slide-down .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes modal-slide-down{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.add-user-body{padding:8px;display:flex;flex-direction:column;gap:8px}.add-user-body .search-bar{display:flex;align-items:center;background-color:transparent;padding:4px 6px;gap:8px;border-bottom:1px solid rgba(255,255,255,.08)}.add-user-body .search-bar:focus-within{border-bottom-color:#00d4aa4d}.add-user-body .search-bar input{background:none;border:none;color:var(--text-normal);outline:none;flex:1}.add-user-body .search-bar svg{color:var(--text-muted)}.friendly-list-modal{max-height:250px;overflow-y:auto;display:flex;flex-direction:column}.friend-item{display:flex;align-items:center;padding:8px 10px;border-radius:6px;cursor:pointer;gap:12px;transition:background-color .2s;margin:0 8px 4px}.friend-item:hover{background-color:#ffffff0f}.friend-item:last-child{margin-bottom:8px}.friend-avatar{width:28px;height:28px;border-radius:50%;background-size:cover;background-position:center}.friend-name{color:var(--text-normal);font-weight:500;font-size:14px}.no-friends{color:var(--text-muted);text-align:center;padding:16px}.chat-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.bg-bubble{position:absolute;bottom:-60px;border-radius:50%;animation:bubble-rise ease-in-out infinite;will-change:transform,opacity}.bg-ambient-glow{position:absolute;bottom:0;left:0;right:0;height:40%;opacity:.5;animation:ambient-pulse 8s ease-in-out infinite alternate}@keyframes bubble-rise{0%{transform:translateY(0) translate(0) scale(.6);opacity:0}8%{opacity:var(--bubble-opacity, .1)}25%{transform:translateY(-25vh) translate(calc(var(--bubble-wobble, 10px) * .5)) scale(.9)}50%{transform:translateY(-50vh) translate(calc(var(--bubble-wobble, 10px) * -.8)) scale(1.05)}75%{transform:translateY(-75vh) translate(calc(var(--bubble-wobble, 10px) * .6)) scale(.95)}92%{opacity:var(--bubble-opacity, .1)}to{transform:translateY(-110vh) translate(var(--bubble-wobble, 10px)) scale(.5);opacity:0}}@keyframes ambient-pulse{0%{opacity:.3;transform:scaleY(.9)}to{opacity:.6;transform:scaleY(1.1)}}.bg-star{position:absolute;border-radius:50%;animation:star-twinkle ease-in-out infinite;will-change:opacity,transform}.bg-starfield-glow{position:absolute;inset:0;opacity:.6;animation:starfield-shift 20s ease-in-out infinite alternate}@keyframes star-twinkle{0%,to{opacity:calc(var(--star-brightness, .5) * .15);transform:scale(.6)}30%{opacity:var(--star-brightness, .5);transform:scale(1.3)}60%{opacity:calc(var(--star-brightness, .5) * .3);transform:scale(.8)}80%{opacity:calc(var(--star-brightness, .5) * .8);transform:scale(1.1)}}@keyframes starfield-shift{0%{opacity:.4}50%{opacity:.7}to{opacity:.5}}.bg-aurora-wave{position:absolute;width:250%;height:250%;border-radius:40%;opacity:.35;filter:blur(100px);will-change:transform}.wave-1{top:-60%;left:-60%;animation:aurora-drift-1 18s ease-in-out infinite}.wave-2{bottom:-60%;right:-60%;animation:aurora-drift-2 22s ease-in-out infinite}.wave-3{top:-40%;right:-40%;animation:aurora-drift-3 28s ease-in-out infinite}.bg-aurora-shimmer{position:absolute;inset:0;opacity:.3;animation:aurora-shimmer 12s ease-in-out infinite alternate}@keyframes aurora-drift-1{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(8%,4%) rotate(4deg) scale(1.05)}50%{transform:translate(-4%,8%) rotate(-2deg) scale(.98)}75%{transform:translate(6%,-3%) rotate(3deg) scale(1.02)}}@keyframes aurora-drift-2{0%,to{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(-6%,-5%) rotate(-3deg) scale(1.03)}66%{transform:translate(5%,6%) rotate(2deg) scale(.97)}}@keyframes aurora-drift-3{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10%,-8%) rotate(5deg)}}@keyframes aurora-shimmer{0%{opacity:.2;transform:translateY(0)}to{opacity:.45;transform:translateY(-5%)}}.bg-raindrop{position:absolute;top:-30px;width:1.5px;border-radius:2px;animation:rain-fall linear infinite;will-change:transform;transform:rotate(8deg)}.bg-rain-mist{position:absolute;bottom:0;left:0;right:0;height:15%;opacity:.4;animation:mist-pulse 6s ease-in-out infinite alternate}@keyframes rain-fall{0%{transform:translateY(-30px) rotate(8deg);opacity:0}5%{opacity:1}95%{opacity:.8}to{transform:translateY(110vh) rotate(8deg);opacity:0}}@keyframes mist-pulse{0%{opacity:.2;transform:scaleY(.8)}to{opacity:.5;transform:scaleY(1.2)}}.bg-firefly{position:absolute;border-radius:50%;animation:firefly-float ease-in-out infinite alternate;will-change:transform,opacity}@keyframes firefly-float{0%{transform:translate(0) scale(1);opacity:.05}15%{opacity:.6;transform:translate(calc(var(--drift-x, 20px) * .3),calc(var(--drift-y, -20px) * .3)) scale(1.2)}40%{opacity:.15;transform:translate(calc(var(--drift-x, 20px) * .7),calc(var(--drift-y, -20px) * .7)) scale(.8)}65%{opacity:.7;transform:translate(var(--drift-x, 20px),var(--drift-y, -20px)) scale(1.3)}85%{opacity:.2}to{transform:translate(calc(var(--drift-x, 20px) * -.5),calc(var(--drift-y, -20px) * -.5)) scale(.9);opacity:.1}}.chat-bg-picker{position:absolute;top:60px;right:16px;width:260px;background:#0a0f1ef2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;z-index:100;box-shadow:0 8px 32px #0009;animation:picker-appear .2s cubic-bezier(.1,.9,.2,1)}@keyframes picker-appear{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.bg-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.bg-picker-title{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.bg-picker-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all .15s ease}.bg-picker-close:hover{color:var(--text-primary);background:#ffffff0f}.bg-picker-section{margin-bottom:14px}.bg-picker-section:last-child{margin-bottom:0}.bg-picker-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px}.bg-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bg-picker-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:all .15s ease;color:var(--text-secondary)}.bg-picker-option:hover{background:#ffffff0f;border-color:#ffffff1f}.bg-picker-option.active{background:#00d4aa1a;border-color:#00d4aa4d;color:var(--accent-teal)}.bg-option-emoji{font-size:18px;line-height:1}.bg-option-label{font-size:10px;font-weight:500;letter-spacing:.02em}.bg-color-swatches{display:flex;gap:6px;flex-wrap:wrap}.bg-color-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.bg-color-swatch:hover{transform:scale(1.15);border-color:#fff3}.bg-color-swatch.active{border-color:var(--accent-teal);box-shadow:0 0 0 2px #00d4aa4d;transform:scale(1.1)}.chat-area-header{height:56px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#0c12204d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.06);z-index:10}.header-left{display:flex;align-items:center;gap:10px}.header-icon{color:var(--text-muted);opacity:.6}.header-right{display:flex;align-items:center;gap:16px}.header-action-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:8px;transition:all .2s ease}.header-action-btn:hover{color:var(--accent-teal);background:#00d4aa14}.chat-name{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.chat-name-edit-input{font-size:15px;font-weight:600;color:var(--text-primary);background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:2px 6px;outline:none;width:200px;transition:border-color .2s}.chat-name-edit-input:focus{border-color:#00d4aa80;box-shadow:0 0 0 1px #00d4aa33}.edit-name-btn{opacity:0;padding:4px;transform:translate(-4px)}.header-left:hover .edit-name-btn{opacity:1;transform:translate(0)}.status-dot{width:8px;height:8px;border-radius:50%;margin-left:2px}.status-dot.online{background:var(--status-online);box-shadow:0 0 6px var(--status-online)}.status-dot.offline{background:#747f8d;box-shadow:none}.chat-view{flex:1;display:flex;flex-direction:column;height:100%;background:transparent;position:relative;z-index:1}.messages-list{flex:1;padding:16px 0 8px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column-reverse}.chat-message{display:flex;align-items:flex-start;gap:16px;padding:3px 24px;width:100%;transition:background .15s ease;animation:message-appear .2s ease-out;flex-direction:row;align-self:flex-start;border-left:2px solid transparent;box-sizing:border-box}.chat-message:not(.is-grouped){margin-top:10px;padding-top:4px}.chat-message:hover{background:#ffffff04}.chat-message.own-message{border-left-color:transparent}.chat-message.own-message:hover{background:#7c4dff05;border-left-color:#7c4dff4d}.chat-message .message-content{text-align:left}.chat-message .message-header{justify-content:flex-start}@keyframes message-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.msg-avatar-ring-wrap{position:relative;width:36px;height:36px;flex-shrink:0}.msg-avatar-ring-wrap.has-ring{width:48px;height:36px;display:flex;align-items:flex-start;justify-content:center;overflow:visible}.msg-avatar-ring-wrap.has-ring .message-avatar{position:relative;z-index:1}.message-avatar{width:36px;height:36px;border-radius:50%;background-size:cover;background-position:center;flex-shrink:0;border:1.5px solid rgba(255,255,255,.08)}.message-avatar-spacer{width:36px;height:0;flex-shrink:0}.message-avatar-spacer.has-ring{width:48px}.message-content{flex:1;display:flex;flex-direction:column;min-width:0}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:1px}.message-author{font-size:13px;font-weight:600;color:var(--accent-teal);white-space:nowrap;letter-spacing:-.1px}.own-message .message-author{color:var(--accent-pink)}.message-time{font-size:10px;font-weight:400;color:var(--text-muted);opacity:.5;font-family:JetBrains Mono,monospace;letter-spacing:.02em}.chat-message.is-grouped{padding-top:1px;padding-bottom:1px;margin-top:0;animation:none;min-height:auto}.chat-message.is-grouped .message-text{line-height:1.35}.chat-message.is-grouped:hover .message-text:after{content:attr(data-time);font-size:9px;color:var(--text-muted);margin-left:8px;font-family:JetBrains Mono,monospace;opacity:.4}.message-text{font-size:14px;line-height:1.45;color:var(--text-secondary);word-break:break-word;display:block}.own-message .message-text{color:#ffffffeb}.chat-input-area{padding:0 24px 24px;background:transparent}.chat-input-container{background:#0a0f1e99;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:8px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px #0000004d;transition:border-color .2s ease,box-shadow .2s ease}.chat-input-container:focus-within{border-color:#00d4aa33;box-shadow:0 4px 24px #0006,0 0 0 1px #00d4aa1a}.input-extra-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:8px;transition:color .2s,background .2s}.input-extra-btn:hover{color:var(--accent-teal);background:#00d4aa14}.chat-text-input{background:transparent;border:none;color:var(--text-primary);flex:1;outline:none;font-size:14px;font-weight:400}.chat-text-input::placeholder{color:var(--text-muted);opacity:.6}.input-actions{display:flex;align-items:center;gap:2px;position:relative}.input-action-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:6px;border-radius:8px;transition:color .2s,background .2s;opacity:.5}.input-action-btn:hover,.input-action-btn.active{color:var(--accent-teal);background:#00d4aa14;opacity:1}.emoji-picker-container{position:fixed;z-index:9999;box-shadow:0 8px 32px #00000080;border-radius:8px;animation:message-appear .2s cubic-bezier(.1,.9,.2,1)}.emoji-picker-container .EmojiPickerReact{--epr-bg-color: #0a0f1c;--epr-category-label-bg-color: #0a0f1c;--epr-border-color: rgba(255, 255, 255, .08);--epr-hover-bg-color: rgba(0, 212, 170, .08);--epr-focus-bg-color: rgba(0, 212, 170, .08);--epr-search-border-color: rgba(255, 255, 255, .1);--epr-search-input-bg-color: rgba(0, 0, 0, .4);--epr-text-color: var(--text-primary);border:1px solid rgba(255,255,255,.08)}.send-btn{background:none;border:none;color:var(--accent-teal);cursor:pointer;display:flex;align-items:center;padding:6px;border-radius:8px;transition:all .2s ease;opacity:.4}.send-btn:not(:disabled){opacity:1}.send-btn:not(:disabled):hover{background:#00d4aa1f;transform:scale(1.1)}.chat-welcome{padding:32px 0;margin-bottom:16px;text-align:center}.welcome-icon{width:64px;height:64px;background:linear-gradient(135deg,#00d4aa1a,#7c4dff1a);border:1px solid rgba(0,212,170,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-teal);margin:0 auto 20px}.chat-welcome .welcome-title{font-size:20px;font-weight:600;background:var(--gradient-aurora);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.welcome-desc{font-size:13px;color:var(--text-muted);max-width:440px;margin:0 auto;line-height:1.5}.scroll-spacer{height:8px;flex-shrink:0}.load-more-container{display:flex;justify-content:center;padding:12px 24px;flex-shrink:0}.load-more-btn{display:flex;align-items:center;gap:6px;padding:8px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.load-more-btn:hover:not(:disabled){background:#00d4aa14;border-color:#00d4aa33;color:var(--accent-teal)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.no-more-text{font-size:11px;color:var(--text-muted);opacity:.4;font-weight:500;letter-spacing:.04em;text-transform:uppercase}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:spin 1s linear infinite}.twemoji{display:inline-block;height:1.2em;width:1.2em;vertical-align:-.2em;margin:0 .05em;pointer-events:none;object-fit:contain}.message-gif{margin-top:4px;max-width:300px}.message-gif img{border-radius:12px;max-width:100%;height:auto;display:block;cursor:pointer;transition:transform .15s ease,filter .15s ease;border:1px solid rgba(255,255,255,.06)}.message-gif img:hover{transform:scale(1.02);filter:brightness(1.1)}.server-invite-card{margin-top:6px;padding:14px 16px;background:#5865f214;border:1px solid rgba(88,101,242,.2);border-radius:12px;display:flex;flex-direction:column;gap:12px;max-width:340px;animation:message-appear .2s ease-out}.server-invite-header{display:flex;align-items:center;gap:12px}.server-invite-icon{width:44px;height:44px;border-radius:12px;background:#5865f233;border:1px solid rgba(88,101,242,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.server-invite-icon img{width:100%;height:100%;object-fit:cover}.server-invite-icon span{font-size:20px;font-weight:800;color:#5865f2;text-transform:uppercase}.server-invite-info{display:flex;flex-direction:column;gap:2px;min-width:0}.server-invite-label{font-size:11px;font-weight:500;color:var(--text-muted, #72767d);text-transform:uppercase;letter-spacing:.04em}.server-invite-name{font-size:15px;font-weight:700;color:var(--text-primary, #dcddde);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-invite-actions{display:flex;gap:8px}.server-invite-btn{flex:1;border:none;border-radius:8px;font-size:13px;font-weight:600;padding:8px 14px;cursor:pointer;transition:all .15s ease;font-family:inherit}.server-invite-btn.accept{background:#5865f2;color:#fff}.server-invite-btn.accept:hover:not(:disabled){background:#4752c4;transform:translateY(-1px)}.server-invite-btn.reject{background:#ffffff0f;color:var(--text-muted, #72767d)}.server-invite-btn.reject:hover:not(:disabled){background:#ed424526;color:#ed4245}.server-invite-btn:disabled{opacity:.55;cursor:default;transform:none}.server-invite-status{font-size:12px;font-weight:600;padding:6px 0 0}.server-invite-status.accepted{color:#43b581}.server-invite-status.rejected{color:var(--text-muted, #72767d)}.server-invite-status.sent{color:#5865f2;font-style:italic;font-size:11px}.gif-btn-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:inherit;line-height:1}.gif-action-btn.active .gif-btn-label{color:var(--accent-teal)}.chat-message{position:relative}.reaction-bar{position:absolute;top:-14px;right:12px;display:flex;align-items:center;gap:1px;background:#0c0e18f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:4px 5px;z-index:10;animation:reaction-bar-in .18s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 20px #00000080,0 0 0 1px #ffffff0a inset}@keyframes reaction-bar-in{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.reaction-bar-btn{display:flex;align-items:center;justify-content:center;width:30px;height:28px;border:none;background:none;border-radius:6px;cursor:pointer;font-size:17px;line-height:1;transition:transform .18s cubic-bezier(.4,0,.2,1),color .15s;color:var(--text-muted);padding:0}.reaction-bar-btn:hover{transform:scale(1.3);color:var(--text-primary)}.reaction-bar-btn:active{transform:scale(.9)}.reaction-bar-plus{border-left:1px solid rgba(255,255,255,.08);margin-left:3px;padding-left:3px}.reaction-bar-plus:hover{color:var(--accent-teal)}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .2s ease;font-size:13px;color:var(--text-secondary)}.reaction-badge:hover{background:#ffffff1a;border-color:#ffffff1f}.reaction-badge.reacted{background:#00d4aa1f;border-color:#00d4aa40}.reaction-badge.reacted:hover{background:#00d4aa2e}.reaction-emoji{font-size:14px;line-height:1}.reaction-count{font-size:11px;font-weight:600;color:var(--text-secondary);font-family:Inter,sans-serif}.reaction-badge.reacted .reaction-count{color:var(--accent-teal)}.emoji-picker-container{position:fixed;z-index:9999;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #00000080;animation:picker-fade-in .15s ease-out}@keyframes picker-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.reply-preview-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(135deg,#00d4aa0f,#0a0f1ee6);border:1px solid rgba(0,212,170,.15);border-bottom:none;border-left:3px solid var(--accent-teal);border-radius:14px 14px 0 0;margin-bottom:-1px;animation:reply-bar-slide .2s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes reply-bar-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reply-preview-icon{color:var(--accent-teal);flex-shrink:0;opacity:.9;filter:drop-shadow(0 0 4px rgba(0,212,170,.3))}.reply-preview-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.reply-preview-name{font-size:11px;font-weight:700;color:var(--accent-teal);letter-spacing:.03em;text-transform:uppercase}.reply-preview-text{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.reply-preview-close{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-muted);cursor:pointer;padding:5px;border-radius:8px;display:flex;align-items:center;transition:all .2s ease}.reply-preview-close:hover{color:#ff6b8a;background:#ff6b8a1a;border-color:#ff6b8a33;transform:scale(1.1)}.reply-preview-bar+.chat-input-container{border-radius:0 0 16px 16px;border-top-color:#00d4aa1a}.message-reply-ref{display:flex;align-items:center;gap:6px;margin-bottom:4px;padding:4px 10px;border-left:2px solid rgba(0,212,170,.4);border-radius:0 6px 6px 0;background:#00d4aa0a;cursor:pointer;font-size:12px;transition:background .15s}.message-reply-ref:hover{background:#00d4aa14}.message-reply-ref:hover .reply-ref-text{color:var(--text-secondary)}.reply-ref-name{font-size:12px;font-weight:600;color:var(--accent-teal);white-space:nowrap;cursor:pointer}.reply-ref-name:hover{text-decoration:underline}.reply-ref-text{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;transition:color .15s}.reaction-bar-reply{border-left:1px solid rgba(255,255,255,.08);margin-left:3px;padding-left:3px}.reaction-bar-reply:hover{color:var(--accent-teal)!important}.reaction-bar-edit{margin-left:1px}.reaction-bar-edit:hover{color:#fbbf24!important}.emoji-picker-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9998;background:transparent}.dm-msg-edited{font-size:9px;color:var(--text-muted);font-weight:400;opacity:.6;margin-left:4px}.reply-ref-icon{color:var(--accent-teal);flex-shrink:0;opacity:.6}.dm-msg-edit-container{display:flex;flex-direction:column;gap:4px;margin-top:2px}.dm-msg-edit-input{width:100%;background:#00000059;border:1px solid rgba(0,212,170,.3);border-radius:8px;padding:6px 10px;color:var(--text-primary, #dcddde);font-size:14px;font-family:inherit;resize:none;max-height:120px;min-height:20px;line-height:1.5;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.dm-msg-edit-input:focus{border-color:var(--accent-teal);box-shadow:0 0 0 2px #00d4aa1f}.dm-msg-edit-actions{display:flex;align-items:center;gap:4px}.dm-msg-edit-save,.dm-msg-edit-cancel{background:transparent;border:none;cursor:pointer;padding:3px 6px;border-radius:4px;display:flex;align-items:center;transition:all .12s}.dm-msg-edit-save{color:#43b581}.dm-msg-edit-save:hover{background:#43b58126}.dm-msg-edit-save:disabled{opacity:.3;cursor:not-allowed}.dm-msg-edit-cancel{color:var(--text-muted, #72767d)}.dm-msg-edit-cancel:hover{color:#f87171;background:#f871711a}.dm-msg-edit-hint{font-size:10px;color:var(--text-muted, #72767d);opacity:.6}.mobile-back-btn{display:none}@media(max-width:768px){.chat-area-header{padding:0 12px;height:50px;gap:8px}.chat-name{font-size:14px}.header-right{gap:8px}.chat-message{padding:2px 12px;gap:10px}.message-avatar,.msg-avatar-ring-wrap{width:32px;height:32px}.msg-avatar-ring-wrap.has-ring{width:42px;height:32px}.message-avatar-spacer{width:32px}.message-avatar-spacer.has-ring{width:42px}.message-text{font-size:14px}.message-gif{max-width:220px}.chat-input-area{padding:0 8px 12px}.chat-input-container{border-radius:14px;padding:6px 10px;gap:8px}.chat-text-input{font-size:14px}.reaction-bar{right:8px}.reply-preview-bar{padding:6px 10px}.chat-welcome{padding:24px 16px}.welcome-icon{width:48px;height:48px}.chat-welcome .welcome-title{font-size:18px}.mobile-back-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;margin-right:4px;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-back-btn:active{background:#ffffff0f;color:var(--text-primary)}.member-sidebar{display:none!important}}.image-preview-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(135deg,#7c4dff0f,#0a0f1ee6);border:1px solid rgba(124,77,255,.15);border-bottom:none;border-left:3px solid rgba(124,77,255,.5);border-radius:14px 14px 0 0;margin-bottom:-1px;animation:reply-bar-slide .2s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.image-preview-thumb-wrap{width:48px;height:48px;border-radius:10px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.image-preview-thumb{width:100%;height:100%;object-fit:cover;display:block}.image-preview-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.image-preview-label{font-size:12px;font-weight:700;color:#7c4dffe6;text-transform:uppercase;letter-spacing:.03em}.image-preview-hint{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.image-preview-send{background:#7c4dff26;border:1px solid rgba(124,77,255,.3);color:#7c4dffe6;cursor:pointer;padding:8px;border-radius:10px;display:flex;align-items:center;transition:all .2s ease}.image-preview-send:hover{background:#7c4dff40;transform:scale(1.05)}.image-preview-close{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;transition:all .2s ease}.image-preview-close:hover{color:#ff6b8a;background:#ff6b8a1a}.image-preview-bar+.chat-input-container{border-radius:0 0 16px 16px;border-top-color:#7c4dff1a}.ephemeral-image{margin-top:6px;max-width:300px;position:relative;border-radius:14px;overflow:hidden}.ephemeral-image.is-ephemeral{cursor:pointer;border:1.5px solid rgba(124,77,255,.25);box-shadow:0 2px 12px #7c4dff1a}.ephemeral-image.is-ephemeral:hover{border-color:#7c4dff66;box-shadow:0 4px 20px #7c4dff26}.ephemeral-image img{display:block;max-width:100%;height:auto;border-radius:12px;transition:filter .3s ease}.ephemeral-image.is-ephemeral{min-height:120px;background:linear-gradient(110deg,#ffffff0a 25%,#ffffff14 37%,#ffffff0a 63%);background-size:200% 100%;animation:ephemeral-shimmer 1.4s ease infinite}@keyframes ephemeral-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ephemeral-img-fade{animation:ephemeral-img-appear .3s ease both}@keyframes ephemeral-img-appear{0%{opacity:0}to{opacity:1}}.ephemeral-image img.ephemeral-blur{filter:blur(24px) brightness(.7)}.ephemeral-image-badge{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:5px;padding:4px 10px;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;font-size:11px;font-weight:600;color:#ffffffe6;border:1px solid rgba(124,77,255,.3)}.ephemeral-image-badge.sent{border-color:#ffffff1a;color:var(--text-muted)}.ephemeral-viewed-indicator{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:4px 12px;border-radius:14px;background:#ffffff05}.ephemeral-viewed-row{display:flex;align-items:center;gap:4px}.ephemeral-viewed-icon{color:#7c4dff59;width:12px;height:12px}.ephemeral-viewed-label{font-size:12px;font-weight:500;color:#7c4dff66;font-style:italic}.ephemeral-viewed-status{font-size:10px;color:var(--text-muted);opacity:.45;letter-spacing:.02em}.ephemeral-viewer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;animation:viewer-fade-in .25s ease;cursor:pointer}@keyframes viewer-fade-in{0%{opacity:0}to{opacity:1}}.ephemeral-viewer-content{position:relative;max-width:90vw;max-height:85vh;cursor:default;animation:viewer-zoom-in .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes viewer-zoom-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.ephemeral-viewer-content img{display:block;max-width:100%;max-height:85vh;border-radius:16px;box-shadow:0 8px 40px #00000080;border:1px solid rgba(255,255,255,.06)}.ephemeral-viewer-info{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:8px 16px;background:#0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;font-size:13px;font-weight:600;color:#ffffffe6;border:1px solid rgba(124,77,255,.3);white-space:nowrap}.ephemeral-viewer-close{position:absolute;top:-12px;right:-12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.ephemeral-viewer-close:hover{background:#ff6b8a33;border-color:#ff6b8a4d;color:#ff6b8a;transform:scale(1.1)}.ephemeral-card{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:16px;margin-top:4px;font-size:12.5px;font-weight:500;cursor:default;-webkit-user-select:none;user-select:none;transition:all .2s ease;border:none}.ephemeral-card-icon{font-size:13px;line-height:1}.ephemeral-card-text{letter-spacing:.02em}.ephemeral-card.sent{background:#7c4dff0f;color:#7c4dff8c}.ephemeral-card.view{background:#7c4dff1a;color:#a78bfae6;cursor:pointer}.ephemeral-card.view:hover{background:#7c4dff2e;transform:translateY(-1px)}.ephemeral-inline-viewer{position:relative;max-width:300px;margin-top:6px;border-radius:14px;overflow:hidden;border:1.5px solid rgba(124,77,255,.3);box-shadow:0 4px 20px #7c4dff1f;animation:ephemeral-viewer-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes ephemeral-viewer-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ephemeral-timer-bar{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff1a;z-index:2;border-radius:3px 3px 0 0;overflow:hidden}.ephemeral-timer-fill{height:100%;width:0%;background:linear-gradient(90deg,#7c4dffcc,#a78bfa);border-radius:3px;animation:ephemeral-timer-progress 7s linear forwards}@keyframes ephemeral-timer-progress{0%{width:0%}to{width:100%}}.ephemeral-inline-img{display:block;width:100%;height:auto;border-radius:12px}.call-embedded-panel{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 20px 16px;background:#0a0c16d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:10}.call-embedded-avatars{display:flex;gap:20px}.call-embedded-avatar-wrapper{position:relative;width:80px;height:80px}.call-embedded-avatar{width:80px;height:80px;border-radius:50%;background-size:cover;background-position:center;background-color:#5865f2;box-shadow:0 4px 20px #0006}.call-embedded-ring{position:absolute;inset:-3px;border-radius:50%;border:2.5px solid rgba(255,255,255,.1);transition:all .2s ease}.call-embedded-avatar-wrapper.speaking .call-embedded-ring{border-color:#00d4aacc;box-shadow:0 0 18px #00d4aa66,0 0 6px #00d4aa4d}.call-embedded-avatar-wrapper.speaking .call-embedded-avatar{box-shadow:0 0 20px #00d4aa40}.call-embedded-controls{display:flex;gap:10px}.call-embedded-btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff14;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.call-embedded-btn:hover{background:#ffffff26;color:#fff}.call-embedded-btn.active{background:#ffffff1f;color:#fff}.call-embedded-btn.muted{background:#ffffff1f;color:#ef4444}.call-embedded-btn.end{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 10px #ef44444d}.call-embedded-btn.end:hover{background:linear-gradient(135deg,#f87171,#ef4444);transform:scale(1.08);box-shadow:0 4px 16px #ef444480}.call-embedded-btn:disabled{opacity:.3;cursor:not-allowed}.noise-btn.noise-on{background:#00d4aa26;color:#00d4aa;box-shadow:0 0 12px #00d4aa33;animation:noise-glow 2s ease-in-out infinite}.noise-btn.noise-off{background:#ffffff0d;color:#ffffff4d}.noise-btn.noise-on:hover{background:#00d4aa40;box-shadow:0 0 18px #00d4aa59}@keyframes noise-glow{0%,to{box-shadow:0 0 8px #00d4aa33}50%{box-shadow:0 0 18px #00d4aa73}}.call-embedded-timer{font-size:11px;font-weight:500;color:#00d4aab3;font-variant-numeric:tabular-nums;letter-spacing:.03em}.call-embedded-devices{display:flex;flex-direction:column;gap:6px;width:100%;max-width:320px}.call-embedded-device-row{display:flex;align-items:center;gap:8px;color:#fff6}.call-embedded-device-select{flex:1;padding:5px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffffb3;font-size:11px;cursor:pointer;outline:none;transition:border-color .2s ease;appearance:none;-webkit-appearance:none}.call-embedded-device-select:hover{border-color:#ffffff26}.call-embedded-device-select:focus{border-color:#00d4aa66}.call-embedded-device-select option{background:#1a1e2e;color:#fff}.call-log-card{display:flex;align-items:center;gap:14px;padding:14px 18px;margin:6px 20px;background:linear-gradient(135deg,#ffffff0a,#ffffff04);border:1px solid rgba(255,255,255,.06);border-left:3px solid rgba(255,255,255,.1);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s ease}.call-log-card:hover{background:linear-gradient(135deg,#ffffff0f,#ffffff06)}.call-log-avatar{position:relative;width:42px;height:42px;flex-shrink:0}.call-log-avatar-img{width:42px;height:42px;border-radius:50%;object-fit:cover}.call-log-avatar-fallback{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#7c6fef);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.call-log-badge{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2a2d3a;border:2px solid #1a1e2e;color:#ffffff80}.call-log-badge svg{width:12px;height:12px}.call-log-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.call-log-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.call-log-title{font-size:13.5px;font-weight:600;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-log-subtitle{font-size:12px;color:#ffffff59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-log-time{font-size:10.5px;color:#ffffff40;white-space:nowrap;flex-shrink:0}.call-log-answered{border-left-color:#00d4aa}.call-log-answered .call-log-badge{background:#00d4aa;color:#fff}.call-log-answered .call-log-title{color:#00d4aa}.call-log-declined{border-left-color:#ef4444}.call-log-declined .call-log-badge{background:#ef4444;color:#fff}.call-log-missed{border-left-color:#fb923c}.call-log-missed .call-log-badge{background:#fb923c;color:#fff}.call-log-missed .call-log-title{color:#fb923c}.call-log-no-answer{border-left-color:#ef4444}.call-log-no-answer .call-log-badge{background:#ef4444;color:#fff}.confirm-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInModal .2s ease}.confirm-modal{background:var(--bg-tertiary, #1e1f22);width:440px;max-width:90vw;border-radius:8px;box-shadow:0 8px 16px #0000003d;display:flex;flex-direction:column;overflow:hidden;animation:scaleInModal .2s cubic-bezier(.175,.885,.32,1.275)}.confirm-modal-header{padding:24px 24px 16px}.confirm-modal-header h3{margin:0;font-size:20px;font-weight:700;color:var(--text-normal, #f2f3f5)}.confirm-modal-body{padding:0 24px 24px}.confirm-modal-body p{margin:0;font-size:15px;color:var(--text-muted, #dbdee1);line-height:1.4}.confirm-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:var(--bg-secondary, #2b2d31);border-top:1px solid rgba(0,0,0,.1)}.btn-cancel,.btn-confirm{padding:10px 24px;font-size:14px;font-weight:500;border-radius:3px;cursor:pointer;border:none;transition:all .2s}.btn-cancel{background:transparent;color:var(--text-normal, #f2f3f5)}.btn-cancel:hover{text-decoration:underline}.btn-confirm{background:var(--brand-color, #5865f2);color:#fff}.btn-confirm:hover{background:var(--brand-hover, #4752c4)}.btn-confirm.destructive{background:var(--status-dnd, #da373c)}.btn-confirm.destructive:hover{background:#a12828}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes scaleInModal{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.member-profile-sidebar{width:280px;background:#0c122040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;height:100%;z-index:5;animation:slide-in-right-profile .4s cubic-bezier(.16,1,.3,1);position:relative}@keyframes slide-in-right-profile{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.sidebar-scroll-content{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;gap:0;min-height:0}.sidebar-scroll-content::-webkit-scrollbar{width:4px}.sidebar-scroll-content::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.sidebar-footer-info{padding:12px 16px;border-top:1px solid rgba(255,255,255,.03);text-align:center}.footer-text{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.1em;opacity:.4}.member-profile-sidebar .panel-preview-card{width:100%!important;box-shadow:none;pointer-events:auto;flex:1;display:flex;flex-direction:column;border-radius:0!important;border:none!important}.member-profile-sidebar .ppc-info{flex:1}.member-profile-sidebar .ppc-section:last-child{margin-top:auto}.member-profile-sidebar .ppc-banner,.member-profile-sidebar .aurora-container{border-radius:0!important}.member-profile-sidebar .aurora-container:before{border-radius:0!important}.member-profile-sidebar .aurora-container:after{border-radius:0!important}.member-profile-sidebar .rain-container,.member-profile-sidebar .arcane-container{border-radius:0!important}.member-profile-sidebar .ppc-border-solid:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;box-shadow:inset 0 0 0 1.5px var(--user-border-color, #3a3f52)}.member-profile-sidebar .ppc-border-pulse{border:none!important}.member-profile-sidebar .ppc-border-pulse:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;animation:sidebar-border-pulse 2.5s ease-in-out infinite}@keyframes sidebar-border-pulse{0%,to{box-shadow:inset 0 0 0 1.5px var(--user-border-color, #3a3f52),inset 0 0 8px #788cff0d}50%{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--user-border-color, #3a3f52),white 40%),inset 0 0 20px color-mix(in srgb,var(--user-border-color, #3a3f52) 30%,transparent),inset 0 0 40px color-mix(in srgb,var(--user-border-color, #3a3f52) 10%,transparent)}}.member-profile-sidebar .ppc-border-neon{border:none!important}.member-profile-sidebar .ppc-border-neon:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;box-shadow:inset 0 0 0 1.5px var(--user-border-color, #7289da),inset 0 0 15px var(--user-border-color, rgba(114, 137, 218, .3)),inset 0 0 30px var(--user-border-color, rgba(114, 137, 218, .1))}.member-profile-sidebar .ppc-border-gradient{border:none!important;overflow:hidden}.member-profile-sidebar .ppc-border-gradient:before{content:"";position:absolute;inset:0;z-index:10;border-radius:0!important;padding:2px;background:linear-gradient(90deg,#00d4aa,#7c4dff,#ff6ec7,gold,#00d4aa);background-size:400% 100%;animation:card-border-gradient 6s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.member-profile-sidebar .ppc-border-gradient:after{content:"";position:absolute;inset:0;z-index:10;border-radius:0!important;background:linear-gradient(90deg,#00d4aa,#7c4dff,#ff6ec7,gold,#00d4aa);background-size:400% 100%;animation:card-border-gradient 6s linear infinite;filter:blur(12px);opacity:.25;pointer-events:none}@media(max-width:1200px){.member-profile-sidebar{width:260px}}.group-avatar-large{width:74px;height:74px;position:relative;border-radius:50%;background-color:transparent;overflow:hidden}.group-avatar-item-large{position:absolute;border-radius:50%;background-size:cover;background-position:center;border:2px solid #111214}.group-avatar-large.count-2 .group-avatar-item-large:nth-child(1){top:-2px;left:-2px;width:50px;height:50px;z-index:1}.group-avatar-large.count-2 .group-avatar-item-large:nth-child(2){bottom:-2px;right:-2px;width:50px;height:50px;z-index:2}.group-avatar-large.count-3 .group-avatar-item-large:nth-child(1){top:-2px;left:12px;width:48px;height:48px;z-index:1}.group-avatar-large.count-3 .group-avatar-item-large:nth-child(2){bottom:-2px;left:-2px;width:48px;height:48px;z-index:2}.group-avatar-large.count-3 .group-avatar-item-large:nth-child(3){bottom:-2px;right:-2px;width:48px;height:48px;z-index:3}.avatar-edit-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:74px;margin:0;padding:0;border-radius:50%;background-color:#0009;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease;z-index:10}.banner-edit-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background-color:#0009;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .2s ease;z-index:10}.banner-edit-btn:hover{background-color:#000c}.card-edit-btn{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border-radius:50%;background-color:#0009;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .2s ease;z-index:10}.card-edit-btn:hover{background-color:#000c}.group-members-list{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-bottom:12px}.group-member-item{display:flex;align-items:center;gap:8px;padding:3px 8px;border-radius:4px;cursor:pointer;transition:background-color .2s,opacity .2s;opacity:.85}.group-member-item:hover{background-color:#ffffff14;opacity:1}.group-member-avatar{width:26px;height:26px;border-radius:50%;background-size:cover;background-position:center;position:relative;flex-shrink:0}.group-member-status{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--card-bg, #0a0e1a);background-color:#747f8d}.group-member-status.online{background-color:var(--status-online, #23a559)}.group-member-status.idle{background-color:var(--status-idle, #faa61a)}.group-member-status.dnd{background-color:var(--status-dnd, #f23f43)}.group-member-name{font-size:12.5px;color:var(--text-normal, #dbdee1);font-weight:500;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-member-item{display:flex;align-items:center;gap:8px;padding:3px 8px;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all .2s ease;background-color:transparent;margin-bottom:1px;position:relative;overflow:hidden;background-size:cover;background-position:center;border:1px solid transparent}.group-member-item-overlay{position:absolute;inset:0;background:#0003;transition:all .2s ease;pointer-events:none;z-index:1}.group-member-item.has-custom-banner .group-member-item-overlay{background:linear-gradient(to right,#0c12208c,#0c122059)}.group-member-item:hover .group-member-item-overlay{background:#ffffff0d}.group-member-item.has-custom-banner:hover .group-member-item-overlay{background:linear-gradient(to right,#0c122066,#0c122033)}.group-member-item:hover{transform:translateY(-1px)}.group-member-item>*:not(.group-member-item-overlay){z-index:2;position:relative}.group-member-item>.group-member-item-overlay{position:absolute;z-index:1}.kick-member-btn{margin-left:auto;background:none;border:none;color:var(--text-muted, #dbdee1);cursor:pointer;opacity:0;transition:opacity .2s,color .2s,background-color .2s;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:4px}.group-member-item:hover .kick-member-btn{opacity:.6}.kick-member-btn:hover{opacity:1!important;color:#f23f43;background-color:#f23f431a}@media(max-width:768px){.member-profile-sidebar{display:none!important}}.server-chat-view{display:flex;flex-direction:column;height:100%;background:var(--bg-primary, #0e0e14);overflow:hidden}.server-chat-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;height:48px;min-height:48px;background:var(--bg-secondary, #16161e);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;gap:8px}.server-chat-header-left{display:flex;align-items:center;justify-content:flex-start;gap:8px}.server-chat-header-center{display:flex;align-items:center;justify-content:center}.server-chat-header-right{display:flex;align-items:center;justify-content:flex-end;gap:5px}.server-chat-hash{color:var(--text-muted, #72767d);flex-shrink:0}.server-chat-channel-name{font-weight:600;font-size:14px;color:var(--text-muted, #72767d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.server-chat-server-name{font-size:15px;font-weight:700;color:var(--text-primary, #dcddde);white-space:nowrap;letter-spacing:-.01em}.server-chat-messages{flex:1;overflow-y:auto;padding:16px 0 8px;display:flex;flex-direction:column-reverse;gap:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.server-chat-messages::-webkit-scrollbar{width:6px}.server-chat-messages::-webkit-scrollbar-track{background:transparent}.server-chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.server-chat-loading{padding:16px;display:flex;flex-direction:column;gap:12px}.server-chat-skeleton{height:40px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;width:80%}.server-chat-skeleton.short{width:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.server-chat-empty{display:flex;flex-direction:column;align-items:flex-start;padding:40px 24px 16px;gap:8px}.server-chat-empty-icon{width:68px;height:68px;background:#5865f226;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#5865f2;margin-bottom:8px}.server-chat-empty h3{font-size:22px;font-weight:700;color:var(--text-primary, #dcddde);margin:0}.server-chat-empty p{font-size:14px;color:var(--text-muted, #72767d);margin:0}.server-chat-date-separator{display:flex;align-items:center;gap:8px;padding:12px 16px 4px}.separator-line{flex:1;height:1px;background:#ffffff14}.separator-label{font-size:11px;font-weight:600;color:var(--text-muted, #72767d);white-space:nowrap;padding:0 4px}.server-message{display:flex;align-items:flex-start;gap:12px;padding:4px 16px;transition:background .1s;position:relative}.server-message:hover{background:#ffffff05}.server-message.grouped{padding-top:2px;padding-bottom:2px}.server-message-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;background-size:cover;background-position:center;margin-top:2px}.server-message-avatar-placeholder{width:40px;min-width:40px}.server-message-body{flex:1;min-width:0}.server-message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.server-message-author{font-size:14px;font-weight:600;color:var(--text-primary, #dcddde)}.server-message-time{font-size:11px;color:var(--text-muted, #72767d);display:flex;align-items:baseline;gap:4px}.server-message-content{font-size:14px;color:var(--text-normal, #b9bbbe);margin:0;line-height:1.5;word-break:break-word;white-space:pre-wrap}.server-msg-edited{font-size:10px;color:var(--text-muted, #72767d);font-weight:400;opacity:.7}.server-msg-reply-ref{display:flex;align-items:center;gap:6px;padding:3px 8px;margin-bottom:4px;background:#ffffff08;border-left:2px solid rgba(88,101,242,.5);border-radius:0 4px 4px 0;font-size:12px;color:var(--text-muted, #72767d);cursor:default}.server-msg-reply-ref svg{color:#5865f2;flex-shrink:0;opacity:.6}.server-msg-reply-ref-name{font-weight:600;color:var(--text-secondary, #96989d);flex-shrink:0}.server-msg-reply-ref-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.8}.server-msg-gif{margin:4px 0;max-width:300px}.server-msg-gif img{border-radius:12px;max-width:100%;height:auto;display:block;cursor:pointer;transition:transform .15s ease,filter .15s ease;border:1px solid rgba(255,255,255,.06)}.server-msg-gif img:hover{transform:scale(1.02);filter:brightness(1.1)}.server-msg-actions{position:absolute;top:-8px;right:16px;display:flex;align-items:center;gap:2px;background:var(--bg-secondary, #16161e);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:2px;opacity:0;pointer-events:none;transition:opacity .12s ease;box-shadow:0 2px 8px #0000004d;z-index:5}.server-message:hover .server-msg-actions{opacity:1;pointer-events:auto}.server-msg-action-btn{background:transparent;border:none;color:var(--text-muted, #72767d);cursor:pointer;padding:4px 6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.server-msg-action-btn:hover{background:#ffffff14;color:var(--text-primary, #dcddde)}.server-msg-action-btn.danger:hover{background:#f8717126;color:#f87171}.server-msg-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.server-reaction-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .2s ease;font-size:13px;color:var(--text-secondary, #b9bbbe)}.server-reaction-badge:hover{background:#ffffff1a;border-color:#ffffff1f}.server-reaction-badge.reacted{background:#5865f226;border-color:#5865f266}.server-reaction-emoji{font-size:14px;line-height:1}.server-reaction-count{font-size:11px;font-weight:600;min-width:8px;text-align:center}.server-msg-reaction-quick{font-size:15px;line-height:1;padding:3px 4px}.server-msg-reaction-quick:hover{transform:scale(1.3)}.server-msg-reaction-plus{border-left:1px solid rgba(255,255,255,.08);margin-left:2px;padding-left:4px}.server-msg-reaction-plus:hover{color:#5865f2}.emoji-picker-backdrop{position:fixed;inset:0;z-index:9998}.server-msg-edit-container{display:flex;flex-direction:column;gap:4px}.server-msg-edit-input{width:100%;background:#0000004d;border:1px solid rgba(88,101,242,.4);border-radius:6px;padding:6px 8px;color:var(--text-primary, #dcddde);font-size:14px;font-family:inherit;resize:none;max-height:120px;min-height:20px;line-height:1.5;outline:none;box-sizing:border-box}.server-msg-edit-input:focus{border-color:#5865f2;box-shadow:0 0 0 2px #5865f226}.server-msg-edit-actions{display:flex;align-items:center;gap:4px}.server-msg-edit-save,.server-msg-edit-cancel{background:transparent;border:none;cursor:pointer;padding:3px 6px;border-radius:4px;display:flex;align-items:center;transition:all .12s}.server-msg-edit-save{color:#43b581}.server-msg-edit-save:hover{background:#43b58126}.server-msg-edit-save:disabled{opacity:.3;cursor:not-allowed}.server-msg-edit-cancel{color:var(--text-muted, #72767d)}.server-msg-edit-cancel:hover{color:#f87171;background:#f871711a}.server-msg-edit-hint{font-size:10px;color:var(--text-muted, #72767d);opacity:.7}.server-chat-reply-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#5865f214;border-top:1px solid rgba(88,101,242,.15);animation:reply-bar-slide-in .15s ease}@keyframes reply-bar-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.server-chat-reply-bar-icon{color:#5865f2;flex-shrink:0}.server-chat-reply-bar-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.server-chat-reply-bar-name{font-size:12px;font-weight:600;color:#5865f2}.server-chat-reply-bar-text{font-size:12px;color:var(--text-muted, #72767d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-chat-reply-bar-close{background:transparent;border:none;color:var(--text-muted, #72767d);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;flex-shrink:0;transition:all .15s}.server-chat-reply-bar-close:hover{color:var(--text-primary, #dcddde);background:#ffffff0f}.server-chat-input-form{padding:0 16px 16px;flex-shrink:0}.server-chat-input-wrapper{display:flex;align-items:flex-end;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px;transition:border-color .2s}.server-chat-input-wrapper:focus-within{border-color:#5865f266}.server-chat-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary, #dcddde);font-size:14px;font-family:inherit;resize:none;max-height:120px;min-height:20px;line-height:1.5;scrollbar-width:none}.server-chat-input::placeholder{color:var(--text-muted, #72767d)}.server-chat-input::-webkit-scrollbar{display:none}.server-chat-input-actions{display:flex;align-items:center;gap:4px}.server-chat-icon-btn{background:none;border:none;color:var(--text-muted, #72767d);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:color .15s}.server-chat-icon-btn:hover{color:var(--text-primary, #dcddde)}.server-chat-icon-btn.active{color:#5865f2}.server-chat-gif-btn{font-size:0}.server-chat-gif-label{font-size:11px;font-weight:800;letter-spacing:.02em;padding:2px 4px;border:1.5px solid currentColor;border-radius:4px;line-height:1;display:block}.server-chat-gif-btn:hover .server-chat-gif-label,.server-chat-gif-btn.active .server-chat-gif-label{color:var(--text-primary, #dcddde)}.server-chat-send-btn{background:none;border:none;color:var(--text-muted, #72767d);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:all .15s}.server-chat-send-btn.active{color:#5865f2}.server-chat-send-btn.active:hover{color:#4752c4;background:#5865f21a}.server-chat-send-btn:disabled{opacity:.4;cursor:default}.server-chat-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.server-chat-members-btn{display:flex;align-items:center;gap:5px;background:none;border:none;color:var(--text-muted, #72767d);cursor:pointer;padding:6px 8px;border-radius:6px;transition:background .15s,color .15s;font-size:12px;font-weight:600}.server-chat-members-btn:hover{background:#ffffff12;color:var(--text-primary, #dcddde)}.server-chat-members-btn.active{color:var(--text-primary, #dcddde);background:#5865f226}.server-members-count{font-size:12px;font-weight:700;color:inherit}.server-chat-body{display:flex;flex:1;overflow:hidden;min-height:0}.server-chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.server-members-panel{width:240px;min-width:200px;flex-shrink:0;background:#0003;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow:hidden;animation:members-slide-in .22s cubic-bezier(.19,1,.22,1)}@keyframes members-slide-in{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.server-members-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted, #72767d);border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.server-members-panel-count{background:#ffffff14;border-radius:10px;padding:1px 7px;font-size:11px}.server-members-panel-list{flex:1;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.server-members-panel-empty{color:var(--text-muted, #72767d);font-size:12px;text-align:center;padding:24px 0;margin:0}.server-members-panel-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;transition:background .1s;cursor:default}.server-members-panel-row:hover{background:#ffffff0d}.server-members-panel-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(255,255,255,.06)}.server-members-panel-info{display:flex;flex-direction:column;gap:1px;min-width:0}.server-members-panel-name{font-size:13px;font-weight:600;color:var(--text-primary, #dcddde);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-members-panel-role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.server-members-panel-role.role-owner{color:#f0b232}.server-members-panel-role.role-admin{color:#5865f2}.server-members-panel-role.role-member{color:var(--text-muted, #72767d)}.splash-screen{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a2e;background:radial-gradient(ellipse at 50% 40%,#1e1b3a,#111127,#0a0a18);transition:opacity .5s ease-out}.splash-screen.fade-out{opacity:0;pointer-events:none}.splash-logo-wrapper{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.splash-lottie{position:absolute;inset:-15px}.splash-logo-img{width:80px;height:80px;object-fit:contain;-webkit-user-select:none;user-select:none;animation:splash-letter-pulse 2s ease-in-out infinite;border-radius:16px}@keyframes splash-letter-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.2)}}.splash-brand-name{margin-top:24px;font-family:Outfit,system-ui,sans-serif;font-size:22px;font-weight:600;letter-spacing:6px;text-transform:uppercase;color:#ffffffb3;animation:splash-text-fade 2s ease-in-out infinite}@keyframes splash-text-fade{0%,to{opacity:.5}50%{opacity:1}}.splash-status{margin-top:12px;font-family:Outfit,system-ui,sans-serif;font-size:13px;font-weight:400;color:#ffffff59;letter-spacing:1px}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s ease-out}.server-modal{width:100%;max-width:440px;background:var(--bg-primary);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:modal-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:32px 32px 16px;text-align:center;position:relative}.modal-header h2{font-size:24px;font-weight:800;color:#fff;margin-bottom:8px}.modal-header p{font-size:14px;color:var(--text-muted);line-height:1.5}.close-modal{position:absolute;top:16px;right:16px;color:var(--text-muted);opacity:.6;transition:all .2s ease}.close-modal:hover{opacity:1;color:#fff;transform:rotate(90deg)}.modal-content{padding:16px 32px 32px}.selection-options{display:flex;flex-direction:column;gap:16px}.selection-card{width:100%;display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;cursor:pointer;transition:all .2s ease;color:#fff}.selection-card:hover{background:#ffffff0f;border-color:var(--accent-teal);transform:translateY(-2px)}.card-icon{width:48px;height:48px;background:#00d4aa1a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-teal)}.selection-card span{flex:1;font-size:16px;font-weight:700;text-align:left}.selection-card .arrow{opacity:.4;transition:transform .2s ease}.selection-card:hover .arrow{opacity:1;transform:translate(4px);color:var(--accent-teal)}.join-footer{margin-top:24px;text-align:center}.join-footer h3{font-size:18px;font-weight:600;margin-bottom:12px}.join-btn{width:100%;padding:12px;background:#ffffff0d;border-radius:8px;font-weight:600;transition:all .2s}.join-btn:hover{background:#ffffff1a}.modal-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:12px;font-weight:700;color:var(--text-muted)}.form-group input{background:#0003;border:1px solid rgba(255,255,255,.08);padding:12px 16px;border-radius:8px;font-size:16px;color:#fff;transition:border-color .2s}.form-group input:focus{border-color:var(--accent-teal)}.input-hint{font-size:11px;color:var(--text-muted)}.error-msg{color:#ff4d4d;font-size:13px;font-weight:500}.modal-footer{padding:16px 32px;background:#00000026;display:flex;align-items:center;justify-content:space-between}.back-btn{font-weight:600;color:var(--text-muted);transition:color .2s}.back-btn:hover{color:#fff}.submit-btn{padding:12px 24px;border-radius:8px;font-weight:700;transition:all .2s}.submit-btn.create{background:var(--gradient-aurora);color:#fff}.submit-btn.join{background:#4752c4;color:#fff}.submit-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 15px #0000004d}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.pending-confirmation{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0 8px;text-align:center}.pending-icon{font-size:48px;line-height:1}.pending-text{font-size:14px;color:var(--text-muted);line-height:1.6;max-width:320px}.settings-fullscreen{position:fixed;inset:0;background:var(--bg-primary, #0a0c14);display:flex;z-index:10000;animation:settings-fade-in .2s ease-out}@keyframes settings-fade-in{0%{opacity:0}to{opacity:1}}.settings-sidebar{width:240px;flex-shrink:0;background:#0000004d;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow:hidden}.settings-sidebar-scroll{flex:1;overflow-y:auto;padding:20px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.settings-sidebar-scroll::-webkit-scrollbar{width:4px}.settings-sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.settings-sidebar-category{font-size:11px;font-weight:700;color:var(--text-muted, #72767d);text-transform:uppercase;letter-spacing:.8px;padding:16px 12px 6px;margin-top:4px}.settings-sidebar-category:first-child{padding-top:0;margin-top:0}.settings-sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-muted, #8e9297);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;outline:none}.settings-sidebar-item:hover{background:#ffffff0f;color:var(--text-primary, #dcddde)}.settings-sidebar-item.active{background:#5865f233;color:#fff}.settings-sidebar-item.danger{color:#ed4245}.settings-sidebar-item.danger:hover{background:#ed424526;color:#ed4245}.settings-sidebar-separator{height:1px;margin:12px;background:#ffffff0f}.settings-main{flex:1;display:flex;position:relative;overflow:hidden}.settings-main-scroll{flex:1;overflow-y:auto;padding:40px 48px 60px;max-width:800px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.settings-main-scroll::-webkit-scrollbar{width:6px}.settings-main-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.settings-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.15);background:transparent;color:var(--text-muted, #72767d);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.settings-close-btn:hover{background:#ed424533;border-color:#ed424580;color:#ed4245;transform:scale(1.05)}.settings-page-title{font-size:20px;font-weight:700;color:var(--text-primary, #fff);margin:0 0 24px;letter-spacing:-.02em}.settings-group{margin-bottom:32px}.settings-group-title{font-size:11px;font-weight:700;color:var(--text-muted, #72767d);text-transform:uppercase;letter-spacing:.8px;margin:0 0 12px}.settings-section-content{animation:settings-content-in .15s ease-out}@keyframes settings-content-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:background .15s;margin-bottom:8px}.setting-row:hover{background:#00000059}.setting-row:last-child{margin-bottom:0}.setting-row-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.setting-row-label{font-size:14px;font-weight:600;color:var(--text-primary, #dcddde)}.setting-row-desc{font-size:12px;color:var(--text-muted, #72767d);line-height:1.4}.shortcut-badge{padding:4px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:12px;font-weight:600;color:var(--text-muted, #8e9297);font-family:Consolas,Courier New,monospace;white-space:nowrap;flex-shrink:0}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;inset:0;background:#ffffff1a;border-radius:12px;transition:background .25s ease}.toggle-switch input:checked+.toggle-track{background:#5865f2}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000004d}.toggle-switch input:checked+.toggle-track:after{transform:translate(20px)}.toggle-switch input:disabled+.toggle-track{opacity:.4;cursor:not-allowed}.permission-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;margin-top:4px;width:fit-content}.permission-badge.granted{background:#43b58126;color:#43b581}.permission-badge.denied{background:#ed424526;color:#ed4245}.permission-badge.default{background:#faa81a26;color:#faa81a}.settings-hint{font-size:12px;color:var(--text-muted, #72767d);font-style:italic;padding:8px 0 0}.settings-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted, #72767d);font-size:14px;text-align:center;border:1px dashed rgba(255,255,255,.08);border-radius:12px;background:#00000026}.settings-placeholder p{margin:0}.about-card{display:flex;align-items:center;gap:20px;padding:24px;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:12px}.about-logo{width:56px;height:56px;border-radius:14px;object-fit:contain}.about-info h3{margin:0 0 4px;font-size:18px;font-weight:700;color:#fff}.about-version{margin:0;font-size:13px;color:var(--text-muted, #8e9297);font-family:Consolas,monospace}.about-copyright{margin:4px 0 0;font-size:12px;color:#ffffff4d}.profile-deco-preview-card{position:relative;display:flex;align-items:center;gap:20px;padding:24px;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.profile-deco-preview-avatar-area{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.profile-deco-preview-avatar{width:64px;height:64px;border-radius:50%;border:3px solid transparent;overflow:visible;flex-shrink:0;position:relative}.profile-deco-preview-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-deco-ring-overlay{position:absolute;top:-12px;left:-12px;width:calc(100% + 24px);height:calc(100% + 24px);pointer-events:none;z-index:2}.profile-deco-preview-name{font-size:16px;font-weight:700;color:#fff}.profile-deco-preview-effect{position:absolute;inset:0;border-radius:12px;pointer-events:none;z-index:0}.avatar-effect-glow{box-shadow:0 0 12px currentColor,0 0 24px currentColor}.avatar-effect-spin{border-style:dashed!important;animation:deco-spin 3s linear infinite}.avatar-effect-pulse{animation:deco-pulse 1.5s ease-in-out infinite}@keyframes deco-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes deco-pulse{0%,to{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 12px 4px currentColor}}.effect-demo-aurora{background:linear-gradient(135deg,#00d4aa1f,#5865f21f,#7c4dff1f);animation:deco-aurora-shift 4s ease-in-out infinite alternate}@keyframes deco-aurora-shift{0%{background-position:0% 50%}to{background-position:100% 50%}}.effect-demo-rain{background:repeating-linear-gradient(180deg,transparent 0px,transparent 8px,rgba(100,180,255,.05) 8px,rgba(100,180,255,.05) 10px);animation:deco-rain-fall 1s linear infinite}@keyframes deco-rain-fall{0%{background-position-y:0}to{background-position-y:18px}}.effect-demo-arcane{background:radial-gradient(ellipse at 50% 80%,rgba(200,80,255,.12),transparent 70%)}.profile-deco-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profile-deco-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#00000040;border:2px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:all .2s ease}.profile-deco-option:hover{background:#00000059;border-color:#ffffff1f}.profile-deco-option.selected{border-color:#5865f2;background:#5865f21a}.profile-deco-option span{font-size:11px;font-weight:600;color:var(--text-muted, #8e9297)}.profile-deco-option.selected span{color:#fff}.profile-deco-demo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative}.demo-circle{width:28px;height:28px;border-radius:50%;border:3px solid var(--text-muted, #72767d);background:#ffffff0a}.demo-circle.demo-glow{animation:demo-glow-anim 2s ease-in-out infinite}@keyframes demo-glow-anim{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.demo-circle.demo-spin{animation:deco-spin 2s linear infinite}.demo-circle.demo-pulse{animation:demo-circle-pulse 1.5s ease-in-out infinite}@keyframes demo-circle-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}.demo-rect{width:34px;height:22px;border-radius:4px;border:2px solid var(--text-muted, #72767d);background:#ffffff0a}.demo-rect-pulse{border-color:#5865f2;animation:demo-rect-pulse-anim 1.5s ease-in-out infinite}@keyframes demo-rect-pulse-anim{0%,to{box-shadow:0 0 #5865f266}50%{box-shadow:0 0 8px 2px #5865f24d}}.demo-rect-gradient{border-image:linear-gradient(90deg,#34d399,#818cf8,#34d399) 1;background-size:200% 100%;animation:demo-gradient-flow 2s linear infinite}@keyframes demo-gradient-flow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.demo-rect-neon{border-color:#0f8;box-shadow:0 0 6px #0f86,inset 0 0 6px #00ff881a}.demo-effect-aurora{border-radius:8px;background:linear-gradient(135deg,#34d3994d,#818cf84d)}.demo-effect-rain{border-radius:8px;background:linear-gradient(180deg,#64b4ff33,#64b4ff0d);position:relative;overflow:hidden}.demo-effect-arcane{border-radius:8px;background:radial-gradient(ellipse at 50% 80%,rgba(200,80,255,.3),transparent 70%)}.ring-deco-thumb{width:36px;height:36px;object-fit:contain;border-radius:50%}.profile-deco-color-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:10px;margin-bottom:12px}.profile-deco-color-label{font-size:13px;font-weight:600;color:var(--text-primary, #dcddde)}.profile-deco-color-picker{display:flex;align-items:center;gap:10px}.profile-deco-color-picker input[type=color]{-webkit-appearance:none;appearance:none;border:none;width:28px;height:28px;background:none;cursor:pointer;border-radius:6px;padding:0}.profile-deco-color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.profile-deco-color-picker input[type=color]::-webkit-color-swatch{border:2px solid rgba(255,255,255,.1);border-radius:6px}.profile-deco-color-code{font-size:12px;font-weight:600;color:var(--text-muted, #8e9297);font-family:Consolas,Courier New,monospace}.profile-deco-save-btn{width:100%;padding:12px;border:none;border-radius:10px;background:#5865f2;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-deco-save-btn:hover{background:#4752c4;transform:translateY(-1px);box-shadow:0 4px 12px #5865f24d}.profile-deco-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-deco-save-btn.saved{background:#43b581}.hard-refresh-btn{padding:6px 16px;border:1px solid rgba(88,101,242,.3);border-radius:8px;background:#5865f21a;color:#7289da;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.hard-refresh-btn:hover:not(:disabled){background:#5865f2;color:#fff;border-color:#5865f2;transform:translateY(-1px);box-shadow:0 4px 12px #5865f24d}.hard-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.hard-refresh-btn.refreshing{border-color:#43b5814d;color:#43b581;background:#43b5811a}.account-email-value{padding:6px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:13px;font-weight:500;color:var(--text-primary, #dcddde);font-family:Consolas,Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;flex-shrink:0}.account-danger-row{border-color:#ed424526!important}.account-danger-row:hover{border-color:#ed424540!important}.account-danger-label{color:#ed4245!important}.account-delete-btn{padding:8px 20px;border:none;border-radius:8px;background:#ed424526;color:#ed4245;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.account-delete-btn:hover{background:#ed4245;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ed42454d}.account-delete-confirm{display:flex;align-items:center;gap:10px;flex-shrink:0}.account-delete-confirm-msg{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#faa81a1a;border:1px solid rgba(250,168,26,.2);border-radius:8px;font-size:12px;font-weight:600;color:#faa81a;white-space:nowrap}.account-delete-cancel-btn{padding:6px 16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0f;color:var(--text-primary, #dcddde);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.account-delete-cancel-btn:hover{background:#ffffff1a;border-color:#fff3}@media(max-width:680px){.settings-sidebar{width:200px}.settings-main-scroll{padding:24px 20px 40px}.profile-deco-grid{grid-template-columns:repeat(2,1fr)}}.voice-channel-item{cursor:pointer}.voice-channel-item.voice-active{color:var(--accent-teal)!important}.voice-channel-users{padding:2px 8px 4px 28px;display:flex;flex-direction:column;gap:2px}.voice-channel-user{display:flex;align-items:center;gap:8px;padding:3px 8px;border-radius:4px;font-size:12px;color:var(--text-secondary);transition:background .15s ease}.voice-channel-user:hover{background:#ffffff0a}.voice-user-avatar{width:22px;height:22px;border-radius:50%;background-size:cover;background-position:center;flex-shrink:0;border:2px solid transparent;transition:border-color .15s ease,box-shadow .15s ease}.voice-channel-user.speaking .voice-user-avatar{border-color:#43b581;box-shadow:0 0 6px #43b58166}.voice-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.voice-bar-container{flex-shrink:0;animation:voice-bar-in .2s ease}.voice-nc-bar{display:flex;gap:4px;padding:6px 10px;background:#0003;border-top:1px solid var(--border-subtle)}.voice-nc-toggle{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:4px 8px;border:1px solid rgba(255,255,255,.06);border-radius:4px;background:#ffffff0a;color:var(--text-muted);font-size:10px;font-weight:600;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.03em}.voice-nc-toggle:hover{background:#ffffff14;color:var(--text-secondary)}.voice-nc-toggle.active{background:#00d4aa1f;border-color:#00d4aa40;color:var(--accent-teal)}.voice-nc-toggle.mic-test.active{background:#fbbf241f;border-color:#fbbf2440;color:#fbbf24}.voice-bar{padding:8px 12px;background:#00d4aa14;border-top:1px solid rgba(0,212,170,.15);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}@keyframes voice-bar-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.voice-bar-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.voice-bar-status{display:flex;align-items:center;gap:5px}.voice-bar-icon{color:var(--accent-teal);flex-shrink:0}.voice-bar-label{font-size:12px;font-weight:600;color:var(--accent-teal)}.voice-bar-channel{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-bar-controls{display:flex;align-items:center;gap:4px}.voice-bar-btn{width:30px;height:30px;border-radius:50%;border:none;background:#ffffff0f;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.voice-bar-btn:hover{background:#ffffff1f;color:var(--text-primary)}.voice-bar-btn.muted{background:#ef444426;color:#ef4444}.voice-bar-btn.muted:hover{background:#ef444440}.voice-bar-btn.disconnect{background:#ef444426;color:#ef4444}.voice-bar-btn.disconnect:hover{background:#ef44444d;color:#ff6b6b}.mic-selector-btn{width:24px!important;height:24px!important}.mic-dropdown{position:absolute;bottom:40px;right:0;min-width:220px;max-width:300px;background:#12182af5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:8px;padding:6px;z-index:100;box-shadow:0 8px 24px #0006;animation:mic-dropdown-in .15s ease}@keyframes mic-dropdown-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mic-dropdown-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:4px 8px 6px}.mic-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:none;background:none;color:var(--text-secondary);font-size:12px;border-radius:4px;cursor:pointer;text-align:left;transition:all .12s ease}.mic-dropdown-item:hover{background:#ffffff14;color:var(--text-primary)}.mic-dropdown-item.active{background:#00d4aa1f;color:var(--accent-teal)}.mic-dropdown-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sda-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a0a0a,#0d0d0d);animation:sda-fade-in .25s ease-out}@keyframes sda-fade-in{0%{opacity:0}to{opacity:1}}.sda-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sda-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:48px}.sda-icon-wrap{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.sda-icon-ring{position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,71,87,.5);animation:sda-ring-pulse 1.4s ease-out infinite}.sda-icon-ring:after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(255,71,87,.25);animation:sda-ring-pulse 1.4s ease-out .4s infinite}@keyframes sda-ring-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2.2);opacity:0}}.sda-icon{font-size:44px;animation:sda-icon-shake .35s ease-in-out 0s 3;display:block;filter:drop-shadow(0 0 16px rgba(255,100,50,.8))}@keyframes sda-icon-shake{0%{transform:rotate(0) scale(1)}20%{transform:rotate(-12deg) scale(1.1)}40%{transform:rotate(12deg) scale(1.15)}60%{transform:rotate(-8deg) scale(1.08)}80%{transform:rotate(4deg) scale(1.04)}to{transform:rotate(0) scale(1)}}.sda-server-name{font-size:13px;color:#ff4757b3;font-weight:500;letter-spacing:.5px;margin:0;animation:sda-dissolve 2.5s ease-in-out .5s forwards}@keyframes sda-dissolve{0%{opacity:1;letter-spacing:.5px;filter:blur(0)}60%{opacity:.4;letter-spacing:6px;filter:blur(1px)}to{opacity:0;letter-spacing:14px;filter:blur(4px)}}.sda-title{margin:0;font-size:22px;font-weight:700;color:#fff;letter-spacing:-.3px;animation:sda-slide-up .4s cubic-bezier(.34,1.56,.64,1) .1s both}.sda-subtitle{margin:0;font-size:13px;color:#ffffff73;animation:sda-slide-up .4s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes sda-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sda-progress-track{width:220px;height:3px;background:#ffffff1a;border-radius:99px;overflow:hidden;margin-top:6px;animation:sda-slide-up .4s cubic-bezier(.34,1.56,.64,1) .3s both}.sda-progress-bar{height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,#ff4757,#ff6b81,#ffa502);background-size:200% 100%;animation:sda-progress-fill 2s cubic-bezier(.4,0,.2,1) .4s forwards,sda-progress-shimmer 1.2s linear .4s infinite}@keyframes sda-progress-fill{0%{width:0%}30%{width:40%}60%{width:70%}85%{width:88%}to{width:100%}}@keyframes sda-progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sda-fragments{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sda-frag{position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:2px;background:#ff4757;opacity:0}.sda-frag-0{animation:sda-frag-fly-0 1s ease-out .1s forwards;background:#ff4757}.sda-frag-1{animation:sda-frag-fly-1 1.1s ease-out .15s forwards;background:#ffa502}.sda-frag-2{animation:sda-frag-fly-2 .9s ease-out .05s forwards;background:#ff6b81}.sda-frag-3{animation:sda-frag-fly-3 1.2s ease-out .2s forwards;background:#eccc68}.sda-frag-4{animation:sda-frag-fly-4 1s ease-out .08s forwards;background:#ff6348}.sda-frag-5{animation:sda-frag-fly-5 .85s ease-out .12s forwards;background:#ff4757;width:4px;height:4px}.sda-frag-6{animation:sda-frag-fly-6 1.15s ease-out .18s forwards;background:#ffa502;width:5px;height:5px}.sda-frag-7{animation:sda-frag-fly-7 .95s ease-out .07s forwards;background:#ff6b81;width:4px;height:4px}@keyframes sda-frag-fly-0{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% - 140px),calc(-50% - 80px)) rotate(180deg)}}@keyframes sda-frag-fly-1{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% + 120px),calc(-50% - 100px)) rotate(240deg)}}@keyframes sda-frag-fly-2{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% + 160px),calc(-50% + 60px)) rotate(90deg)}}@keyframes sda-frag-fly-3{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% - 100px),calc(-50% + 90px)) rotate(320deg)}}@keyframes sda-frag-fly-4{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% - 60px),calc(-50% - 130px)) rotate(150deg)}}@keyframes sda-frag-fly-5{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% + 80px),calc(-50% + 120px)) rotate(270deg)}}@keyframes sda-frag-fly-6{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% - 180px),calc(-50% + 30px)) rotate(45deg)}}@keyframes sda-frag-fly-7{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% + 40px),calc(-50% - 150px)) rotate(200deg)}}.server-settings-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:ss-fade-in .2s ease-out}@keyframes ss-fade-in{0%{opacity:0}to{opacity:1}}.server-settings-panel{width:640px;max-width:100%;max-height:88vh;background:#101428f7;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 80px #00000080,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0d;animation:ss-scale-in .3s cubic-bezier(.19,1,.22,1)}@keyframes ss-scale-in{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.server-settings-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px 0;flex-shrink:0}.server-settings-header h2{font-size:17px;font-weight:700;color:var(--text-primary, #dcddde);margin:0;letter-spacing:-.01em}.server-settings-close{background:#ffffff0f;border:none;color:var(--text-muted, #72767d);cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .2s;flex-shrink:0}.server-settings-close:hover{background:#ed424540;color:#ed4245;transform:scale(1.1)}.server-settings-tabs{display:flex;padding:18px 28px 0;gap:2px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.settings-tab{background:none;border:none;color:var(--text-muted, #72767d);font-size:13px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:6px 6px 0 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;letter-spacing:.01em}.settings-tab:hover{color:var(--text-primary, #dcddde)}.settings-tab.active{color:var(--text-primary, #dcddde);border-bottom-color:#5865f2}.server-settings-content{flex:1;overflow-y:auto;padding:24px 28px 28px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.server-settings-content::-webkit-scrollbar{width:4px}.server-settings-content::-webkit-scrollbar-track{background:transparent}.server-settings-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.settings-section-list{display:flex;flex-direction:column;gap:28px}.settings-section{display:flex;flex-direction:column;gap:10px}.settings-section-title{font-size:11px;font-weight:700;color:var(--text-muted, #72767d);text-transform:uppercase;letter-spacing:.8px;margin:0}.settings-input-row{display:flex;gap:10px;align-items:center}.settings-input{flex:1;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-primary, #dcddde);font-size:14px;padding:12px 14px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;box-sizing:border-box}.settings-input:focus{border-color:#5865f299;box-shadow:0 0 0 2px #5865f21f}.settings-input:disabled{opacity:.45;cursor:not-allowed}.settings-save-btn{background:#5865f2;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;padding:10px 18px;cursor:pointer;transition:background .15s,transform .15s;white-space:nowrap;flex-shrink:0}.settings-save-btn:hover{background:#4752c4;transform:translateY(-1px)}.settings-save-btn:active{transform:translateY(0);background:#3c45a5}.settings-save-btn:disabled{opacity:.55;cursor:default;transform:none}.settings-error{color:#ed4245;font-size:12px;margin:2px 0 0}.settings-invite-row{display:flex;align-items:center;gap:8px;background:#00000059;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 14px}.settings-invite-code{flex:1;font-family:Fira Code,Courier New,monospace;font-size:16px;color:#7289da;letter-spacing:2.5px}.settings-hint{font-size:12px;color:var(--text-muted, #72767d);margin:2px 0 0}.settings-icon-btn{background:#ffffff0f;border:none;border-radius:8px;color:var(--text-muted, #72767d);cursor:pointer;padding:8px 10px;display:flex;align-items:center;gap:6px;font-size:12px;transition:background .15s,color .15s;flex-shrink:0}.settings-icon-btn:hover{background:#ffffff1c;color:var(--text-primary, #dcddde)}.settings-icon-btn:disabled{opacity:.4;cursor:default}.copied-label{color:#43b581;font-size:11px;font-weight:600}.spinning{animation:ss-spin .8s linear infinite}@keyframes ss-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.danger-zone{border:1px solid rgba(237,66,69,.2);border-radius:12px;padding:18px;background:#ed42450a}.danger-title{color:#ed4245!important}.danger-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.danger-label{font-size:14px;font-weight:600;color:var(--text-primary, #dcddde);margin:0 0 4px}.danger-desc{font-size:12px;color:var(--text-muted, #72767d);margin:0;line-height:1.5}.danger-btn{display:flex;align-items:center;gap:6px;background:#ed4245;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;padding:10px 16px;cursor:pointer;transition:background .15s,transform .15s;white-space:nowrap;flex-shrink:0}.danger-btn:hover{background:#c03537;transform:translateY(-1px)}.danger-btn:active{transform:translateY(0)}.settings-members-list{display:flex;flex-direction:column;gap:2px}.settings-empty{color:var(--text-muted, #72767d);font-size:13px;text-align:center;padding:32px 0;margin:0}.settings-member-row{display:flex;align-items:center;gap:14px;padding:10px 8px;border-radius:10px;transition:background .1s}.settings-member-row:hover{background:#ffffff0a}.settings-member-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.06)}.settings-member-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.settings-member-name{font-size:14px;font-weight:600;color:var(--text-primary, #dcddde);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-member-role{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.settings-member-role.role-owner{color:#f0b232}.settings-member-role.role-admin{color:#5865f2}.settings-member-role.role-member{color:var(--text-muted, #72767d)}.settings-icon-preview-row{display:flex;align-items:flex-start;gap:16px}.settings-server-icon-preview{width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#5865f233;border:2px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.settings-server-icon-preview img{width:100%;height:100%;object-fit:cover}.settings-icon-initial{font-size:28px;font-weight:800;color:#5865f2;text-transform:uppercase;line-height:1}.requests-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;background:#ed4245;color:#fff;font-size:11px;font-weight:700;border-radius:9px;line-height:1;vertical-align:middle}.invite-friends-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:#5865f21a;border:1px solid rgba(88,101,242,.2);border-radius:10px;color:#5865f2;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;margin-bottom:8px}.invite-friends-btn:hover{background:#5865f22e;border-color:#5865f259}.invite-panel{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px;margin-bottom:12px;animation:ss-scale-in .2s ease-out}.invite-search-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:8px;margin-bottom:8px;color:var(--text-muted, #72767d)}.invite-search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary, #dcddde);font-size:13px;font-family:inherit}.invite-search-input::placeholder{color:var(--text-muted, #72767d);opacity:.6}.invite-friends-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.invite-friend-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;transition:background .1s}.invite-friend-row:hover{background:#ffffff0a}.invite-friend-name{flex:1;font-size:13px;font-weight:600;color:var(--text-primary, #dcddde);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.invite-send-btn{background:#5865f2;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;padding:5px 12px;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0;font-family:inherit}.invite-send-btn:hover:not(:disabled){background:#4752c4}.invite-send-btn:disabled{opacity:.55;cursor:default}.invite-send-btn.sent{background:#43b58126;color:#43b581}.invite-send-btn.error{background:#ed424526;color:#ed4245}.request-actions{display:flex;gap:6px;flex-shrink:0}.request-btn{width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:background .15s,transform .15s}.request-btn:disabled{opacity:.5;cursor:default}.request-btn.accept{background:#43b58126;color:#43b581}.request-btn.accept:hover:not(:disabled){background:#43b581;color:#fff;transform:scale(1.05)}.request-btn.reject{background:#ed42451f;color:#ed4245}.request-btn.reject:hover:not(:disabled){background:#ed4245;color:#fff;transform:scale(1.05)}@media(max-width:680px){.server-settings-overlay{padding:12px;align-items:flex-end}.server-settings-panel{max-height:92vh;border-radius:16px 16px 0 0;width:100%}.server-settings-header,.server-settings-tabs,.server-settings-content{padding-left:20px;padding-right:20px}.danger-row{flex-direction:column;align-items:flex-start}.danger-btn{width:100%;justify-content:center}}.mobile-nav{display:none}@media(max-width:768px){.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:#080c18eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06);z-index:9000;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);align-items:center;justify-content:space-around}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 12px;border:none;background:none;color:#ffffff59;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;-webkit-tap-highlight-color:transparent}.mobile-nav-item.active{color:#fff}.mobile-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:linear-gradient(90deg,#7c4dff,#00d4aa);border-radius:0 0 2px 2px}.mobile-nav-item:active{transform:scale(.92)}.mobile-nav-badge{position:absolute;top:2px;right:4px;min-width:16px;height:16px;border-radius:10px;background:linear-gradient(135deg,#ff6ec7,#ff3f8e);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 8px #ff3f8e80}}.mobile-dm-list{display:flex;flex-direction:column;height:100%;background:transparent}.mobile-dm-header{height:52px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.mobile-dm-header h2{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-dm-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;transition:all .2s ease}.mobile-dm-back:hover{background:#ffffff0f;color:var(--text-primary)}.mobile-dm-scroll{flex:1;overflow-y:auto;padding:8px 0}.mobile-dm-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;transition:background .15s ease;text-align:left;color:inherit;-webkit-tap-highlight-color:transparent}.mobile-dm-item:active{background:#ffffff0a}.mobile-dm-avatar-wrap{position:relative;flex-shrink:0}.mobile-dm-avatar{width:48px;height:48px;border-radius:50%;background:#ffffff0f;background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.06)}.mobile-dm-status{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:3px solid var(--bg-primary, #0c1220)}.mobile-dm-status.online{box-shadow:0 0 6px var(--status-online)}.mobile-dm-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mobile-dm-name{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-dm-preview{font-size:12px;color:var(--text-muted)}.mobile-dm-unread-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#ff6ec7,#ff3f8e);flex-shrink:0;box-shadow:0 0 8px #ff3f8e80}.mobile-dm-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:8px;color:var(--text-muted);text-align:center}.mobile-dm-empty svg{opacity:.3;margin-bottom:8px}.mobile-dm-empty p{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0}.mobile-dm-empty span{font-size:13px;opacity:.6}.call-overlay{position:fixed;inset:0;z-index:9998;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#060810f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:call-overlay-in .4s ease}.call-overlay.call-ending{animation:call-overlay-out 1.5s ease forwards}@keyframes call-overlay-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes call-overlay-out{to{opacity:0}}.call-remote-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.call-avatar-display{flex:1;display:flex;align-items:center;justify-content:center;z-index:2}.call-avatar-ring{width:160px;height:160px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00d4aa26,#7c4dff26);border:2px solid rgba(0,212,170,.2);box-shadow:0 0 40px #00d4aa1a;animation:avatar-ring-glow 3s ease-in-out infinite}@keyframes avatar-ring-glow{0%,to{box-shadow:0 0 40px #00d4aa1a;border-color:#00d4aa33}50%{box-shadow:0 0 60px #00d4aa33,0 0 100px #7c4dff1a;border-color:#00d4aa59}}.call-avatar-large{width:130px;height:130px;border-radius:50%;background-size:cover;background-position:center;background-color:#5865f2}.call-top-bar{position:absolute;top:0;left:0;right:0;padding:24px 32px;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.call-top-info{display:flex;flex-direction:column;align-items:center;gap:4px}.call-peer-name{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.5)}.call-status-text{font-size:14px;font-weight:500;color:#fff9;font-variant-numeric:tabular-nums}.call-local-pip{position:absolute;bottom:120px;right:24px;width:180px;height:135px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0006;z-index:10}.call-local-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.call-local-video-off{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;color:#ffffff80}.call-audio-visualizer{position:absolute;bottom:140px;display:flex;gap:4px;align-items:flex-end;height:40px;z-index:2}.audio-bar{width:4px;border-radius:2px;background:linear-gradient(to top,#00d4aa99,#7c4dff99);animation:audio-bounce 1.2s ease-in-out infinite}@keyframes audio-bounce{0%,to{height:8px;opacity:.5}50%{height:32px;opacity:1}}.call-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:20px;padding:32px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);z-index:10}.call-control-btn{width:52px;height:52px;border-radius:50%;border:none;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.call-control-btn:hover{background:#ffffff2e;transform:scale(1.08)}.call-control-btn:active{transform:scale(.95)}.call-control-btn.active{background:#ffffff40;color:#ef4444}.call-control-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.call-settings-panel{position:absolute;bottom:100px;left:50%;transform:translate(-50%);width:320px;background:#101424f2;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;z-index:20;box-shadow:0 12px 40px #00000080;animation:settings-slide-up .25s ease}@keyframes settings-slide-up{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.call-settings-title{font-size:14px;font-weight:700;color:#ffffffe6;margin:0 0 16px;text-transform:uppercase;letter-spacing:.05em}.call-settings-group{margin-bottom:14px}.call-settings-group:last-child{margin-bottom:0}.call-settings-label{display:block;font-size:11px;font-weight:600;color:#ffffff80;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.call-settings-select{width:100%;padding:8px 12px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;cursor:pointer;outline:none;transition:border-color .2s ease;appearance:none;-webkit-appearance:none}.call-settings-select:hover{border-color:#ffffff40}.call-settings-select:focus{border-color:#00d4aa80}.call-settings-select option{background:#1a1e2e;color:#fff}.end-call-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef444466}.end-call-btn:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px 24px #ef444499}.call-compact-bar{position:fixed;top:32px;left:50%;transform:translate(-50%);z-index:9998;display:flex;align-items:center;gap:16px;padding:10px 20px;background:#0c0e18eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 8px 32px #00000080;animation:compact-bar-in .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes compact-bar-in{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.call-compact-avatars{display:flex;gap:8px}.call-compact-avatar-wrapper{position:relative;width:44px;height:44px}.call-compact-avatar{width:44px;height:44px;border-radius:50%;background-size:cover;background-position:center;background-color:#5865f2}.call-compact-ring{position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(0,212,170,.5);animation:compact-ring-pulse 2s ease-in-out infinite}@keyframes compact-ring-pulse{0%,to{border-color:#00d4aa4d}50%{border-color:#00d4aab3}}.call-compact-info{display:flex;flex-direction:column;gap:1px;min-width:80px}.call-compact-name{font-size:13px;font-weight:600;color:#fff;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.call-compact-timer{font-size:11px;font-weight:500;color:#00d4aacc;font-variant-numeric:tabular-nums}.call-compact-controls{display:flex;gap:6px;margin-left:4px}.call-compact-btn{width:34px;height:34px;border-radius:50%;border:none;background:#ffffff14;color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.call-compact-btn:hover{background:#ffffff26;color:#fff}.call-compact-btn.active{background:#ffffff26;color:#ef4444}.call-compact-btn.screen-sharing,.call-control-btn.screen-sharing{background:#58a6ff33;color:#58a6ff;box-shadow:0 0 12px #58a6ff40;animation:screen-share-pulse 2s ease-in-out infinite}@keyframes screen-share-pulse{0%,to{box-shadow:0 0 8px #58a6ff33}50%{box-shadow:0 0 20px #58a6ff73}}.call-compact-btn.end{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.call-compact-btn.end:hover{background:linear-gradient(135deg,#f87171,#ef4444);transform:scale(1.08)}.call-compact-video{position:fixed;top:32px;left:50%;transform:translate(-50%);z-index:9998;width:480px;max-width:90vw;border-radius:16px;overflow:hidden;background:#0c0e18f2;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000080;animation:compact-bar-in .4s cubic-bezier(.175,.885,.32,1.275)}.call-compact-video-feeds{display:flex;gap:2px;padding:4px}.call-compact-video-cell{flex:1;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:#0000004d;display:flex;align-items:center;justify-content:center}.call-compact-vid{width:100%;height:100%;object-fit:cover}.call-compact-vid.mirrored{transform:scaleX(-1)}.call-compact-avatar-large{width:60px;height:60px;border-radius:50%;background-size:cover;background-position:center;background-color:#5865f2}.call-compact-video-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px}.call-compact-video-controls .call-compact-timer{margin-left:auto}.call-settings-panel.compact{position:absolute;bottom:52px;left:50%;transform:translate(-50%);width:280px;z-index:30}.incoming-call-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:incoming-fade-in .3s ease}@keyframes incoming-fade-in{0%{opacity:0}to{opacity:1}}.incoming-call-modal{display:flex;flex-direction:column;align-items:center;gap:28px;padding:40px 48px;background:#101424eb;border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 20px 60px #0009,0 0 40px #00d4aa14;animation:incoming-pop .4s cubic-bezier(.19,1,.22,1)}@keyframes incoming-pop{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.incoming-call-ring-animation{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.ring-circle{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(0,230,118,.3);animation:ring-pulse 2s ease-out infinite}.ring-circle.ring-2{animation-delay:.5s}.ring-circle.ring-3{animation-delay:1s}@keyframes ring-pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}.incoming-caller-avatar{width:80px;height:80px;border-radius:50%;background-size:cover;background-position:center;background-color:#5865f2;border:3px solid rgba(0,230,118,.4);box-shadow:0 0 20px #00e67633;z-index:2}.incoming-call-info{text-align:center}.incoming-caller-name{font-size:20px;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:-.02em}.incoming-call-type{font-size:14px;color:#ffffff80;margin:0;font-weight:500;animation:incoming-dots 1.5s steps(3,end) infinite}@keyframes incoming-dots{0%{content:"."}33%{content:".."}66%{content:"..."}}.incoming-call-actions{display:flex;gap:20px;align-items:center}.incoming-call-btn{width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.incoming-call-btn:hover{transform:scale(1.1)}.incoming-call-btn:active{transform:scale(.95)}.reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef444466}.reject-btn:hover{box-shadow:0 6px 24px #ef444499}.accept-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 16px #22c55e66;animation:accept-glow 1.5s ease-in-out infinite}.accept-btn:hover{box-shadow:0 6px 24px #22c55e99}@keyframes accept-glow{0%,to{box-shadow:0 4px 16px #22c55e66}50%{box-shadow:0 4px 24px #22c55eb3,0 0 40px #22c55e33}}.accept-audio-btn{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px #3b82f666}.accept-audio-btn:hover{box-shadow:0 6px 24px #3b82f699}.post-detail-overlay{position:fixed;inset:0;z-index:9999;background:#000000c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;animation:pdm-fade-in .2s ease}@keyframes pdm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pdm-scale-in{0%{transform:scale(.96) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.post-detail-modal{position:relative;width:94%;max-width:960px;height:85vh;background:linear-gradient(145deg,#1a1b2e,#14151f);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;animation:pdm-scale-in .3s cubic-bezier(.16,1,.3,1);box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0f,0 0 120px #00d4aa08}.post-detail-close{position:absolute;top:12px;right:12px;z-index:10;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8b8f96;transition:all .2s ease}.post-detail-close:hover{background:#ffffff1f;color:#fff;transform:scale(1.08);border-color:#ffffff26}.post-detail-loading{padding:40px 24px;display:flex;flex-direction:column;gap:12px}.post-detail-skeleton{height:18px;background:#ffffff0d;border-radius:8px;animation:skeleton-pulse 1.2s ease-in-out infinite alternate}.post-detail-skeleton.short{width:60%}@keyframes skeleton-pulse{0%{opacity:.3}to{opacity:.7}}.post-detail-error{padding:60px 24px;text-align:center;color:#72767d;font-family:Inter,sans-serif;font-size:14px}.post-detail-body-split{display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden}.post-detail-content{flex:1 1 55%;min-width:0;padding:28px 28px 0;overflow-y:auto;overflow-x:hidden;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column}.post-detail-content::-webkit-scrollbar{width:4px}.post-detail-content::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:10px}.post-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.post-detail-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.08)}.post-detail-author-info{display:flex;flex-direction:column;gap:2px}.post-detail-author-name{font-family:Inter,sans-serif;font-weight:600;font-size:15px;color:#fff}.post-detail-time{font-family:Inter,sans-serif;font-size:12px;color:#6b6f78}.post-detail-body{flex:1;margin-bottom:14px}.post-detail-text{font-family:Inter,sans-serif;font-size:14.5px;color:#dcddde;line-height:1.6;white-space:pre-wrap;word-break:break-word;margin:0 0 14px}.post-detail-media{border-radius:12px;overflow:hidden;margin-bottom:4px;display:flex;justify-content:center;align-items:center;background:#00000026;width:100%}.post-detail-media img{width:100%;max-height:450px;object-fit:contain;border-radius:12px}.post-detail-engagement{display:flex;align-items:center;gap:6px;padding:14px 0 18px;margin-top:auto;border-top:1px solid rgba(255,255,255,.04)}.post-detail-engage-btn{display:flex;align-items:center;gap:5px;background:transparent;border:none;border-radius:0;padding:6px 8px;color:#8b8f96;font-family:Inter,sans-serif;font-size:13px;cursor:pointer;transition:all .2s ease}.post-detail-engage-btn:hover{background:transparent;color:#fff}.post-detail-engage-btn.liked{background:transparent;border:none;color:#f87171}.post-detail-engage-btn.liked:hover{background:transparent}.post-detail-comments{flex:1 1 45%;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.post-detail-comments .comments-sidebar{border:none;border-radius:0;height:100%;max-height:none;background:transparent;display:flex;flex-direction:column;overflow:hidden}.post-detail-comments .comments-header,.post-detail-comments .comments-sidebar-header{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.post-detail-comments .comments-close-btn{display:none}.post-detail-comments .comments-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px 12px}.post-detail-comments .comments-list::-webkit-scrollbar{width:4px}.post-detail-comments .comments-list::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:10px}.post-detail-comments .comments-input-area{flex-shrink:0;border-top:1px solid rgba(255,255,255,.06);padding:10px 14px}@media(max-width:768px){.post-detail-overlay{align-items:flex-end}.post-detail-modal{width:100%;max-width:100%;height:92vh;border-radius:20px 20px 0 0;animation:pdm-slide-up .35s cubic-bezier(.16,1,.3,1)}@keyframes pdm-slide-up{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.post-detail-body-split{flex-direction:column}.post-detail-content{flex:0 0 auto;max-height:45%;border-right:none;border-bottom:1px solid rgba(255,255,255,.06);padding:20px 20px 0}.post-detail-comments{flex:1;min-height:0}}.app-container{display:flex;justify-content:center;align-items:center;height:100dvh;width:100vw;background:var(--bg-deep);position:fixed;top:0;left:0;overflow:hidden;z-index:1}.app-container:before,.app-container:after{content:"";position:fixed;width:200%;height:200%;top:-50%;left:-50%;z-index:-1;opacity:.3;filter:blur(100px);pointer-events:none}.app-container:before{background:radial-gradient(circle at 20% 30%,var(--accent-teal),transparent 40%),radial-gradient(circle at 80% 70%,var(--accent-purple),transparent 40%);animation:aurora-move 25s infinite alternate ease-in-out}.app-container:after{background:radial-gradient(circle at 70% 20%,var(--accent-cyan),transparent 40%),radial-gradient(circle at 30% 80%,var(--accent-pink),transparent 40%);animation:aurora-move 30s infinite alternate-reverse ease-in-out}@keyframes aurora-move{0%{transform:rotate(0) scale(1)}to{transform:rotate(5deg) scale(1.1)}}.main-window{display:flex;width:100vw;height:100dvh;background:var(--bg-primary);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);overflow:hidden;position:relative;z-index:1;transition:all .5s ease}.servers-sidebar{width:64px;background:#0006;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;padding:24px 0;gap:8px;z-index:5}.server-icon{width:44px;height:44px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;color:var(--text-secondary);overflow:hidden}.server-icon img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.server-icon:hover{border-radius:var(--radius-lg);background:var(--bg-glass-hover);border-color:var(--accent-teal);box-shadow:0 0 15px #00d4aa66;color:#fff;transform:scale(1.1) rotate(5deg)}.server-icon.active{border-radius:var(--radius-lg);background:linear-gradient(135deg,#5865f259,#7c4dff40);border-color:#5865f266;box-shadow:0 0 12px #5865f233;color:#fff}.server-icon.active .auroria-logo{-webkit-text-fill-color:white}.server-icon.active:before{content:"";position:absolute;left:-16px;width:6px;height:24px;background:#fff;border-radius:0 4px 4px 0;box-shadow:0 0 10px #fff}.auroria-logo{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.server-icon .auroria-logo-img{width:35px;height:35px;object-fit:contain;border-radius:0;margin-top:-5px}.separator{width:32px;height:2px;background:linear-gradient(90deg,transparent,var(--border-glass),transparent);margin:2px 0}.servers-list{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.channels-sidebar{width:260px;background:#0c122059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease;overflow:hidden}.channels-sidebar.sidebar-hidden{width:0;opacity:0;transform:translate(-20px);border-right:none;pointer-events:none}.search-btn{width:100%;height:38px;background:#0000004d;border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--text-muted);font-size:13px;padding:0 14px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.search-btn:hover,.search-btn:focus-within{border-color:var(--accent-cyan);background:#00000080;color:var(--text-secondary)}.sidebar-search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:13px;font-family:inherit;padding:0;min-width:0}.sidebar-search-input::placeholder{color:var(--text-muted)}.sidebar-search{height:70px;padding:0 16px;display:flex;flex-direction:column;justify-content:center;position:relative}.sidebar-search-dropdown{position:absolute;top:62px;left:12px;right:12px;background:#121826f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:12px;max-height:260px;overflow-y:auto;z-index:50;padding:6px;box-shadow:0 8px 24px #00000080}.sidebar-search-dropdown::-webkit-scrollbar{width:4px}.sidebar-search-dropdown::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.sidebar-search-empty{padding:16px 12px;color:var(--text-muted);font-size:13px;text-align:center}.sidebar-search-result{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s ease}.sidebar-search-result:hover{background:#ffffff0f}.sidebar-search-avatar{width:32px;height:32px;border-radius:50%;background-size:cover;background-position:center;flex-shrink:0;border:2px solid var(--border-glass)}.sidebar-search-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channels-list{flex:1;padding:12px 0;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;min-height:0}.nav-section-main{display:flex;flex-direction:column;gap:3px;padding:0 8px;margin-bottom:6px}.nav-item-main{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--text-secondary);font-size:14px;font-weight:600;transition:all .2s ease;position:relative}.nav-icon{width:32px;height:32px;border-radius:8px;background:#ffffff0a;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}.nav-item-main:hover{background:#ffffff0d;color:var(--text-primary)}.nav-item-main:hover .nav-icon{background:#ffffff14}.nav-item-main.active{color:var(--text-primary);background:#00d4aa0f}.nav-item-main.active .nav-icon{background:linear-gradient(135deg,#00d4aa33,#7c4dff26);color:var(--accent-teal);box-shadow:0 0 12px #00d4aa26}.channels-list::-webkit-scrollbar,.recent-dms-list::-webkit-scrollbar{width:4px}.channels-list::-webkit-scrollbar-thumb,.recent-dms-list::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.channel-item{margin:0 8px;padding:5px 10px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:10px;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease,opacity .15s ease;position:relative;overflow:visible;background-size:cover;background-position:center;background-color:transparent}.channel-item-overlay{position:absolute;inset:0;background:transparent;transition:all .2s ease;pointer-events:none;z-index:1;border-radius:inherit;overflow:hidden}.channel-item.has-custom-banner .channel-item-overlay{background:linear-gradient(to right,#0c12208c,#0c122059)}.channel-item.has-custom-banner:hover .channel-item-overlay{background:linear-gradient(to right,#0c122066,#0c122033)}.channel-item:hover .channel-item-overlay{background:var(--bg-glass-hover)}.channel-item:hover{color:var(--text-primary)}.channel-item.active{color:var(--accent-teal);border:1px solid rgba(0,212,170,.15)}.channel-item.active .channel-item-overlay{background:linear-gradient(135deg,#00d4aa26,#7c4dff1a)}.channel-item.has-custom-banner.active .channel-item-overlay{background:linear-gradient(135deg,#00d4aa4d,#0c1220a6)}.channel-item>*:not(.channel-item-overlay){z-index:2;position:relative}.channel-item>.channel-item-overlay{position:absolute;z-index:1}.dm-section-header{margin-top:20px;padding:0 10px;display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.dm-section-header:hover{color:var(--text-secondary)}.dm-section-header .plus-icon{cursor:pointer;transition:color .2s}.dm-section-header .plus-icon:hover{color:var(--accent-teal)}.dm-list-empty{padding:16px 10px;color:var(--text-muted);font-size:12px;line-height:1.5}.recent-dms-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.dm-name-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;letter-spacing:-.01em}.dm-avatar-wrapper{position:relative;flex-shrink:0;width:32px;height:32px}.dm-avatar-ring-container{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dm-avatar-ring-container .dm-avatar{position:relative;z-index:1}.dm-status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid rgba(12,18,32,.95);box-sizing:border-box;z-index:5}.dm-status-dot.online{background:var(--status-online);box-shadow:0 0 5px #00e67680}.dm-status-dot.offline{background:transparent;border-color:#0c1220f2;box-shadow:inset 0 0 0 2px #747f8d}.dm-status-dot.idle{background:var(--status-idle, #f59e0b);box-shadow:0 0 5px #f59e0b59}.dm-status-dot.idle:after{content:"";position:absolute;top:-1px;left:-1px;width:7px;height:7px;border-radius:50%;background:#0c1220f2}.dm-status-dot.dnd{background:var(--status-error, #ef4444);box-shadow:0 0 5px #ef444459;display:flex;align-items:center;justify-content:center}.dm-status-dot.dnd:after{content:"";width:5px;height:1.5px;background:#0c1220f2;border-radius:1px}.channel-item .close-dm{margin-left:auto;transition:all .2s ease;padding:6px;border-radius:var(--radius-sm);opacity:0!important}.channel-item:hover .close-dm{opacity:.6!important}.channel-item .close-dm:hover{background-color:#ff525233;opacity:1!important;color:#ff4d4d;transform:scale(1.1)}.dm-avatar{background-position:center;border:2px solid var(--border-glass);transition:border-color .2s ease}.channel-item:hover .dm-avatar,.channel-item.active .dm-avatar{border-color:#00d4aa4d}.unread-badge{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#ff6ec7,#ff3f8e);flex-shrink:0;margin-right:2px;box-shadow:0 0 8px #ff3f8e99,0 0 16px #ff6ec74d;animation:unread-glow 1.5s ease-in-out infinite}@keyframes unread-glow{0%,to{transform:scale(1);box-shadow:0 0 8px #ff3f8e99,0 0 16px #ff6ec74d}50%{transform:scale(1.3);box-shadow:0 0 12px #ff3f8ecc,0 0 24px #ff6ec780}}.channel-item.has-unread .dm-name-text{color:var(--text-primary);font-weight:600}.channel-item.has-unread{background:#ff3f8e0a}.user-area{margin:0;padding:0 12px;height:52px;background:#0003;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;transition:background .2s ease;flex-shrink:0}.user-area:hover{background:#ffffff0f}.user-area-profile{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1;min-width:0}.user-avatar-wrapper{position:relative;flex-shrink:0;width:32px;height:32px}.user-avatar-wrapper.has-ring{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.user-avatar-wrapper.has-ring .avatar{position:relative;z-index:1}.user-avatar-wrapper.has-ring .user-status-dot{bottom:5px;right:5px}.user-area .avatar{width:32px;height:32px;border-radius:50%;background-size:cover;background-position:center;flex-shrink:0}.group-avatar-composite{width:32px;height:32px;position:relative;flex-shrink:0;border-radius:50%;background-color:var(--bg-tertiary);overflow:hidden}.group-avatar-composite.count-2 .group-avatar-item:nth-child(1){position:absolute;top:-2px;left:-2px;width:22px;height:22px;border-radius:50%;background-size:cover;border:1px solid var(--bg-secondary);z-index:1}.group-avatar-composite.count-2 .group-avatar-item:nth-child(2){position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background-size:cover;border:1px solid var(--bg-secondary);z-index:2}.group-avatar-composite.count-3 .group-avatar-item:nth-child(1){position:absolute;top:-2px;left:5px;width:20px;height:20px;border-radius:50%;background-size:cover;border:1px solid var(--bg-secondary);z-index:1}.group-avatar-composite.count-3 .group-avatar-item:nth-child(2){position:absolute;bottom:-2px;left:-2px;width:20px;height:20px;border-radius:50%;background-size:cover;border:1px solid var(--bg-secondary);z-index:2}.group-avatar-composite.count-3 .group-avatar-item:nth-child(3){position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background-size:cover;border:1px solid var(--bg-secondary);z-index:3}.user-status-dot{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;border:2.5px solid rgba(12,18,32,.95);transition:background-color .3s ease,box-shadow .3s ease;box-sizing:border-box;z-index:5}.user-status-dot.online{background:var(--status-online);box-shadow:0 0 5px #00e67680}.user-status-dot.offline{background:transparent;box-shadow:inset 0 0 0 2px #747f8d}.user-status-dot.idle{background:var(--status-idle, #f59e0b);box-shadow:0 0 5px #f59e0b59}.user-status-dot.idle:after{content:"";position:absolute;top:-1px;left:-1px;width:7px;height:7px;border-radius:50%;background:#0c1220f2}.user-status-dot.dnd{background:var(--status-error, #ef4444);box-shadow:0 0 5px #ef444459;display:flex;align-items:center;justify-content:center}.user-status-dot.dnd:after{content:"";width:5px;height:1.5px;background:#0c1220f2;border-radius:1px}.user-info{display:flex;flex-direction:column;min-width:0;gap:1px}.user-display-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.1px}.user-status-text{font-size:11px;font-weight:500;letter-spacing:.02em;transition:color .3s ease}.logout-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0;opacity:.4}.logout-btn:hover{background:#ff52521f;color:#f55;opacity:1}.logout-confirm-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center;animation:logout-fade-in .2s ease-out}@keyframes logout-fade-in{0%{opacity:0}to{opacity:1}}.logout-confirm-dialog{background:#121420f2;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:36px 40px;text-align:center;box-shadow:0 24px 64px #0009,inset 0 1px #ffffff0f;animation:logout-scale-in .25s cubic-bezier(.16,1,.3,1);max-width:380px;width:90%}@keyframes logout-scale-in{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.logout-confirm-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#ff525226,#ff52520d);border:1px solid rgba(255,82,82,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#f55}.logout-confirm-title{font-size:20px;font-weight:700;color:var(--text-primary, #fff);margin:0 0 8px;letter-spacing:-.3px}.logout-confirm-dialog p{color:var(--text-secondary, #8e9297);font-size:14px;font-weight:400;margin:0 0 28px;line-height:1.5}.logout-confirm-actions{display:flex;gap:12px;justify-content:center}.logout-confirm-no{padding:10px 28px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:var(--text-secondary, #8e9297);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.logout-confirm-no:hover{background:#ffffff1a;color:var(--text-primary, #fff);border-color:#fff3}.logout-confirm-yes{padding:10px 28px;border-radius:12px;border:none;background:#ff525233;color:#f55;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.logout-confirm-yes:hover{background:#ff525259;box-shadow:0 0 20px #ff525226}.chat-area{flex:1;min-width:0;background:var(--bg-primary);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-area.full-width{width:100%}.chat-area:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:100%;background:radial-gradient(ellipse,rgba(124,77,255,.03) 0%,transparent 70%);pointer-events:none;z-index:0}.header{height:var(--header-height);padding:0 16px;display:flex;align-items:center;font-weight:600;border-bottom:1px solid var(--border-subtle);z-index:5}.channel-welcome-banner{padding:16px 0;margin-bottom:24px}.welcome-icon-circle{width:68px;height:68px;background:linear-gradient(135deg,#00d4aa26,#7c4dff26);border:1px solid var(--border-glow);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-teal);margin-bottom:16px}.welcome-title{font-size:28px;font-weight:700;background:var(--gradient-aurora);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.welcome-subtitle{font-size:15px;color:var(--text-secondary);margin-bottom:16px}.edit-channel-link{background:none;border:none;color:var(--accent-cyan);font-size:14px;font-weight:500;cursor:pointer;padding:0;transition:color .2s}.edit-channel-link:hover{color:var(--accent-teal)}.server-channels-sidebar{width:280px;background:#0c122059;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100%;z-index:5;animation:slide-in-right .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes slide-in-right{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.server-header{height:70px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);background:#0000001a}.server-name{font-size:18px;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;letter-spacing:-.02em}.server-header-identity{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.server-header-icon{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#5865f2,#7289da);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;text-transform:uppercase}.server-header-icon img{width:100%;height:100%;object-fit:cover}.server-settings-icon{color:var(--text-muted);cursor:pointer;transition:all .3s ease;padding:4px;border-radius:6px}.server-settings-icon:hover{background:#ffffff0d;color:var(--text-secondary);transform:rotate(45deg)}.channels-section{padding:16px 0 8px}.section-header{padding:0 16px 8px;display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.section-header .plus-icon{cursor:pointer;transition:color .2s}.section-header .plus-icon:hover{color:var(--accent-teal)}.server-channels-sidebar .channel-item{margin:0 8px;padding:8px 10px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.server-channels-sidebar .channel-item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.server-channels-sidebar .channel-item.active{background:#ffffff0d;color:var(--accent-teal);font-weight:600}.server-user-panel{padding:8px;background:#00000040;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:4px;flex-shrink:0}.server-user-panel-profile{display:flex;align-items:center;gap:8px;cursor:pointer;flex:1;min-width:0;padding:2px 4px;border-radius:4px;transition:background .15s ease}.server-user-panel-profile:hover{background:#ffffff0f}.server-user-panel-info{flex:1;min-width:0}.server-user-panel-name{font-size:12px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.server-user-panel-status{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.server-user-panel-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.server-user-panel-btn{width:28px;height:28px;border-radius:4px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.server-user-panel-btn:hover:not(:disabled){background:#ffffff14;color:var(--text-primary)}.server-user-panel-btn.danger{color:#ef4444}.server-user-panel-btn.danger:hover{background:#ef444426}.server-user-panel-btn:disabled{cursor:default}.voice-context-overlay{position:fixed;inset:0;z-index:9999}.voice-context-menu{position:fixed;min-width:190px;max-width:240px;background:#111214;border:none;border-radius:4px;padding:6px 8px;box-shadow:0 8px 16px #0000003d;animation:voice-context-in .1s ease}@keyframes voice-context-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.voice-ctx-header{display:flex;align-items:center;gap:8px;padding:6px 8px}.voice-ctx-avatar{width:24px;height:24px;border-radius:50%;background-size:cover;background-position:center;flex-shrink:0}.voice-ctx-name{font-size:13px;font-weight:600;color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-ctx-separator{height:1px;background:#ffffff0f;margin:4px 8px}.voice-ctx-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 8px;border:none;border-radius:2px;background:transparent;color:#b5bac1;font-size:13px;cursor:pointer;text-align:left;transition:all .06s ease}.voice-ctx-item:hover{background:#4752c4;color:#fff}.voice-ctx-item.voice-ctx-danger{color:#f23f43;gap:8px;justify-content:flex-start}.voice-ctx-item.voice-ctx-danger:hover{background:#f23f43;color:#fff}.voice-ctx-check{color:var(--accent-teal);font-weight:700;font-size:14px}.voice-ctx-item:hover .voice-ctx-check{color:#fff}.voice-ctx-volume-section{padding:4px 8px 6px}.voice-ctx-volume-label{font-size:11px;font-weight:600;color:#b5bac1;text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px}.voice-ctx-slider-row{display:flex;align-items:center;gap:8px}.voice-context-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#ffffff1a;outline:none;cursor:pointer}.voice-context-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none;transition:transform .08s ease}.voice-context-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.voice-ctx-volume-value{font-size:11px;font-weight:600;color:#b5bac1;min-width:34px;text-align:right}@media(max-width:768px){.title-bar,.servers-sidebar,.channels-sidebar,.server-channels-sidebar{display:none!important}.chat-area{width:100%!important;flex:1!important;padding-bottom:64px}.chat-area.full-width{width:100%!important}.main-window{border-radius:0;width:100vw;height:100dvh}.logout-confirm-dialog{margin:0 20px;max-width:calc(100vw - 40px)}}