.subs-list{--subs-bg:#faf9f7;--subs-bg-elevated:#fff;--subs-bg-subtle:#f5f3f0;--subs-shadow-sm:0 1px 2px rgba(120,80,40,.06);--subs-shadow:0 1px 3px rgba(120,80,40,.08),0 1px 2px rgba(120,80,40,.05);--subs-shadow-md:0 4px 12px rgba(120,80,40,.08),0 2px 4px rgba(120,80,40,.05);--subs-tier-best:#b45309;--subs-tier-best-bg:#fffbeb;--subs-tier-best-border:#fde68a;--subs-tier-best-badge:#f59e0b;--subs-tier-good:#1d4ed8;--subs-tier-good-bg:#eff6ff;--subs-tier-good-border:#bfdbfe;--subs-tier-try:#6b7280;--subs-tier-try-bg:#f9fafb;--subs-tier-try-border:#e5e7eb;--subs-chip-bg:#f5f3f0;--subs-chip-bg-active:#292524;--subs-chip-text:#57534e;--subs-chip-text-active:#fafaf9;--subs-star:#d97706;--subs-border:#e7e5e4;--subs-border-hover:#d6d3d1}.dark .subs-list{--subs-bg:#0c0a09;--subs-bg-elevated:#1c1917;--subs-bg-subtle:#171412;--subs-shadow-sm:0 1px 2px rgba(0,0,0,.2);--subs-shadow:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--subs-shadow-md:0 4px 12px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2);--subs-tier-best-bg:rgba(180,83,9,.1);--subs-tier-best-border:rgba(217,119,6,.3);--subs-tier-good-bg:rgba(29,78,216,.08);--subs-tier-good-border:rgba(59,130,246,.25);--subs-tier-try-bg:hsla(220,9%,46%,.08);--subs-tier-try-border:hsla(220,9%,46%,.2);--subs-chip-bg:#292524;--subs-chip-bg-active:#fafaf9;--subs-chip-text:#a8a29e;--subs-chip-text-active:#1c1917;--subs-star:#fbbf24;--subs-border:#292524;--subs-border-hover:#44403c}@keyframes subs-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.subs-list .subs-animate{animation:subs-fade-in .4s ease-out both}.subs-list .subs-delay-1{animation-delay:.05s}.subs-list .subs-delay-2{animation-delay:.1s}.subs-list .subs-delay-3{animation-delay:.15s}.subs-list .subs-delay-4{animation-delay:.2s}.subs-list .subs-delay-5{animation-delay:.25s}.subs-list .subs-delay-6{animation-delay:.3s}.subs-list .subs-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:9999px;font-size:.8125rem;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:all .15s ease;background:var(--subs-chip-bg);color:var(--subs-chip-text);border:1px solid transparent;user-select:none}.subs-list .subs-chip:hover{border-color:var(--subs-border-hover)}.subs-list .subs-chip[data-active=true]{background:var(--subs-chip-bg-active);color:var(--subs-chip-text-active)}.subs-list .subs-card{background:var(--subs-bg-elevated);border:1px solid var(--subs-border);border-radius:.75rem;padding:1rem 1.25rem;transition:all .15s ease;box-shadow:var(--subs-shadow-sm)}.subs-list .subs-card:hover{border-color:var(--subs-border-hover);box-shadow:var(--subs-shadow-md);transform:translateY(-1px)}.subs-list .subs-hero{background:var(--subs-tier-best-bg);border:1px solid var(--subs-tier-best-border);border-radius:.75rem;padding:1.5rem;box-shadow:var(--subs-shadow);transition:all .15s ease}.subs-list .subs-hero:hover{box-shadow:var(--subs-shadow-md);transform:translateY(-1px)}.subs-list .subs-rating-bar{height:4px;border-radius:2px;background:var(--subs-border);overflow:hidden}.subs-list .subs-rating-fill{height:100%;border-radius:2px;background:var(--subs-star);transition:width .3s ease}