.tag-filter.svelte-o2aiom{padding:var(--space-sm) var(--space-md);border:2px solid var(--tag-color);border-radius:var(--radius-full);background:var(--color-background);color:var(--tag-color);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);position:relative;font-size:var(--text-sm)}.tag-filter.svelte-o2aiom:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tag-filter.selected.svelte-o2aiom{background:var(--tag-color);color:var(--color-background)}.tooltip.svelte-o2aiom{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--color-secondary);color:var(--color-background);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);margin-bottom:var(--space-sm);z-index:var(--z-tooltip);max-width:200px;white-space:normal;text-align:center;box-shadow:var(--shadow-lg)}.tooltip.svelte-o2aiom:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-secondary)}.tag-filter.svelte-o2aiom:hover+.tooltip:where(.svelte-o2aiom),.tag-filter.svelte-o2aiom:focus+.tooltip:where(.svelte-o2aiom){opacity:1}.optimized-image-container.svelte-mzanom{position:relative;display:inline-block;border-radius:var(--radius-sm);overflow:hidden}.optimized-image.svelte-mzanom{display:block;transition:opacity var(--transition-normal);opacity:0}.image-placeholder.svelte-mzanom{position:absolute;inset:0;background:var(--color-border-light);animation:svelte-mzanom-shimmer 1.5s infinite}.loaded.svelte-mzanom .optimized-image:where(.svelte-mzanom){opacity:1}.loaded.svelte-mzanom .image-placeholder:where(.svelte-mzanom){display:none}.error.svelte-mzanom .optimized-image:where(.svelte-mzanom){opacity:.5}.optimized-image-container.small.svelte-mzanom{width:48px;height:48px}.optimized-image-container.medium.svelte-mzanom{width:64px;height:64px}.optimized-image-container.large.svelte-mzanom{width:96px;height:96px}@keyframes svelte-mzanom-shimmer{0%{background:var(--color-border-light)}50%{background:var(--color-border)}to{background:var(--color-border-light)}}@supports not (display: grid){.optimized-image-container.svelte-mzanom{display:inline-block}}.distro-grid.svelte-1icwp2h{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-xl)}.distro-card.svelte-1icwp2h{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);position:relative}.distro-card.svelte-1icwp2h:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.distro-card.selected.svelte-1icwp2h{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-background)}.distro-icon{margin-bottom:var(--space-lg);margin:0 auto}.distro-card.svelte-1icwp2h h3:where(.svelte-1icwp2h){font-size:var(--text-base);font-weight:var(--font-semibold);margin:0;line-height:var(--line-height-tight)}.no-results.svelte-1icwp2h{text-align:center;padding:var(--space-3xl);color:var(--color-text-secondary);grid-column:1 / -1}.no-results.svelte-1icwp2h p:where(.svelte-1icwp2h){margin:var(--space-sm) 0;font-size:var(--text-lg);line-height:var(--line-height-normal)}@media(max-width:640px){.distro-grid.svelte-1icwp2h{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-lg)}.distro-card.svelte-1icwp2h{padding:var(--space-lg)}}.distro-panel.svelte-1fp4pg7{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);width:350px;box-shadow:var(--shadow-xl);position:sticky;top:var(--space-xl);max-height:calc(100vh - 4rem);overflow-y:auto}.panel-header.svelte-1fp4pg7{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.panel-header.svelte-1fp4pg7 h2:where(.svelte-1fp4pg7){margin:0;color:var(--color-secondary);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--line-height-tight)}.close-btn.svelte-1fp4pg7{background:none;border:none;font-size:var(--text-2xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-normal);line-height:1}.close-btn.svelte-1fp4pg7:hover{background:var(--color-background-secondary);color:var(--color-secondary)}.distro-description.svelte-1fp4pg7{margin-bottom:var(--space-2xl)}.distro-description.svelte-1fp4pg7 p:where(.svelte-1fp4pg7){color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;font-size:var(--text-base)}.distro-tags.svelte-1fp4pg7{margin-bottom:var(--space-2xl)}.tag-list.svelte-1fp4pg7{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tag.svelte-1fp4pg7{padding:var(--space-xs) var(--space-md);background:var(--tag-color);color:var(--color-background);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.website-btn.svelte-1fp4pg7{width:100%;padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-background);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-block;text-align:center;line-height:var(--line-height-normal)}.website-btn.svelte-1fp4pg7:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media(max-width:1024px){.distro-panel.svelte-1fp4pg7{width:100%;position:static;max-height:none}}@media(max-width:640px){.distro-panel.svelte-1fp4pg7{padding:var(--space-lg)}.panel-header.svelte-1fp4pg7 h2:where(.svelte-1fp4pg7){font-size:var(--text-xl)}}.error-container.svelte-95fokg{text-align:center;padding:var(--space-3xl) var(--space-xl);background:var(--color-error-background);border:2px solid var(--color-error-light);border-radius:var(--radius-lg);color:var(--color-error-dark);max-width:400px;margin:var(--space-xl) auto;box-shadow:var(--shadow-md)}.error-icon.svelte-95fokg{font-size:var(--text-4xl);margin-bottom:var(--space-lg);line-height:1}.error-title.svelte-95fokg{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0 0 var(--space-lg) 0;color:var(--color-error);line-height:var(--line-height-tight)}.error-message.svelte-95fokg{margin:0 0 var(--space-2xl) 0;line-height:var(--line-height-relaxed);color:var(--color-error-dark);font-size:var(--text-base)}.retry-button.svelte-95fokg{background:var(--color-error);color:var(--color-background);border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);font-size:var(--text-base);line-height:var(--line-height-normal)}.retry-button.svelte-95fokg:hover{background:var(--color-error-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.loading-container.svelte-ds7hcv{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl)}.spinner.svelte-ds7hcv{border:3px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:svelte-ds7hcv-spin 1s linear infinite}.loading-message.svelte-ds7hcv{margin-top:var(--space-lg);color:var(--color-text-secondary);font-size:var(--text-base);text-align:center;font-weight:var(--font-normal);line-height:var(--line-height-normal)}@keyframes svelte-ds7hcv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-toggle.svelte-1cmi4dh{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.theme-toggle.svelte-1cmi4dh:hover{background:var(--color-background-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.theme-toggle.svelte-1cmi4dh:active{transform:translateY(0)}svg.svelte-1cmi4dh{transition:var(--transition-normal)}.theme-toggle.svelte-1cmi4dh:hover svg:where(.svelte-1cmi4dh){transform:scale(1.1)}.app.svelte-1uha8ag{max-width:var(--container-2xl);margin:0 auto;padding:var(--space-xl);font-family:var(--font-sans)}.header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin:0 auto var(--space-3xl);padding:0 var(--space-xl)}.header.svelte-1uha8ag h1:where(.svelte-1uha8ag){text-align:center;flex:1;font-size:var(--text-4xl);color:var(--color-secondary);font-weight:var(--font-bold);line-height:var(--line-height-tight)}.filters.svelte-1uha8ag{margin-bottom:var(--space-2xl)}.filters.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:var(--text-2xl);color:var(--color-secondary);margin-bottom:var(--space-lg);font-weight:var(--font-semibold)}footer.svelte-1uha8ag{margin-bottom:var(--space-2xl)}footer.svelte-1uha8ag .toggle-btn:where(.svelte-1uha8ag){background:none;border:none;color:var(--color-secondary);font-size:var(--text-lg);cursor:pointer;padding:0;margin-bottom:var(--space-md)}footer.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--color-text-secondary);font-size:var(--text-lg);font-weight:var(--font-normal)}.tag-list.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.content.svelte-1uha8ag{display:grid;grid-template-columns:1fr auto;gap:var(--space-2xl);align-items:start;margin-bottom:var(--space-3xl)}.distros.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:var(--text-2xl);color:var(--color-secondary);margin-bottom:var(--space-lg);font-weight:var(--font-semibold)}@media(max-width:1024px){.content.svelte-1uha8ag{grid-template-columns:1fr}}@media(max-width:640px){.app.svelte-1uha8ag{padding:var(--space-lg)}.header.svelte-1uha8ag{flex-direction:column;gap:var(--space-lg);padding:0}.header.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:var(--text-3xl)}.tag-list.svelte-1uha8ag{gap:var(--space-md)}}