.packages-page.svelte-disfw2{max-width:100%;margin:0 auto;padding-bottom:4rem;position:relative}.page-header.svelte-disfw2{position:relative;z-index:1;max-width:var(--max-width);margin:0 auto;padding:2rem var(--page-gutter) 1.5rem;text-align:center}.empty-state.svelte-disfw2{position:relative;z-index:1;max-width:var(--max-width);margin:0 auto;padding:4rem var(--page-gutter);text-align:center}.empty-state.svelte-disfw2 h2:where(.svelte-disfw2){color:var(--text);margin:0 0 .5rem}.empty-state.svelte-disfw2 p:where(.svelte-disfw2){color:var(--text-secondary);margin:0}.packages-grid.svelte-disfw2{position:relative;z-index:1;max-width:var(--max-width);margin:0 auto;padding:0 var(--page-gutter)}.category-heading.svelte-disfw2{display:flex;align-items:center;gap:.6rem;font-size:var(--text-lg, 1.125rem);color:var(--text);margin:2rem 0 .75rem;font-weight:600}.category-heading.svelte-disfw2:first-child{margin-top:0}.heading-accent.svelte-disfw2{width:3px;height:1.1em;background:var(--accent-solid);border-radius:2px;flex-shrink:0}.category-cards.svelte-disfw2{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.pkg-card.svelte-disfw2{position:relative;display:flex;text-decoration:none;color:inherit;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.pkg-card.svelte-disfw2:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.02) 50%,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.pkg-card.svelte-disfw2:hover{transform:translateY(-2px)}.pkg-card.svelte-disfw2:hover:before{opacity:1}.card-accent.svelte-disfw2{width:3px;flex-shrink:0;transition:width .2s,box-shadow .2s}.tier-free.svelte-disfw2 .card-accent:where(.svelte-disfw2){background:#00c853}.tier-housecat.svelte-disfw2 .card-accent:where(.svelte-disfw2){background:var(--accent-solid)}.tier-royal.svelte-disfw2 .card-accent:where(.svelte-disfw2){background:#b89aff}.tier-external.svelte-disfw2 .card-accent:where(.svelte-disfw2){background:#4da6ff}.pkg-card.svelte-disfw2:hover .card-accent:where(.svelte-disfw2){width:4px}.tier-free.svelte-disfw2:hover{border-color:#00c85366;box-shadow:0 4px 24px #00c8531a,inset 0 0 0 1px #00c8530d}.tier-free.svelte-disfw2:hover .card-accent:where(.svelte-disfw2){box-shadow:0 0 12px #00c85366}.tier-housecat.svelte-disfw2:hover{border-color:#ff8c0066;box-shadow:0 4px 24px #ff8c001a,inset 0 0 0 1px #ff8c000d}.tier-housecat.svelte-disfw2:hover .card-accent:where(.svelte-disfw2){box-shadow:0 0 12px #ff8c0066}.tier-royal.svelte-disfw2:hover{border-color:#b89aff66;box-shadow:0 4px 24px #b89aff1a,inset 0 0 0 1px #b89aff0d}.tier-royal.svelte-disfw2:hover .card-accent:where(.svelte-disfw2){box-shadow:0 0 12px #b89aff66}.tier-external.svelte-disfw2:hover{border-color:#4da6ff66;box-shadow:0 4px 24px #4da6ff1a,inset 0 0 0 1px #4da6ff0d}.tier-external.svelte-disfw2:hover .card-accent:where(.svelte-disfw2){box-shadow:0 0 12px #4da6ff66}.card-content.svelte-disfw2{flex:1;padding:.85rem 1rem;display:flex;flex-direction:column;min-width:0}.card-top.svelte-disfw2{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.pkg-name.svelte-disfw2{margin:0;font-size:var(--text-base);font-weight:600;color:var(--text);transition:color .2s;line-height:1.3}.pkg-card.svelte-disfw2:hover .pkg-name:where(.svelte-disfw2){color:#fff}.tier-badge.svelte-disfw2{flex-shrink:0;padding:.1rem .45rem;border-radius:var(--radius-sm);font-size:var(--text-xs, .75rem);font-weight:500;white-space:nowrap}.tier-free.svelte-disfw2 .tier-badge:where(.svelte-disfw2){background:#00c8531f;color:#00c853;border:1px solid rgba(0,200,83,.25)}.tier-housecat.svelte-disfw2 .tier-badge:where(.svelte-disfw2){background:#ff8c001f;color:var(--accent-solid);border:1px solid rgba(255,140,0,.25)}.tier-royal.svelte-disfw2 .tier-badge:where(.svelte-disfw2){background:#9370db1f;color:#b89aff;border:1px solid rgba(147,112,219,.25)}.tier-external.svelte-disfw2 .tier-badge:where(.svelte-disfw2){background:#4da6ff1f;color:#4da6ff;border:1px solid rgba(77,166,255,.25)}.pkg-upm.svelte-disfw2{display:block;font-size:.7rem;color:var(--text-secondary);margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pkg-desc.svelte-disfw2{color:var(--text-secondary);font-size:var(--text-sm);margin:.4rem 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer.svelte-disfw2{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.6rem}.card-meta.svelte-disfw2{display:flex;align-items:center;gap:.4rem;font-size:var(--text-xs, .75rem);color:var(--text-secondary)}.meta-version.svelte-disfw2{font-weight:600;font-variant-numeric:tabular-nums}.meta-sep.svelte-disfw2{width:3px;height:3px;border-radius:50%;background:var(--text-secondary);opacity:.5}.card-status.svelte-disfw2{display:flex;align-items:center;gap:.5rem}.status-dot.svelte-disfw2{width:6px;height:6px;border-radius:50%}.status-dot.active.svelte-disfw2{background:#00c853;box-shadow:0 0 6px #00c85380}.status-dot.frozen.svelte-disfw2{background:orange;box-shadow:0 0 6px #ffa50080}.card-arrow.svelte-disfw2{color:var(--text-secondary);font-size:var(--text-sm);opacity:0;transform:translate(-4px);transition:opacity .2s,transform .2s}.pkg-card.svelte-disfw2:hover .card-arrow:where(.svelte-disfw2){opacity:1;transform:translate(0)}.faq-section.svelte-disfw2{position:relative;z-index:1;max-width:1200px;margin:3rem auto 0;padding:0 var(--page-gutter)}@media(max-width:1024px){.category-cards.svelte-disfw2{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.category-cards.svelte-disfw2{grid-template-columns:1fr}.card-arrow.svelte-disfw2{opacity:.5;transform:translate(0)}}