:root{--bg-primary: #F0F0ED;--bg-card: #FFFFFF;--bg-dark: #1A1A2E;--bg-dark-hover: #16213E;--text-primary: #1A1A2E;--text-light: #FFFFFF;--text-secondary: #4A4A5A;--text-muted: #8888A0;--accent: #4A7AFF;--accent-hover: #3366EE;--accent-soft: rgba(74, 122, 255, .08);--highlight: #FFD166;--border: #D8D8D0;--border-light: #E8E8E2;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Consolas", monospace;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px;--space-8: 64px;--space-12: 96px;--max-width: 1100px;--sidebar-width: 260px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);font-size:15px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary)}h1,h2,h3,h4{font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(28px,4vw,42px)}h2{font-size:clamp(20px,3vw,28px)}h3{font-size:18px}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;border-bottom:2px solid var(--accent)}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-mono);font-size:15px;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;letter-spacing:.02em;transition:opacity .15s}.header-nav a:hover{opacity:1}.site-listing{display:flex;flex-direction:column}.site-card{display:grid;grid-template-columns:32px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-light);transition:all .15s;align-items:start}.site-card:hover{background:var(--accent-soft);margin:0 -12px;padding-left:12px;padding-right:12px;border-radius:4px}.site-favicon{width:32px;height:32px;border-radius:6px;background:var(--bg-primary);border:1px solid var(--border);margin-top:2px}.site-card-content{min-width:0}.site-card-header{display:flex;align-items:baseline;gap:10px;margin-bottom:2px;flex-wrap:wrap}.site-title{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.site-title:hover{color:var(--accent)}.site-url{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.site-description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-top:2px}.site-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.site-card-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.site-listing-numbered{counter-reset:site-counter}.site-listing-numbered .site-card{counter-increment:site-counter;grid-template-columns:24px 32px 1fr}.site-listing-numbered .site-card:before{content:counter(site-counter) ".";font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-top:4px}.tag{font-family:var(--font-mono);font-size:10px;padding:2px 6px;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-muted);border-radius:3px;letter-spacing:.02em;transition:all .15s}.tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.badge-featured{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:2px 6px;background:var(--highlight);color:var(--bg-dark);border-radius:3px;letter-spacing:.02em}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:var(--space-3);transition:all .15s}.category-card:hover{border-color:var(--accent);box-shadow:0 2px 12px #4a7aff14}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-title{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;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:6px 0;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-light);transition:all .15s}.category-item:hover{color:var(--accent);padding-left:6px}.category-item.active{color:var(--accent);font-weight:600}.category-count{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.category-children{margin-left:var(--space-2)}.category-children .category-item{font-size:12px}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-1);border-bottom:2px solid var(--text-primary)}.section-title{font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .15s;border-radius:4px}.btn-primary{padding:10px 20px;background:var(--accent);color:var(--text-light)}.btn-primary:hover{background:var(--accent-hover);color:var(--text-light)}.btn-secondary{padding:10px 20px;background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;padding:4px 0;color:var(--accent);font-size:13px}.btn-ghost:hover{color:var(--accent-hover)}.breadcrumbs{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-bottom:var(--space-3)}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumb-sep{margin:0 6px;opacity:.5}.browse-layout{margin-top:var(--space-4)}.browse-header{margin-bottom:var(--space-4)}.browse-header h1{margin-bottom:var(--space-1)}.browse-description{font-size:14px;color:var(--text-secondary)}.browse-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 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)}.empty-state{text-align:center;padding:var(--space-8);border:1px dashed var(--border);border-radius:6px}.empty-state p{color:var(--text-muted);margin-bottom:var(--space-3)}.footer{background:var(--bg-dark);color:var(--text-light);padding:var(--space-4) 0;margin-top:var(--space-12)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:var(--space-3)}.footer-links a{font-family:var(--font-mono);font-size:12px;color:var(--text-light);opacity:.5;letter-spacing:.02em}.footer-links a:hover{opacity:1}.footer-copy{font-family:var(--font-mono);font-size:12px;opacity:.5}.footer-copy a{color:var(--text-light);text-decoration:underline;opacity:.8}.footer-copy a:hover{opacity:1}@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)}.header-nav{gap:var(--space-3)}.site-card{grid-template-columns:1fr}.site-card:hover{margin:0;padding-left:0;padding-right:0}.site-favicon{display:none}.footer-inner{flex-direction:column;gap:var(--space-3);text-align:center}}