:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #16161f;--bg-card-hover: #1c1c28;--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--border-accent: rgba(255, 138, 101, .3);--text-primary: #f5f5f7;--text-secondary: rgba(245, 245, 247, .7);--text-muted: rgba(245, 245, 247, .4);--accent-coral: #ff8a65;--accent-coral-dim: rgba(255, 138, 101, .15);--accent-cyan: #4dd0e1;--accent-cyan-dim: rgba(77, 208, 225, .15);--accent-purple: #b388ff;--accent-purple-dim: rgba(179, 136, 255, .15);--accent-yellow: #ffd54f;--accent-yellow-dim: rgba(255, 213, 79, .15);--success: #69f0ae;--warning: #ffd54f;--error: #ff5252;--error-dim: rgba(255, 82, 82, .15);--on-accent: var(--bg-primary);--overlay: rgba(0, 0, 0, .7);--gradient-primary: linear-gradient(135deg, var(--accent-coral) 0%, #ff6b4a 100%);--medal-gold: linear-gradient(135deg, #ffd700 0%, #ffb347 100%);--medal-silver: linear-gradient(135deg, #c0c0c0 0%, #a0a0a0 100%);--medal-bronze: linear-gradient(135deg, #cd7f32 0%, #b87333 100%);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-brand: "Aclonica", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-3xs: .625rem;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-sm-md: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 4px 14px rgba(0, 0, 0, .25);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-inset: inset 0 0 0 1px rgba(0, 0, 0, .25);--z-dropdown: 20;--z-modal: 100;--z-modal-stacked: 110;--transition-fast: .15s ease;--transition-ui: background-color .15s ease, border-color .15s ease, color .15s ease, opacity .15s ease, transform .15s ease, box-shadow .15s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}html,body,#root{background:var(--bg-primary);color:var(--text-primary)}body{font-family:var(--font-display);line-height:1.5;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;height:60vh;background:radial-gradient(ellipse 80% 50% at 50% -20%,color-mix(in srgb,var(--accent-coral) 8%,transparent) 0%,transparent 70%);pointer-events:none;z-index:-1}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}code{padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-xs);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-mono);font-size:.9em}pre code{padding:0;border-radius:0;background:none;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{opacity:0;animation:fadeIn .25s ease forwards}.pulse{animation:pulse 1.5s ease-in-out infinite}.margin-top-sm{margin-top:var(--space-sm)}.margin-top-sm-md{margin-top:var(--space-sm-md)}.margin-top-md{margin-top:var(--space-md)}.margin-bottom-sm{margin-bottom:var(--space-sm)}.margin-bottom-sm-md{margin-bottom:var(--space-sm-md)}.margin-bottom-md{margin-bottom:var(--space-md)}.margin-bottom-lg{margin-bottom:var(--space-lg)}.min-w-0{min-width:0}.text-secondary{color:var(--text-secondary)}:focus-visible{outline:2px solid var(--accent-coral);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);flex-shrink:0;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);background:transparent;color:inherit;font-size:var(--text-md);font-weight:600;text-align:center;white-space:nowrap;transition:var(--transition-ui)}.btn:disabled{cursor:not-allowed}.btn--lg{padding:var(--space-sm) var(--space-lg);font-size:var(--text-base)}.btn--sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.btn--xs{padding:var(--space-2xs) var(--space-sm);font-size:var(--text-xs)}.btn--pill{border-radius:var(--radius-full)}.btn--block{width:100%;white-space:normal}.btn--primary{background:var(--gradient-primary);color:var(--text-primary)}.btn--danger{background:var(--error-dim);border:1px solid var(--error);color:var(--error)}.btn--primary:hover:not(:disabled),.btn--danger:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--error) 25%,transparent)}.btn--primary:disabled,.btn--danger:disabled{background:var(--bg-card-hover);color:var(--text-muted)}.btn--secondary{background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--accent-coral)}.btn--secondary:disabled{color:var(--text-muted)}.btn--ghost{border-radius:var(--radius-sm);color:var(--text-secondary)}.btn--ghost:hover:not(:disabled):not(.is-active){background:var(--bg-card-hover);color:var(--text-primary)}.btn--ghost.is-active{background:var(--accent-coral);color:var(--on-accent)}.btn--bare{padding:0;color:var(--text-muted);font-weight:400}.btn--bare:hover{color:var(--text-primary)}.action-btn{--btn-accent: var(--accent-coral);--btn-accent-dim: var(--accent-coral-dim);min-width:80px;border:1px solid var(--btn-accent);background:var(--btn-accent-dim);color:var(--btn-accent)}.action-btn--bump{--btn-accent: var(--accent-yellow);--btn-accent-dim: var(--accent-yellow-dim)}.action-btn svg{display:block;flex-shrink:0}.action-btn:hover:not(:disabled){background:var(--btn-accent);color:var(--on-accent)}.action-btn:disabled:not(.is-cooldown){background:color-mix(in srgb,var(--btn-accent-dim) 40%,var(--bg-secondary));border-color:color-mix(in srgb,var(--btn-accent) 28%,var(--border-subtle));color:color-mix(in srgb,var(--btn-accent) 58%,var(--text-muted));opacity:.82}.action-btn.is-cooldown{background:var(--bg-secondary);border-color:var(--border-subtle);color:var(--text-muted);font-size:var(--text-xs)}.pill{display:inline-flex;align-items:center;height:20px;padding:0 var(--space-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--text-2xs);font-weight:600;text-transform:lowercase;white-space:nowrap;transition:var(--transition-ui)}.pill--lg{height:28px;padding:0 var(--space-sm-md);font-size:var(--text-xs)}button.pill:hover:not(.is-active){background:var(--bg-card-hover);border-color:var(--border-medium);color:var(--text-primary)}.pill.is-active{background:var(--accent-coral);border-color:var(--accent-coral);color:var(--on-accent)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.card--inset{background:var(--bg-secondary)}.card--interactive{transition:var(--transition-ui)}.card--interactive:hover{border-color:var(--border-medium);background:var(--bg-card-hover);transform:translateY(-1px)}.card-banner{position:absolute;top:0;left:0;right:0;height:60px;background-size:cover;background-repeat:no-repeat;background-position:right center;opacity:.3;mask-image:linear-gradient(to bottom,black 0%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%);pointer-events:none}.icon-placeholder{display:grid;place-items:center;background:var(--bg-secondary);color:var(--text-muted);font-weight:700}.alert{padding:var(--space-md);border:1px solid;border-radius:var(--radius-md)}.alert--error{background:var(--error-dim);border-color:var(--error);color:var(--error)}.alert--compact{padding:var(--space-sm) var(--space-md);font-size:var(--text-md);margin-bottom:var(--space-md)}.alert--panel{padding:var(--space-lg);text-align:center}.alert--panel .btn{margin-top:var(--space-sm)}.app-container{min-height:100vh;padding:var(--space-lg);max-width:980px;margin:0 auto}.header-wrapper{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:var(--space-xs) var(--space-lg);align-items:start;padding:var(--space-lg) 0}.header-left-bottom,.header-right-bottom{align-self:end}.header-left-top{grid-column:1;grid-row:1}.header-right-top{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end}.header-left-bottom{grid-column:1;grid-row:2}.header-right-bottom{grid-column:2;grid-row:2;display:flex;justify-content:flex-end}.header-right{display:flex;align-items:center;justify-content:flex-end}.user-menu-wrap{position:relative}.login-btn,.user-btn{gap:var(--space-sm);white-space:normal}.user-btn{padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-sm)}.user-btn.is-open{border-color:var(--accent-coral)}.header-title{font-family:var(--font-brand);font-size:var(--text-4xl);font-weight:800;letter-spacing:.01em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-coral) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-tagline{color:var(--text-secondary);font-size:var(--text-md);margin-top:var(--space-xs)}.user-avatar{width:28px;height:28px;border-radius:var(--radius-full)}.dropdown-overlay{position:fixed;inset:0;z-index:calc(var(--z-dropdown) - 1)}.dropdown-menu{position:absolute;top:calc(100% + var(--space-sm));right:0;min-width:180px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-xs);z-index:var(--z-dropdown);box-shadow:var(--shadow-card)}.dropdown-item{width:100%;justify-content:flex-start;font-weight:400}.dropdown-item.highlight:hover{color:var(--accent-coral)}.hero-section{margin-bottom:var(--space-xl)}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.hero-link{display:block}.hero-card-text{flex:1;min-width:0}.hero-card-content .server-icon{width:48px;height:48px}.hero-card{padding:var(--space-lg);min-height:120px;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero-card.has-banner{min-height:140px}.hero-card .card-banner{height:70px}.hero-card-glow{position:absolute;top:0;left:0;right:0;height:2px;opacity:.6}.hero-card-glow.coral{background:linear-gradient(90deg,transparent,var(--accent-coral),transparent)}.hero-card-glow.cyan{background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent)}.hero-card-glow.purple{background:linear-gradient(90deg,transparent,var(--accent-purple),transparent)}.hero-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.hero-card-icon{display:inline-flex;align-items:center;line-height:1}.hero-card-icon.coral{color:var(--accent-coral)}.hero-card-icon.cyan{color:var(--accent-cyan)}.hero-card-icon.purple{color:var(--accent-purple)}.hero-card-label{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);line-height:1}.hero-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md);margin-top:calc(var(--space-xs) * -1)}.hero-card-content{display:flex;align-items:center;gap:var(--space-md)}.hero-card-name{font-weight:700;font-size:var(--text-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.hero-card-value{font-size:var(--text-md);font-weight:600;font-family:var(--font-mono)}.hero-card-value.coral{color:var(--accent-coral)}.hero-card-value.cyan{color:var(--accent-cyan)}.hero-card-value.purple{color:var(--accent-purple)}.hero-card-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--text-md)}.sort-section-wrapper{position:relative;display:flex;align-items:center;margin-bottom:var(--space-lg);margin-left:calc(var(--space-lg) * -1);margin-right:calc(var(--space-lg) * -1);padding-left:var(--space-lg);padding-right:var(--space-lg)}.sort-section{flex:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:var(--space-md);min-width:0}.sort-toggle{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs);background:var(--bg-card);border-radius:var(--radius-full);border:1px solid var(--border-subtle)}.sort-label-vertical,.filter-label-vertical{position:absolute;writing-mode:vertical-rl;text-orientation:mixed;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:var(--space-xs) 0}.sort-label-vertical{left:0;top:50%;transform:translateY(-50%)}.filter-label-vertical{right:0;top:50%;transform:translateY(-50%) rotate(180deg)}.sort-info{font-size:var(--text-sm);color:var(--text-muted)}.tag-filter-list{display:flex;flex-wrap:nowrap;gap:var(--space-xs);align-items:center;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;min-width:0;justify-content:flex-end;justify-content:safe flex-end;padding:var(--space-xs);margin:calc(var(--space-xs) * -1);scrollbar-width:none}.tag-filter-list::-webkit-scrollbar{display:none}.tag-filter-list.is-overflow-start,.tag-filter-list.is-overflow-end{--tag-fade-start: 0px;--tag-fade-end: 0px;-webkit-mask-image:linear-gradient(to right,transparent,black var(--tag-fade-start),black calc(100% - var(--tag-fade-end)),transparent);mask-image:linear-gradient(to right,transparent,black var(--tag-fade-start),black calc(100% - var(--tag-fade-end)),transparent)}.tag-filter-list.is-overflow-start{--tag-fade-start: var(--space-xl)}.tag-filter-list.is-overflow-end{--tag-fade-end: var(--space-xl)}.bump-slot-loading{margin:var(--space-xl) 0}.bump-slot-vacated{margin:var(--space-xl) 0;border-width:2px;padding:var(--space-xl);animation:rainbow-border 3s linear infinite}.bump-slot-vacated-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);text-align:center}.bump-slot-vacated-icon{color:var(--text-muted);opacity:.5}.bump-slot-vacated-icon svg{width:48px;height:48px}.bump-slot-vacated-text{display:flex;flex-direction:column;gap:var(--space-xs)}.bump-slot-vacated-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.bump-slot-vacated-subtitle{font-size:var(--text-md);color:var(--text-secondary)}@keyframes rainbow-border{0%{border-color:red;box-shadow:0 0 20px #f006,0 0 40px #f003}16.66%{border-color:#ff7f00;box-shadow:0 0 20px #ff7f0066,0 0 40px #ff7f0033}33.33%{border-color:#ff0;box-shadow:0 0 20px #ff06,0 0 40px #ff03}50%{border-color:#0f0;box-shadow:0 0 20px #0f06,0 0 40px #0f03}66.66%{border-color:#00f;box-shadow:0 0 20px #00f6,0 0 40px #00f3}83.33%{border-color:indigo;box-shadow:0 0 20px #4b008266,0 0 40px #4b008233}to{border-color:#9400d3;box-shadow:0 0 20px #9400d366,0 0 40px #9400d333}}.server-card.bump-slot-card{margin:var(--space-xl) 0;border:2px solid;animation:rainbow-border 3s linear infinite}.server-list{display:flex;flex-direction:column;gap:var(--space-sm)}.load-more-trigger{min-height:100px;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.load-more-trigger .pulse{color:var(--text-secondary);font-size:var(--text-md)}.server-list-footer{margin-top:var(--space-md);padding:var(--space-sm) 0 var(--space-xs) 0;text-align:center}.server-list-footer-text{color:var(--text-muted);font-size:var(--text-sm)}.server-card{position:relative;display:block;color:var(--text-primary);overflow:hidden;isolation:isolate}.server-card>.card-banner{z-index:-1}.server-card-link:after{content:"";position:absolute;inset:0;z-index:1}.server-card .server-tags button,.server-card-actions-wrap{position:relative;z-index:2}@supports selector(:has(*)){.server-card-link:focus-visible{outline:none}.server-card:has(.server-card-link:focus-visible){outline:2px solid var(--accent-coral);outline-offset:2px}}.server-card.tag-filtered-dim{opacity:.25;pointer-events:none}.server-card.has-effect{--effect-accent: var(--accent-cyan);--effect-accent-dim: var(--accent-cyan-dim);box-shadow:var(--shadow-inset),0 0 18px color-mix(in srgb,var(--effect-accent) 14%,transparent),0 0 36px color-mix(in srgb,var(--effect-accent) 7%,transparent)}.server-card.has-effect:hover{box-shadow:var(--shadow-inset),0 0 26px color-mix(in srgb,var(--effect-accent) 18%,transparent),0 0 48px color-mix(in srgb,var(--effect-accent) 9%,transparent)}.server-card.has-background.has-description{min-height:100px}.server-card-content{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md)}.server-effect-tag{flex:0 0 auto;max-width:160px;padding:0 var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-3xs);font-weight:800;letter-spacing:.07em;text-transform:uppercase;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:color-mix(in srgb,var(--effect-accent) 92%,var(--text-primary) 8%);background:color-mix(in srgb,var(--effect-accent-dim) 70%,color-mix(in srgb,var(--bg-primary) 35%,transparent) 30%);border:1px solid color-mix(in srgb,var(--effect-accent) 22%,transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.server-card:hover .server-effect-tag{border-color:color-mix(in srgb,var(--effect-accent) 34%,transparent);box-shadow:var(--shadow-card)}.server-description{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2xs);margin-bottom:var(--space-xs);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.rank-badge{width:44px;height:44px;border-radius:var(--radius-md);display:grid;place-items:center;font-weight:700;font-family:var(--font-mono);flex-shrink:0;font-size:var(--text-base)}.rank-badge.large{font-size:var(--text-lg)}.rank-badge.small{font-size:var(--text-md)}.rank-badge.gold{background:var(--medal-gold);color:var(--on-accent)}.rank-badge.silver{background:var(--medal-silver);color:var(--on-accent)}.rank-badge.bronze{background:var(--medal-bronze);color:var(--on-accent)}.rank-badge.default{background:var(--bg-secondary);color:var(--text-primary)}.rank-badge.bump-icon{background:var(--bg-secondary);color:var(--accent-yellow)}.rank-badge.bump-icon svg{width:24px;height:24px}.server-icon{width:44px;height:44px;border-radius:var(--radius-md);flex-shrink:0}.server-icon.icon-placeholder{font-size:var(--text-lg)}.server-info{flex:1;min-width:0}.server-name{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;font-size:var(--text-base);margin-bottom:var(--space-2xs)}.server-name-text{min-width:0;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-tags{flex:0 0 auto;display:inline-flex;gap:var(--space-xs);align-items:center;justify-content:flex-end}.server-stats{display:flex;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-mono)}.server-card-actions-wrap{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.server-card-actions-row{display:flex;gap:var(--space-xs);align-items:center}.stat-badge{display:flex;align-items:center;gap:var(--space-xs)}.stat-label.coral{color:var(--accent-coral)}.stat-label.cyan{color:var(--accent-cyan)}.stat-label.purple{color:var(--accent-purple)}.stat-value{color:var(--text-secondary)}.skeleton{height:76px}.skeleton-hero{height:120px}.skeleton-user{width:100px;height:40px;border-radius:var(--radius-full);background:var(--bg-card)}.empty-state{padding:var(--space-2xl);text-align:center;color:var(--text-muted)}.empty-state-emoji{font-size:var(--text-4xl);margin-bottom:var(--space-md)}.empty-state-title{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.empty-state-subtitle{font-size:var(--text-md)}.empty-state--compact{padding:var(--space-md);text-align:left}.empty-state--compact .empty-state-title{margin-bottom:var(--space-xs)}.empty-state--compact .empty-state-subtitle{color:var(--text-secondary)}.delist-reason{margin-bottom:var(--space-sm)}.delist-details{display:flex;flex-direction:column;gap:var(--space-xs)}.footer{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.footer p+p{margin-top:var(--space-xs)}.footer a{color:var(--text-secondary);text-decoration:underline;transition:color var(--transition-fast)}.footer a:hover{color:var(--text-primary)}.footer-separator{display:inline-block;width:1px;height:12px;background:var(--border-medium);margin:0 var(--space-sm);vertical-align:middle}.vote-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg) 0;margin-bottom:var(--space-md)}.vote-title{font-size:var(--text-3xl);font-weight:800}.vote-subtitle{color:var(--text-secondary);font-size:var(--text-base);margin-top:var(--space-xs)}.vote-card{box-shadow:var(--shadow-card);padding:var(--space-lg)}.vote-server{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-lg)}.vote-server-name{font-size:var(--text-lg);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:520px}.vote-server-desc{color:var(--text-secondary);margin-top:var(--space-xs);font-size:var(--text-md)}.vote-server-id{margin-top:var(--space-xs);color:var(--text-muted);font-size:var(--text-sm);font-family:var(--font-mono)}.server-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.vote-confirm{font-size:var(--text-base)}.server-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.server-header-row>.vote-server{flex:1 1 auto;min-width:0}.captcha-side{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm)}.modal-backdrop{position:fixed;inset:0;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg)}.modal{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:var(--space-xl);width:100%;max-width:520px;max-height:85vh;overflow:auto;box-shadow:var(--shadow-card);color:var(--text-primary)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.modal-title{font-size:var(--text-xl);font-weight:700}.modal-close{padding:var(--space-xs);font-size:var(--text-2xl);line-height:1}.modal-loading{display:flex;flex-direction:column;align-items:center;padding:var(--space-2xl);color:var(--text-muted)}.modal-buttons-row{display:flex;gap:var(--space-sm-md);margin-top:var(--space-md)}.modal-button-spacing{margin-top:var(--space-sm-md)}.modal-error-spacing{margin-top:var(--space-md)}.terms-modal,.privacy-modal{max-width:800px}.terms-content{max-height:calc(85vh - 120px);overflow-y:auto;padding-right:var(--space-sm);line-height:1.6}.terms-content section{scroll-margin-top:var(--space-md)}.terms-content h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-top:var(--space-lg);margin-bottom:var(--space-md)}.terms-content h4{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin-top:var(--space-md);margin-bottom:var(--space-sm)}.terms-content h5{font-size:var(--text-base);font-weight:600;margin-top:var(--space-md);margin-bottom:var(--space-sm)}.terms-content p{color:var(--text-secondary);margin-bottom:var(--space-sm)}.terms-content ul,.terms-content ol{color:var(--text-secondary);margin-left:var(--space-lg);margin-bottom:var(--space-sm)}.terms-content hr{border:none;border-top:1px solid var(--border-medium);margin:var(--space-xl) 0}.terms-content li{margin-bottom:var(--space-xs)}.terms-content strong{color:var(--text-primary);font-weight:600}.legal-content>p{margin-bottom:var(--space-lg)}.legal-content>p:first-child{color:var(--text-muted)}.legal-content section{margin-bottom:var(--space-xl)}.legal-content section:last-child{margin-bottom:var(--space-lg)}.legal-content :is(p,ul):has(+:is(h4,h5)){margin-bottom:var(--space-md)}.legal-content a{color:var(--text-primary);text-decoration:underline}.guild-intro{color:var(--text-secondary);font-size:var(--text-md);margin-bottom:var(--space-md)}.guild-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-md)}.guild-icon-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);transition:var(--transition-ui)}.guild-icon-btn:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.guild-icon{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover}.guild-icon.icon-placeholder{font-size:var(--text-xl)}.guild-icon-wrap{position:relative;width:56px;height:56px}.guild-icon-wrap .guild-icon{display:block}.guild-listing-badge{position:absolute;left:50%;top:-10px;transform:translate(-50%);letter-spacing:.02em;text-transform:none;border-color:var(--border-medium);-webkit-user-select:none;user-select:none;background:color-mix(in srgb,var(--bg-primary) 82%,transparent);color:var(--text-primary);text-shadow:0 1px 2px color-mix(in srgb,var(--bg-primary) 60%,transparent);box-shadow:var(--shadow-sm),var(--shadow-inset);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.guild-listing-badge.listed{border-color:color-mix(in srgb,var(--success) 65%,transparent);color:var(--success)}.guild-listing-badge.unlisted{border-color:var(--text-muted);color:var(--text-primary)}.guild-listing-badge.delisted{border-color:color-mix(in srgb,var(--error) 65%,transparent);color:color-mix(in srgb,var(--error) 35%,var(--text-primary))}.guild-name{font-size:var(--text-2xs);color:var(--text-secondary);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.back-btn{margin-bottom:var(--space-lg)}.selected-server{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.selected-server-icon{width:56px;height:56px;border-radius:var(--radius-md)}.selected-server-icon.icon-placeholder{font-size:var(--text-2xl)}.selected-server-name{font-weight:600;font-size:var(--text-lg)}.selected-server-id{font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-mono)}.form-label{display:block;font-size:var(--text-md);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.form-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-family:inherit;transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--accent-coral)}.form-input::placeholder{color:var(--text-muted)}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xs)}.icon-inline{display:inline-block;vertical-align:middle;margin-right:var(--space-xs)}.tag-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs) var(--space-sm-md)}.tag-option{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.tag-option:has(input:disabled){color:var(--text-muted);cursor:not-allowed}.webhook-section{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-medium)}.input-row{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.input-row .form-input{flex:1 1 200px;min-width:0}.webhook-secret{font-family:var(--font-mono);font-size:var(--text-sm)}.webhook-status{display:flex;align-items:flex-start;gap:var(--space-xs);margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary)}.webhook-dot{flex-shrink:0;width:8px;height:8px;margin-top:calc((1.5em - 8px)/2);border-radius:var(--radius-full)}.webhook-dot.active{background:var(--success)}.webhook-dot.disabled{background:var(--warning)}.webhook-notice{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--success)}.webhook-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-xs)}.webhook-heading .form-label{margin-bottom:0}.modal-backdrop.stacked{z-index:var(--z-modal-stacked)}.docs-modal{max-width:760px}.docs-modal .terms-content h3{margin-top:0}.docs-ai-callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm) var(--space-md);margin-top:var(--space-md);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md);background:var(--accent-coral-dim);border:1px solid var(--border-accent);border-radius:var(--radius-md)}.docs-ai-text{flex:1 1 240px;font-size:var(--text-md);color:var(--text-secondary)}.docs-ai-actions{display:flex;gap:var(--space-sm)}.docs-ai-actions a.btn{font-family:var(--font-mono);font-variant-ligatures:none}.docs-divider{border:none;border-top:1px solid var(--border-medium);margin:var(--space-xl) 0}.docs-code{margin-bottom:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);overflow:hidden}.docs-code-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm) var(--space-xs) var(--space-md);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted)}.docs-code pre{padding:var(--space-md);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.55;color:var(--text-primary)}.docs-modal code{font-variant-ligatures:none}.docs-fields{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm);font-size:var(--text-md)}.docs-field{display:grid;grid-template-columns:9rem 1fr;gap:var(--space-md)}.docs-field dd{color:var(--text-secondary)}.docs-tabs{margin-bottom:var(--space-sm)}.bot-status-list{display:flex;flex-direction:column;gap:var(--space-sm)}.bot-status-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.bot-status{font-size:var(--text-md);white-space:nowrap;display:inline-flex;align-items:center}.bot-status.found{color:var(--success)}.bot-status.not-found{color:var(--error)}@media(max-width:768px){.header-wrapper{grid-template-rows:auto auto auto;gap:var(--space-xs) var(--space-md)}.header-left-bottom{grid-column:1 / -1;grid-row:2;width:100%;margin-top:var(--space-xs)}.header-right-bottom{grid-column:1 / -1;grid-row:3;justify-content:flex-start;margin-top:var(--space-xs)}.header-title{font-size:var(--text-3xl)}.header-tagline{font-size:var(--text-base);line-height:1.3}.sort-info{font-size:var(--text-3xs);line-height:1.3}.sort-section-wrapper{flex-direction:column;align-items:stretch;gap:var(--space-md);margin-left:0;margin-right:0;padding-left:0;padding-right:0}.sort-label-vertical,.filter-label-vertical{display:none}.sort-section{flex-direction:column;align-items:stretch;gap:var(--space-md)}.sort-toggle{width:100%;justify-content:center}.tag-filter-list,.tag-filter-list.is-overflow-start,.tag-filter-list.is-overflow-end{flex-wrap:wrap;justify-content:flex-start;overflow-x:visible;-webkit-mask-image:none;mask-image:none}.server-card-content{display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto auto auto auto;gap:var(--space-xs) var(--space-sm);row-gap:var(--space-2xs);align-items:start}.rank-badge{grid-column:1;grid-row:1}.server-icon{grid-column:2;grid-row:1}.server-info{grid-column:1 / -1;display:contents}.server-name{display:contents}.server-name-text{grid-column:3;grid-row:1;align-self:center}.server-tags{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:flex-start}.server-description{grid-column:1 / -1;grid-row:3;margin-top:calc(var(--space-xs) * -1);margin-bottom:0}.server-stats{grid-column:1 / -1;grid-row:4;margin-top:calc(var(--space-2xs) * -1)}.server-card-actions-wrap{grid-column:1 / -1;grid-row:5;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:var(--space-sm);gap:var(--space-sm)}.server-card-actions-row{order:1}.server-effect-tag{order:2;margin-left:auto}}@media(max-width:640px){.server-header-row{flex-direction:column;align-items:stretch}.captcha-side{align-items:flex-start}.docs-modal{padding:var(--space-lg)}.docs-field{grid-template-columns:1fr;gap:0}.docs-tabs{display:flex;flex-wrap:wrap;border-radius:var(--radius-lg)}}@media(max-width:480px){.app-container{padding:var(--space-sm)}.login-btn,.user-btn{width:100%;justify-content:center}.hero-grid{grid-template-columns:1fr}.hero-card{padding:var(--space-md);min-height:100px}.hero-card-name{font-size:var(--text-base)}.hero-card-value{font-size:var(--text-sm)}.server-card-content{padding:var(--space-sm);gap:var(--space-sm)}.server-stats{font-size:var(--text-xs)}.rank-badge,.server-icon{width:40px;height:40px}.server-card-actions-wrap{margin-top:var(--space-xs)}.action-btn{min-width:70px;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.server-tags{margin-bottom:var(--space-xs)}.server-description{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.vote-header{flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0}.vote-title{font-size:var(--text-2xl)}.vote-subtitle{font-size:var(--text-md)}.vote-card{padding:var(--space-md)}.vote-server{flex-wrap:wrap;gap:var(--space-sm)}.vote-server-name{font-size:var(--text-base);max-width:100%}.vote-server-id{font-size:var(--text-xs)}.captcha-side{width:100%;align-items:center}.vote-confirm{font-size:var(--text-md);text-align:center;padding:0 var(--space-xs)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;scroll-behavior:auto!important}.fade-in{animation:none;opacity:1}.pulse{animation:none}.bump-slot-vacated,.server-card.bump-slot-card{animation:none;border-color:var(--accent-yellow)}}