.navbar.svelte-rfuq4y{color:#e0e0e0;z-index:1000;position:fixed;top:0;left:0;right:0;height:52px;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#1a1a1dd9}.navbar-inner.svelte-rfuq4y{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,64px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:100%}.nav-start.svelte-rfuq4y{grid-column:1;display:flex;justify-content:flex-start;align-items:center;height:100%}.nav-links.svelte-rfuq4y{grid-column:3;justify-self:end;display:flex;align-items:center;gap:12px;height:100%}.logo-section.svelte-rfuq4y{display:flex;align-items:center;gap:12px;color:#e0e0e0!important;font-weight:600;font-size:1rem;text-decoration:none!important;cursor:pointer}.logo-section.svelte-rfuq4y:hover{color:#e0e0e0!important}.avatar.svelte-rfuq4y{background-color:#433e3e;width:32px;height:32px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;font-weight:700;color:#e0e0e0;flex-shrink:0;object-fit:cover;border:2px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hamburger-btn.svelte-rfuq4y{display:none;background:none;border:none;cursor:pointer;padding:0 12px;z-index:1001;align-items:center;justify-content:center;height:100%;width:auto}.hamburger-icon.svelte-rfuq4y{width:24px;height:24px;color:#fff!important;fill:#fff!important}@media(max-width:1024px){.navbar.svelte-rfuq4y{height:48px;border-bottom:1px solid #333333}.navbar-inner.svelte-rfuq4y{padding:0 16px;grid-template-columns:auto 1fr auto}.hamburger-btn.svelte-rfuq4y{display:flex!important;grid-column:1;padding:0 8px}.nav-start.svelte-rfuq4y{display:none}.nav-links.svelte-rfuq4y{gap:8px}.avatar.svelte-rfuq4y{width:28px;height:28px}}@media(max-width:480px){.navbar.svelte-rfuq4y{height:44px}.navbar-inner.svelte-rfuq4y{padding:6px 8px}.hamburger-btn.svelte-rfuq4y{padding:4px 6px}.avatar.svelte-rfuq4y{width:24px;height:24px}}body{margin:0;font-family:Inter,sans-serif;color:#f2f3f5;overflow-y:scroll;overflow-x:hidden;background:linear-gradient(180deg,#1a1a1d,#16161a,#0f0f12)}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app-layout.svelte-1l2yacz{position:relative;min-height:100vh;width:100%;background:transparent}.content-wrapper.svelte-1l2yacz{width:100%}.main-content.svelte-1l2yacz{background-color:transparent;padding:clamp(16px,4vw,40px);padding-top:calc(52px + clamp(16px,4vw,40px));color:#e0e0e0;min-height:100vh}.main-content.few-servers.svelte-1l2yacz{display:flex;flex-direction:column;justify-content:center;padding-top:clamp(16px,4vw,40px);padding-bottom:clamp(16px,4vw,40px)}.container.svelte-1l2yacz{max-width:900px;margin:0 auto}.container.few-servers.svelte-1l2yacz{margin-top:0;margin-bottom:0}.header.svelte-1l2yacz{text-align:center;margin-bottom:40px}h1.svelte-1l2yacz{font-size:28px;font-weight:700;margin:0 0 8px}.subtitle.svelte-1l2yacz{color:#b5bac1;font-size:15px;margin:0}.card.svelte-1l2yacz{background:#121214;border-radius:13px;padding:28px 32px;text-align:center}.card.svelte-1l2yacz p:where(.svelte-1l2yacz){color:#b5bac1;margin-bottom:16px}.servers-grid.svelte-1l2yacz{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px;max-width:100%}.servers-grid.few-servers.svelte-1l2yacz{width:min(960px,100%);max-width:960px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));justify-content:center}.servers-grid.few-servers.svelte-1l2yacz .server-card:where(.svelte-1l2yacz){margin:0}.server-card.svelte-1l2yacz{position:relative;display:flex;flex-direction:column;background:#1e1e23;border-radius:16px;overflow:hidden;transition:all .2s ease;width:100%}.server-card.skeleton.svelte-1l2yacz{background:#1e1e23;border:1px solid rgba(255,255,255,.05);width:100%}.card-image-area.svelte-1l2yacz{position:relative;width:100%;height:180px;background:#2b2d31;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:2}.banner-image.svelte-1l2yacz{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.banner-overlay.svelte-1l2yacz{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.2) 0%,transparent 60%);z-index:1;pointer-events:none}.banner-fallback.svelte-1l2yacz{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(25px);transform:scale(1.2);z-index:0;opacity:.6}.default-banner-bg.svelte-1l2yacz{position:absolute;inset:0;background:#2b2d31;z-index:0}.card-banner-blur-bg.svelte-1l2yacz{position:absolute;bottom:0;left:0;width:100%;height:100px;overflow:hidden;z-index:0;mask-image:linear-gradient(to top,transparent 0%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to top,transparent 0%,black 80%,transparent 100%)}.banner-blur-image.svelte-1l2yacz{width:100%;height:150%;object-fit:cover;object-position:center bottom;filter:blur(40px);transform:scale(1.3);opacity:.8}.banner-blur-fallback.svelte-1l2yacz{width:100%;height:150%;object-fit:cover;object-position:center bottom;filter:blur(50px);transform:scale(1.3);opacity:.7}.server-icon-wrapper.svelte-1l2yacz{width:100px;height:100px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.server-icon.svelte-1l2yacz{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #0006}.server-icon-placeholder.svelte-1l2yacz{width:100px;height:100px;border-radius:50%;background:#2b2d31;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff;border:4px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #0003}.card-info-area.svelte-1l2yacz{position:relative;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;gap:16px;background:#1a1a1e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.card-text.svelte-1l2yacz{flex:1;min-width:0}.server-name.svelte-1l2yacz{font-size:16px;font-weight:600;color:#f2f3f5;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-role.svelte-1l2yacz{font-size:12px;font-weight:500;color:#9ca3af;margin:0}.setup-button.svelte-1l2yacz{background:#545761;color:#e5e7eb;border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .4s ease;white-space:nowrap;flex-shrink:0}.setup-button.svelte-1l2yacz:hover{background:#64666e}.setup-button.svelte-1l2yacz:active{background:#43444a}.skeleton.svelte-1l2yacz{pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes svelte-1l2yacz-pulse-ring{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.6}to{transform:translate(-50%,-50%) scale(.8);opacity:1}}@keyframes svelte-1l2yacz-pulse-inner{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(.85)}}.skeleton-banner.svelte-1l2yacz{position:relative;background:#2b2d31;background-image:linear-gradient(90deg,#2b2d31,#32353a,#3a3d42,#32353a 60%,#2b2d31 80% 100%);background-repeat:no-repeat;background-size:200% 100%;animation:svelte-1l2yacz-shimmer-smooth 2.5s cubic-bezier(.4,0,.2,1) infinite}.skeleton-text.svelte-1l2yacz{background:#2b2d31;background-image:linear-gradient(90deg,#2b2d31,#32353a,#3a3d42,#32353a 60%,#2b2d31 80% 100%);background-repeat:no-repeat;background-size:200% 100%;animation:svelte-1l2yacz-shimmer-smooth 2.5s cubic-bezier(.4,0,.2,1) infinite;border-radius:8px}.skeleton-name.svelte-1l2yacz{height:18px;width:70%;margin-bottom:8px}.skeleton-role.svelte-1l2yacz{height:14px;width:50%}.skeleton-button.svelte-1l2yacz{width:90px;height:38px;border-radius:10px;background:#2b2d31;background-image:linear-gradient(90deg,#2b2d31,#32353a,#3a3d42,#32353a 60%,#2b2d31 80% 100%);background-repeat:no-repeat;background-size:200% 100%;animation:svelte-1l2yacz-shimmer-smooth 2.5s cubic-bezier(.4,0,.2,1) infinite;flex-shrink:0}@keyframes svelte-1l2yacz-shimmer-smooth{0%{background-position:200% 0}to{background-position:-100% 0}}.error.svelte-1l2yacz{color:#f87171;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;margin-bottom:16px}.btn.svelte-1l2yacz{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;cursor:pointer;border:none;font-size:14px;transition:background .15s ease;padding:12px 16px;height:44px;min-width:120px;white-space:nowrap}.btn.primary.svelte-1l2yacz{background:#5865f2;border:solid 1px #6571f3;color:#fff}.btn.primary.svelte-1l2yacz:hover{background:#4452bb;border:solid 1px #5360c0}@media(max-width:1024px){.content-wrapper.svelte-1l2yacz{height:calc(100vh - 48px)}.servers-grid.svelte-1l2yacz{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(max-width:640px){.content-wrapper.svelte-1l2yacz{height:calc(100vh - 44px)}.main-content.svelte-1l2yacz{padding:60px 16px 16px;min-height:calc(100vh - 44px)}.servers-grid.svelte-1l2yacz{grid-template-columns:1fr;gap:14px}.card-info-area.svelte-1l2yacz{flex-direction:column;align-items:stretch;gap:12px}.setup-button.svelte-1l2yacz{width:100%}}
