.footer{background:linear-gradient(180deg,#0a0a0cfa,#060608fc);border-top:1px solid #ffffff0d;flex-shrink:0;margin-top:auto;padding:4rem 0 2rem;position:relative;width:100%}.footer:before{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1.2fr 2fr;margin:0 auto;max-width:1400px;padding:0 2rem}.footer-brand{max-width:320px}.footer-logo{align-items:center;display:flex;gap:.875rem;margin-bottom:1.5rem}.footer-logo-img{border-radius:14px;box-shadow:0 0 16px #fa233b59;height:44px;object-fit:cover;width:44px}.footer-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.footer-desc{color:#ffffff73;font-size:.9rem;line-height:1.7;margin-bottom:1.75rem}.footer-social{display:flex;gap:.75rem}.social-link{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;color:#ffffff8c;display:flex;font-size:1.1rem;height:42px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.social-link:hover{background:var(--accent);border-color:var(--accent);box-shadow:0 10px 24px #fa233b59;color:#fff;transform:translateY(-3px)}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.footer-section{display:flex;flex-direction:column;gap:.9rem}.footer-heading{color:#fff;font-size:.8rem;font-weight:600;letter-spacing:1.5px;margin-bottom:.5rem;position:relative;text-transform:uppercase}.footer-heading:after{background:var(--accent);border-radius:1px;bottom:-4px;content:"";height:2px;left:0;position:absolute;width:24px}.footer-link{color:#ffffff73;font-size:.9rem;padding-left:0;position:relative;text-decoration:none;transition:all .2s ease}.footer-link:hover{color:#fff;padding-left:8px}.footer-link:before{background:var(--accent);border-radius:50%;content:"";height:4px;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:4px}.footer-link:hover:before{opacity:1}.footer-bottom{border-top:1px solid #ffffff0d;justify-content:space-between;margin:3rem auto 0;max-width:1400px;padding:1.75rem 2rem 0}.copyright,.footer-bottom{align-items:center;display:flex}.copyright{color:#ffffff59;font-size:.85rem;gap:.5rem}.footer-version{color:#ffffff4d;font-size:.8rem}.heart{animation:pulse 1s infinite;color:#ef4444}@media (max-width:1024px){.footer-content{gap:3rem;grid-template-columns:1fr}.footer-brand{max-width:100%;text-align:center}.footer-logo{justify-content:center}.footer-desc{text-align:center}.footer-social{justify-content:center}.footer-links{grid-template-columns:repeat(3,1fr);text-align:center}.footer-heading:after{left:50%;transform:translateX(-50%)}.footer-link:hover{padding-left:0}.footer-link:before{display:none}}@media (max-width:600px){.footer{padding:3rem 0 1.5rem}.footer-links{gap:1.5rem;grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:.75rem;text-align:center}.footer-heading:after{left:50%;transform:translateX(-50%)}}@media (max-width:400px){.footer-links{grid-template-columns:1fr}}.public-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a14d9;border-bottom:1px solid #ffffff0f;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.public-nav-container{align-items:center;display:flex;gap:2rem;height:64px;margin:0 auto;max-width:1200px;padding:0 2rem}.public-nav-logo{flex-shrink:0;text-decoration:none}.public-nav-logo span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e91e63,#9c27b0);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800;letter-spacing:-.5px}.public-nav-links{align-items:center;display:flex;flex:1 1;gap:.25rem}.public-nav-link{align-items:center;border-radius:8px;color:#fff9;display:flex;font-size:.9rem;font-weight:500;gap:.4rem;padding:.45rem .85rem;position:relative;text-decoration:none;transition:color .2s ease,background .2s ease;white-space:nowrap}.public-nav-link:hover{background:#ffffff0f;color:#ffffffe6}.public-nav-link.active{color:#fff;font-weight:600}.public-nav-link.active:after{animation:navGlow .3s ease forwards;background:linear-gradient(90deg,#e91e63,#9c27b0);border-radius:2px 2px 0 0;bottom:-1px;box-shadow:0 0 8px #e91e6399;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60%}@keyframes navGlow{0%{opacity:0;width:0}to{opacity:1;width:60%}}.public-nav-link.crown-link{color:#ffc107cc}.public-nav-link.crown-link:hover{background:#ffc10714;color:#ffc107}.public-nav-link.crown-link.active{color:#ffc107}.public-nav-link.crown-link.active:after{background:linear-gradient(90deg,#ffc107,#ff9800);box-shadow:0 0 8px #ffc10799}.public-nav-link i{font-size:.75rem}.public-nav-actions{align-items:center;display:flex;flex-shrink:0;gap:.6rem;margin-left:auto}.public-nav-btn{align-items:center;border-radius:8px;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.45rem 1rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.invite-btn{background:#0000;border:1px solid #ffffff1f;color:#ffffffbf}.invite-btn:hover{background:#ffffff0f;border-color:#ffffff4d;color:#fff}.dashboard-btn{background:linear-gradient(135deg,#5865f2,#7983f5);border:1px solid #0000;color:#fff}.dashboard-btn:hover{background:linear-gradient(135deg,#4752c4,#6a72d4);box-shadow:0 4px 12px #5865f266;transform:translateY(-1px)}.public-nav-hamburger{align-items:flex-end;background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;justify-content:center;margin-left:auto;padding:4px}.public-nav-hamburger span{background:#ffffffb3;border-radius:2px;display:block;height:2px;transition:all .3s ease}.public-nav-hamburger span:first-child{width:22px}.public-nav-hamburger span:nth-child(2){width:16px}.public-nav-hamburger span:nth-child(3){width:22px}.public-nav-hamburger.open span:first-child{transform:translateY(7px) rotate(45deg);width:22px}.public-nav-hamburger.open span:nth-child(2){opacity:0;width:0}.public-nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);width:22px}@media (max-width:900px){.public-nav-hamburger{display:flex}.public-nav-links{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a14f7;border-bottom:1px solid #ffffff14;display:none;flex-direction:column;gap:.25rem;left:0;padding:1rem;position:absolute;right:0;top:64px}.public-nav-links.show{display:flex}.public-nav-link{padding:.65rem 1rem;width:100%}.public-nav-link.active:after{display:none}.public-nav-link.active{background:#e91e631a;color:#e91e63}.public-nav-actions{border-top:1px solid #ffffff0f;flex-direction:column;margin-left:0;margin-top:.5rem;padding-top:.5rem;width:100%}.public-nav-btn{justify-content:center;padding:.65rem 1rem;width:100%}}.landing{overflow-x:hidden}.landing>:not(.footer),.landing>section{flex-shrink:0}.landing>section:last-of-type:not(.footer){flex:1 0 auto}.landing>.footer{flex-shrink:0;margin-top:auto}.landing-nav{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#000000d9;border-bottom:1px solid var(--border);height:64px;left:0;padding:0 2rem;position:fixed;right:0;top:0;z-index:1000}.landing-nav,.nav-container{align-items:center;display:flex}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.nav-logo{color:#fff;font-size:1.35rem;font-weight:700;gap:.75rem;text-decoration:none}.nav-links,.nav-logo{align-items:center;display:flex}.nav-links{gap:2rem}.nav-link{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-btn,.nav-link:hover{color:#fff}.nav-btn{align-items:center;background:var(--accent);border-radius:20px;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem;text-decoration:none;transition:all .2s}.nav-btn:hover{background:var(--accent-hover);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.mobile-menu-btn{background:none;border:none;color:var(--text);cursor:pointer;display:none;font-size:1.3rem}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:6rem 2rem 4rem;position:relative;text-align:center}.hero-content{max-width:800px}.hero-badge{animation:fadeInUp .6s ease;background:#fa233b1f;border:1px solid #fa233b40;border-radius:24px;color:var(--accent);font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem}.hero-title{-webkit-text-fill-color:#0000;animation:fadeInUp .6s ease .1s both;background:linear-gradient(135deg,#fff,#ffffffbf);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin-bottom:1.25rem}.hero-title .accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent),#ff6b6b);-webkit-background-clip:text;background-clip:text}.hero-sub{animation:fadeInUp .6s ease .2s both;color:var(--text-secondary);font-size:1.25rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:640px}.hero-buttons{animation:fadeInUp .6s ease .3s both;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hero-btn{align-items:center;border-radius:14px;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.9rem 2rem;text-decoration:none;transition:all .3s}.hero-btn-primary{background:var(--accent);color:#fff}.hero-btn-primary:hover{background:var(--accent-hover);box-shadow:0 12px 32px var(--accent-glow);transform:translateY(-3px)}.hero-btn-secondary{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--surface);border:1px solid var(--border);color:#fff}.hero-btn-secondary:hover{background:var(--hover);transform:translateY(-3px)}.stats-row{animation:fadeInUp .6s ease .4s both;display:flex;gap:3rem;justify-content:center;margin-top:3.5rem}.stat{text-align:center}.stat-num{color:var(--accent);font-size:2.25rem;font-weight:800;letter-spacing:-.03em}.stat-label{color:var(--text-muted);font-size:.85rem;margin-top:.25rem}.section-header{clear:both;display:block;margin-bottom:4rem;text-align:center;width:100%}.section-title{display:block;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;width:100%}.section-sub{color:var(--text-secondary);display:block;font-size:1.1rem;margin:0 auto;max-width:600px}.features-section{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:6rem 2rem}.features-section .section-header{width:100%}.feature-row{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:6rem;opacity:0;transform:translateY(40px);transition:all .6s cubic-bezier(.4,0,.2,1)}.feature-row.animate-in{opacity:1;transform:translateY(0)}.feature-row.reverse{direction:rtl}.feature-row.reverse>*{direction:ltr}.feature-content{padding:1rem}.feature-icon{align-items:center;border-radius:16px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.icon-red{background:linear-gradient(135deg,var(--accent),#ff6b6b)}.icon-blue{background:linear-gradient(135deg,var(--blue),#5ac8fa)}.icon-purple{background:linear-gradient(135deg,var(--purple),#d98af0)}.icon-green{background:linear-gradient(135deg,var(--green),#63e68c)}.icon-gold{background:linear-gradient(135deg,#ffd60a,#ff9f0a)}.feature-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.feature-desc{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem}.feature-link{align-items:center;color:var(--accent);display:inline-flex;font-weight:600;gap:.5rem;text-decoration:none;transition:gap .2s}.feature-link:hover{gap:.75rem}.feature-image{aspect-ratio:4/3;border-radius:20px;overflow:hidden;position:relative}.feature-image img{height:100%;object-fit:cover;transition:transform .5s;width:100%}.feature-row:hover .feature-image img{transform:scale(1.05)}.feature-image-overlay{background:linear-gradient(135deg,#fa233b1a,#0000);inset:0;pointer-events:none;position:absolute}.commands-section{align-items:center;background:linear-gradient(180deg,#0000,#fa233b08,#0000);display:flex;flex-direction:column;padding:6rem 2rem}.commands-grid,.commands-section .section-header{max-width:1200px;width:100%}.commands-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto}.commands-grid.animate-in .command-card{opacity:1;transform:translateY(0)}.command-card{animation:fadeInUp .5s ease forwards;background:var(--card);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;min-height:140px;opacity:0;padding:1.5rem;transform:translateY(20px);transition:all .3s}.command-card:hover{background:var(--hover);box-shadow:0 12px 32px #0000004d;transform:translateY(-4px)}.command-category{color:var(--accent);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;max-width:-webkit-fit-content;max-width:fit-content;text-transform:uppercase}.command-name{color:var(--text);font-family:SF Mono,Fira Code,monospace;font-size:1.1rem;margin-bottom:.5rem}.command-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.analytics-section{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:6rem 2rem}.analytics-section .section-header{width:100%}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;opacity:0;transform:translateY(40px);transition:all .6s cubic-bezier(.4,0,.2,1)}.analytics-grid.animate-in{opacity:1;transform:translateY(0)}.analytics-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:1.5rem}.card-title{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem}.chart-card{display:flex;flex-direction:column}.chart-container{align-items:flex-end;display:flex;height:200px;justify-content:space-between;padding-top:1rem}.chart-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem}.chart-bar{align-items:flex-start;background:linear-gradient(180deg,var(--accent),#fa233b80);border-radius:8px 8px 4px 4px;display:flex;justify-content:center;max-width:40px;min-height:20px;position:relative;transition:all .3s;width:70%}.chart-bar:hover{background:linear-gradient(180deg,var(--accent-hover),var(--accent));transform:scaleY(1.05)}.chart-value{color:var(--text-secondary);font-size:.75rem;font-weight:600;opacity:0;position:absolute;top:-24px;transition:opacity .2s}.chart-bar:hover .chart-value{opacity:1}.chart-label{color:var(--text-muted);font-size:.75rem}.stats-list{display:flex;flex-direction:column;gap:1rem}.stat-item{align-items:center;background:var(--surface);border-radius:12px;display:flex;gap:1rem;padding:.75rem;transition:background .2s}.stat-item:hover{background:var(--hover)}.stat-icon{align-items:center;background:#fa233b1a;border-radius:10px;color:var(--accent);display:flex;height:40px;justify-content:center;width:40px}.stat-text{color:var(--text-secondary);flex:1 1;font-size:.9rem}.stat-value{font-size:1.1rem;font-weight:700}.leaderboard-section{align-items:center;background:linear-gradient(180deg,#0000,#bf5af208,#0000);display:flex;flex-direction:column;padding:6rem 2rem}.leaderboard-section .section-header{max-width:600px;width:100%}.leaderboard-container{margin:0 auto;max-width:600px;opacity:0;transform:translateY(40px);transition:all .6s cubic-bezier(.4,0,.2,1)}.leaderboard-container.animate-in{opacity:1;transform:translateY(0)}.leaderboard-card{background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden}.leaderboard-header{background:var(--surface);color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.leaderboard-header,.leaderboard-row{display:grid;grid-template-columns:60px 1fr 80px;padding:1rem 1.5rem}.leaderboard-row{align-items:center;animation:fadeInUp .4s ease forwards;border-bottom:1px solid var(--border);opacity:0;transition:background .2s}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background:var(--hover)}.lb-rank-num{font-size:1.25rem;font-weight:700}.lb-rank-num.rank-1,.lb-rank-num.rank-2,.lb-rank-num.rank-3{font-size:1.5rem}.lb-user-info{align-items:center;gap:.75rem}.lb-avatar{background:var(--surface);height:36px;width:36px}.lb-plays-num{color:var(--accent);font-weight:700;text-align:right}.status-section{margin-top:-2rem;padding:2rem}.status-container{margin:0 auto;max-width:600px}.status-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.status-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.status-dot{animation:pulse-glow 2s infinite}.status-dot.online{box-shadow:0 0 10px var(--green)}.status-dot.offline{background:#ef4444;box-shadow:0 0 10px #ef4444}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.status-text{color:var(--green);font-weight:600}.status-label{color:var(--text-muted);font-size:.85rem}.status-details{display:flex;flex-direction:column;gap:.75rem}.status-item{background:var(--surface);border-radius:10px;gap:1rem;padding:.75rem}.status-item i{color:var(--accent);text-align:center;width:20px}.status-item-label{color:var(--text-secondary);flex:1 1;font-size:.9rem}.status-item-value{font-size:.9rem;font-weight:600}.status-item-value.now-playing{color:var(--accent);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shard-status-section{margin:0 auto;max-width:1000px;padding:3rem 2rem}.shard-status-container{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2rem}.shard-header{margin-bottom:2rem;text-align:center}.shard-header h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.shard-header p{color:var(--text-secondary);font-size:.95rem}.shard-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.shard-summary-item{background:var(--surface);border-radius:12px;padding:1rem;text-align:center}.shard-summary-value{color:var(--text);display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.shard-summary-value.online{color:var(--green)}.shard-summary-label{color:var(--text-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.shard-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));margin-bottom:1.5rem}.shard-box{align-items:center;aspect-ratio:1;background:var(--surface);border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;justify-content:center;position:relative;transition:all .2s ease}.shard-box:before{background:linear-gradient(135deg,var(--shard-color),#0000);border-radius:6px;content:"";inset:0;opacity:.15;position:absolute}.shard-box:hover{border-color:var(--shard-color);box-shadow:0 0 20px #0000004d;transform:scale(1.1);z-index:10}.shard-box-header{align-items:center;display:flex;gap:.25rem;position:relative;z-index:1}.shard-id{color:var(--text-muted);font-size:.65rem;font-weight:600}.shard-status-dot{border-radius:50%;box-shadow:0 0 6px currentColor;height:6px;width:6px}.shard-tooltip{background:#0f0f14fa;border:1px solid var(--border);border-radius:10px;bottom:calc(100% + 10px);box-shadow:0 10px 30px #0006;left:50%;min-width:160px;opacity:0;padding:.75rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;z-index:100}.shard-box:hover .shard-tooltip{opacity:1;visibility:visible}.shard-tooltip-row{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;padding:.25rem 0}.shard-tooltip-row span:first-child{color:var(--text-muted)}.shard-tooltip-row span:last-child{font-weight:600}.shard-legend{border-top:1px solid var(--border);display:flex;gap:2rem;justify-content:center;padding-top:1rem}.shard-loading{padding:2rem;text-align:center}.shard-skeleton-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(8,1fr);margin-bottom:1rem}.shard-skeleton{animation:shimmer 1.5s infinite;aspect-ratio:1;background:linear-gradient(90deg,var(--surface) 25%,var(--hover) 50%,var(--surface) 75%);background-size:200% 100%;border-radius:8px}@media (max-width:768px){.shard-summary{grid-template-columns:repeat(2,1fr)}.shard-grid{grid-template-columns:repeat(6,1fr)}.shard-legend{flex-wrap:wrap;gap:1rem}}.discord-section{align-items:center;background:linear-gradient(180deg,#0000,#5865f20d,#0000);display:flex;flex-direction:column;padding:6rem 2rem}.discord-section .section-header{max-width:900px;width:100%}.discord-container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 350px;margin:0 auto;max-width:900px;opacity:0;transform:translateY(40px);transition:all .6s cubic-bezier(.4,0,.2,1)}.discord-container.animate-in{opacity:1;transform:translateY(0)}.discord-info h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem}.discord-info p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.discord-features{list-style:none;margin-bottom:2rem}.discord-features li{align-items:center;color:var(--text-secondary);display:flex;gap:.75rem;padding:.5rem 0}.discord-features li i{color:var(--green);font-size:.85rem}.discord-join-btn{align-items:center;background:#5865f2;border-radius:12px;color:#fff;display:inline-flex;font-weight:600;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s}.discord-join-btn:hover{background:#4752c4;box-shadow:0 12px 32px #5865f24d;transform:translateY(-3px)}.discord-widget{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.discord-widget iframe{display:block}.cta-section{padding:6rem 2rem;text-align:center}.cta-content h2{font-size:2.25rem;margin-bottom:1rem}.cta-content p{font-size:1.1rem}.cta-primary{align-items:center;border-radius:14px;display:inline-flex;font-weight:600;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s}.cta-primary:hover{box-shadow:0 12px 32px var(--accent-glow);transform:translateY(-3px)}.cta-secondary{align-items:center;border-radius:14px;display:inline-flex;font-weight:600;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s}.cta-secondary:hover{transform:translateY(-3px)}.section-cta{margin-top:3rem;text-align:center}.cta-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.875rem 1.75rem;transition:all .3s}.cta-btn:hover{background:var(--hover);border-color:var(--accent);color:var(--accent)}@media (max-width:900px){.feature-row{gap:2rem;grid-template-columns:1fr}.feature-row.reverse{direction:ltr}.feature-image{order:-1!important}.analytics-grid,.discord-container{grid-template-columns:1fr}.discord-container{gap:2rem}.discord-widget{margin:0 auto;max-width:350px;order:-1}.discord-info{text-align:center}.discord-features{display:inline-block;text-align:left}.discord-join-btn{display:inline-flex}}@media (max-width:768px){.nav-links{background:#000000f2;display:none;flex-direction:column;gap:1rem;left:0;padding:1rem;position:absolute;right:0;top:64px}.nav-links.show{display:flex}.mobile-menu-btn{display:block}.stats-row{flex-wrap:wrap;gap:1.5rem}.section-title{font-size:2rem}.feature-title{font-size:1.5rem}.commands-grid{grid-template-columns:1fr}.leaderboard-header,.leaderboard-row{grid-template-columns:50px 1fr 60px;padding:.75rem 1rem}}.sidebar{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:linear-gradient(180deg,#0e0e12fa,#0a0a0efc);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:100}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid var(--border);padding:1.5rem 1.25rem}.logo-container{gap:.875rem}.logo-icon{font-size:1.25rem}.logo-icon,.logo-icon-img{border-radius:14px;flex-shrink:0;height:42px;width:42px}.logo-icon-img{box-shadow:0 0 16px #fa233b59;object-fit:cover;transition:box-shadow .3s ease}.logo-icon-img:hover{box-shadow:0 0 24px #fa233b80}.logo-icon-placeholder{align-items:center;background:var(--gradient-accent);border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:42px;justify-content:center;width:42px}.logo-text{font-size:1.4rem;letter-spacing:-.03em;white-space:nowrap}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem .875rem}.nav-item{align-items:center;border-radius:12px;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:500;gap:.875rem;margin:.15rem 0;overflow:hidden;padding:.9rem 1.25rem;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item:before{background:var(--accent);border-radius:0 2px 2px 0;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scaleY(0);transition:all .2s ease;width:3px}.nav-item:hover{background:#ffffff0a;color:var(--text)}.nav-item:hover:before{opacity:.5;transform:scaleY(.6)}.nav-item.active{background:#fa233b14;color:var(--accent);font-weight:600}.nav-item.active:before{opacity:1;transform:scaleY(1)}.nav-text{white-space:nowrap}.sidebar-footer{border-top:1px solid var(--border);padding:1rem .875rem}.premium-badge-mini{background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:6px;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.5px;margin-left:auto;padding:.2rem .5rem}.premium-status-mini{align-items:center;color:#f59e0b;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;margin-bottom:.25rem;padding:.6rem 1.25rem}.premium-status-mini i{font-size:.75rem}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:.9rem}.sidebar.collapsed .logo-container{justify-content:center}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:280px}.sidebar.open{transform:translateX(0)}.sidebar.collapsed{width:280px}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text{display:block}}.top-nav{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0a0a0ce6;border-bottom:1px solid var(--border);display:flex;height:64px;justify-content:space-between;left:260px;padding:0 2rem;position:fixed;right:0;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:90}.sidebar-collapsed .top-nav{left:80px}.nav-left{gap:1rem}.logo-container,.nav-left{align-items:center;display:flex}.logo-container{gap:.75rem;text-decoration:none}.header-logo-img{border-radius:8px;height:32px;object-fit:cover;width:32px}.header-logo-text{color:var(--text);font-size:1.1rem;font-weight:700}.logo-icon{align-items:center;background:var(--gradient-accent);border-radius:10px;display:flex;font-size:1.1rem;height:36px;justify-content:center;width:36px}.logo-text{color:var(--text);font-size:1.2rem;font-weight:700}.nav-spacer{flex:1 1}.toggle-btn{align-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.toggle-btn:hover{background:#ffffff14;border-color:#ffffff1f}.nav-center{display:flex;flex:1 1;justify-content:center}.page-title{font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.nav-right{align-items:center;display:flex;gap:1rem}.user-menu{position:relative}.user-btn{align-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:50px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;transition:all .2s ease}.user-btn:hover{background:#ffffff14;border-color:#ffffff1f}.user-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.user-name{color:var(--text);font-size:.9rem;font-weight:500}.chevron-icon{color:var(--text-secondary);font-size:.7rem;transition:transform .2s}.user-dropdown{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#16161afa;border:1px solid var(--border);border-radius:18px;box-shadow:0 16px 48px #0006;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-10px);transition:all .2s cubic-bezier(.4,0,.2,1);visibility:hidden;width:260px}.user-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.user-dropdown-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:1rem;padding:1.25rem}.dropdown-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.user-dropdown-info .name{color:var(--text);font-weight:600;margin-bottom:.25rem}.user-dropdown-info .status{color:var(--text-muted);font-size:.85rem}.user-dropdown-menu{padding:.5rem}.user-dropdown-item{align-items:center;background:none;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;width:100%}.user-dropdown-item:hover{background:#ffffff0d;color:var(--text)}.user-dropdown-item i{text-align:center;width:18px}@media (max-width:768px){.top-nav{left:0;padding:0 1rem}.logo-text,.user-name{display:none}}.notif-btn,.notif-menu{position:relative}.notif-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .2s;width:40px}.notif-btn:hover{background:var(--hover);color:var(--text)}.notif-badge{align-items:center;animation:notifPulse 2s ease-in-out infinite;background:#ef4444;border:2px solid #000000d9;border-radius:50%;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-2px;top:-2px;width:18px}@keyframes notifPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notif-dropdown{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#1c1c1efa;border:1px solid var(--border);border-radius:16px;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-10px);transition:all .2s ease;visibility:hidden;width:340px;z-index:100}.notif-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.notif-dropdown-header{align-items:center;border-bottom:1px solid var(--border);color:var(--text);display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;padding:1rem 1.25rem}.notif-header-actions{display:flex;gap:.5rem}.notif-action-btn{background:none;border:none;border-radius:6px;color:var(--accent);cursor:pointer;font-size:.75rem;font-weight:600;padding:.2rem .4rem;transition:opacity .2s}.notif-action-btn:hover{background:#ffffff0d;opacity:.8}.notif-list{max-height:300px;overflow-y:auto}.notif-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1.25rem;transition:background .15s}.notif-item:hover{background:#ffffff0a}.notif-item.read{opacity:.5}.notif-item-icon{align-items:center;background:#6366f126;border-radius:50%;color:#818cf8;display:flex;flex-shrink:0;font-size:.85rem;height:36px;justify-content:center;width:36px}.notif-item-content{flex:1 1;min-width:0}.notif-item-content p{color:var(--text);font-size:.85rem;line-height:1.4;margin:0}.notif-time{color:var(--text-muted);display:block;font-size:.7rem;margin-top:.15rem}.notif-unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;height:8px;width:8px}.notif-empty{color:var(--text-muted);padding:2rem 1rem;text-align:center}.notif-empty i{display:block;font-size:1.5rem;margin-bottom:.5rem;opacity:.3}.notif-empty p{font-size:.85rem;margin:0}.dashboard-layout{background:var(--bg);display:flex;min-height:100vh}.main-content{background:var(--bg);flex:1 1;margin-left:260px;margin-top:64px;min-height:calc(100vh - 64px);padding:2rem;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .main-content{margin-left:80px}.loading-screen{align-items:center;background:var(--bg);display:flex;flex-direction:column;gap:1rem;inset:0;justify-content:center;position:fixed}.spinner{height:48px;width:48px}.sidebar-overlay{display:none}@media (max-width:768px){.main-content{margin-left:0;padding:1.25rem}.sidebar-collapsed .main-content{margin-left:0}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:block;inset:0;position:fixed;z-index:99}}.dashboard-content{margin:0 auto;max-width:1200px}.quick-stats-row{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.quick-stat{align-items:center;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff0d;border-radius:18px;display:flex;gap:1rem;overflow:hidden;padding:1.25rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-stat:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.quick-stat:hover{border-color:#ffffff1a;box-shadow:0 12px 32px #0000004d;transform:translateY(-3px)}.quick-stat i{align-items:center;background:#fa233b1a;border-radius:12px;color:var(--accent);display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;width:44px}.qs-value{color:#fff;display:block;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1}.qs-label{color:#ffffff73;display:block;font-size:.75rem;letter-spacing:.5px;margin-top:.25rem;text-transform:uppercase}.free-badge{align-items:center;background:#94a3b81f;border-radius:24px;color:#94a3b8;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.premium-tag{font-size:.6rem;letter-spacing:.5px;margin-left:auto;text-transform:uppercase}.btn-disabled,.toggle-switch.disabled{cursor:not-allowed;opacity:.5}.btn-disabled{align-items:center;background:#ffffff1a;border:none;border-radius:12px;color:#ffffff80;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.server-select-card{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:linear-gradient(135deg,#16161af2,#121216fa);border:1px solid var(--border);border-radius:24px;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.server-select-card:before{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.card-title{align-items:center;display:flex;font-size:1.35rem;font-weight:600;gap:.75rem;letter-spacing:-.02em;margin-bottom:1.25rem}.card-title i{color:var(--accent)}.server-select{background:#ffffff08;border:1px solid var(--border);border-radius:14px;color:var(--text);cursor:pointer;font-size:.95rem;padding:.9rem 1.25rem;transition:all .2s ease;width:100%}.server-select:hover{border-color:#ffffff1f}.server-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.server-select option{background:#16161a}.server-hint{color:var(--text-muted);font-size:.85rem;margin-top:.85rem}.empty-state{color:var(--text-muted);padding:3rem}.empty-state i{font-size:2.5rem;margin-bottom:1rem;opacity:.4}.empty-state h3{color:var(--text);font-weight:600;margin-bottom:.5rem}.empty-state p{margin-bottom:1.5rem}.add-bot-btn{align-items:center;background:var(--accent);border-radius:14px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.9rem 1.75rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-bot-btn:hover{background:var(--accent-hover);box-shadow:0 12px 28px #fa233b59;transform:translateY(-2px)}.loading-container{justify-content:center;padding:3rem}.spinner{animation:spin .8s linear infinite;border:3px solid var(--surface);border-top-color:var(--accent);height:40px;width:40px}.server-header-card{align-items:center;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:linear-gradient(135deg,#fa233b14,#16161af2);border:1px solid #fa233b26;border-radius:24px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.server-header-card h3{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:.75rem;letter-spacing:-.01em}.server-header-card h3 i{color:var(--accent)}.server-header-card p{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.premium-badge{align-items:center;background:var(--gradient-gold);border-radius:24px;color:#000;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1.25rem}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.setting-card{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:linear-gradient(135deg,#16161af2,#121216fa);border:1px solid var(--border);border-radius:20px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.setting-card:before{background:linear-gradient(90deg,#0000,#ffffff0f,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.setting-card:hover{border-color:#ffffff1a;transform:translateY(-2px)}.setting-card.premium-locked{opacity:.6}.setting-header{gap:.875rem;margin-bottom:.85rem}.setting-header,.setting-icon{align-items:center;display:flex}.setting-icon{background:#ffffff0a;border-radius:12px;color:var(--text);height:42px;justify-content:center;width:42px}.setting-icon.premium{background:var(--gradient-gold);color:#000}.setting-title{font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.setting-description{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:1.1rem}.setting-card input[type=number],.setting-card select{background:#ffffff08;border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:.9rem;padding:.8rem 1.1rem;transition:all .2s ease;width:100%}.setting-card input[type=number]:focus,.setting-card select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.setting-card select option{background:#16161a}.toggle-row{align-items:center;display:flex;justify-content:space-between}.toggle-label{color:var(--text-secondary);font-size:.9rem}.toggle-switch{background:#ffffff14;border-radius:14px;cursor:pointer;height:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:52px}.toggle-switch.active{background:var(--accent)}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0003;height:22px;left:3px;position:absolute;top:3px;transition:all .3s cubic-bezier(.4,0,.2,1);width:22px}.toggle-switch.active .toggle-slider{left:27px}.upgrade-card{background:linear-gradient(135deg,#ffd60a14,#16161af2);border-color:#ffd60a33}.premium-plan-display{background:#ffffff08;border-radius:12px;margin-bottom:1rem;padding:1rem}.premium-plan-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.premium-plan-value{font-size:1.1rem;font-weight:600}.btn{border-radius:14px;padding:.8rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{box-shadow:0 12px 28px var(--accent-glow);transform:translateY(-2px)}.unsaved-bar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fa233bf2;bottom:0;display:flex;justify-content:space-between;left:260px;padding:1rem 2rem;position:fixed;right:0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100}.unsaved-bar.show{transform:translateY(0)}.unsaved-message{align-items:center;color:#fff;display:flex;gap:.75rem}.unsaved-icon{font-size:1.1rem}.unsaved-actions{display:flex;gap:1rem}.btn-cancel{background:#ffffff26;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:.65rem 1.35rem;transition:all .2s ease}.btn-cancel:hover{background:#ffffff40}.btn-save-changes{background:#fff;border:none;border-radius:12px;color:var(--accent);cursor:pointer;font-weight:600;padding:.65rem 1.35rem;transition:all .2s ease}.btn-save-changes:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}.server-header-card{flex-direction:column;gap:1rem;text-align:center}.unsaved-bar{flex-direction:column;gap:1rem;left:0;padding:1rem}}.leaderboard-section{margin-top:2rem}.leaderboard-card{max-width:100%}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-entry{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:12px;display:flex;gap:1rem;padding:.875rem 1rem;transition:all .2s}.leaderboard-entry:hover{border-color:#ffffff26;transform:translateX(4px)}.leaderboard-entry.rank-1{background:linear-gradient(135deg,#ffd70026 0,var(--card) 100%);border-color:#ffd7004d}.leaderboard-entry.rank-2{background:linear-gradient(135deg,#c0c0c01a 0,var(--card) 100%);border-color:#c0c0c033}.leaderboard-entry.rank-3{background:linear-gradient(135deg,#cd7f321a 0,var(--card) 100%);border-color:#cd7f3233}.leaderboard-rank{display:flex;justify-content:center;width:36px}.medal{font-size:1.5rem}.rank-number{color:var(--text-muted);font-size:1rem;font-weight:600}.leaderboard-user{align-items:center;display:flex;flex:1 1;gap:.75rem}.leaderboard-avatar{border-radius:50%;height:36px;width:36px}.leaderboard-username{color:var(--text);font-weight:500}.leaderboard-stats{text-align:right}.track-count{color:var(--text-secondary);font-size:.85rem}.empty-state-small{color:var(--text-muted);padding:2rem;text-align:center}.empty-state-small i{font-size:1.5rem;margin-bottom:.5rem;opacity:.5}.empty-state-small p{font-size:.9rem}.playlists-content{padding:0;width:100%}.playlists-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.playlists-header-left h2{color:#fff;font-size:1.4rem;font-weight:700;margin:0 0 .2rem}.playlists-header-left p{color:#ffffff73;font-size:.85rem;margin:0}.playlists-header-right{align-items:center;display:flex;flex-shrink:0;gap:1rem}.playlist-quota{display:flex;flex-direction:column;gap:.3rem;min-width:130px}.quota-bar{background:#ffffff14;border-radius:2px;height:3px;overflow:hidden}.quota-fill{background:linear-gradient(90deg,#7c3aed,#db2777);border-radius:2px;height:100%;transition:width .5s ease}.quota-text{color:#fff6;font-size:.72rem;font-weight:500}.quota-hint{opacity:.7}.btn-create{align-items:center;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.45rem;padding:.6rem 1.2rem;text-decoration:none;transition:opacity .2s,transform .2s,box-shadow .2s;white-space:nowrap}.btn-create:hover{box-shadow:0 6px 20px #7c3aed73;transform:translateY(-1px)}.btn-create.disabled,.btn-create:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.premium-upsell-banner{align-items:center;background:#7c3aed14;border:1px solid #7c3aed40;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.75rem;padding:1rem 1.25rem}.premium-upsell-banner .fa-crown{color:#f59e0b;flex-shrink:0;font-size:1.3rem}.upsell-text{display:flex;flex:1 1;flex-direction:column;gap:.15rem}.upsell-text strong{color:#fff;font-size:.9rem}.upsell-text span{color:#ffffff73;font-size:.8rem}.upsell-btn{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;padding:.45rem 1rem;text-decoration:none;transition:opacity .2s;white-space:nowrap}.upsell-btn:hover{opacity:.85}.empty-state{flex-direction:column;gap:1rem;padding:6rem 2rem;text-align:center;width:100%}.empty-icon-wrap,.empty-state{align-items:center;display:flex;justify-content:center}.empty-icon-wrap{background:#7c3aed1f;border-radius:50%;color:#7c3aed;font-size:2.2rem;height:88px;width:88px}.empty-state h3{color:#fff;font-size:1.2rem;font-weight:700;margin:0}.empty-state p{color:#ffffff73;font-size:.88rem;margin:0;max-width:300px}.loading-container{align-items:center;color:#fff6;display:flex;flex-direction:column;font-size:.88rem;gap:1rem;padding:5rem;width:100%}.playlists-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));width:100%}.playlist-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;cursor:default;display:flex;flex-direction:column;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}.playlist-card:hover{border-color:#7c3aed4d;box-shadow:0 12px 32px #00000059;transform:translateY(-4px)}.playlist-card.deleting{opacity:.45;pointer-events:none}.playlist-cover{align-items:center;aspect-ratio:1;display:flex;justify-content:center;position:relative;width:100%}.playlist-cover-icon{color:#ffffff59;font-size:2.8rem}.playlist-track-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:20px;bottom:8px;color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.02em;padding:.18rem .55rem;position:absolute;right:8px}.playlist-body{display:flex;flex:1 1;flex-direction:column;gap:.2rem;padding:.85rem 1rem 1rem}.playlist-name{color:#fff;font-size:.9rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-sub{color:#ffffff61;font-size:.75rem;margin:0}.playlist-actions{display:flex;justify-content:flex-end;margin-top:.6rem}.playlist-delete-btn{align-items:center;background:#ef444414;border:1px solid #ef44442e;border-radius:7px;color:#ef4444;cursor:pointer;display:flex;font-size:.72rem;height:28px;justify-content:center;transition:background .2s,border-color .2s;width:28px}.playlist-delete-btn:hover:not(:disabled){background:#ef44442e;border-color:#ef444459}.playlist-card-new{background:#0000;border:2px dashed #ffffff1a;cursor:pointer;min-height:220px}.playlist-card-new:hover{background:#7c3aed0a;border-color:#7c3aed80}.new-playlist-inner{align-items:center;color:#ffffff4d;display:flex;flex-direction:column;font-size:.82rem;font-weight:500;gap:.65rem;height:100%;justify-content:center;padding:2.5rem 1rem;transition:color .2s}.new-playlist-inner i{font-size:1.6rem}.playlist-card-new:hover .new-playlist-inner{color:#7c3aed}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal{animation:modalPop .2s cubic-bezier(.34,1.56,.64,1);background:#131320;border:1px solid #ffffff14;border-radius:18px;max-width:420px;overflow:hidden;width:100%}@keyframes modalPop{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{color:#fff;font-size:.98rem;font-weight:700;gap:.5rem;margin:0}.modal-close{background:none;border:none;border-radius:6px;color:#ffffff59;cursor:pointer;font-size:1rem;padding:.3rem;transition:color .2s}.modal-close:hover{color:#fff}.modal-body{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.modal-body label{color:#fff9;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.modal-body input{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;box-sizing:border-box;color:#fff;font-size:.92rem;outline:none;padding:.8rem 1rem;transition:border-color .2s,background .2s;width:100%}.modal-body input:focus{background:#7c3aed0f;border-color:#7c3aed}.modal-body input::placeholder{color:#fff3}.char-count{color:#ffffff40;font-size:.72rem;text-align:right}.modal-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#fca5a5;display:flex;font-size:.8rem;gap:.5rem;padding:.7rem 1rem}.modal-footer{border-top:1px solid #ffffff0f;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.btn{border-radius:9px;font-size:.85rem;gap:.4rem;padding:.6rem 1.25rem;transition:all .18s}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:#ffffff12;color:#fffc}.btn-secondary:hover{background:#ffffff1f}.spinner{animation:spin .75s linear infinite;border:3px solid #7c3aed2e;border-radius:50%;border-top-color:#7c3aed;height:30px;width:30px}@media (max-width:640px){.playlists-header{align-items:flex-start;flex-direction:column}.playlists-header-right{justify-content:space-between;width:100%}.playlists-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}}.pricing-page{background:#0000;min-height:100vh}.pricing-body{margin:0 auto;max-width:1080px;padding:120px 1.5rem 4rem}.pricing-hero{margin-bottom:3.5rem;text-align:center}.pricing-hero-badge{align-items:center;background:linear-gradient(135deg,#fa233b26,#f973161a);border:1px solid #fa233b4d;border-radius:20px;color:#fa233b;display:inline-flex;font-size:.72rem;font-weight:800;gap:.4rem;letter-spacing:.1em;margin-bottom:1rem;padding:.35rem 1rem;text-transform:uppercase}.pricing-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 40%,#ffffff73);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.6rem}.pricing-hero p{color:#ffffff73;font-size:1.05rem}.plans-row{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}.plan-card{border-radius:22px;overflow:hidden;padding:2rem 1.75rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.plan-card:hover{transform:translateY(-6px)}.plan-card--free{background:#ffffff08;border:1px solid #ffffff14}.plan-card--free:hover{border-color:#ffffff24;box-shadow:0 20px 50px #0000004d}.plan-card--premium{background:linear-gradient(135deg,#f59e0b1a,#f973160f 50%,#ffffff05);border:1px solid #f59e0b73}.plan-card--premium:hover{box-shadow:0 24px 60px #f59e0b38,0 0 0 1px #f59e0b59}.plan-glow{background:radial-gradient(circle,#f59e0b4d 0,#0000 70%);border-radius:50%;height:260px;pointer-events:none;position:absolute;right:-70px;top:-90px;width:260px}.plan-badge{background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:0 0 10px 10px;color:#000;font-size:.63rem;font-weight:800;letter-spacing:.08em;padding:.22rem .8rem;position:absolute;right:1.5rem;text-transform:uppercase;top:-1px}.plan-card-header{margin-bottom:1.5rem;text-align:center}.plan-icon{align-items:center;border-radius:16px;display:flex;font-size:1.3rem;height:54px;justify-content:center;margin:0 auto .85rem;width:54px}.plan-icon--free{background:#64748b24;color:#94a3b8}.plan-icon--premium{background:linear-gradient(135deg,#f59e0b47,#f9731633);box-shadow:0 4px 20px #f59e0b4d;color:#f59e0b}.plan-title{font-size:1.3rem;font-weight:700;margin-bottom:.35rem}.plan-title--premium{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;background-clip:text}.plan-price{align-items:baseline;display:flex;gap:.25rem;justify-content:center;margin-bottom:.4rem}.plan-price-amount{font-size:2.6rem;font-weight:800;letter-spacing:-.04em}.plan-price-amount--premium{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;background-clip:text}.plan-price-period{color:#ffffff61;font-size:.82rem}.plan-subtitle{color:#ffffff61;font-size:.78rem;margin:0}.plan-list{display:flex;flex-direction:column;gap:.6rem;list-style:none;margin:0 0 1.75rem;padding:0}.plan-list li{align-items:center;color:#ffffffb8;display:flex;font-size:.84rem;gap:.65rem}.plan-list li i{color:#22c55e;flex-shrink:0;font-size:.72rem;text-align:center;width:16px}.plan-list--premium li i{color:#f59e0b}.plan-list-inherit{border-bottom:1px solid #ffffff12;color:#ffffffe6!important;font-weight:600;margin-bottom:.2rem;padding-bottom:.45rem}.plan-list-inherit i{color:#f59e0b!important}.plan-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.88rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.02em;padding:.9rem;text-decoration:none;transition:all .22s ease;width:100%}.plan-btn--free{background:#ffffff0f;color:#ffffff73;cursor:default}.plan-btn--premium{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 4px 22px #f59e0b59;color:#000}.plan-btn--premium:hover{background:linear-gradient(135deg,#fbbf24,#fb923c);box-shadow:0 8px 30px #f59e0b85;transform:translateY(-2px)}.cmp-section{margin-bottom:4rem}.cmp-header{margin-bottom:2rem;text-align:center}.cmp-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 40%,#ffffff80);-webkit-background-clip:text;background-clip:text;font-size:1.85rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.35rem}.cmp-header p{color:#fff6;font-size:.9rem}.cmp-table{border:1px solid #ffffff12;border-radius:18px;overflow:hidden}.cmp-row{display:grid;grid-template-columns:1fr 120px 140px}.cmp-row--head{background:#ffffff0a;border-bottom:1px solid #ffffff14}.cmp-row--head .cmp-col-feature,.cmp-row--head .cmp-col-plan{color:#ffffff73;font-size:.72rem;font-weight:700;letter-spacing:.09em;padding:.9rem 1.25rem;text-transform:uppercase}.cmp-row--section{background:hsla(0,0%,100%,.015);border-top:1px solid #ffffff0f;color:#ffffff4d;font-size:.68rem;font-weight:700;grid-column:1/-1;letter-spacing:.12em;padding:.65rem 1.25rem;text-transform:uppercase}.cmp-row--feature{border-bottom:1px solid #ffffff0a;transition:background .15s}.cmp-row--feature:hover{background:hsla(0,0%,100%,.025)}.cmp-col-feature{color:#ffffffad;font-size:.84rem;padding:.8rem 1.25rem}.cmp-col-feature,.cmp-col-plan{align-items:center;display:flex}.cmp-col-plan{justify-content:center;padding:.8rem .5rem}.cmp-col-plan--premium{background:linear-gradient(135deg,#f59e0b0f,#0000);color:#f59e0b;font-size:.8rem;font-weight:700}.cmp-check{align-items:center;background:#22c55e1f;border-radius:50%;color:#22c55e;display:flex;font-size:.72rem;height:26px;justify-content:center;width:26px}.cmp-check--gold{background:#f59e0b24;color:#f59e0b}.cmp-cross{color:#ffffff2e;font-size:.72rem}.cmp-text{color:#ffffff80;font-size:.78rem;font-weight:500;text-align:center}.cmp-text--gold{color:#f59e0b;font-weight:600}.faq-section{margin:0 auto 3rem;max-width:700px}.faq-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 40%,#ffffff80);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem;text-align:center}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;cursor:pointer;padding:1rem 1.25rem;transition:border-color .2s,background .2s;-webkit-user-select:none;user-select:none}.faq-card:hover{background:#ffffff0a;border-color:#ffffff21}.faq-card--open{background:#f59e0b0a;border-color:#f59e0b4d}.faq-card-header{align-items:center;color:#ffffffd9;display:flex;font-size:.88rem;font-weight:600;gap:1rem;justify-content:space-between}.faq-chevron{color:#ffffff59;flex-shrink:0;font-size:.75rem;transition:transform .25s ease}.faq-chevron--open{color:#f59e0b;transform:rotate(180deg)}.faq-card-body{color:#ffffff80;font-size:.82rem;line-height:1.6;margin:.75rem 0 0}@media (max-width:700px){.pricing-hero h1{font-size:2rem}.plans-row{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:420px}.cmp-row{grid-template-columns:1fr 90px 110px}.cmp-col-feature{font-size:.78rem;padding:.7rem .85rem}.cmp-col-plan{padding:.7rem .3rem}}.premium-page{margin:0 auto;max-width:1000px;padding:1rem 0 3rem}.premium-active-banner{align-items:center;background:linear-gradient(135deg,#f59e0b1f,#f973160f);border:1px solid #f59e0b59;border-radius:20px;display:flex;gap:1.5rem;margin-bottom:2.5rem;padding:2rem}.premium-active-icon{align-items:center;background:linear-gradient(135deg,#f59e0b4d,#f9731633);border-radius:18px;box-shadow:0 4px 20px #f59e0b40;color:#f59e0b;display:flex;flex-shrink:0;font-size:1.75rem;height:64px;justify-content:center;width:64px}.premium-active-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;margin-bottom:.3rem}.premium-active-text p{color:#ffffff8c;font-size:.85rem;margin:0}.premium-upgrade-hero{background:linear-gradient(135deg,#f59e0b0f,#f9731608);border:1px solid #f59e0b33;border-radius:24px;margin-bottom:2.5rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.premium-upgrade-glow{background:radial-gradient(circle,#f59e0b2e 0,#0000 65%);height:300px;left:50%;pointer-events:none;position:absolute;top:-100px;transform:translateX(-50%);width:400px}.premium-upgrade-badge{align-items:center;background:linear-gradient(135deg,#f59e0b33,#f973161a);border:1px solid #f59e0b59;border-radius:20px;color:#f59e0b;display:inline-flex;font-size:.75rem;font-weight:700;gap:.4rem;letter-spacing:.1em;margin-bottom:1rem;padding:.4rem 1rem;text-transform:uppercase}.premium-upgrade-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 40%,#ffffff8c);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:.5rem}.premium-upgrade-hero p{color:#ffffff80;font-size:.9rem;margin-bottom:1.75rem}.premium-upgrade-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:12px;box-shadow:0 4px 20px #f59e0b59;color:#000;display:inline-flex;font-size:.9rem;font-weight:700;gap:.5rem;padding:.8rem 1.75rem;text-decoration:none;transition:all .2s}.premium-upgrade-btn:hover{box-shadow:0 8px 28px #f59e0b80;transform:translateY(-2px)}.premium-features-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:1.75rem}.premium-feat-card{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;display:flex;gap:1rem;padding:1rem 1.25rem;position:relative;transition:all .2s}.premium-feat-card.active{border-color:#f59e0b33}.premium-feat-card.locked{opacity:.65}.premium-feat-card:hover{background:#f59e0b0a;border-color:#f59e0b59;opacity:1}.premium-feat-icon{align-items:center;background:linear-gradient(135deg,#f59e0b2e,#f973161a);border-radius:10px;color:#f59e0b;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.premium-feat-body{flex:1 1;min-width:0}.premium-feat-body h4{font-size:.85rem;font-weight:600;margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-feat-body p{color:#ffffff73;font-size:.75rem;line-height:1.4;margin:0}.premium-feat-check{color:#f59e0b;flex-shrink:0;font-size:.8rem}.premium-feat-lock{color:#fff3;flex-shrink:0;font-size:.75rem}.premium-cta-row{text-align:center}.premium-cta-link{align-items:center;color:#f59e0bbf;display:inline-flex;font-size:.85rem;gap:.4rem;text-decoration:none;transition:color .2s}.premium-cta-link:hover{color:#f59e0b}@media (max-width:600px){.premium-active-banner{flex-direction:column;text-align:center}.premium-features-grid{grid-template-columns:1fr}}.settings-content{margin:0 auto;max-width:900px}.settings-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.settings-tab{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;color:#ffffff80;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.settings-tab:hover{background:#ffffff0f;color:#fffc}.settings-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.settings-panel{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;overflow:hidden}.tab-content{padding:1.5rem}.save-toast{align-items:center;animation:slideIn .3s ease;border-radius:10px;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;position:fixed;right:2rem;top:80px;z-index:200}.save-toast.saved{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.save-toast.saving{background:#6366f126;border:1px solid #6366f14d;color:#818cf8}.save-toast.error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.settings-group{margin-bottom:1.5rem}.group-title{align-items:center;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.group-desc{color:#ffffff80;font-size:.85rem;margin-bottom:1rem}.setting-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.75rem 0}.setting-item:last-child{border-bottom:none}.setting-item strong{color:#fff;font-size:.9rem}.setting-desc{color:#fff6;font-size:.75rem;margin:.15rem 0 0}.setting-item select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem .75rem}.setting-item select option{background:#1c1c1e}.tier-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:700;gap:.35rem;padding:.35rem .75rem}.tier-badge.premium{background:linear-gradient(135deg,#f59e0b33,#f9731633);color:#f59e0b}.tier-badge.free{background:#94a3b826;color:#94a3b8}.premium-overview{display:flex;flex-direction:column;gap:1.5rem}.premium-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:1.5rem;text-align:center}.premium-card.active{background:#22c55e0d;border-color:#22c55e4d}.premium-card-header{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.premium-card-header i{color:#f59e0b;font-size:1.5rem}.premium-card-header h3{font-size:1.1rem;font-weight:700}.premium-card-desc{color:#ffffff80;font-size:.85rem;margin-bottom:1rem}.features-list{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:1.5rem}.features-list h3{font-size:1rem;font-weight:700;margin-bottom:1rem}.feature-item{align-items:center;color:#ffffffb3;display:flex;font-size:.85rem;gap:.75rem;padding:.35rem 0}.server-list-settings{display:flex;flex-direction:column;gap:.75rem}.server-list-item{align-items:center;background:#ffffff08;border-radius:10px;display:flex;gap:.75rem;padding:.75rem}.server-icon-small{border-radius:8px;height:36px;object-fit:cover;width:36px}.server-name{flex:1 1;font-weight:500}.btn-sm{border-radius:6px;font-size:.75rem;padding:.35rem .75rem}.empty-state.small{color:#fff6;padding:2rem;text-align:center}.empty-state.small i{display:block;font-size:1.5rem;margin-bottom:.5rem}.profile-section{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;display:flex;gap:1.5rem;margin-bottom:2rem;padding:2rem}.profile-avatar{border:3px solid var(--accent);border-radius:50%;height:80px;object-fit:cover;width:80px}.profile-info h2{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.member-since{color:var(--text-secondary);font-size:.9rem}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-bottom:2rem;padding:1.5rem}.settings-section h3{align-items:center;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.settings-section h3 i{color:var(--accent)}.status-grid{grid-gap:1rem;display:grid;gap:1rem}.status-item{background:var(--card);border-radius:12px;justify-content:space-between;padding:.75rem 1rem}.status-indicator,.status-item{align-items:center;display:flex}.status-indicator{gap:.5rem}.status-dot{background:var(--text-muted);border-radius:50%;height:10px;width:10px}.status-dot.online{background:var(--green);box-shadow:0 0 8px var(--green)}.status-dot.offline{background:var(--accent)}.status-text{font-size:.85rem;font-weight:500}.status-text.online{color:var(--green)}.status-text.offline{color:var(--accent)}.quality-container{padding:2rem 0;position:relative}.quality-line{background:var(--border);height:2px;left:10%;position:absolute;right:10%;top:50%;z-index:0}.quality-nodes{display:flex;justify-content:space-between;position:relative;z-index:1}.quality-node{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:all .2s}.quality-node.locked{cursor:not-allowed;opacity:.5}.node-bars{align-items:flex-end;display:flex;gap:3px;height:40px;margin-bottom:.75rem}.node-bars .bar{background:var(--text-muted);border-radius:3px;opacity:.3;transition:all .2s;width:6px}.quality-node.active .node-bars .bar{background:var(--accent);opacity:1}.node-circle{align-items:center;background:var(--card);border:2px solid var(--border);border-radius:50%;display:flex;height:24px;justify-content:center;margin-bottom:.75rem;transition:all .2s;width:24px}.quality-node.active .node-circle{background:var(--accent);border-color:var(--accent)}.node-circle.premium{background:var(--card);border-color:var(--gold)}.node-circle.premium i{color:var(--gold);font-size:.6rem}.node-label{text-align:center}.node-label .kbps{font-size:.85rem;font-weight:600;margin-bottom:.25rem}.node-label .grade{border-radius:4px;font-size:.75rem;font-weight:600;padding:.2rem .5rem;text-transform:uppercase}.grade.hd{background:var(--purple);color:#fff}.grade.high{background:var(--blue);color:#fff}.grade.normal{background:var(--green);color:#fff}.grade.low{background:var(--text-muted);color:#fff}.badge-prem{background:var(--gold);border-radius:4px;color:#000;font-size:.6rem;padding:.15rem .4rem}.audio-visualizer-header{background:linear-gradient(135deg,#7c3aed26,#fa233b1a);border-radius:20px;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.audio-wave-container{inset:0;opacity:.3;position:absolute}.audio-wave{align-items:center;display:flex;gap:4px;height:100%;justify-content:center}.wave-bar{animation:waveAnimation 1.5s ease-in-out infinite;background:linear-gradient(180deg,var(--accent) 0,var(--purple) 100%);border-radius:4px;width:4px}@keyframes waveAnimation{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.audio-header-content{position:relative;text-align:center;z-index:1}.audio-icon-pulse{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--accent) 0,var(--purple) 100%);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.audio-icon-pulse i{color:#fff;font-size:2rem}.audio-header-content h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.audio-header-content p{color:#fff9;font-size:.9rem}.audio-quality-section{margin-bottom:2rem}.quality-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.quality-card{background:#ffffff08;border:2px solid #ffffff14;border-radius:16px;cursor:pointer;padding:1.5rem;position:relative;transition:all .3s ease}.quality-card.clickable:hover{border-color:#fff3;box-shadow:0 10px 30px #0000004d;transform:translateY(-4px)}.quality-card.selected{background:#120406bf;border-color:var(--accent);box-shadow:0 0 0 1px #fa233b4d,0 8px 28px #fa233b33}.quality-card.locked{cursor:not-allowed;opacity:.6}.quality-card.locked:hover{transform:none}.premium-lock{align-items:center;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:50%;display:flex;height:28px;justify-content:center;position:absolute;right:1rem;top:1rem;width:28px}.premium-lock i{color:#000;font-size:.75rem}.quality-icon{align-items:center;border-radius:14px;display:flex;height:50px;justify-content:center;margin-bottom:1rem;width:50px}.quality-icon i{font-size:1.25rem}.quality-icon.normal{background:#64748b33;color:#64748b}.quality-icon.hd{background:#6366f133;color:#6366f1}.quality-icon.ultra{background:linear-gradient(135deg,#f59e0b33,#fbbf2433);color:#f59e0b}.quality-info h4{font-size:1rem;font-weight:700;margin-bottom:.25rem}.quality-bitrate{color:var(--accent);font-size:.85rem;font-weight:600}.quality-desc{color:#ffffff80;font-size:.75rem;margin-top:.5rem}.quality-check{bottom:1rem;position:absolute;right:1rem}.quality-check i{animation:checkPop .2s ease;color:var(--accent);filter:drop-shadow(0 0 6px rgba(250,35,59,.6));font-size:1.5rem}@keyframes checkPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.audio-features-section{margin-bottom:2rem}.audio-features-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.audio-feature-card{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .2s}.audio-feature-card:hover{background:#ffffff0d;border-color:#ffffff1a}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#7c3aed33,#fa233b33);border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.feature-icon-wrapper i{color:var(--accent);font-size:1rem}.feature-content{flex:1 1}.feature-content h4{font-size:.9rem;font-weight:600;margin-bottom:.15rem}.feature-content p{color:#ffffff80;font-size:.75rem}.feature-badge{border-radius:20px;font-size:.7rem;font-weight:600;padding:.35rem .75rem}.feature-badge.active{background:#22c55e26;color:#22c55e}.feature-badge.locked{background:#f59e0b26;color:#f59e0b}.equalizer-section{margin-bottom:1rem}.equalizer-visual{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:1.5rem}.eq-bars{align-items:flex-end;display:flex;gap:.5rem;height:120px;justify-content:space-between}.eq-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.eq-bar{animation:eqPulse 2s ease-in-out infinite;animation-delay:0s;animation-delay:calc(var(--i, 0)*.1s);background:linear-gradient(180deg,var(--accent) 0,var(--purple) 50%,#7c3aed4d 100%);border-radius:6px 6px 0 0;margin-top:auto;max-width:40px;width:100%}@keyframes eqPulse{0%,to{opacity:.7}50%{opacity:1}}.eq-label{color:#fff6;font-size:.65rem;margin-top:.5rem;text-align:center}.eq-note{align-items:center;border-top:1px solid #ffffff0f;color:#ffffff80;display:flex;font-size:.8rem;gap:.5rem;margin-top:1rem;padding-top:1rem}.eq-note i{color:var(--blue)}@media (max-width:768px){.audio-features-grid,.quality-cards{grid-template-columns:1fr}.eq-bars{height:80px}}.crossfade-container{max-width:400px}.crossfade-range{-webkit-appearance:none;appearance:none;background:var(--card);border-radius:3px;height:6px;outline:none;width:100%}.crossfade-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border-radius:50%;box-shadow:0 2px 8px var(--accent-glow);cursor:pointer;height:20px;width:20px}.crossfade-labels{color:var(--text-muted);display:flex;font-size:.85rem;justify-content:space-between;margin-top:.5rem}.billing-header{margin-bottom:2rem}.billing-header h2{font-size:1.5rem;margin-bottom:.25rem}.billing-header p{color:var(--text-secondary)}.upgrade-banner{align-items:center;background:linear-gradient(135deg,#fa233b33,#bf5af233);border:1px solid #fa233b4d;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.banner-content h3{font-size:1.25rem;margin-bottom:.25rem}.banner-content p{color:var(--text-secondary)}.btn-upgrade-pulse{align-items:center;animation:pulse 2s infinite;background:var(--accent);border-radius:12px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s}.btn-upgrade-pulse:hover{box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-2px)}.banner-glow{background:radial-gradient(circle,var(--accent-glow) 0,#0000 70%);height:300px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:300px}.plan-status-row{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.plan-status-row .label{color:var(--text-muted);font-size:.85rem;margin-bottom:.25rem}.plan-status-row .value{font-size:1.1rem;font-weight:600}.status-badge{background:var(--green);border-radius:8px;color:#fff;font-size:.75rem;font-weight:600;padding:.35rem .75rem}.plan-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;font-size:.9rem;justify-content:space-between}.detail-row span:first-child{color:var(--text-muted)}.pricing-cards-mini{grid-gap:1.5rem;display:grid;gap:1.5rem}.price-card-mini{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.5rem}.price-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.price-header h3{font-size:1.1rem}.price-header .price{font-size:1.5rem;font-weight:700}.price-header .period{color:var(--text-muted);font-size:.85rem;font-weight:400}.btn-subscribe{background:var(--accent);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:1rem;padding:.75rem;transition:all .2s;width:100%}.btn-subscribe:hover{background:var(--accent-hover)}.benefits-list{list-style:none}.benefits-list li{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;padding:.4rem 0}.benefits-list li i{color:var(--green);font-size:.75rem}.benefits-list li.discord-access{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.75rem}.benefits-list li.discord-access i{color:#5865f2}.import-export-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ie-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2rem;text-align:center}.ie-icon{align-items:center;background:var(--card);border-radius:16px;color:var(--accent);display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.ie-card h3{font-size:1.1rem;margin-bottom:.5rem}.ie-card p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--card);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:var(--hover)}.servers-list{display:flex;flex-direction:column;gap:1rem}.server-item{background:var(--surface);border:1px solid var(--border);border-radius:16px;gap:1rem;padding:1rem 1.5rem}.server-icon,.server-item{align-items:center;display:flex}.server-icon{background:var(--card);border-radius:12px;font-size:1.25rem;height:48px;justify-content:center;width:48px}.server-info h4{font-size:1rem;margin-bottom:.25rem}.server-info p{color:var(--text-muted);font-size:.85rem}@media (max-width:768px){.settings-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.settings-tab{white-space:nowrap}.profile-section,.upgrade-banner{flex-direction:column;text-align:center}.upgrade-banner{gap:1rem}.quality-nodes{flex-wrap:wrap;gap:1.5rem;justify-content:center}.quality-line{display:none}.privacy-action-card{align-items:flex-start;flex-direction:column;gap:1rem}}.privacy-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.privacy-action-card{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem;transition:all .2s ease}.privacy-action-card:hover{border-color:#ffffff1a}.privacy-action-card.danger{background:#ef44440d;border-color:#ef444433}.privacy-action-info{align-items:center;display:flex;gap:1rem}.privacy-action-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.1rem;height:44px;justify-content:center;width:44px}.privacy-action-icon.history{background:linear-gradient(135deg,#3b82f633,#60a5fa33);color:#60a5fa}.privacy-action-icon.favorites{background:linear-gradient(135deg,#f43f5e33,#fb718533);color:#fb7185}.privacy-action-icon.danger{background:linear-gradient(135deg,#ef444433,#dc262633);color:#ef4444}.btn-danger-outline{align-items:center;background:#0000;border:1px solid #ef444466;border-radius:10px;color:#ef4444;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s}.btn-danger-outline:hover{background:#ef44441a;border-color:#ef4444}.btn-danger{align-items:center;background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.confirm-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.confirm-dialog{animation:slideUp .25s ease;background:#1c1c1e;border:1px solid #ffffff1a;border-radius:20px;max-width:420px;padding:2rem;text-align:center;width:90%}.confirm-icon{align-items:center;background:#ef444426;border-radius:50%;color:#ef4444;display:flex;font-size:1.5rem;height:56px;justify-content:center;margin:0 auto 1rem;width:56px}.confirm-dialog h3{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.confirm-dialog p{color:#fff9;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.confirm-actions{display:flex;gap:.75rem;justify-content:center}.confirm-actions .btn{min-width:100px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.analytics-page{display:flex;flex-direction:column;gap:1.5rem;width:100%}.analytics-loading{align-items:center;color:#ffffff59;display:flex;flex-direction:column;font-size:.88rem;gap:1rem;padding:6rem 2rem}.analytics-spinner{animation:spin .75s linear infinite;border:3px solid #7c3aed26;border-radius:50%;border-top-color:#7c3aed;height:36px;width:36px}.analytics-hero{align-items:center;background:hsla(0,0%,100%,.025);border:1px solid #ffffff12;border-radius:18px;display:flex;gap:1.5rem;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative}.analytics-hero:before{background:radial-gradient(circle,#7c3aed1f 0,#0000 70%);content:"";height:200px;pointer-events:none;position:absolute;right:-40px;top:-40px;width:200px}.hero-left{align-items:center;display:flex;gap:1.25rem}.hero-avatar-wrap{flex-shrink:0;position:relative}.hero-avatar{border:2px solid #7c3aed80;border-radius:50%;height:64px;object-fit:cover;width:64px}.hero-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:700;gap:.28rem;letter-spacing:.03em;padding:.2rem .65rem;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.hero-badge.premium{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.hero-badge.free{background:#ffffff1a;color:#ffffffa6}.hero-info{display:flex;flex-direction:column;gap:.2rem}.hero-info h1{color:#fff;font-size:1.3rem;font-weight:700;margin:0}.hero-since{color:#fff6;font-size:.78rem;gap:.4rem;margin:0;padding:0}.hero-since,.toast{align-items:center;display:flex}.toast{animation:fadeSlide .25s ease;border-radius:10px;font-size:.82rem;font-weight:600;gap:.5rem;padding:.6rem 1rem}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast-cleared{background:#10b98126;border:1px solid #10b9814d;color:#34d399}.toast-clearing{background:#7c3aed26;border:1px solid #7c3aed4d;color:#a78bfa}.toast-error{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.stat-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.stat-chip{align-items:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;display:flex;gap:1rem;padding:1.1rem 1.25rem;transition:border-color .2s,transform .2s}.stat-chip:hover{border-color:#ffffff21;transform:translateY(-2px)}.stat-chip-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.05rem;height:44px;justify-content:center;width:44px}.stat-chip-val{color:#fff;font-size:1.6rem;font-weight:800;line-height:1;margin-bottom:.15rem}.stat-chip-label{color:#fff6;font-size:.75rem;font-weight:500}.analytics-tabs{border-bottom:1px solid #ffffff12;display:flex;gap:.5rem;padding-bottom:0}.analytics-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#ffffff73;cursor:pointer;display:flex;font-size:.87rem;font-weight:600;gap:.5rem;margin-bottom:-1px;padding:.6rem 1.1rem;transition:color .2s,border-color .2s}.analytics-tab:hover{color:#ffffffbf}.analytics-tab.active{border-bottom-color:#7c3aed;color:#fff}.tab-badge{background:#7c3aed40;border-radius:20px;color:#a78bfa;font-size:.68rem;font-weight:700;padding:.1rem .45rem}.analytics-tab.active .tab-badge{background:#7c3aed66;color:#c4b5fd}.track-panel{background:hsla(0,0%,100%,.025);border:1px solid #ffffff12;border-radius:16px;display:flex;flex-direction:column;min-height:320px;overflow:hidden}.panel-toolbar{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:1rem 1.25rem}.panel-info{color:#ffffff59;font-size:.8rem;font-weight:500}.panel-clear-btn{align-items:center;background:#ef444414;border:1px solid #ef44442e;border-radius:8px;color:#f87171;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.4rem;padding:.35rem .85rem;transition:background .2s,border-color .2s}.panel-clear-btn:hover{background:#ef444426;border-color:#ef44444d}.panel-empty{flex:1 1;flex-direction:column;gap:.75rem;padding:4rem 2rem;text-align:center}.panel-empty,.panel-empty-icon{align-items:center;display:flex;justify-content:center}.panel-empty-icon{background:#7c3aed1a;border-radius:50%;color:#7c3aed99;font-size:1.5rem;height:60px;width:60px}.panel-empty p{color:#fff9;font-size:1rem;font-weight:600;margin:0}.panel-empty span{color:#ffffff4d;font-size:.8rem;max-width:320px}.panel-empty code{background:#7c3aed33;border-radius:4px;color:#c4b5fd;font-family:monospace;font-size:.82rem;padding:.1rem .4rem}.track-list{display:flex;flex-direction:column;max-height:480px;overflow-y:auto}.track-row{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;gap:.85rem;padding:.75rem 1.25rem;transition:background .15s}.track-row:last-child{border-bottom:none}.track-row:hover{background:hsla(0,0%,100%,.025)}.track-row.deleting{opacity:.4;pointer-events:none}.track-index{color:#ffffff40;flex-shrink:0;font-size:.75rem;font-weight:600;text-align:center;width:28px}.track-source-dot{border-radius:50%;flex-shrink:0;height:6px;opacity:.8;width:6px}.track-details{flex:1 1;min-width:0}.track-title{color:#fff;font-size:.88rem;font-weight:600}.track-artist,.track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:#ffffff61;font-size:.75rem;margin-top:.1rem}.track-meta{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.track-source-label{font-size:.9rem;opacity:.75}.track-time{color:#ffffff40;font-size:.72rem;white-space:nowrap}.track-delete-btn{align-items:center;background:#ef444414;border:1px solid #ef444426;border-radius:7px;color:#f87171;cursor:pointer;display:flex;font-size:.7rem;height:26px;justify-content:center;transition:all .18s;width:26px}.track-delete-btn:hover:not(:disabled){background:#ef44442e;border-color:#ef444459}.manage-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:.5rem;padding:1.25rem}.manage-header,.manage-section{align-items:center;display:flex}.manage-header{color:#ffffff80;font-size:.85rem;font-weight:600;gap:.5rem}.manage-actions{display:flex;flex-wrap:wrap;gap:.6rem}.manage-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;color:#ffffffa6;cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:.4rem;padding:.5rem .9rem;transition:all .2s}.manage-btn:hover{background:#ffffff1a;border-color:#ffffff2e;color:#fff}.manage-btn.danger{border-color:#ef444433;color:#f87171}.manage-btn.danger:hover{background:#ef44441f;border-color:#ef444459}@media (max-width:900px){.stat-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.stat-row{grid-template-columns:1fr 1fr}.analytics-hero,.manage-section{align-items:flex-start;flex-direction:column}}.commands-page{background:linear-gradient(135deg,#10020a,#1c0410 25%,#0a0a0a 50%,#0f0318 75%,#10020a);min-height:100vh}.commands-hero{overflow:hidden;padding:8rem 2rem 3rem;position:relative;text-align:center}.commands-hero:before{background:radial-gradient(circle,#fa233b14 0,#0000 70%);content:"";height:600px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:600px}.commands-hero-content{position:relative;z-index:1}.commands-badge{align-items:center;background:#fa233b1a;border:1px solid #fa233b33;border-radius:20px;color:var(--accent);display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem}.commands-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:1rem}.commands-hero p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 auto 1.5rem;max-width:550px}.commands-stats{align-items:center;color:var(--text-muted);display:flex;font-size:.95rem;gap:.75rem;justify-content:center}.commands-stats strong{color:var(--accent)}.commands-stats .dot{opacity:.4}.commands-main{margin:0 auto;max-width:900px;padding:0 2rem 4rem}.commands-toolbar{margin-bottom:2rem}.search-box{margin-bottom:1.25rem;position:relative}.search-box i{color:var(--text-muted);font-size:.9rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:var(--card);border:1px solid var(--border);border-radius:14px;color:var(--text);font-size:.95rem;outline:none;padding:.85rem 1rem .85rem 2.75rem;transition:all .2s;width:100%}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #fa233b1a}.search-box input::placeholder,.search-clear{color:var(--text-muted)}.search-clear{background:none;border:none;cursor:pointer;font-size:.85rem;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.search-clear:hover{color:var(--text)}.category-tabs-wrapper{align-items:center;display:flex;gap:0;position:relative}.tabs-scroll-btn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:.7rem;height:32px;justify-content:center;transition:all .2s;width:32px;z-index:2}.tabs-scroll-btn:hover{background:var(--hover);border-color:#ffffff26;color:var(--text)}.tabs-scroll-left{margin-right:.4rem}.tabs-scroll-right{margin-left:.4rem}.category-tabs{-ms-overflow-style:none;display:flex;flex:1 1;gap:.5rem;min-width:0;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:500;gap:.5rem;padding:.6rem 1rem;transition:all .2s;white-space:nowrap}.category-tab:hover{background:var(--hover);color:var(--text)}.category-tab.active{background:var(--accent);background:var(--tab-color,var(--accent));border-color:#0000;color:#fff}.tab-count{background:#ffffff26;border-radius:6px;font-size:.75rem;font-weight:600;padding:.1rem .45rem}.category-tab:not(.active) .tab-count{background:var(--hover)}.commands-list{display:flex;flex-direction:column;gap:.5rem}.command-item{background:var(--card);border:1px solid var(--border);border-radius:14px;cursor:pointer;overflow:hidden;transition:all .2s}.command-item:hover{background:var(--hover);border-color:#ffffff1a}.command-item.expanded{border-color:var(--accent);box-shadow:0 4px 24px #fa233b14}.command-header{gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.command-header,.command-left{align-items:center;display:flex}.command-left{flex:1 1;gap:.75rem;min-width:0}.command-category-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.command-name{background:#fa233b14;border-radius:6px;color:var(--accent);flex-shrink:0;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9rem;font-weight:600;padding:.2rem .6rem}.command-desc-short{color:var(--text-secondary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-right{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.command-badge{border-radius:6px;font-size:.75rem;font-weight:600;padding:.2rem .6rem}.expand-icon{color:var(--text-muted);font-size:.75rem;transition:transform .2s}.command-details{animation:slideDown .2s ease;border-top:1px solid var(--border);margin-top:0;padding:0 1.25rem 1.25rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.detail-section{margin-top:1.25rem}.detail-section h4{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;gap:.5rem;letter-spacing:.06em;margin-bottom:.6rem;text-transform:uppercase}.detail-section h4 i{color:var(--accent);font-size:.75rem}.detail-section p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.usage-code{background:#0000004d;border:1px solid var(--border);border-radius:10px;color:#e2e8f0;display:block;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9rem;padding:.75rem 1rem}.options-table{display:flex;flex-direction:column;gap:.5rem}.option-row{grid-gap:.75rem;align-items:center;background:#0003;border:1px solid var(--border);border-radius:10px;display:grid;gap:.75rem;grid-template-columns:auto auto 1fr;padding:.75rem 1rem}.option-name{align-items:center;display:flex;gap:.5rem}.option-name code{color:#a78bfa;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.85rem;font-weight:600}.option-tag{border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:.15rem .4rem;text-transform:uppercase}.option-tag.required{background:#ef444426;color:#ef4444}.option-tag.optional{background:#64748b26;color:#94a3b8}.option-type{color:var(--text-muted);font-size:.8rem;font-style:italic}.option-desc{color:var(--text-secondary);font-size:.85rem}.examples-list{display:flex;flex-direction:column;gap:.4rem}.example-code{background:#0003;border-left:3px solid #22c55e;border-radius:8px;color:#86efac;display:block;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.85rem;padding:.5rem .75rem}.detail-footer{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1rem}.detail-perm{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;gap:.4rem}.detail-perm i{font-size:.7rem}.detail-perm strong{color:var(--text-secondary)}.no-results{color:var(--text-muted);padding:4rem 2rem;text-align:center}.no-results i{font-size:2.5rem;margin-bottom:1rem;opacity:.3}.no-results p{font-size:1rem}@media (max-width:768px){.command-header{align-items:flex-start;flex-direction:column;gap:.5rem}.command-right{align-self:flex-end}.command-desc-short{display:none}.option-row{gap:.25rem;grid-template-columns:1fr}.category-tabs{gap:.35rem}.category-tab{font-size:.8rem;padding:.5rem .75rem}.category-tab span:not(.tab-count){display:none}}.features-page{background:linear-gradient(135deg,#10020a,#1c0410 25%,#0a0a0a 50%,#0f0318 75%,#10020a);display:flex;flex-direction:column;min-height:100vh}.features-hero{padding:8rem 2rem 3rem;position:relative;text-align:center}.features-hero:before{background:radial-gradient(circle,#8b5cf614 0,#0000 70%);content:"";height:600px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:600px}.features-hero-content{position:relative;z-index:1}.features-badge{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:20px;color:#8b5cf6;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem}.features-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:1rem}.features-hero p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:550px}.features-main{display:flex;flex-direction:column;gap:4rem;margin:0 auto;max-width:1100px;padding:2rem 2rem 4rem}.feature-category{position:relative;width:100%}.category-header{gap:1rem;margin-bottom:1.5rem;text-align:center}.category-header,.category-icon{align-items:center;display:flex;justify-content:center}.category-icon{border-radius:12px;font-size:1.1rem;height:44px;width:44px}.category-header h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.feature-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feat-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.feat-card:hover{background:var(--hover);box-shadow:0 16px 32px #0000004d;transform:translateY(-4px)}.feat-highlight{background:linear-gradient(135deg,#fa233b0a 0,var(--card) 50%);border-color:#fa233b4d}.feat-premium{position:relative}.premium-tag{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:6px;color:#fff;display:flex;font-size:.7rem;font-weight:700;gap:.3rem;padding:.2rem .6rem;position:absolute;right:.75rem;top:.75rem}.premium-tag i{font-size:.6rem}.feat-icon{font-size:1.5rem;margin-bottom:1rem}.feat-card h3{font-size:1.1rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.5rem}.feat-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.features-cta{padding:4rem 2rem;text-align:center}.cta-content{background:var(--card);border:1px solid var(--border);border-radius:24px;margin:0 auto;max-width:600px;padding:3rem 2rem}.cta-content h2{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.cta-content p{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-btn{align-items:center;border-radius:12px;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .2s}.cta-primary{background:var(--accent);color:#fff}.cta-primary:hover{background:var(--accent-hover);box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-2px)}.cta-secondary{background:var(--surface);border:1px solid var(--border);color:#fff}.cta-secondary:hover{background:var(--hover);transform:translateY(-2px)}@media (max-width:768px){.feature-cards{grid-template-columns:1fr}.cta-content{padding:2rem 1.5rem}}.commands-page{display:flex;flex-direction:column;gap:1.5rem}.commands-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.commands-subtitle{color:#aaa;color:var(--text-muted,#aaa);font-size:.95rem;margin:0}.commands-count{color:#7c3aed;color:var(--accent,#7c3aed);font-weight:700}.commands-search-wrap{flex:1 1;max-width:340px}.commands-search{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;color:var(--text,#fff);font-size:.9rem;outline:none;padding:.55rem 1rem;transition:border-color .2s;width:100%}.commands-search:focus{background:#7c3aed1a;border-color:#7c3aed;border-color:var(--accent,#7c3aed)}.commands-search::placeholder{color:#ffffff59}.commands-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.commands-tab{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;color:#aaa;color:var(--text-muted,#aaa);cursor:pointer;display:flex;font-size:.88rem;font-weight:500;gap:.4rem;padding:.45rem 1rem;transition:all .18s ease}.commands-tab:hover{background:#ffffff14}.commands-tab.active,.commands-tab:hover{border-color:#7c3aed;border-color:var(--tab-color,#7c3aed);color:#fff}.commands-tab.active{background:color-mix(in srgb,#7c3aed 20%,#0000);background:color-mix(in srgb,var(--tab-color,#7c3aed) 20%,#0000)}.commands-tab-icon{font-size:1rem}.commands-tab-count{background:#ffffff1f;border-radius:999px;font-size:.75rem;font-weight:700;line-height:1.4;padding:.1rem .45rem}.commands-category-header{align-items:center;background:#ffffff0a;border-left:4px solid;border-radius:10px;display:flex;justify-content:space-between;padding:.85rem 1.1rem}.commands-category-title{align-items:center;color:#fff;display:flex;font-size:1.05rem;font-weight:700;gap:.55rem}.commands-category-icon{font-size:1.25rem}.commands-category-badge{border-radius:999px;color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.01em;padding:.25rem .75rem}.commands-search-info{color:#aaa;color:var(--text-muted,#aaa);font-size:.9rem;margin:0}.commands-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.commands-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;display:flex;flex-direction:column;gap:.4rem;overflow:hidden;padding:.85rem 1rem;position:relative;transition:all .18s ease}.commands-card:before{background:#7c3aed;background:var(--card-accent,#7c3aed);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .18s}.commands-card:hover{background:#ffffff12;border-color:#ffffff24;transform:translateY(-2px)}.commands-card:hover:before{opacity:1}.commands-card-name{background:none;color:#7c3aed;color:var(--card-accent,#7c3aed);font-family:Fira Code,Consolas,monospace;font-size:.92rem;font-weight:700;padding:0}.commands-card-desc{color:#aaa;color:var(--text-muted,#aaa);font-size:.84rem;line-height:1.45;margin:0}.commands-card-category{align-self:flex-start;border:1px solid #ffffff1f;border-radius:999px;color:#ffffff73;font-size:.75rem;font-weight:600;margin-top:.2rem;padding:.1rem .45rem}.commands-empty{color:#aaa;color:var(--text-muted,#aaa);grid-column:1/-1;padding:3rem 0;text-align:center}@media (max-width:600px){.commands-header{align-items:flex-start;flex-direction:column}.commands-search-wrap{max-width:100%;width:100%}.commands-tabs{gap:.35rem}.commands-tab{font-size:.82rem;padding:.4rem .75rem}}.docs-page{background:#0a0a0f;display:flex;min-height:100vh;width:100%}.docs-mobile-toggle{align-items:center;background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:14px;gap:8px;left:16px;padding:10px 16px;position:fixed;top:16px;z-index:1001}.docs-sidebar{background:#0d0d14;border-right:1px solid #1f1f2e;display:flex;flex-direction:column;height:100vh;left:0;min-width:240px;overflow-y:auto;padding:24px 0;position:fixed;top:0;width:240px;z-index:100}.docs-sidebar-header{align-items:center;border-bottom:1px solid #1f1f2e;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 20px 24px}.docs-logo{gap:12px;text-decoration:none}.docs-logo,.docs-logo-icon{align-items:center;display:flex}.docs-logo-icon{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:10px;color:#fff;font-size:18px;font-weight:700;height:36px;justify-content:center;width:36px}.docs-logo-text{color:#fff;font-size:20px;font-weight:700}.docs-version{background:#1a1a24;border-radius:4px;color:#6b7280;font-size:12px;padding:4px 8px}.docs-search{align-items:center;background:#12121a;border:1px solid #1f1f2e;border-radius:8px;display:flex;gap:10px;margin:0 16px 24px;padding:10px 14px;transition:border-color .2s}.docs-search:focus-within{border-color:#7c3aed}.docs-search svg{color:#6b7280;flex-shrink:0}.docs-search input{background:#0000;border:none;color:#fff;flex:1 1;font-size:14px;outline:none}.docs-search input::placeholder{color:#6b7280}.docs-nav{flex:1 1;overflow-y:auto;padding:0 12px}.docs-nav-category{margin-bottom:24px}.docs-nav-title{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:0 8px;text-transform:uppercase}.docs-nav-item{align-items:center;border-radius:6px;color:#9ca3af;display:flex;font-size:14px;margin-bottom:2px;padding:8px 12px;text-decoration:none;transition:all .15s ease}.docs-nav-item:hover{background:#1a1a24;color:#fff}.docs-nav-item.active{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.docs-main{display:flex;flex:1 1;margin-left:240px;min-height:100vh;width:calc(100% - 240px)}.docs-content-wrapper{display:flex;flex:1 1;margin:0 auto;max-width:100%;width:100%}.docs-content{flex:1 1;max-width:100%;min-width:0;padding:48px 64px;width:100%}.docs-breadcrumb{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:24px}.breadcrumb-link{color:#6b7280;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#7c3aed}.breadcrumb-separator{color:#4b5563}.breadcrumb-current{color:#9ca3af}.docs-header{margin-bottom:32px}.docs-header h1{color:#fff;font-size:36px;font-weight:700;line-height:1.2;margin:0}.docs-body{color:#d1d5db;font-size:16px;line-height:1.75}.docs-body h2{border-top:1px solid #1f1f2e;color:#fff;font-size:26px;font-weight:600;margin:48px 0 16px;padding-top:24px}.docs-body h2:first-child{border-top:none;margin-top:0;padding-top:0}.docs-body h3{color:#fff;font-size:20px;font-weight:600;margin:32px 0 12px}.docs-body p{margin:16px 0}.docs-body .docs-description{color:#9ca3af;font-size:18px;margin-bottom:32px}.docs-body ol,.docs-body ul{margin:16px 0;padding-left:24px}.docs-body li{margin:8px 0}.docs-body a.docs-link{color:#a78bfa;text-decoration:none;transition:color .2s}.docs-body a.docs-link:hover{color:#c4b5fd;text-decoration:underline}.docs-body code{background:#1a1a24;border-radius:4px;color:#e879f9;padding:3px 8px}.docs-body .docs-code,.docs-body code{font-family:Fira Code,Consolas,monospace;font-size:14px}.docs-body .docs-code{background:#12121a;border:1px solid #1f1f2e;border-radius:8px;color:#a78bfa;display:block;margin:12px 0;overflow-x:auto;padding:12px 16px}.docs-command-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:20px 0}.docs-command-item{align-items:center;background:#12121a;border:1px solid #1f1f2e;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.docs-command-item code{background:#0000;color:#a78bfa;padding:0}.docs-command-item span{color:#6b7280;font-size:14px}.docs-body .docs-note{background:#7c3aed1a;border:1px solid #7c3aed4d;border-radius:8px;color:#c4b5fd;font-size:14px;margin:20px 0;padding:16px 20px}.docs-body .docs-note a{color:#e879f9}.docs-toc{background:#0d0d14;border-left:1px solid #1f1f2e;flex-shrink:0;height:100vh;min-width:200px;overflow-y:auto;padding:48px 24px;position:-webkit-sticky;position:sticky;top:0;width:200px}.docs-toc-title{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.docs-toc-nav{display:flex;flex-direction:column;gap:4px}.docs-toc-item{border-left:2px solid #0000;color:#6b7280;display:block;font-size:13px;padding:6px 12px;text-decoration:none;transition:all .15s ease}.docs-toc-item:hover{border-left-color:#4b5563;color:#9ca3af}.docs-toc-item.active{border-left-color:#7c3aed;color:#a78bfa}.docs-footer-nav{border-top:1px solid #1f1f2e;display:flex;gap:24px;justify-content:space-between;margin-top:64px;padding-top:32px}.docs-nav-card{background:#12121a;border:1px solid #1f1f2e;border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:280px;padding:16px 20px;text-decoration:none;transition:all .2s ease}.docs-nav-card:hover{background:#1a1a24;border-color:#7c3aed}.docs-nav-card.prev{align-items:flex-start}.docs-nav-card.next{align-items:flex-end;text-align:right}.docs-nav-card-label{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.docs-nav-card-title{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:500;gap:8px}.docs-nav-card.next .docs-nav-card-title svg{order:1}.docs-nav-card:hover .docs-nav-card-title{color:#a78bfa}@media (max-width:1200px){.docs-toc{display:none}.docs-content{padding:48px 32px}}@media (max-width:768px){.docs-mobile-toggle{display:flex}.docs-sidebar{position:fixed;transform:translateX(-100%);transition:transform .3s ease;z-index:1000}.docs-sidebar.open{transform:translateX(0)}.docs-main{margin-left:0;width:100%}.docs-content{padding:80px 20px 40px}.docs-header h1{font-size:28px}.docs-command-grid{grid-template-columns:1fr}.docs-footer-nav{flex-direction:column}.docs-nav-card{max-width:100%}.docs-nav-card.next{align-items:flex-start;text-align:left}.docs-nav-card.next .docs-nav-card-title{justify-content:flex-start}.docs-nav-card.next .docs-nav-card-title svg{order:0}}.lb-page{display:flex;flex-direction:column;gap:2rem;width:100%}.lb-header{flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.lb-header,.lb-title-row{align-items:center;display:flex}.lb-title-row{gap:1rem}.lb-title-icon{align-items:center;background:linear-gradient(135deg,gold,#f59e0b);border-radius:16px;box-shadow:0 6px 20px #f59e0b4d;color:#fff;display:flex;flex-shrink:0;font-size:1.4rem;height:52px;justify-content:center;width:52px}.lb-title-row h1{color:#fff;font-size:1.5rem;font-weight:800;margin:0 0 .2rem}.lb-title-row p{color:#fff6;font-size:.85rem;margin:0}.lb-server-select-wrap{align-items:center;color:#fff6;display:flex;font-size:.9rem;gap:.6rem}.lb-server-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;font-size:.88rem;min-width:200px;outline:none;padding:.6rem 1rem;transition:border-color .2s}.lb-server-select:focus{border-color:#7c3aed}.lb-server-select option{background:#1a1a2e}.lb-server-loading{align-items:center;display:flex;padding:.5rem}.lb-no-servers{font-size:.85rem;gap:.5rem}.lb-loading,.lb-no-servers{align-items:center;color:#ffffff59;display:flex}.lb-loading{flex-direction:column;font-size:.88rem;gap:1rem;padding:6rem 2rem}.lb-spinner{animation:spin .75s linear infinite;border:3px solid #f59e0b26;border-radius:50%;border-top-color:#f59e0b;height:32px;width:32px}.lb-empty{flex-direction:column;gap:1rem;padding:6rem 2rem;text-align:center}.lb-empty,.lb-empty-icon{align-items:center;display:flex;justify-content:center}.lb-empty-icon{background:#f59e0b1a;border-radius:50%;color:#f59e0b80;font-size:1.8rem;height:72px;width:72px}.lb-empty h3{color:#fff9;font-size:1.1rem;font-weight:700;margin:0}.lb-empty p{color:#ffffff4d;font-size:.85rem;margin:0;max-width:320px}.lb-podium{align-items:flex-end;display:flex;gap:1rem;justify-content:center;padding:1.5rem 1rem 0}.podium-card{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.4rem;max-width:200px;position:relative}.podium-crown{animation:float 3s ease-in-out infinite;color:gold;filter:drop-shadow(0 2px 6px rgba(255,215,0,.5));font-size:1.4rem;margin-bottom:.2rem}.podium-avatar-wrap{position:relative}.podium-avatar{border:3px solid #ffffff26;border-radius:50%;height:64px;object-fit:cover;width:64px}.podium-avatar.large{height:80px;width:80px}.rank-1 .podium-avatar.large{border-color:gold;box-shadow:0 0 0 3px #ffd70033,0 8px 24px #ffd70040}.rank-2 .podium-avatar{border-color:silver}.rank-3 .podium-avatar{border-color:#cd7f32}.podium-medal{align-items:center;border:2px solid #0000004d;border-radius:50%;bottom:-4px;color:#fff;display:flex;font-size:.65rem;font-weight:800;height:22px;justify-content:center;position:absolute;right:-4px;width:22px}.podium-name{color:#fff;font-size:.9rem;font-weight:700;max-width:150px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.rank-1 .podium-name{color:gold;font-size:1rem}.podium-tracks{color:#fff9;font-size:.82rem;font-weight:600}.podium-time{color:#ffffff4d;font-size:.72rem}.podium-bar{border-radius:12px 12px 0 0;margin-top:.5rem;width:100%}.rank-1-bar{background:linear-gradient(180deg,#ffd70040,#ffd70014);border-top:2px solid #ffd70066;height:80px}.rank-2-bar{background:linear-gradient(180deg,#c0c0c033,#c0c0c00d);border-top:2px solid #c0c0c04d;height:56px}.rank-3-bar{background:linear-gradient(180deg,#cd7f3233,#cd7f320d);border-top:2px solid #cd7f324d;height:40px}.lb-list{background:hsla(0,0%,100%,.025);border:1px solid #ffffff12;border-radius:16px;overflow:hidden}.lb-row{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;gap:1rem;padding:1rem 1.5rem;transition:background .15s}.lb-row:last-child{border-bottom:none}.lb-row:hover{background:hsla(0,0%,100%,.025)}.lb-rank{color:#ffffff4d;flex-shrink:0;font-size:.82rem;font-weight:700;text-align:center;width:36px}.lb-avatar{border:1.5px solid #ffffff1a;border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.lb-user-info{display:flex;flex:1 1;flex-direction:column;gap:.4rem;min-width:0}.lb-username{color:#fff;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-progress-bar{background:#ffffff0f;border-radius:2px;height:3px;max-width:300px;overflow:hidden}.lb-progress-fill{background:linear-gradient(90deg,#7c3aed,#db2777);border-radius:2px;height:100%;transition:width .8s ease}.lb-stats{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0}.lb-tracks{color:#fff;font-size:1rem;font-weight:700}.lb-track-label{color:#ffffff4d;font-size:.7rem}.lb-duration{color:#ffffff4d;flex-shrink:0;font-size:.78rem;min-width:50px;text-align:right}@media (max-width:640px){.lb-header{align-items:flex-start;flex-direction:column}.lb-podium{gap:.5rem;padding:1rem .5rem 0}.podium-card{max-width:120px}.lb-row{gap:.75rem;padding:.85rem 1rem}.lb-duration{display:none}}.updates-page{padding:2rem}.updates-header{margin-bottom:2rem}.page-title{align-items:center;color:var(--text);display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.page-title i{color:var(--accent)}.page-subtitle{color:var(--text-secondary);font-size:.95rem}.updates-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:200px 1fr}.version-list{gap:.5rem}.version-item,.version-list{display:flex;flex-direction:column}.version-item{align-items:flex-start;background:#1e1e2399;border:1px solid var(--border);border-radius:10px;cursor:pointer;padding:1rem;text-align:left;transition:all .2s ease}.version-item:hover{background:#ffffff0d;border-color:var(--text-secondary)}.version-item.active{background:#fa233b26;border-color:var(--accent)}.version-item.type-major{border-left:3px solid var(--accent)}.version-item.type-minor{border-left:3px solid #8b5cf6}.version-badge{color:var(--text);font-size:.9rem;font-weight:700;margin-bottom:.25rem}.version-date{color:var(--text-secondary);font-size:.75rem}.version-details{min-height:400px}.changelog-card{background:#1e1e2399;border:1px solid var(--border);border-radius:16px;padding:2rem}.changelog-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.changelog-version{border-radius:6px;font-size:1.25rem;font-weight:700;padding:.25rem .75rem}.changelog-version.type-major{background:#fa233b33;color:var(--accent)}.changelog-version.type-minor{background:#8b5cf633;color:#8b5cf6}.changelog-date{color:var(--text-secondary);font-size:.9rem}.changelog-title{color:var(--text);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.changelog-list{display:flex;flex-direction:column;gap:.75rem;list-style:none}.changelog-item{align-items:flex-start;background:#0003;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.changelog-item i{margin-top:2px}.changelog-item span{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.type-new i{color:#22c55e}.type-fix i{color:#f59e0b}.type-update i{color:#3b82f6}.updates-footer{background:#1e1e2366;border:1px solid var(--border);border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:center}.updates-footer p{color:var(--text-secondary);font-size:.9rem}.updates-footer a{color:var(--accent);text-decoration:none}.updates-footer a:hover{text-decoration:underline}@media (max-width:768px){.updates-content{grid-template-columns:1fr}.version-list{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.version-item{min-width:120px}}.status-page{background:linear-gradient(135deg,#0a0a0f,#0f0318 50%,#10020a);display:flex;flex-direction:column;min-height:100vh}.status-page>.footer{flex-shrink:0;margin-top:auto}.status-content{margin:0 auto;max-width:1200px;padding:6rem 2rem 4rem}.status-autoupdate{color:var(--text-muted);font-size:.85rem;margin-top:.25rem}.status-header{margin-bottom:3rem;text-align:center}.status-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.75rem}.status-header p{color:var(--text-secondary);font-size:1.1rem}.status-banner{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:16px;display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem 2rem}.status-banner.degraded{background:#f59e0b1a;border-color:#f59e0b4d}.status-banner.outage{background:#ef44441a;border-color:#ef44444d}.status-banner-icon{color:#22c55e;font-size:2.5rem}.status-banner.degraded .status-banner-icon{color:#f59e0b}.status-banner.outage .status-banner-icon{color:#ef4444}.status-banner-text h2{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.status-banner-text p{color:var(--text-muted);font-size:.9rem}.status-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:3rem}.summary-card{background:var(--card);border:1px solid var(--border);border-radius:16px;gap:1rem;padding:1.5rem}.summary-card,.summary-icon{align-items:center;display:flex}.summary-icon{border-radius:14px;font-size:1.25rem;height:56px;justify-content:center;width:56px}.summary-icon.servers{background:#0a84ff26;color:#0a84ff}.summary-icon.shards{background:#bf5af226;color:#bf5af2}.summary-icon.online{background:#22c55e26;color:#22c55e}.summary-icon.ping{background:#fa233b26;color:var(--accent)}.summary-info{display:flex;flex-direction:column}.summary-value{font-size:1.75rem;font-weight:700}.summary-value.online{color:#22c55e}.summary-label{color:var(--text-muted);font-size:.85rem}.services-section{margin-bottom:3rem}.services-section h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.services-legend{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:1.5rem;margin-bottom:1.25rem}.legend-dot-sm{border-radius:50%;display:inline-block;height:10px;margin-right:.4rem;vertical-align:middle;width:10px}.services-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.service-card{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.service-status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.service-info{display:flex;flex-direction:column}.service-name{font-size:1rem;font-weight:600}.service-status{color:var(--text-muted);font-size:.85rem}.shards-section{margin-bottom:2rem;position:relative}.shards-section h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.shards-description{color:var(--text-muted);font-size:.9rem;margin-bottom:1.25rem}.shard-dots-grid{background:var(--card);border:1px solid var(--border);border-radius:14px;display:flex;flex-wrap:wrap;gap:.5rem;overflow:visible;padding:1.25rem}.shard-dot-wrap{position:relative}.shard-dot{align-items:center;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.72rem;font-weight:700;height:36px;justify-content:center;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;width:36px}.shard-dot-wrap:hover .shard-dot{box-shadow:0 4px 16px #00000080;transform:scale(1.15)}.shard-hover-card{background:#0c0c1cfa;border:1px solid #ffffff1f;border-radius:12px;bottom:calc(100% + 10px);box-shadow:0 8px 32px #000000b3;left:50%;min-width:185px;opacity:0;padding:.85rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s ease,visibility .15s ease;visibility:hidden;white-space:nowrap;z-index:9999}.shard-dot-wrap:hover .shard-hover-card{opacity:1;visibility:visible}.shc-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:.5rem;margin-bottom:.65rem;padding-bottom:.55rem}.shc-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.shc-header strong{color:#fff;flex:1 1;font-size:.88rem}.shc-badge{font-size:.68rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.shc-row{color:#ffffff80;display:flex;font-size:.8rem;justify-content:space-between;padding:.18rem 0}.shc-row span:last-child{color:#ffffffe6;font-weight:600}.status-legend{background:var(--card);border:1px solid var(--border);border-radius:12px;display:flex;gap:2rem;justify-content:center;padding:1.5rem}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem}.legend-dot{border-radius:50%;height:10px;width:10px}.status-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:48px;margin-bottom:1rem;width:48px}.status-error{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem}.status-error i{color:#ef4444;font-size:3rem;margin-bottom:1rem}@media (max-width:1024px){.status-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.status-content{padding:5rem 1rem 2rem}.status-header h1{font-size:2rem}.status-banner{flex-direction:column;text-align:center}.services-grid,.shard-grid{grid-template-columns:1fr}.status-legend{align-items:center;flex-direction:column;gap:.75rem}}@media (max-width:480px){.status-summary{grid-template-columns:1fr}}:root{--bg:#0a0a0c;--surface:#16161ae6;--card:#26262ab3;--hover:#3a3a3ccc;--text:#fff;--text-secondary:#ffffffa6;--text-muted:#fff6;--accent:#fa233b;--accent-hover:#ff4757;--accent-glow:#fa233b33;--purple:#bf5af2;--green:#30d158;--blue:#0a84ff;--gold:#ffd60a;--border:#ffffff0f;--shadow:0 8px 32px #00000080;--blur:40px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--gradient-accent:linear-gradient(135deg,#fa233b,#ff4757);--gradient-purple:linear-gradient(135deg,#bf5af2,#d98af0);--gradient-blue:linear-gradient(135deg,#0a84ff,#5ac8fa);--gradient-green:linear-gradient(135deg,#30d158,#63e68c);--gradient-gold:linear-gradient(135deg,#ffd60a,#ff9f0a);--gradient-surface:linear-gradient(180deg,#16161af2,#101014fa)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0c;background:var(--bg);color:#fff;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-container:after{content:"";display:block}.app-container>:not(.footer):not(.persistent-player){flex:1 1}.landing{display:flex;flex-direction:column;min-height:100vh}.landing>:not(.footer){flex:0 0 auto}.landing>section:last-of-type{flex:1 1}body:before{background:radial-gradient(ellipse at 0 0,#fa233b14 0,#0000 50%),radial-gradient(ellipse at 100% 0,#bf5af20f 0,#0000 50%),radial-gradient(ellipse at 50% 100%,#0a84ff0d 0,#0000 50%);content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer}button,input,select,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}::selection{background:#fa233b4d;color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #fa233b33;box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px #fa233b33;box-shadow:0 0 40px var(--accent-glow)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeInUp{animation:fadeInUp .6s ease forwards}.animate-fadeIn{animation:fadeIn .4s ease forwards}.animate-slideInLeft{animation:slideInLeft .5s ease forwards}.animate-slideInRight{animation:slideInRight .5s ease forwards}@media (max-width:768px){:root{--radius-lg:18px;--radius-xl:24px}}
/*# sourceMappingURL=main.f40b21b4.css.map*/