: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;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-glow: 0 0 40px rgba(255, 138, 101, .1);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s 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);background:var(--bg-primary);color:var(--text-primary);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%,rgba(255,138,101,.08) 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}::-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}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.loading{animation:pulse 1.5s ease-in-out infinite}.auto-width{width:auto;flex-shrink:0}.margin-bottom-sm{margin-bottom:var(--space-sm)}.margin-bottom-md{margin-bottom:var(--space-md)}.margin-bottom-xs{margin-bottom:var(--space-xs)}.margin-top-md{margin-top:var(--space-md)}.min-w-0{min-width:0}.no-underline{text-decoration:none}.inherit-color{color:inherit}.no-margin{margin:0}.text-secondary{color:var(--text-secondary)}.text-left{text-align:left}.padding-md{padding:var(--space-md)}:focus-visible{outline:2px solid var(--accent-coral);outline-offset:2px}.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{display:flex;align-items:center;justify-content:flex-end}.header-left{display:none}.header-right{display:flex;align-items:center;justify-content:flex-end}.user-menu-wrap{position:relative}.header-title{font-family:Aclonica,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;font-size:2rem;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:.9rem;margin-top:var(--space-xs)}.login-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--text-primary);font-size:.9rem;font-weight:500;transition:all var(--transition-fast)}.login-btn:hover{border-color:var(--accent-coral);background:var(--bg-card-hover)}.user-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);padding-right:var(--space-md);background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--text-primary);font-size:.9rem;font-weight:500;transition:all var(--transition-fast)}.user-btn:hover,.user-btn.open{border-color:var(--accent-coral)}.user-avatar{width:28px;height:28px;border-radius:50%}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.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:20;box-shadow:var(--shadow-card)}.dropdown-item{width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;text-align:left;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.dropdown-item.highlight:hover{color:var(--accent-coral)}.hero-section{margin-bottom:var(--space-xl)}.hero-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-md)}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.hero-link{display:block;text-decoration:none;color:inherit}.hero-card-text{flex:1;min-width:0}.hero-card-content .server-icon{width:48px;height:48px}.hero-card-content .server-icon.placeholder{font-size:1.1rem}.hero-card{padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-height:120px;display:flex;flex-direction:column;transition:all var(--transition-fast);position:relative;overflow:hidden}.hero-card.has-banner{min-height:140px}.hero-banner{position:absolute;top:0;left:0;right:0;height:70px;background-size:cover;background-repeat:no-repeat;background-position:right center;opacity:.28;mask-image:linear-gradient(to bottom,black 0%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%);pointer-events:none}.hero-card.clickable{cursor:pointer}.hero-card.clickable:hover{border-color:var(--border-medium);background:var(--bg-card-hover);transform:translateY(-1px)}.hero-card.todo{opacity:.5}.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-header .icon{display:inline-flex;align-items:center;line-height:1}.hero-card-header .icon.coral{color:var(--accent-coral)}.hero-card-header .icon.cyan{color:var(--accent-cyan)}.hero-card-header .icon.purple{color:var(--accent-purple)}.hero-card-header .label{font-size:.8rem;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-tag{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-secondary);font-size:.7rem;font-weight:600;text-transform:lowercase;white-space:nowrap}.hero-card-content{display:flex;align-items:center;gap:var(--space-md)}.hero-card-name{font-weight:700;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.hero-card-value{font-size:.875rem;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:.875rem}.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);overflow:hidden}.sort-section .tag-filter-list{margin-left:auto}.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:.75rem;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-label{padding:var(--space-sm) var(--space-md);color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;-webkit-user-select:none;user-select:none}.sort-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:600;transition:all var(--transition-fast)}.sort-btn:hover:not(.active):not(:disabled){background:var(--bg-card-hover);color:var(--text-primary)}.sort-btn.active{background:var(--accent-coral);color:var(--bg-primary)}.sort-btn:disabled{opacity:.4;cursor:not-allowed}.sort-info{font-size:.8rem;color:var(--text-muted)}.sort-info .mono{font-family:var(--font-mono)}.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;padding-top:2px;padding-bottom:2px;scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.tag-filter-list::-webkit-scrollbar{height:6px}.tag-filter-list::-webkit-scrollbar-track{background:transparent}.tag-filter-list::-webkit-scrollbar-thumb{background-color:var(--border-subtle);border-radius:3px}.tag-filter-list::-webkit-scrollbar-thumb:hover{background-color:var(--border-medium)}.tag-filter-pill{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:lowercase;white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.tag-filter-pill:hover{background:var(--bg-card-hover);border-color:var(--border-medium);color:var(--text-primary);transform:translateY(-1px)}.tag-filter-pill.active{background:var(--accent-coral);border-color:var(--accent-coral);color:var(--bg-primary)}.tag-filter-pill.active:hover{background:var(--accent-coral);border-color:var(--accent-coral);opacity:.9}.bump-slot-loading{margin:var(--space-xl) 0}.bump-slot-vacated{margin:var(--space-xl) 0;border:2px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);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:1.125rem;font-weight:600;color:var(--text-primary)}.bump-slot-vacated-subtitle{font-size:.875rem;color:var(--text-secondary)}.bump-slot-vacated-subtitle code{font-family:var(--font-mono);background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);color:var(--accent-coral);font-size:.875rem}@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-card.bump-slot-card:hover{animation:rainbow-border 3s linear infinite;transform:translateY(-2px)}.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 .loading{color:var(--text-secondary);font-size:.9rem}.server-list-footer{margin-top:var(--space-lg);padding:var(--space-md);text-align:center;border-top:1px solid var(--border-subtle)}.server-list-footer-text{color:var(--text-muted);font-size:.875rem;margin:0}.server-card{position:relative;display:block;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast);overflow:hidden}.server-card:hover{border-color:var(--border-medium);background:var(--bg-card-hover);transform:translateY(-1px)}.server-card.tag-filtered-dim{opacity:.25;pointer-events:none}.server-card.tag-filtered-dim:hover{transform:none}.server-card.bump-slot-card.tag-filtered-dim{opacity:1;pointer-events:auto}.server-card.bump-slot-card.tag-filtered-dim:hover{transform:translateY(-2px)}.server-card.has-effect{--effect-accent: var(--accent-cyan);--effect-accent-dim: var(--accent-cyan-dim);--effect-border: rgba(77, 208, 225, .45);box-shadow:0 0 0 1px #00000040 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:0 0 0 1px #00000040 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-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}.server-card-content{position:relative;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md)}.server-effect-tag{flex:0 0 auto;max-width:180px;padding:2px 7px;border-radius:var(--radius-full);font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:color-mix(in srgb,var(--effect-accent) 92%,white 8%);background:color-mix(in srgb,var(--effect-accent-dim) 80%,transparent);border:1px solid color-mix(in srgb,var(--effect-accent) 22%,transparent);box-shadow:0 4px 14px #00000038}.server-card:hover .server-effect-tag{border-color:color-mix(in srgb,var(--effect-accent) 34%,transparent);box-shadow:0 6px 18px #00000047}.server-effect-tag-actions{max-width:160px;padding:1px 7px;font-size:.6rem;letter-spacing:.07em;line-height:1.1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--effect-accent-dim) 70%,rgba(10,10,15,.35) 30%)}.server-description{font-size:.8rem;color:var(--text-muted);margin-top:2px;margin-bottom:4px;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:1rem}.rank-badge.large{font-size:1.1rem}.rank-badge.small{font-size:.9rem}.rank-badge.gold{background:linear-gradient(135deg,gold,#ffb347);color:var(--bg-primary)}.rank-badge.silver{background:linear-gradient(135deg,silver,#a0a0a0);color:var(--bg-primary)}.rank-badge.bronze{background:linear-gradient(135deg,#cd7f32,#b87333);color:var(--bg-primary)}.rank-badge.default{background:var(--bg-secondary);color:var(--text-primary)}.rank-badge.bump-icon{display:flex;align-items:center;justify-content:center;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.placeholder{background:var(--bg-secondary);display:grid;place-items:center;font-size:1.2rem;font-weight:700;color:var(--text-muted)}.server-info{flex:1;min-width:0}.server-name{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1rem;margin-bottom:2px}.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:6px;align-items:center;justify-content:flex-end}.server-tag{display:inline-flex;align-items:center;height:18px;padding:0 8px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-secondary);font-size:.72rem;font-weight:600;text-transform:lowercase;white-space:nowrap;transition:all var(--transition-fast)}.server-tag.tag-active{background:var(--accent-coral);border-color:var(--accent-coral);color:var(--bg-primary)}.server-stats{display:flex;flex-wrap:wrap;gap:var(--space-sm);font-size:.8rem;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:4px}.server-card-actions-row{display:flex;gap:var(--space-xs);align-items:center}.stat-badge{display:flex;align-items:center;gap:4px}.stat-badge .label.coral{color:var(--accent-coral)}.stat-badge .label.cyan{color:var(--accent-cyan)}.stat-badge .label.purple{color:var(--accent-purple)}.stat-badge .value{color:var(--text-secondary)}.vote-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);min-width:80px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--accent-coral);background:var(--accent-coral-dim);color:var(--accent-coral);font-size:.875rem;font-weight:600;transition:all var(--transition-fast);white-space:nowrap}.vote-btn svg{display:block;flex-shrink:0}.vote-btn:hover:not(:disabled){background:var(--accent-coral);color:var(--bg-primary)}.vote-btn.cooldown{background:var(--bg-secondary);border-color:var(--border-subtle);color:var(--text-muted);cursor:not-allowed;font-size:.75rem}.vote-btn.loading{background:var(--bg-secondary);border-color:var(--border-subtle);color:var(--text-muted);cursor:wait}.bump-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);min-width:80px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--accent-yellow);background:var(--accent-yellow-dim);color:var(--accent-yellow);font-size:.875rem;font-weight:600;transition:all var(--transition-fast);white-space:nowrap}.bump-btn svg{display:block;flex-shrink:0}.bump-btn:hover:not(:disabled){background:var(--accent-yellow);color:var(--bg-primary)}.bump-btn:disabled:not(.cooldown):not(.loading){background:color-mix(in srgb,var(--accent-yellow-dim) 40%,var(--bg-secondary));border-color:color-mix(in srgb,var(--accent-yellow) 28%,var(--border-subtle));color:color-mix(in srgb,var(--accent-yellow) 58%,var(--text-muted));cursor:not-allowed;opacity:.82}.bump-btn.cooldown{background:var(--bg-secondary);border-color:var(--border-subtle);color:var(--text-muted);cursor:not-allowed;font-size:.75rem}.bump-btn.loading{background:var(--bg-secondary);border-color:var(--border-subtle);color:var(--text-muted);cursor:wait}.skeleton{height:76px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle)}.skeleton-hero{height:120px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle)}.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:2rem;margin-bottom:var(--space-md)}.empty-state .title{font-size:1.1rem;margin-bottom:var(--space-sm)}.empty-state .subtitle{font-size:.9rem}.delist-reason{margin-bottom:var(--space-sm)}.delist-details{display:flex;flex-direction:column;gap:var(--space-xs)}.delist-details code{font-family:var(--font-mono);background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);color:var(--accent-coral);font-size:.875rem}.error-box{padding:var(--space-md);background:#ff52521a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);margin-bottom:var(--space-lg)}.footer{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-muted);font-size:.8rem}.footer p+p{margin-top:var(--space-xs)}.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:1.75rem;font-weight:800}.vote-subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:var(--space-xs)}.vote-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);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:1.1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:520px}.vote-server-desc{color:var(--text-secondary);margin-top:4px;font-size:.9rem}.vote-server-id{margin-top:6px;color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono)}.server-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.captcha-action-row{display:flex;align-items:center;gap:var(--space-md)}.captcha-action-row>.submit-btn{flex:1 1 auto}.captcha-widget{flex:0 0 auto;display:flex;justify-content:flex-end}@media (max-width: 640px){.captcha-action-row{flex-direction:column;align-items:stretch}.captcha-widget{justify-content:flex-start}}.server-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:16px}.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:6px}@media (max-width: 640px){.server-header-row{flex-direction:column;align-items:stretch}.captcha-side{align-items:flex-start}}@media (max-width: 768px){.header-wrapper{grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:var(--space-xs) var(--space-md)}.header-left-top{grid-column:1;grid-row:1}.header-right-top{grid-column:2;grid-row:1;justify-content:flex-end;align-items:center}.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:1.75rem}.header-tagline{font-size:1rem;line-height:1.3}.sort-info{font-size:.65rem;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{flex-wrap:wrap;justify-content:flex-start;overflow-x:visible;margin-left:0}.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:2px;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;min-width:0;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;margin-top:0;margin-bottom:0}.server-description{grid-column:1 / -1;grid-row:3;margin-top:-4px;margin-bottom:0}.server-stats{grid-column:1 / -1;grid-row:4;margin-top:-2px}.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{display:flex;gap:var(--space-xs);align-items:center;order:1}.server-effect-tag-actions{order:2;margin-left:auto}}@media (max-width: 480px){.app-container{padding:var(--space-sm)}.header{flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0}.header-title{font-size:1.75rem}.header-tagline{font-size:1rem}.sort-info{font-size:.65rem;line-height:1.3}.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:1rem}.hero-card-value{font-size:.8rem}.server-card-content{padding:var(--space-sm);gap:var(--space-sm)}.server-name-text{font-size:.95rem}.server-stats{font-size:.75rem}.rank-badge{width:40px;height:40px;font-size:.9rem}.server-card-actions-wrap{margin-top:var(--space-xs)}.vote-btn,.bump-btn{min-width:70px;padding:var(--space-xs) var(--space-sm);font-size:.8rem}.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:1.5rem}.vote-subtitle{font-size:.85rem}.vote-card{padding:var(--space-md)}.vote-server{flex-wrap:wrap;gap:var(--space-sm)}.vote-server-name{font-size:1rem;max-width:100%}.vote-server-desc{font-size:.85rem}.vote-server-id{font-size:.75rem}.server-icon{width:40px;height:40px}.captcha-side{width:100%;align-items:center}.vote-confirm{font-size:.9rem;text-align:center;padding:0 var(--space-xs)}.submit-btn{width:100%}.submit-btn.auto-width{width:auto;flex-shrink:0}}.vote-confirm{font-size:1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;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:1.25rem;font-weight:700}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;line-height:1;padding:var(--space-xs);transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-close:hover{color:var(--text-primary)}.modal-loading{display:flex;flex-direction:column;align-items:center;padding:var(--space-2xl);color:var(--text-muted)}.modal-loading .emoji{font-size:2rem;margin-bottom:var(--space-md)}.modal-error{padding:var(--space-lg);background:#ff52521a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);text-align:center}.modal-error .close-btn{padding:var(--space-xs) var(--space-md);background:transparent;border:1px solid var(--error);border-radius:var(--radius-sm);color:var(--error);font-size:.875rem;margin-top:var(--space-sm)}.modal-buttons-row{display:flex;gap:10px;margin-top:var(--space-md)}.modal-button-spacing{margin-top:10px}.modal-error-spacing{margin-top:var(--space-md)}.guild-intro{color:var(--text-secondary);font-size:.9rem;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);cursor:pointer;transition:all var(--transition-fast)}.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-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%);padding:3px 8px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.02em;border:1px solid rgba(255,255,255,.18);-webkit-user-select:none;user-select:none;background:#0a0c10d1;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:0 6px 16px #00000059,0 0 0 1px #00000040;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.guild-listing-badge.listed{border-color:#22c55ea6;color:#6ee7b7}.guild-listing-badge.unlisted{border-color:#94a3b88c;color:#e2e8f0eb}.guild-listing-badge.delisted{border-color:#f87171a6;color:#fecacaf2}.guild-icon.placeholder{background:var(--accent-coral-dim);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--accent-coral)}.guild-name{font-size:.7rem;color:var(--text-secondary);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.back-btn{display:flex;align-items:center;gap:var(--space-xs);background:transparent;border:none;color:var(--text-muted);font-size:.875rem;margin-bottom:var(--space-lg);padding:0;transition:color var(--transition-fast)}.back-btn:hover{color:var(--text-primary)}.selected-server{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.selected-server .icon{width:56px;height:56px;border-radius:var(--radius-md)}.selected-server .icon.placeholder{background:var(--accent-coral-dim);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--accent-coral)}.selected-server .name{font-weight:600;font-size:1.1rem}.selected-server .id{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.form-label .optional{color:var(--text-muted);font-weight:400}.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:.95rem;font-family:inherit;transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--accent-coral)}.form-input::placeholder{color:var(--text-muted)}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-xs)}.submit-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,var(--accent-coral) 0%,#ff6b4a 100%);border:none;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;transition:all var(--transition-fast)}.submit-btn.auto-width{width:auto;flex-shrink:0}.submit-btn.danger{background:#ff525226;border:1px solid var(--error);color:var(--error)}.submit-btn.danger:hover:not(:disabled){background:#ff525240;transform:translateY(-1px)}.submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.submit-btn:disabled{background:var(--bg-card-hover);color:var(--text-muted);cursor:not-allowed}.icon-inline{display:inline-block;vertical-align:middle;margin-right:4px}.icon-inline.back-arrow{margin-right:6px}.submit-error{padding:var(--space-sm) var(--space-md);background:#ff52521a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:.875rem;margin-bottom:var(--space-md)}.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:.875rem;white-space:nowrap;display:inline-flex;align-items:center}.bot-status.found{color:var(--success)}.bot-status.not-found{color:var(--error)}