:root{--color-bg: #02040a;--color-surface: #0b0b14;--color-surface-elevated: #0a0a12;--color-border: rgba(59, 130, 246, .1);--color-border-hover: rgba(59, 130, 246, .2);--color-text: #ffffff;--color-text-muted: #9ca3af;--color-text-dim: #6b7280;--color-primary: #3b82f6;--color-accent: #06b6d4;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--transition-fast: .15s ease;--transition-normal: .3s ease}.page-container.svelte-gqreh7{min-height:100vh;background-color:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}.content-wrapper.svelte-gqreh7{position:relative;z-index:10;display:flex;flex-direction:column;min-height:100vh}.main-content.svelte-gqreh7{flex:1;max-width:80rem;margin:0 auto;padding:6rem 1rem 2rem;width:100%}@media(min-width:640px){.main-content.svelte-gqreh7{padding:6rem 1.5rem 2rem}}.background-effects.svelte-gqreh7{position:fixed;inset:0;pointer-events:none;z-index:0}.gradient-orb.svelte-gqreh7{position:absolute;width:40%;height:40%;border-radius:50%;filter:blur(120px)}.gradient-orb--top-left.svelte-gqreh7{top:-10%;left:-10%;background:#2563eb0d}.gradient-orb--bottom-right.svelte-gqreh7{bottom:-10%;right:-10%;background:#06b6d40d}.dot-pattern.svelte-gqreh7{position:absolute;inset:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMSIgY3k9IjEiIHI9IjEiIGZpbGw9InJnYmEoMCwgMjAwLCAyNTUsIDAuMDUpIi8+PC9zdmc+);opacity:.2}.page-header.svelte-gqreh7{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}@media(min-width:768px){.page-header.svelte-gqreh7{flex-direction:row;justify-content:space-between;align-items:flex-end}}.header-text.svelte-gqreh7{space-y:.5rem}.page-title.svelte-gqreh7{font-size:2.25rem;font-weight:900;letter-spacing:-.025em;line-height:1.1}@media(min-width:768px){.page-title.svelte-gqreh7{font-size:3.75rem}}.gradient-text.svelte-gqreh7{background:linear-gradient(to right,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;color:transparent}.page-description.svelte-gqreh7{color:var(--color-text-muted);font-size:1.125rem;max-width:32rem;margin-top:.5rem}.controls.svelte-gqreh7{display:flex;flex-direction:column;gap:.75rem;width:100%}@media(min-width:640px){.controls.svelte-gqreh7{flex-direction:row;width:auto}}.search-wrapper.svelte-gqreh7{position:relative}.search-glow.svelte-gqreh7{position:absolute;inset:0;background:linear-gradient(to right,var(--color-primary),var(--color-accent));border-radius:var(--radius-xl);filter:blur(8px);opacity:0;transition:opacity var(--transition-normal)}.search-wrapper.svelte-gqreh7:focus-within .search-glow:where(.svelte-gqreh7){opacity:.3}.search-container.svelte-gqreh7{position:relative;display:flex;align-items:center;gap:.75rem;padding:0 1rem;height:3rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%}@media(min-width:640px){.search-container.svelte-gqreh7{width:18rem}}.search-icon.svelte-gqreh7{width:1.25rem;height:1.25rem;color:var(--color-text-dim);flex-shrink:0}.search-input.svelte-gqreh7{flex:1;background:transparent;border:none;outline:none;color:var(--color-text);font-size:.875rem;min-width:0}.search-input.svelte-gqreh7::placeholder{color:var(--color-text-dim)}.search-kbd.svelte-gqreh7{padding:.125rem .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.375rem;font-size:.75rem;color:var(--color-text-dim);font-family:inherit}.filter-group.svelte-gqreh7{display:flex;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:.25rem}.filter-button.svelte-gqreh7{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);background:transparent;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-button.svelte-gqreh7:hover{color:var(--color-text-muted)}.filter-button--active.svelte-gqreh7{background:#3b82f61a;color:var(--color-primary);border-color:#3b82f633;box-shadow:0 0 10px #3b82f633}.filter-count.svelte-gqreh7{padding:.125rem .375rem;background:#ffffff1a;border-radius:9999px;font-size:.625rem}.filter-button--active.svelte-gqreh7 .filter-count:where(.svelte-gqreh7){background:#3b82f633}.server-grid.svelte-gqreh7{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.server-grid.svelte-gqreh7{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.server-grid.svelte-gqreh7{grid-template-columns:repeat(3,1fr)}}.skeleton-card.svelte-gqreh7{height:12rem;border-radius:var(--radius-2xl);border:1px solid var(--color-border);background:#1e3a8a0d;position:relative;overflow:hidden}.skeleton-card.svelte-gqreh7:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent);animation:svelte-gqreh7-shimmer 1.5s infinite;transform:translate(-100%)}@keyframes svelte-gqreh7-shimmer{to{transform:translate(100%)}}.empty-state.svelte-gqreh7{grid-column:1 / -1;padding:6rem 2rem;text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-2xl);background:#1e3a8a05}.empty-icon.svelte-gqreh7{width:5rem;height:5rem;margin:0 auto 1rem;padding:1.25rem;background:#3b82f60d;border-radius:50%;color:#1e3a8a80}.empty-icon.svelte-gqreh7 svg:where(.svelte-gqreh7){width:100%;height:100%}.error-icon.svelte-gqreh7{color:#ef444480;background:#ef44440d}.empty-title.svelte-gqreh7{font-size:1.25rem;font-weight:700;color:var(--color-text-muted)}.empty-description.svelte-gqreh7{color:var(--color-text-dim);margin-top:.5rem}.clear-filters-button.svelte-gqreh7,.retry-button.svelte-gqreh7{margin-top:1.5rem;padding:.5rem 1.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);color:var(--color-primary);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.clear-filters-button.svelte-gqreh7:hover,.retry-button.svelte-gqreh7:hover{background:#3b82f633}.server-card.svelte-gqreh7{position:relative;border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-border);overflow:hidden;transition:transform var(--transition-normal),border-color var(--transition-normal)}.server-card.svelte-gqreh7:hover{transform:translateY(-4px);border-color:var(--color-border-hover)}.server-card.svelte-gqreh7:focus{outline:none;border-color:var(--color-primary)}.server-card--active.svelte-gqreh7{border-color:#06b6d426}.card-spotlight.svelte-gqreh7{position:absolute;inset:-1px;opacity:0;transition:opacity var(--transition-normal);background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(6,182,212,.1),transparent 40%);pointer-events:none}.server-card.svelte-gqreh7:hover .card-spotlight:where(.svelte-gqreh7){opacity:1}.card-content.svelte-gqreh7{position:relative;height:100%;padding:1.5rem;display:flex;flex-direction:column}.server-info.svelte-gqreh7{display:flex;gap:1rem}.server-icon-wrapper.svelte-gqreh7{position:relative;width:4rem;height:4rem;flex-shrink:0}.server-icon-skeleton.svelte-gqreh7{position:absolute;inset:0;background:#1f2937;border-radius:var(--radius-xl);animation:svelte-gqreh7-pulse 2s infinite}@keyframes svelte-gqreh7-pulse{0%,to{opacity:1}50%{opacity:.5}}.server-icon.svelte-gqreh7{width:100%;height:100%;border-radius:var(--radius-xl);object-fit:cover;opacity:0;transition:opacity .5s ease}.server-icon--loaded.svelte-gqreh7{opacity:1}.server-icon-fallback.svelte-gqreh7{width:100%;height:100%;border-radius:var(--radius-xl);background:linear-gradient(to bottom right,#374151,#1a1a24);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.server-icon-fallback.svelte-gqreh7 span:where(.svelte-gqreh7){font-size:1.125rem;font-weight:700;color:var(--color-text-muted)}.status-indicator.svelte-gqreh7{position:absolute;bottom:-.25rem;right:-.25rem;width:1rem;height:1rem;background:#0f0f16;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-dot.svelte-gqreh7{width:.625rem;height:.625rem;background:var(--color-accent);border-radius:50%;box-shadow:0 0 8px #22d3ee99}.server-details.svelte-gqreh7{min-width:0;flex:1}.server-name.svelte-gqreh7{font-size:1.125rem;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.server-card.svelte-gqreh7:hover .server-name:where(.svelte-gqreh7){color:var(--color-accent)}.badge-list.svelte-gqreh7{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.badge.svelte-gqreh7{padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid}.badge-owner.svelte-gqreh7{background:#eab3081a;color:#eab308;border-color:#eab30833}.badge-admin.svelte-gqreh7{background:#6b728033;color:#9ca3af;border-color:#ffffff1a}.badge-cyan.svelte-gqreh7{background:#06b6d41a;color:#22d3ee;border-color:#06b6d433}.badge-blue.svelte-gqreh7{background:#3b82f61a;color:#60a5fa;border-color:#3b82f633}.badge-indigo.svelte-gqreh7{background:#6366f11a;color:#818cf8;border-color:#6366f133}.card-action.svelte-gqreh7{margin-top:auto;padding-top:1.5rem}.action-button.svelte-gqreh7{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.action-icon.svelte-gqreh7{width:1rem;height:1rem;opacity:.7}.action-button--primary.svelte-gqreh7{background:linear-gradient(to right,#2563eb,#0891b2);color:#fff;box-shadow:0 4px 15px #1e40af4d}.action-button--primary.svelte-gqreh7:hover{background:linear-gradient(to right,#3b82f6,#06b6d4);box-shadow:0 4px 20px #06b6d44d}.action-button--secondary.svelte-gqreh7{background:#3b82f60d;border-color:#3b82f633;color:#93c5fd}.action-button--secondary.svelte-gqreh7:hover{background:#3b82f61a;border-color:#3b82f666}.action-button--disabled.svelte-gqreh7{background:transparent;border-color:#ffffff0d;color:var(--color-text-dim);cursor:not-allowed}.results-summary.svelte-gqreh7{text-align:center;color:var(--color-text-dim);font-size:.875rem;margin-top:2rem}