.server-card{background:#0c1116;border:1px solid rgba(255,255,255,0.06);border-radius:12px;overflow:hidden;transition:all 0.2s ease;max-height:600px;height:600px}.server-card:hover{border-color:rgba(255,255,255,0.12);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.4)}.server-icon{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,0.1)}.server-name{font-size:1rem;font-weight:600;color:#ffffff!important;line-height:1.2;margin-bottom:0.2rem;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.server-name-link{color:inherit!important;text-decoration:none!important}.server-name-link:hover{text-decoration:underline!important}.premium-star{display:inline-block;margin-left:0.4rem;font-size:0.9rem;animation:starPulse 2s ease-in-out infinite;vertical-align:middle;filter:drop-shadow(0 0 3px rgba(255,215,0,0.6))}@keyframes starPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:0.9}}.server-meta{display:flex;gap:1rem;font-size:0.75rem;color:rgba(255,255,255,0.7)}.server-meta i{font-size:0.6rem;margin-right:0.3rem}.tags-container{display:flex;align-items:center;flex-wrap:wrap;gap:0.15rem 0.3rem;margin-bottom:0.25rem;flex-direction:row;max-height:2.8em;overflow:hidden}.tag{display:inline-flex;align-items:center;white-space:nowrap;font-size:0.62rem;padding:0;border-radius:0;background:none;color:rgba(255,255,255,0.45);font-weight:400;border:none;text-transform:uppercase;letter-spacing:0.3px}.tag.primary-category{background:#7d19ff;color:white;font-weight:600;border-radius:4px;padding:0.12rem 0.4rem;font-size:0.62rem;text-transform:none;letter-spacing:0}.tag.nsfw-tag{background:rgba(220,53,69,0.2);color:#dc3545;font-weight:600;border-radius:4px;padding:0.12rem 0.4rem;text-transform:none;letter-spacing:0}.tag.event-tag{color:rgba(244,202,129,0.7);font-weight:500}.tag.more{color:rgba(255,255,255,0.35);font-size:0.6rem;cursor:default;background:none;border:none;padding:0}.server-content-area{flex:1;display:flex;flex-direction:column;min-height:0}.server-description{flex:1;display:flex;flex-direction:column;margin-bottom:0.5rem;min-height:0;overflow:hidden}.description-scrollable{flex:1;font-size:0.8rem;color:rgba(255,255,255,0.7);line-height:1.4;overflow-y:auto;padding-right:4px;word-wrap:break-word;overflow-wrap:break-word}.description-scrollable *{font-size:inherit!important;line-height:inherit!important;margin:0!important;padding:0!important}.description-scrollable::-webkit-scrollbar{width:6px}.description-scrollable::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:3px}.description-scrollable::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}.description-scrollable::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}.server-actions{margin-top:0.5rem}.btn-sm{padding:0.3rem 0.7rem;font-size:0.8rem}.featured-card{background:linear-gradient(135deg,color-mix(in srgb,var(--card-primary,#7d19ff) 12%,#0c1116) 0%,color-mix(in srgb,var(--card-secondary,#F4CA81) 8%,#0c1116) 100%)!important;border:1px solid color-mix(in srgb,var(--card-primary,#7d19ff) 50%,transparent);border-radius:var(--card-border-radius,12px);box-shadow:0 4px 15px rgba(0,0,0,0.5),0 0 25px color-mix(in srgb,var(--card-primary,#7d19ff) 30%,transparent),0 0 50px color-mix(in srgb,var(--card-primary,#7d19ff) 15%,transparent)}.featured-card:hover{border-color:color-mix(in srgb,var(--card-primary,#7d19ff) 60%,transparent);box-shadow:0 6px 20px rgba(0,0,0,0.5),0 0 35px color-mix(in srgb,var(--card-primary,#7d19ff) 40%,transparent),0 0 60px color-mix(in srgb,var(--card-primary,#7d19ff) 20%,transparent)}.featured-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-primary,#7d19ff) 0%,color-mix(in srgb,var(--card-primary,#7d19ff) 70%,var(--card-secondary,#F4CA81)) 50%,var(--card-primary,#7d19ff) 100%);border-radius:var(--card-border-radius,12px) var(--card-border-radius,12px) 0 0;pointer-events:none;z-index:5}.featured-card .card-body{background:transparent;position:relative}.featured-card .description-scrollable{color:rgba(255,255,255,0.8);text-shadow:0 1px 2px rgba(0,0,0,0.5)}.featured-card .server-meta{color:rgba(255,255,255,0.75)}.featured-card .server-meta .sponsor-badge-meta{color:#F4CA81;font-weight:600}.featured-card .tag{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.12);color:rgba(255,255,255,0.85)}.featured-card.no-banner::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7d19ff 0%,#F4CA81 100%);border-radius:12px 12px 0 0;z-index:10}.featured-badge{position:absolute;top:0.5rem;right:0.5rem;background:#7d19ff;color:white;padding:0.2rem 0.5rem;border-radius:4px;font-size:0.7rem;font-weight:600;z-index:2}.new-listing-badge{position:absolute;top:0;left:0;background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;padding:0.25rem 0.6rem;border-radius:0 0 6px 0;font-size:0.7rem;font-weight:600;z-index:2;box-shadow:0 2px 8px rgba(34,197,94,0.3)}.nsfw-card{}.server-language{display:inline-flex;align-items:center;gap:0.3rem;color:rgba(255,255,255,0.6);font-size:0.7rem;font-weight:500}.server-language i{font-size:0.6rem;color:rgba(125,25,255,0.8)}.notification-tab{position:absolute;top:0.5rem;left:0.5rem;padding:0.2rem 0.5rem;border-radius:4px;font-size:0.7rem;font-weight:500;z-index:2;background:rgba(255,255,255,0.1);color:white}.notification-tab.scheduled{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.9)}.notification-tab.ongoing{background:rgba(46,204,113,0.2);color:#2ecc71}.notification-tab.likes{background:rgba(231,76,60,0.2);color:#e74c3c}.tag.event-tag{background:linear-gradient(135deg,#5865f2,#7289da);color:white;font-weight:600;border:none}.tag.event-tag i{font-size:0.6rem}.tag.nsfw-tag{background:#dc2626;color:white;font-weight:700;border:none;font-size:0.65rem;padding:0.15rem 0.5rem}.nsfw-join-badge{display:inline-flex;align-items:center;justify-content:center;background:#dc2626;color:white;font-size:0.6rem;font-weight:700;padding:0.15rem 0.3rem;border-radius:3px;line-height:1}.collab-btn.liked,.collab-btn.scheduled,.collab-btn.ongoing{opacity:0.7;cursor:not-allowed}.server-metrics{display:flex;flex-direction:row;flex-wrap:nowrap;gap:0.4rem 1rem;background:transparent;border-radius:0;padding:0.1rem 0 0.25rem 0;margin-top:0.15rem;margin-left:0;overflow:hidden}.metric-item{display:flex;align-items:center;gap:0.3rem;white-space:nowrap}.metric-item i{font-size:0.7rem;color:rgba(255,255,255,0.5)}.metric-content{display:flex;flex-direction:row;align-items:baseline;gap:0.2rem}.metric-value{font-size:0.82rem;font-weight:600;color:white;line-height:1;min-width:2.5ch}.metric-name{font-size:0.62rem;color:rgba(255,255,255,0.5);font-weight:400;white-space:nowrap}.social-links-top{display:flex;gap:0.5rem;align-items:center}.social-link-top{color:rgba(255,255,255,0.6);background:none;border:none;font-size:1rem;padding:0.2rem;border-radius:50%;transition:color 0.2s,background 0.2s;text-decoration:none}.social-link-top:hover{color:#fff;background:rgba(255,255,255,0.1)}.social-link-top i{font-size:1.1rem;vertical-align:middle}.clickable-card{transition:transform 0.2s ease,box-shadow 0.2s ease}.clickable-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.5)}.preview-disabled{opacity:0.6!important;cursor:not-allowed!important;pointer-events:none!important}.social-link-top.preview-disabled{color:rgba(255,255,255,0.4)!important;background:none!important}.btn.preview-disabled{opacity:0.5!important;cursor:not-allowed!important}.lazy-load{opacity:0.7;transition:opacity 0.3s ease}.lazy-load.loaded{opacity:1}.server-header{position:relative;overflow:hidden;border-radius:8px}.server-header.has-banner{padding:0.6rem;margin:-0.7rem -0.7rem 0.35rem -0.7rem;border-radius:10px 10px 0 0}.server-header-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(2px) brightness(0.3);z-index:0;pointer-events:none}.server-header.has-banner>*:not(.server-header-bg){position:relative;z-index:1}@media (max-width:768px){.server-card{height:500px;max-height:500px}.server-card .card-body{padding:0.75rem!important}.server-header{margin-bottom:0.5rem!important}.server-metrics{margin-bottom:0.35rem!important;padding:0.15rem 0!important;gap:0.4rem 0.8rem!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important}.tags-container{margin-bottom:0.5rem!important;gap:0.1rem 0.25rem!important}.server-description{margin-bottom:0.5rem!important}.server-actions{margin-top:0.5rem!important;gap:0.5rem!important}.server-name{font-size:0.9rem!important;margin-bottom:0.1rem!important}.server-icon{width:36px!important;height:36px!important}.tag{font-size:0.58rem!important}.tag.primary-category{padding:0.1rem 0.35rem!important}.description-scrollable{font-size:0.75rem!important;line-height:1.3!important}.btn-sm{padding:0.25rem 0.5rem!important;font-size:0.75rem!important}.metric-item{gap:0.35rem!important}.metric-item i{font-size:0.7rem!important}.metric-value{font-size:0.8rem!important;font-weight:600!important}.metric-name{font-size:0.6rem!important;white-space:nowrap!important}.featured-card .description-scrollable{text-shadow:0 1px 1px rgba(0,0,0,0.3)}}.premium-card{background:linear-gradient(135deg,color-mix(in srgb,var(--card-primary,#7d19ff) 10%,#0c1116) 0%,color-mix(in srgb,var(--card-secondary,#F4CA81) 6%,#0c1116) 100%)!important;border-radius:var(--card-border-radius,12px);box-shadow:0 4px 12px rgba(0,0,0,0.4);overflow:hidden;border:1px solid color-mix(in srgb,var(--card-primary,#7d19ff) 15%,transparent)!important}.premium-card:hover{border-color:color-mix(in srgb,var(--card-primary,#7d19ff) 30%,transparent)!important;box-shadow:0 6px 20px rgba(0,0,0,0.5);transform:translateY(-2px)}.premium-card .card-body{background:rgba(0,0,0,0.35);position:relative}.premium-card .card-body::before{content:'';position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,color-mix(in srgb,var(--card-primary,#7d19ff) 8%,transparent) 0%,transparent 100%);pointer-events:none;z-index:0}.premium-card .card-body>*{position:relative;z-index:1}.premium-card[data-card-style="glass"]{background:linear-gradient(135deg,color-mix(in srgb,var(--card-primary,#7d19ff) 12%,rgba(12,17,22,0.92)) 0%,color-mix(in srgb,var(--card-secondary,#F4CA81) 8%,rgba(12,17,22,0.92)) 100%)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--card-primary,#7d19ff) 40%,transparent)!important}.premium-card[data-card-style="glass"] .card-body{background:rgba(0,0,0,0.25)}.premium-card[data-card-style="neumorphism"]{background:color-mix(in srgb,var(--card-primary,#7d19ff) 6%,#0c1116)!important;box-shadow:8px 8px 16px rgba(0,0,0,0.5),-4px -4px 12px color-mix(in srgb,var(--card-primary,#7d19ff) 15%,transparent);border:none!important}.premium-card[data-card-style="neumorphism"]:hover{box-shadow:10px 10px 20px rgba(0,0,0,0.6),-6px -6px 16px color-mix(in srgb,var(--card-primary,#7d19ff) 20%,transparent)}.premium-card[data-card-style="neumorphism"] .card-body{background:rgba(0,0,0,0.2)}.premium-card[data-card-style="sharp"]{border-radius:0!important}.premium-card[data-card-style="sharp"] .card-banner{border-radius:0!important}.premium-card[data-card-shadow="neon"]{box-shadow:0 0 20px color-mix(in srgb,var(--card-primary,#7d19ff) 50%,transparent),0 0 40px color-mix(in srgb,var(--card-primary,#7d19ff) 30%,transparent),inset 0 0 30px color-mix(in srgb,var(--card-primary,#7d19ff) 8%,transparent)}.premium-card[data-card-shadow="neon"]:hover{box-shadow:0 0 30px color-mix(in srgb,var(--card-primary,#7d19ff) 60%,transparent),0 0 60px color-mix(in srgb,var(--card-primary,#7d19ff) 40%,transparent),inset 0 0 40px color-mix(in srgb,var(--card-primary,#7d19ff) 10%,transparent)}.premium-card[data-card-shadow="strong"]{box-shadow:0 0 30px color-mix(in srgb,var(--card-primary,#7d19ff) 30%,transparent),0 10px 40px rgba(0,0,0,0.5)}.premium-card[data-card-shadow="subtle"]{box-shadow:0 0 15px color-mix(in srgb,var(--card-primary,#7d19ff) 15%,transparent),0 4px 12px rgba(0,0,0,0.3)}.premium-card[data-card-shadow="none"]{box-shadow:none}.premium-card .tag.primary-category{background:var(--card-primary,#7d19ff)!important;border-color:color-mix(in srgb,var(--card-primary,#7d19ff) 60%,transparent)!important}.premium-card .card-banner{position:relative}.premium-card .card-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,color-mix(in srgb,var(--card-primary,#7d19ff) 25%,rgba(0,0,0,0.4)) 100%);pointer-events:none;border-radius:12px 12px 0 0}.premium-card:not(:has(.card-banner)){position:relative}.premium-card:not(:has(.card-banner))::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-primary,#7d19ff) 0%,var(--card-secondary,#F4CA81) 100%);border-radius:var(--card-border-radius,12px) var(--card-border-radius,12px) 0 0}.premium-card[data-card-style="sharp"] .card-banner::after{border-radius:0}.premium-card .server-icon{border-color:color-mix(in srgb,var(--card-primary,#7d19ff) 50%,transparent)!important}.premium-card .metric-item i{color:var(--card-primary,#7d19ff)}.premium-card .server-name{text-shadow:0 0 20px color-mix(in srgb,var(--card-primary,#7d19ff) 30%,transparent)}.premium-card .description-scrollable{color:rgba(255,255,255,0.85);text-shadow:0 1px 2px rgba(0,0,0,0.4)}.premium-card .server-meta{color:rgba(255,255,255,0.8)}.premium-card .server-meta .sponsor-badge-meta{color:var(--card-secondary,#F4CA81);font-weight:600}.premium-card .tag{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.9)}.premium-card .tag:not(.primary-category):not(.nsfw-tag):not(.event-tag){backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.premium-card .metric-value{text-shadow:0 1px 2px rgba(0,0,0,0.3)}.premium-card .metric-name{color:rgba(255,255,255,0.6)}.premium-card .btn-primary,.premium-card .btn-outline-primary{border-color:var(--card-primary,#7d19ff);background:var(--card-primary,#7d19ff)}.premium-card .btn-outline-primary{background:transparent;color:var(--card-primary,#7d19ff)}.premium-card .btn-outline-primary:hover{background:var(--card-primary,#7d19ff);color:white}.premium-card .join-server-btn{background:var(--card-primary,#7d19ff);border:none;box-shadow:0 0 10px color-mix(in srgb,var(--card-primary,#7d19ff) 30%,transparent)}.premium-card .join-server-btn:hover{transform:scale(1.02);box-shadow:0 0 15px color-mix(in srgb,var(--card-primary,#7d19ff) 50%,transparent)}.featured-card .join-server-btn{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--card-primary,#7d19ff) 0%,color-mix(in srgb,var(--card-primary,#7d19ff) 80%,white) 50%,var(--card-primary,#7d19ff) 100%);background-size:200% 100%;animation:sponsoredButtonShimmer 5s ease-in-out infinite;border:none;box-shadow:0 0 12px color-mix(in srgb,var(--card-primary,#7d19ff) 40%,transparent)}.featured-card .join-server-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.2) 50%,transparent 100%);animation:sponsoredButtonShine 5s ease-in-out infinite}.featured-card .join-server-btn:hover{transform:scale(1.02);box-shadow:0 0 18px color-mix(in srgb,var(--card-primary,#7d19ff) 60%,transparent)}@keyframes sponsoredButtonShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes sponsoredButtonShine{0%{left:-100%}60%,100%{left:100%}}.featured-card .tag.primary-category{background:var(--card-primary,#7d19ff)!important;border-color:color-mix(in srgb,var(--card-primary,#7d19ff) 60%,transparent)!important}.featured-card .server-meta .sponsor-badge-meta{color:var(--card-secondary,#F4CA81);font-weight:600}.featured-card .server-icon{border-color:color-mix(in srgb,var(--card-primary,#7d19ff) 50%,transparent)!important}.premium-card.no-banner::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-primary,#7d19ff) 0%,var(--card-secondary,#F4CA81) 100%);border-radius:var(--card-border-radius,12px) var(--card-border-radius,12px) 0 0;z-index:10}@media (max-width:480px){.server-card{height:auto;max-height:none}.server-header.has-banner{margin:-0.6rem -0.6rem 0.35rem -0.6rem;padding:0.5rem}.server-card .card-body{padding:0.6rem!important}.server-icon{width:32px!important;height:32px!important}.server-name{font-size:0.85rem!important}.server-meta{font-size:0.68rem;gap:0.6rem}.tags-container{gap:0.1rem 0.25rem!important;margin-bottom:0.35rem!important;max-height:1.4em!important}.tag{font-size:0.56rem!important}.tag.primary-category{padding:0.1rem 0.3rem!important;font-size:0.56rem!important}.server-description{max-height:4.2em;margin-bottom:0.3rem!important;overflow-y:auto!important}.description-scrollable{font-size:0.75rem!important;line-height:1.35!important}.server-metrics{gap:0.3rem 0.6rem!important;padding:0.1rem 0 0.2rem 0!important;flex-wrap:nowrap!important}.metric-value{font-size:0.72rem!important}.metric-name{font-size:0.52rem!important}.metric-item i{font-size:0.6rem!important}.btn-sm{padding:0.25rem 0.5rem!important;font-size:0.72rem!important}.social-links-top{gap:0.3rem}.social-link-top i{font-size:0.9rem}.whats-new-section{margin-top:0.3rem;padding-top:0.3rem}.whats-new-header{margin-bottom:0.1rem}.whats-new-snippet{font-size:0.7rem;line-height:1.3;margin-bottom:0.1rem;-webkit-line-clamp:2}}@media (max-width:480px){.premium-card .card-body{background:rgba(0,0,0,0.4)}.premium-card .card-body::before{height:40px}.premium-card .description-scrollable{text-shadow:0 1px 1px rgba(0,0,0,0.3)}.premium-card .tag:not(.primary-category):not(.nsfw-tag):not(.event-tag){backdrop-filter:none;-webkit-backdrop-filter:none}.premium-card[data-card-style="glass"]{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}}.whats-new-section{border-top:1px solid color-mix(in srgb,var(--card-primary,#7d19ff) 15%,transparent);margin-top:0.35rem;padding-top:0.35rem}.whats-new-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.15rem}.whats-new-label{font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--card-primary,#a855f7)}.whats-new-label i{margin-right:0.2rem;font-size:0.6rem}.whats-new-time{font-size:0.6rem;color:rgba(255,255,255,0.4)}.whats-new-snippet{font-size:0.72rem;color:rgba(255,255,255,0.65);line-height:1.3;margin:0 0 0.1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.whats-new-readmore{font-size:0.68rem;color:var(--card-primary,#a855f7);text-decoration:none;font-weight:600}.whats-new-readmore:hover{color:var(--card-primary,#c084fc);filter:brightness(1.15)}.whats-new-readmore i{font-size:0.5rem;margin-left:2px;transition:transform 0.2s}.whats-new-readmore:hover i{transform:translateX(2px)}.server-card .card-body{padding:0.7rem!important}.server-card .server-header{margin-bottom:0.35rem!important}.server-card .server-metrics{margin-bottom:0.35rem!important}.server-card .tags-container{margin-bottom:0.35rem!important}.server-card .server-description{margin-bottom:0.35rem!important}.emoji-preview-container{display:flex;align-items:center;margin-bottom:0.35rem;min-height:28px}.emoji-preview-link{display:inline-flex;align-items:center;gap:4px;text-decoration:none;flex-wrap:wrap}.emoji-preview-img{border-radius:4px;transition:transform 0.15s ease;flex-shrink:0}.emoji-preview-img:hover{transform:scale(1.25)}a.emoji-available-label{display:inline-flex;align-items:center;font-size:0.65rem;color:rgba(255,255,255,0.55);background:rgba(255,255,255,0.06);padding:2px 8px;border-radius:10px;white-space:nowrap;text-decoration:none;transition:background 0.15s ease}a.emoji-available-label:hover{background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.75)}