:root{--seafoam:#2dd4a8;--seafoam-light:#5eead4;--seafoam-dark:#14b8a6;--seafoam-muted:#0d9488;--purple:#7c3aed;--purple-light:#a78bfa;--purple-dark:#5b21b6;--pink:#ec4899;--pink-light:#f472b6;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-input:#0f172a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#334155;--border-focus:var(--seafoam);color:var(--text-primary);background-color:var(--bg-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}a{color:var(--seafoam);text-decoration:none;transition:color .2s}a:hover{color:var(--seafoam-light)}::selection{background:var(--seafoam-dark);color:#fff}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-logo{object-fit:cover;border-radius:10px;width:44px;height:44px}.brand-name{background:linear-gradient(135deg, var(--seafoam), var(--purple-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;line-height:1.2}.brand-sub{color:var(--text-muted);font-size:.75rem}.nav-links{gap:1.5rem;display:flex}.nav-links a{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;transition:color .2s;display:flex}.nav-links a:hover{color:var(--seafoam)}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero-section{text-align:center;padding:3rem 0 2rem}.hero-title{background:linear-gradient(135deg, var(--seafoam), var(--seafoam-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800}.hero-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem}.hero-desc strong{color:var(--seafoam)}.search-wrapper{max-width:600px;margin:0 auto;position:relative}.search-icon{width:20px;height:20px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:.875rem 2.75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--seafoam);box-shadow:0 0 0 3px #2dd4a826}.search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem;line-height:1;transition:color .2s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.search-clear:hover{color:var(--text-primary)}.search-meta{color:var(--text-muted);margin-top:.75rem;font-size:.8125rem}.search-meta strong{color:var(--seafoam)}.setup-section{background:#ffffff08;border:1px solid #2dd4a826;border-radius:12px;max-width:900px;margin:0 auto 2rem;padding:1.5rem 2rem}.setup-title{color:#2dd4a8;margin:0 0 1.25rem;font-size:1.25rem}.setup-tabs{gap:.5rem;margin-bottom:1.25rem;display:flex}.setup-tabs .tab{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #2dd4a833;border-radius:8px;padding:.45rem 1.2rem;font-size:.875rem;transition:all .2s}.setup-tabs .tab:hover{color:#e0def4;border-color:#2dd4a866}.setup-tabs .tab.active{color:#2dd4a8;background:#2dd4a81f;border-color:#2dd4a8}.setup-steps{flex-direction:column;gap:1.25rem;display:flex}.setup-step h4{color:#c4b5fd;margin:0 0 .5rem;font-size:.95rem}.setup-step p{color:#94a3b8;margin:.4rem 0;font-size:.875rem}.setup-step code{color:#e0def4;background:#7c3aed26;border-radius:4px;padding:.15em .4em;font-size:.85rem}.setup-code{background:#0d1117;border:1px solid #2dd4a81a;border-radius:8px;margin:.4rem 0 0;padding:.75rem 1rem;overflow-x:auto}.setup-code code{color:#2dd4a8;white-space:pre;background:0 0;padding:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;line-height:1.6}.table-section{padding-bottom:3rem}.status-box{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.status-box.error{color:var(--pink)}.spinner{border:3px solid var(--border);border-top-color:var(--seafoam);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table-container{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;overflow-x:auto}.pkg-table{border-collapse:collapse;width:100%;font-size:.875rem}.pkg-table thead{border-bottom:1px solid var(--border);background:#2dd4a80d}.pkg-table th{text-align:left;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;transition:color .2s}.pkg-table th:hover{color:var(--seafoam)}.pkg-table td{border-top:1px solid var(--border);color:var(--text-secondary);padding:.625rem 1rem}.pkg-table tbody tr{transition:background .15s}.pkg-table tbody tr:hover{background:#2dd4a80a}.pkg-name{font-weight:600;color:var(--seafoam)!important}.pkg-version{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem;color:var(--purple-light)!important}.pkg-filename{text-overflow:ellipsis;white-space:nowrap;max-width:400px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;overflow:hidden;color:var(--text-muted)!important}.arch-badge{color:var(--purple-light);background:#7c3aed26;border:1px solid #7c3aed40;border-radius:6px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.footer{border-top:1px solid var(--border);background:var(--bg-secondary);margin-top:auto;padding:1.25rem 1.5rem}.footer-inner{text-align:center;max-width:1200px;color:var(--text-muted);margin:0 auto;font-size:.8125rem}.footer-sep{margin:0 .5rem}@media (width<=640px){.hero-title{font-size:1.5rem}.header-inner{padding:.5rem 1rem}.main{padding:0 1rem}.pkg-table th,.pkg-table td{padding:.5rem .625rem}.pkg-filename{max-width:180px}}