:root{--glow-primary: rgba(59, 130, 246, .4);--glow-secondary: rgba(139, 92, 246, .4);--bg-color: #0D1117;--border-color: rgba(255, 255, 255, .1);--card-bg: #161B22;--text-primary: #F0F6FC;--text-secondary: #8B949E}#packages{padding-bottom:8rem}.packages-hero{position:relative;padding:6rem 2rem;overflow:hidden;text-align:center}.hero-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 15% 25%,var(--glow-primary),transparent 40%),radial-gradient(circle at 85% 35%,var(--glow-secondary),transparent 40%);filter:blur(80px);opacity:.5;animation:aurora 20s linear infinite}.hero-content{position:relative;max-width:1100px;margin:0 auto;z-index:1;opacity:0;transform:translateY(20px);animation:fadeIn .8s .2s forwards ease-out}.hero-title{font-size:clamp(3rem,6vw,4.5rem);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1rem}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--text-secondary);max-width:650px;margin:0 auto 3.5rem;line-height:1.6}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.metric-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.75rem;position:relative;overflow:hidden;transition:transform .3s ease,border-color .3s ease}.metric-card:hover{transform:translateY(-5px);border-color:#3b82f6cc}.metric-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.metric-value{font-size:clamp(2.5rem,5vw,3rem);font-weight:700;font-family:JetBrains Mono,monospace;color:var(--text-primary)}.metric-caption{margin-top:.5rem;color:var(--text-secondary);font-size:.9rem}.packages-controls{padding:0 2rem 3rem;opacity:0;transform:translateY(20px);animation:fadeIn .8s .4s forwards ease-out}.control-card{max-width:1100px;margin:0 auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.control-body{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.search-box{position:relative;flex:1 1 400px}.search-box input{width:100%;padding:.875rem 1.25rem .875rem 3rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-primary);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--text-secondary);pointer-events:none}.filters{display:inline-flex;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.filter-btn{background:transparent;border:none;color:var(--text-secondary);padding:.75rem 1.25rem;font-size:.95rem;cursor:pointer;transition:color .2s ease,background-color .2s ease;border-left:1px solid var(--border-color)}.filter-btn:first-child{border-left:none}.filter-btn:hover{background-color:#ffffff0d;color:var(--text-primary)}.filter-btn.active{color:#3b82f6;background-color:#3b82f61a;font-weight:600}.results-summary{margin-top:1rem;font-family:JetBrains Mono,monospace;color:var(--text-secondary);font-size:.9rem}.packages-feed{padding:0 2rem;max-width:1200px;margin:0 auto}.loader{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;padding:4rem 0;color:var(--text-secondary)}.loader-ring{width:40px;height:40px;border-radius:50%;border:3px solid var(--border-color);border-top-color:#3b82f6;animation:spin 1s linear infinite}.error-banner{display:flex;flex-direction:column;gap:.5rem;border-radius:8px;padding:1.25rem;background:#f871711a;border:1px solid rgba(248,113,113,.4);margin-bottom:2rem;color:#fca5a5}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.package-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;opacity:0;transform:translateY(20px);animation:cardIn .5s calc(var(--delay)) forwards ease-out;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer;text-align:left;width:100%;font-family:inherit;color:inherit;scroll-margin:160px 0}.package-card:hover{transform:translateY(-5px);border-color:#3b82f6cc;box-shadow:0 10px 30px #0003}.package-card--active{border-color:#3b82f6cc;box-shadow:0 12px 35px #3b82f640;transform:translateY(-8px)}.package-card[data-expanded=true]{grid-row:span 2;grid-column:1 / -1}.package-card__collapsed{display:block}.package-card[data-expanded=true] .package-card__collapsed,.package-card__expanded{display:none}.package-card[data-expanded=true] .package-card__expanded{display:grid;grid-template-columns:1fr 240px;gap:2rem}.package-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.package-card__header h3{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.package-card__description{color:var(--text-secondary);line-height:1.6;margin:0}.tag{display:inline-block;padding:.2rem .6rem;border-radius:99px;font-size:.8rem;font-weight:500;white-space:nowrap}.tag.version-tag{background-color:#ffffff1a;color:var(--text-secondary)}.tag.repo-tag{background-color:#3b82f626;color:#93c5fd}.tag.repo-tag[data-repo=extra]{background-color:#8b5cf626;color:#c4b5fd}.tag.license-tag{background-color:#ffffff1a;color:var(--text-secondary)}.expanded-main{display:flex;flex-direction:column;gap:1.5rem}.expanded-sidebar{border-left:1px solid var(--border-color);padding-left:2rem}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.detail-item dt{font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.detail-item dd{font-size:1rem;font-weight:500;font-family:JetBrains Mono,monospace;color:var(--text-primary)}.deps-section>span,.files-section>span{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.3rem .75rem;border-radius:6px;background:#ffffff14;font-size:.85rem;color:var(--text-secondary)}.chip--muted{background:transparent;border:1px dashed var(--border-color)}.files-list{display:flex;flex-direction:column;gap:.5rem}.files-list__items{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.files-list__item{display:flex;align-items:center;gap:.6rem;font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-secondary);word-break:break-word}.files-list__item:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#3b82f680}.files-list__more{font-size:.8rem;color:var(--text-secondary);opacity:.75}.files-list__empty{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-secondary);opacity:.8}.package-card__link{display:inline-block;margin-top:1.5rem;font-size:.95rem;font-weight:500;color:#93c5fd;text-decoration:none;transition:color .2s}.package-card__link:hover{color:#3b82f6}.empty-state{margin-top:4rem;text-align:center;color:var(--text-secondary)}.empty-visual{width:100px;height:100px;margin:0 auto 1.5rem;border-radius:50%;background:radial-gradient(circle,var(--glow-primary),transparent 70%);opacity:.3}.empty-state h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes aurora{0%{transform:translate(0) scale(1)}50%{transform:translate(20px,-15px) scale(1.05)}to{transform:translate(0) scale(1)}}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.control-body{flex-direction:column;align-items:stretch}.package-card[data-expanded=true] .package-card__expanded{grid-template-columns:1fr}.expanded-sidebar{border-left:none;padding-left:0;border-top:1px solid var(--border-color);padding-top:2rem}}@media(max-width:768px){.packages-hero{padding:4rem 1rem}.packages-controls,.packages-feed{padding:0 1rem}.packages-grid{grid-template-columns:1fr}}