@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Inter:wght@400;500;600&display=swap";:root{--bg: #0a0e1a;--surface: #0d1424;--border: #1a2744;--border-dim: #111827;--text: #e0ecff;--text-mid: #8899aa;--text-dim: #556688;--text-mute: #334155;--text-ghost: #1e2d47;--cyan: #00d4ff;--amber: #ffb347;--font-pixel: "Press Start 2P", monospace;--font-body: "Inter", system-ui, sans-serif;--max-w: 860px;--radius: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg);color:var(--text-mid);font-family:var(--font-body);font-size:15px;line-height:1.7;min-height:100vh}img{max-width:100%;display:block}a{color:var(--cyan);text-decoration:none}a:hover{color:#fff}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.07) 3px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:9999}.container{max-width:var(--max-w);margin:0 auto;padding:0 20px}.site-header{background:#070b16;border-bottom:2px solid var(--border);position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:var(--max-w);margin:0 auto}.logo{font-family:var(--font-pixel);font-size:10px;color:var(--cyan);letter-spacing:.1em;display:flex;align-items:center;gap:10px}.logo-dot{width:8px;height:8px;background:var(--amber);display:inline-block;flex-shrink:0}.site-nav{display:flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.site-nav a{font-family:var(--font-pixel);font-size:8px;color:var(--text-mid);padding:8px 14px;border-right:1px solid var(--border);transition:background .15s,color .15s}.site-nav a:last-child{border-right:none}.site-nav a:hover,.site-nav a[aria-current=page]{background:#0f1829;color:var(--cyan)}.site-footer{border-top:2px solid var(--border);background:#070b16;padding:24px 20px;margin-top:80px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:var(--max-w);margin-left:auto;margin-right:auto}.footer-logo{font-family:var(--font-pixel);font-size:9px;color:var(--cyan)}.footer-socials{display:flex;gap:16px}.footer-socials a{font-family:var(--font-pixel);font-size:8px;color:var(--text-mute)}.footer-socials a:hover{color:var(--cyan)}.footer-copy{font-family:var(--font-pixel);font-size:7px;color:var(--text-ghost);line-height:2}.page-hero{padding:48px 0 32px;border-bottom:1px solid var(--border-dim);margin-bottom:40px}.page-hero h1{font-family:var(--font-pixel);font-size:14px;color:var(--text);line-height:1.8;margin-bottom:8px}.page-hero p{font-size:13px;color:var(--text-dim)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:48px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;text-decoration:none;color:inherit;display:block;transition:border-color .15s,background .15s}.card:hover{border-color:var(--cyan);background:#0f1929}.card-label{font-family:var(--font-pixel);font-size:7px;color:var(--text-mute);margin-bottom:10px;display:block}.card h2{font-size:15px;color:var(--text);font-weight:600;margin-bottom:8px;line-height:1.4}.card p{font-size:12px;color:var(--text-dim);line-height:1.7}.card-meta{font-size:11px;color:var(--text-mute);margin-top:12px}.divider{height:1px;background:var(--border-dim);margin:40px 0;position:relative}.divider:before{content:"";position:absolute;left:0;top:0;width:40px;height:1px;background:var(--cyan)}.btn{font-family:var(--font-pixel);font-size:9px;padding:10px 18px;border-radius:4px;display:inline-block;cursor:pointer;border:none;transition:background .15s,color .15s;text-decoration:none}.btn-primary{background:var(--cyan);color:#070b16}.btn-primary:hover{background:#fff;color:#070b16}.btn-ghost{background:transparent;color:var(--cyan);border:1px solid var(--cyan)}.btn-ghost:hover{background:var(--cyan);color:#070b16}.tag{font-family:var(--font-pixel);font-size:7px;color:var(--text-mute);border:1px solid var(--border);border-radius:4px;padding:3px 8px;display:inline-block}.prose{color:var(--text-mid);font-size:15px;line-height:1.9;max-width:660px}.prose h2{font-family:var(--font-pixel);font-size:11px;color:var(--text);margin:36px 0 16px;line-height:1.8}.prose h3{font-size:15px;color:var(--text);font-weight:600;margin:28px 0 12px}.prose p{margin-bottom:20px}.prose strong{color:var(--text)}.prose a{color:var(--cyan)}.prose a:hover{color:#fff}.prose blockquote{border-left:3px solid var(--cyan);padding-left:20px;margin:28px 0;color:var(--text-dim);font-style:italic}.prose ul,.prose ol{padding-left:24px;margin-bottom:20px}.prose li{margin-bottom:8px}.reader-wrap{max-width:800px;margin:0 auto}.reader-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:16px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px}.reader-toggle{display:flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.toggle-btn{font-family:var(--font-pixel);font-size:8px;padding:7px 12px;background:transparent;color:var(--text-mute);border:none;cursor:pointer;border-right:1px solid var(--border);transition:background .15s,color .15s}.toggle-btn:last-child{border-right:none}.toggle-btn.active{background:#0f1929;color:var(--cyan)}.reader-page-info{font-family:var(--font-pixel);font-size:8px;color:var(--text-mute)}.reader-paginated .page-display img{width:100%;border-radius:var(--radius);border:1px solid var(--border)}.reader-nav{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:12px}.reader-scroll{display:none}.reader-scroll img{width:100%;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:4px}.reader-scroll.active{display:block}.reader-paginated.hidden{display:none}@media (max-width: 600px){.site-nav a{padding:8px 10px;font-size:7px}.logo{font-size:8px}.page-hero h1{font-size:11px}.header-inner{flex-direction:column;gap:12px;align-items:flex-start}.card-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){body:before{display:none}}
