:root{--bg:#fff;--bg-subtle:#fafafa;--bg-muted:#f5f5f5;--bg-elevated:#fff;--surface:#f5f5f5;--surface-hover:#eee;--text:#1a1a1a;--text-muted:#666;--text-subtle:#999;--text-secondary:#555;--text-tertiary:#888;--border:#e0e0e0;--border-dark:#000;--border-hover:#ccc;--accent:#000;--accent-hover:#333;--accent-text:#fff;--primary:#000;--success:#22c55e;--warning:#eab308;--error:#ef4444;--info:#3b82f6;--gray:#666;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,monospace;--nav-height:60px}[data-theme=dark]{--bg:#0a0a0a;--bg-subtle:#141414;--bg-muted:#1a1a1a;--bg-elevated:#1f1f1f;--surface:#1a1a1a;--surface-hover:#252525;--text:#f5f5f5;--text-muted:#a0a0a0;--text-subtle:#666;--text-secondary:#bbb;--text-tertiary:#888;--border:#2a2a2a;--border-dark:#fff;--border-hover:#404040;--accent:#fff;--accent-hover:#e0e0e0;--accent-text:#000;--primary:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a0a0a;--bg-subtle:#141414;--bg-muted:#1a1a1a;--bg-elevated:#1f1f1f;--surface:#1a1a1a;--surface-hover:#252525;--text:#f5f5f5;--text-muted:#a0a0a0;--text-subtle:#666;--text-secondary:#bbb;--text-tertiary:#888;--border:#2a2a2a;--border-dark:#fff;--border-hover:#404040;--accent:#fff;--accent-hover:#e0e0e0;--accent-text:#000;--primary:#fff}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);min-height:100vh;font-size:15px;line-height:1.6}::selection{background:var(--accent);color:var(--bg)}mark{background:var(--text);color:var(--bg);padding:0 2px;font-weight:600}nav{background:var(--bg);z-index:1000;border-bottom:1px solid var(--border);width:100%;padding:1rem 2rem;transition:background-color .15s;position:fixed;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav-right{align-items:center;gap:1.5rem;display:flex}.logo{color:var(--text);letter-spacing:-.02em;font-size:18px;font-weight:700;text-decoration:none}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-sign-in{background:var(--accent);border-radius:6px;padding:.375rem .875rem;font-weight:500;transition:all .15s;color:var(--accent-text)!important}.nav-sign-in:hover{background:var(--accent-hover);color:var(--accent-text)!important}.theme-toggle{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);background:0 0;padding:.4rem .75rem;font-size:13px;transition:all .15s}.theme-toggle:hover{background:var(--surface);color:var(--text)}.hero{margin-top:var(--nav-height);text-align:center;background:var(--bg-subtle);border-bottom:1px solid var(--border);padding:4rem 2rem}.hero h1{color:var(--text);letter-spacing:-.02em;margin-bottom:1rem;font-size:32px;font-weight:700}.hero p{color:var(--text-muted);max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:16px}.search-container{max-width:600px;margin:0 auto 3rem;padding:0 1rem}.search-box{background:var(--bg);border:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;transition:border-color .15s;display:flex;position:relative}.search-box:focus-within{border-color:var(--border-dark)}.search-prompt{color:var(--text-muted);font-family:var(--font-mono);font-size:14px}.search-input{color:var(--text);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-input::placeholder{color:var(--text-subtle)}.stats{max-width:1200px;margin:0 auto;padding:2rem}.stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.stat-card{background:var(--bg);border:1px solid var(--border);text-align:center;padding:1.5rem;transition:border-color .15s}.stat-card:hover{border-color:var(--border-dark)}.stat-value{font-family:var(--font-mono);color:var(--text);margin-bottom:.25rem;font-size:28px;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.packages-section{max-width:1200px;margin:0 auto;padding:2rem}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.section-title{color:var(--text);font-size:22px;font-weight:600}.filter-tabs{gap:.5rem;display:flex}.filter-tab{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);background:0 0;padding:.5rem 1rem;font-size:13px;transition:all .15s}.filter-tab:hover,.filter-tab.active{background:var(--surface);border-color:var(--border-dark);color:var(--text)}.packages-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.package-card{background:var(--bg);border:1px solid var(--border);padding:1.5rem;transition:border-color .15s}.package-card:hover{border-color:var(--border-dark)}.package-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.package-name{color:var(--text);font-size:16px;font-weight:600}.package-version{background:var(--surface);color:var(--text-muted);font-family:var(--font-mono);border:1px solid var(--border);padding:.2rem .5rem;font-size:12px}.package-description{color:var(--text-muted);margin-bottom:1rem;font-size:14px;line-height:1.6}.package-stats{font-family:var(--font-mono);gap:1.5rem;margin-bottom:1rem;font-size:12px;display:flex}.package-stat{color:var(--text-muted);align-items:center;gap:.4rem;display:flex}.package-stat-icon{color:var(--text)}.package-command{background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.6rem .75rem;font-size:12px;transition:border-color .15s;display:flex}.command-prompt{color:var(--text);font-weight:600}.package-command:hover{border-color:var(--border-dark)}.package-actions{gap:.5rem;display:flex}.btn{text-align:center;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-sans);border:none;flex:1;padding:.6rem 1rem;text-decoration:none;transition:all .15s}.btn-primary{background:var(--accent);color:var(--bg);border:1px solid var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:var(--surface);border-color:var(--border-dark)}.perf-badge{background:var(--surface);color:var(--success);font-family:var(--font-mono);border:1px solid var(--success);z-index:10;padding:.2rem .4rem;font-size:11px;position:absolute;top:.5rem;right:1rem}footer{text-align:center;border-top:1px solid var(--border);margin-top:4rem;padding:2rem}.footer-links{justify-content:center;gap:1.5rem;margin-bottom:1rem;display:flex}.footer-links a{color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text)}.markdown-content{font-family:var(--font-sans);color:var(--text);line-height:1.7}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--text);margin-top:2rem;margin-bottom:1rem;font-weight:600}.markdown-content h1{border-bottom:1px solid var(--border);padding-bottom:.5rem;font-size:28px}.markdown-content h2{border-bottom:1px solid var(--border);padding-bottom:.5rem;font-size:22px}.markdown-content h3{font-size:18px}.markdown-content h4{font-size:16px}.markdown-content p{color:var(--text-secondary);margin-bottom:1rem}.markdown-content a{color:var(--text);text-underline-offset:2px;text-decoration:underline}.markdown-content a:hover{opacity:.7}.markdown-content ul,.markdown-content ol{color:var(--text-secondary);margin-bottom:1rem;margin-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.markdown-content blockquote{border-left:3px solid var(--border-dark);color:var(--text-muted);margin:1.5rem 0;padding-left:1rem;font-style:italic}.markdown-content table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:14px}.markdown-content table th{background:var(--surface);color:var(--text);text-align:left;border:1px solid var(--border);padding:.75rem;font-weight:600}.markdown-content table td{border:1px solid var(--border);color:var(--text-secondary);padding:.75rem}.markdown-content table tr:hover{background:var(--surface)}.markdown-content hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.markdown-content img{border:1px solid var(--border);max-width:100%;height:auto;margin:1.5rem 0}.markdown-content pre{background:var(--surface);border:1px solid var(--border);margin:1.5rem 0;padding:1rem;overflow-x:auto}.markdown-content code{font-family:var(--font-mono);font-size:13px}.markdown-content :not(pre)>code{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:.2rem .4rem}.logo-full{display:inline}.logo-short{display:none}@media (max-width:1024px){.packages-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}}@media (max-width:768px){nav{padding:.75rem 1rem}.nav-links{display:none}.mobile-menu-button{display:flex!important}.logo{font-size:16px}.logo-full{display:none}.logo-short{display:inline}.hero{margin-top:56px;padding:2rem 1rem}.hero h1{font-size:24px}.hero p{font-size:14px}.stats{padding:1rem}.stats-container{grid-template-columns:1fr 1fr;gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:22px}.packages-section{padding:1rem}.packages-grid{grid-template-columns:1fr;gap:1rem}.package-card{padding:1.25rem}.package-header{flex-direction:column;align-items:flex-start;gap:.5rem}.package-stats{flex-wrap:wrap;gap:.75rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.filter-tabs{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.filter-tab{white-space:nowrap}.search-container{padding:0}footer{padding:1.5rem 1rem}.footer-links{flex-direction:column;gap:.75rem}.markdown-content h1{font-size:22px}.markdown-content h2{font-size:18px}.markdown-content h3{font-size:16px}.markdown-content ul,.markdown-content ol{margin-left:1.25rem}.markdown-content table{font-size:13px}.markdown-content table th,.markdown-content table td{padding:.5rem}}@media (max-width:480px){nav{padding:.6rem .75rem}.nav-right{gap:.5rem}.logo{font-size:14px}.hero h1{font-size:20px}.hero p{font-size:13px}.stats-container{grid-template-columns:1fr}.stat-value{font-size:20px}.stat-label{font-size:11px}.package-card{padding:1rem}.package-name{font-size:15px}.package-version{font-size:11px}.package-description{font-size:13px}.btn{padding:.5rem .75rem;font-size:13px}.section-title{font-size:18px}.package-command{padding:.5rem;font-size:11px}.markdown-content h1{font-size:20px}.markdown-content h2{font-size:17px}.markdown-content h3{font-size:15px}}@media (hover:none) and (pointer:coarse){.btn,.filter-tab,.package-command,.nav-links a,.footer-links a{justify-content:center;align-items:center;min-height:44px;display:flex}.stat-card:hover,.package-card:hover,.filter-tab:hover,.btn-primary:hover,.btn-secondary:hover{transform:none}.btn:active,.filter-tab:active,.package-command:active{opacity:.7}}body{overflow-x:hidden}.filter-tabs,.packages-grid,.stats-container{-webkit-overflow-scrolling:touch}@supports (padding:env(safe-area-inset-left)){nav,.hero,.stats,.packages-section,footer{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}a:focus,button:focus,input:focus{outline:2px solid var(--accent);outline-offset:2px}@media print{:root{--bg:#fff;--text:#000;--border:#ccc}nav,.hero:before,.filter-tabs{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}