: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}}.v3b-desktop{font-family:Chicago,Geneva,system-ui,sans-serif;background:#4a6da7;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px),radial-gradient(rgba(0,0,0,.18) 1px,transparent 1px);background-size:4px 4px,4px 4px;background-position:0 0,2px 2px;padding:24px;min-height:calc(100vh - 40px);box-sizing:border-box;color:#000}.v3b-stack{background:var(--pal-bg, #e6e6e6);border:2px solid #000;box-shadow:5px 5px #000;max-width:1100px;margin:0 auto}.v3b-stack--wide{max-width:1600px}.v3b-menu{background:#fff;border-bottom:2px solid #000;padding:4px 14px;font-family:Chicago,Geneva,system-ui,sans-serif;font-size:14px;display:flex;align-items:center;gap:22px;line-height:1;min-height:26px}.v3b-menu__apple{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#fff 1px,transparent 1.5px),#000;border-radius:50%;flex-shrink:0;text-decoration:none}.v3b-menu__apple:hover{background:var(--pal-accent, #c14b1c)}.v3b-menu__item{color:#000;text-decoration:none;white-space:nowrap}.v3b-menu__item:hover{background:#000;color:#fff;padding:0 4px;margin:0 -4px}.v3b-menu__item.active{font-weight:700;color:var(--pal-accent, #000)}@media (max-width: 600px){.v3b-menu{gap:14px;padding:4px 12px;font-size:13px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.v3b-menu::-webkit-scrollbar{display:none}}.v3b-titlebar{background:repeating-linear-gradient(to bottom,var(--pal-accent, #444) 0,var(--pal-accent, #444) 1px,#fff 1px,#fff 2px);border-bottom:2px solid #000;padding:4px 12px;display:flex;align-items:center;gap:10px}.v3b-closebox{width:14px;height:14px;background:#fff;border:1.5px solid #000;flex-shrink:0}.v3b-titlebar .v3b-ttl{background:#fff;padding:1px 14px;font-size:14px;font-weight:700;color:#000}.v3b-body{padding:22px 28px 28px}.v3b-divider{border-bottom:2px solid #000}.v3b-section-bar{background:#000;color:#fff;padding:4px 14px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:2px solid #000}.v3b-section-bar-meta{font-family:Courier New,monospace;text-transform:none;letter-spacing:.5px;color:#ccc}.v3b-btn{display:inline-block;font-family:inherit;font-size:13px;font-weight:700;padding:6px 14px;border:2px solid #000;background:#fff;box-shadow:3px 3px #000;cursor:pointer;text-decoration:none;color:#000}.v3b-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.v3b-btn:disabled{opacity:.5;cursor:not-allowed}.v3b-btn--primary{background:var(--pal-accent, #444);color:#fff}.v3b-pill{border:2px solid #000;background:#fff;padding:2px 8px;box-shadow:2px 2px #000;text-decoration:none;color:#000;font-size:12px;display:inline-block}.v3b-pill:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.v3b-stat{border:2px solid #000;padding:8px 12px;background:#fff;box-shadow:3px 3px #000}.v3b-stat__num{font-size:32px;font-weight:700;line-height:1;display:block;color:var(--pal-accent, #444)}.v3b-stat__lab{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#444}.v3b-fav{width:16px;height:16px;image-rendering:pixelated;border:1px solid #000;background:#fff;flex-shrink:0}.v3b-tag{background:#000;color:#fff;font-size:10px;letter-spacing:1.5px;padding:1px 6px;display:inline-block}.v3b-crumbs{font-family:Courier New,monospace;font-size:12px;color:#555;padding:8px 28px;background:#0000000a;border-bottom:2px solid #000}.v3b-crumbs a{color:#555;text-decoration:none}.v3b-crumbs a:hover{color:var(--pal-accent, #000);text-decoration:underline}.v3b-crumbs .sep{margin:0 6px;opacity:.5}.v3b-navfoot{border-top:2px solid #000;padding:10px 18px;display:flex;align-items:center;gap:8px;background:#0000000d;font-size:12px;flex-wrap:wrap}.v3b-navfoot__meta{margin-left:auto;font-family:Courier New,monospace;color:#444}@media (max-width: 800px){.v3b-desktop{padding:12px}.v3b-stack{box-shadow:3px 3px #000}.v3b-titlebar{padding:4px 8px}.v3b-titlebar .v3b-ttl{font-size:12px;padding:1px 8px}.v3b-body{padding:16px 14px 18px}.v3b-crumbs{padding:6px 14px;font-size:11px}.v3b-navfoot{padding:8px 12px;font-size:11px;gap:6px}.v3b-navfoot__meta{width:100%;margin-left:0;order:99;padding-top:4px}}@media (max-width: 480px){.v3b-desktop{padding:8px}}header.header{display:none!important}footer.footer{display:none!important}.sysfoot{background:#fff;border-top:2px solid #000;font-family:Chicago,Geneva,system-ui,sans-serif;margin-top:auto}.sysfoot-inner{max-width:1600px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:14px;font-size:12px}.sysfoot-tag{background:#000;color:#fff;font-family:Courier New,monospace;padding:1px 6px;letter-spacing:1.5px;flex-shrink:0}.sysfoot-inner a{color:#000;text-decoration:none}.sysfoot-inner a:hover{background:#000;color:#fff;padding:0 4px;margin:0 -4px}.sysfoot-spacer{flex:1;min-width:8px}.sysfoot-copy{font-family:Courier New,monospace;color:#555}.sysfoot-copy a{color:#555}@media (max-width: 600px){.sysfoot-inner{gap:10px;padding:8px 12px;flex-wrap:wrap}.sysfoot-copy{width:100%;order:99;padding-top:4px}}