.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);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;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}.card-link.svelte-disfw2{color:inherit;text-decoration:none}.card-link.svelte-disfw2:after{content:"";position:absolute;inset:0;z-index:1}.card-link.svelte-disfw2:focus-visible{outline:none}.card-link.svelte-disfw2:focus-visible:after{outline:2px solid var(--accent-solid);outline-offset:-2px;border-radius:var(--radius-md)}.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-studio.svelte-disfw2 .card-accent:where(.svelte-disfw2){background:#e74c3c}.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-studio.svelte-disfw2:hover{border-color:#e74c3c66;box-shadow:0 4px 24px #e74c3c1a,inset 0 0 0 1px #e74c3c0d}.tier-studio.svelte-disfw2:hover .card-accent:where(.svelte-disfw2){box-shadow:0 0 12px #e74c3c66}.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}.card-badges.svelte-disfw2{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.early-badge.svelte-disfw2{flex-shrink:0;padding:.1rem .45rem;border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;text-transform:uppercase;white-space:nowrap;color:#ffd166;background:#ffd1661f;border:1px solid rgba(255,209,102,.3)}.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:var(--text);filter:brightness(1.3)}.tier-badge.svelte-disfw2{flex-shrink:0;padding:.1rem .45rem;border-radius:var(--radius-sm);font-size:var(--text-xs);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-studio.svelte-disfw2 .tier-badge:where(.svelte-disfw2){background:#e74c3c1f;color:#e74c3c;border:1px solid rgba(231,76,60,.25)}.tier-admin.svelte-disfw2 .tier-badge:where(.svelte-disfw2){background:#ff4b6e1f;color:#ff6b8a;border:1px solid rgba(255,75,110,.3)}.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:var(--text-xs);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);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-actions.svelte-disfw2{position:relative;z-index:2;display:flex;align-items:center;gap:.3rem}.card-btn.svelte-disfw2{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:color .15s,border-color .15s,background .15s,opacity .2s}.card-btn.svelte-disfw2:hover:not(:disabled){color:var(--accent-solid);border-color:var(--accent-solid);background:#ff8c0014}.card-btn.svelte-disfw2:focus-visible{outline:2px solid var(--accent-solid);outline-offset:1px}.card-btn.svelte-disfw2:disabled{cursor:default;opacity:.5}.card-btn.copied.svelte-disfw2{color:#00c853;border-color:#00c85380;background:#00c8531a}.btn-spinner.svelte-disfw2{width:10px;height:10px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:svelte-disfw2-btn-spin .7s linear infinite}@keyframes svelte-disfw2-btn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.btn-spinner.svelte-disfw2{animation-duration:2s}}.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:var(--max-width);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)}}