:root{--bg-primary: #F5F5F5;--bg-dark: #0A0A0A;--bg-card: #FFFFFF;--text-primary: #0A0A0A;--text-light: #FFFFFF;--text-muted: #6B6B6B;--accent: #2563EB;--accent-hover: #1D4ED8;--highlight: #FACC15;--border: #E5E5E5;--border-dark: #333333;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px;--space-8: 64px;--space-12: 96px;--max-width: 1400px;--sidebar-width: 260px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary)}h1,h2,h3,h4{font-weight:700;line-height:1.1;letter-spacing:-.02em}h1{font-size:clamp(48px,8vw,96px)}h2{font-size:clamp(32px,5vw,48px)}h3{font-size:20px}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-3)}.layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;gap:var(--space-6)}.header{background:var(--bg-dark);padding:var(--space-2) 0;position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--text-light);display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.logo:before{content:"";width:10px;height:10px;background:var(--highlight)}.header-nav{display:flex;gap:var(--space-4)}.header-nav a{font-family:var(--font-mono);font-size:13px;color:var(--text-light);opacity:.6;text-transform:uppercase;letter-spacing:.05em;transition:opacity .15s}.header-nav a:hover{opacity:1}.hero{padding:var(--space-12) 0 var(--space-8);border-bottom:1px solid var(--border)}.hero h1{margin-bottom:var(--space-3);max-width:900px}.hero-tagline{font-size:20px;color:var(--text-muted);max-width:560px;margin-bottom:var(--space-4);line-height:1.5}.hero-actions{display:flex;gap:var(--space-2)}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-family:var(--font-mono);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:none;cursor:pointer;transition:all .15s}.btn-primary{background:var(--bg-dark);color:var(--text-light)}.btn-primary:hover{background:var(--accent)}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--text-primary)}.btn-secondary:hover{background:var(--text-primary);color:var(--text-light)}.btn-ghost{background:transparent;padding:8px 0;color:var(--text-muted);text-transform:none;letter-spacing:normal;font-family:var(--font-sans)}.btn-ghost:hover{color:var(--text-primary)}.stats{display:flex;gap:var(--space-8);padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.stat-value{font-family:var(--font-mono);font-size:48px;font-weight:700;line-height:1;letter-spacing:-.02em}.stat-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--text-primary)}.section-title{font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.site-listing{display:flex;flex-direction:column}.site-card{display:grid;grid-template-columns:36px 1fr auto;gap:var(--space-2);padding:14px 0;border-bottom:1px solid var(--border);transition:background .15s;align-items:center}.site-card:hover{background:var(--highlight);margin:0 calc(var(--space-2) * -1);padding-left:var(--space-2);padding-right:var(--space-2)}.site-card-content{min-width:0}.site-card-header{display:flex;align-items:baseline;gap:12px;margin-bottom:2px}.site-favicon{width:36px;height:36px;border:1px solid var(--border);background:#fff}.site-title{font-size:16px;font-weight:700;letter-spacing:-.01em}.site-url{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.site-description{font-size:14px;color:var(--text-muted);line-height:1.4;margin-top:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.site-tags{display:none}.site-card-meta{display:flex;align-items:center;gap:8px}.tag{font-family:var(--font-mono);font-size:11px;padding:4px 8px;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;transition:all .15s}.tag:hover{border-color:var(--text-primary);color:var(--text-primary)}.badge-featured{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:4px 8px;background:var(--accent);color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-title{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border)}.category-nav{display:flex;flex-direction:column}.category-item{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--text-muted);border-bottom:1px solid var(--border);transition:all .15s}.category-item:hover{color:var(--text-primary);padding-left:8px}.category-item.active{color:var(--text-primary);font-weight:600}.category-count{font-family:var(--font-mono);font-size:12px}.category-children{margin-left:var(--space-2)}.category-children .category-item{font-size:13px}.footer{background:var(--bg-dark);color:var(--text-light);padding:var(--space-6) 0;margin-top:var(--space-12)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:var(--space-4)}.footer-links a{font-family:var(--font-mono);font-size:12px;color:var(--text-light);opacity:.5;text-transform:uppercase;letter-spacing:.05em}.footer-links a:hover{opacity:1}.footer-copy{font-family:var(--font-mono);font-size:12px;opacity:.5}.home-layout{margin-top:var(--space-6)}.featured-section,.recent-section{margin-bottom:var(--space-8)}.browse-layout{margin-top:var(--space-4)}.browse-header{margin-bottom:var(--space-4)}.browse-header h1{font-size:clamp(36px,6vw,64px);margin-bottom:var(--space-2)}.browse-description{font-size:18px;color:var(--text-muted)}.browse-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border);margin-bottom:var(--space-2)}.results-count{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sort-controls{display:flex;gap:4px}.sort-btn{font-family:var(--font-mono);font-size:12px;padding:6px 12px;background:transparent;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .15s}.sort-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.sort-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--text-light)}.breadcrumbs{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.breadcrumbs a:hover{color:var(--text-primary)}.breadcrumb-sep{margin:0 8px;opacity:.5}.empty-state{text-align:center;padding:var(--space-8);border:1px dashed var(--border)}.empty-state p{color:var(--text-muted);margin-bottom:var(--space-3)}@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{order:2;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.hero{padding:var(--space-6) 0}.stats{gap:var(--space-4)}.stat-value{font-size:32px}.site-card{grid-template-columns:1fr}.site-card-meta{flex-direction:row;align-items:center}.footer-inner{flex-direction:column;gap:var(--space-3);text-align:center}}