:root{--bg:#080c14;--surface:#0f1a2e;--surface-hover:#162240;--text:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#8b9dc3;--accent:#00edff;--accent-hover:#66f3ff;--accent-subtle:#00edff1f;--accent-dim:#00edff0f;--accent-secondary:#8fe800;--accent-secondary-hover:#b0ff4d;--accent-secondary-subtle:#8fe8001f;--chrome:#c8d6e5;--chrome-dim:#c8d6e526;--border:#1a2744;--border-hover:#2a3f6e;--radius:.375rem;--radius-lg:.5rem;--max-width:720px;--max-width-wide:960px;--font-body:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-glow:0 0 8px #00edff4d;--shadow-glow-lg:0 0 20px #00edff33;--shadow-glow-secondary:0 0 8px #8fe8004d;--transition:.2s ease;--tag-bg:#0f1a2e;--tag-bg-hover:#162240;--code-bg:#040810;--header-bg:#080c14eb;--warning:#f59e0b;--error:#ef4444;--info:#00edff}*{box-sizing:border-box;margin:0}html{background:var(--bg);color:var(--text);font-family:var(--font-body);font-feature-settings:"ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:15px;line-height:1.7}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00edff05 2px 4px);flex-direction:column;min-height:100dvh;display:flex}body>main{flex:1}body:after{content:"";pointer-events:none;z-index:9999;background:radial-gradient(#0000 60%,#00000026 100%);position:fixed;inset:0}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}a{color:var(--accent);transition:color var(--transition), text-shadow var(--transition);text-decoration:none}a:hover{color:var(--accent-hover);text-shadow:0 0 8px #00edff66}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}h1,h2,h3,h4,h5,h6{color:var(--text);letter-spacing:-.01em;font-weight:700;line-height:1.3}h1{font-size:clamp(1.5rem,4vw,2rem)}h2{font-size:clamp(1.25rem,3vw,1.5rem)}h3{font-size:clamp(1.0625rem,2.5vw,1.25rem)}p{margin:0 0 1rem}::selection{color:var(--text);background:#00edff4d}.container{width:90%;max-width:var(--max-width);margin:0 auto}.reading-progress{background:linear-gradient(90deg, var(--accent), var(--accent-secondary));width:0%;height:2px;box-shadow:var(--shadow-glow);z-index:100;transition:width .1s linear;position:fixed;top:0;left:0}.site-header{z-index:50;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;padding:.875rem 0;display:flex}.site-logo{transition:filter var(--transition);align-items:center;text-decoration:none;display:inline-flex}.site-logo:hover{filter:drop-shadow(0 0 8px #00edff59);text-decoration:none}.site-logo img{width:auto;height:40px;display:block}.site-nav ul{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.site-nav a{color:var(--text-muted);border-radius:var(--radius);transition:color var(--transition), border-color var(--transition), background var(--transition);border:1px solid #0000;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-block}.site-nav a:hover{color:var(--accent);border-color:var(--border);background:var(--surface);text-decoration:none}.site-nav a[aria-current=page]{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle)}.mobile-menu-btn{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);transition:color var(--transition), border-color var(--transition);background:0 0;padding:.375rem .5rem;font-size:.8125rem;display:none}.mobile-menu-btn:hover{color:var(--accent);border-color:var(--accent)}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:4rem;padding:2.5rem 0 2rem;font-size:.75rem}.site-footer .container{flex-direction:column;gap:1.5rem;display:flex}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.footer-ascii{color:var(--border-hover);white-space:pre;user-select:none;font-size:.625rem;line-height:1.2}.footer-links{flex-direction:column;gap:.5rem;display:flex}.footer-links a{color:var(--text-muted);transition:color var(--transition);font-size:.8125rem}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:1rem;display:flex}.footer-status{align-items:center;gap:.5rem;display:flex}.status-dot{background:var(--accent-secondary);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 6px #8fe80080}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}.hero{text-align:center;padding:4rem 0 3rem}.hero-prompt{color:var(--text-muted);margin-bottom:1rem;font-size:.8125rem;display:inline-block}.hero-prompt .path{color:var(--accent)}.hero-prompt .cmd{color:var(--text-secondary)}.hero h1{color:var(--accent);text-shadow:0 0 20px #00edff33;margin:0 0 1rem;font-size:clamp(1.5rem,4vw,2rem)}.hero-cursor{background:var(--accent);vertical-align:text-bottom;width:.6em;height:1.1em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero p{color:var(--text-secondary);max-width:480px;margin:0 auto 2rem;font-size:.9375rem;line-height:1.7}.hero-stats{color:var(--text-muted);justify-content:center;gap:2rem;margin-bottom:2rem;font-size:.75rem;display:flex}.hero-stats .stat-value{color:var(--accent);font-size:1.25rem;font-weight:700;display:block}.btn-primary{color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);font-family:var(--font-body);transition:background var(--transition), box-shadow var(--transition), transform var(--transition);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--accent-subtle);box-shadow:var(--shadow-glow);color:var(--accent-hover);text-decoration:none;transform:translateY(-1px)}.post-card{border-bottom:1px solid var(--border);padding:1.5rem 0}.post-card:last-child{border-bottom:none}.post-card h2{margin:0 0 .5rem;font-size:1.0625rem;font-weight:600}.post-card h2 a{color:var(--text);transition:color var(--transition), text-shadow var(--transition);text-decoration:none}.post-card h2 a:before{content:"# ";color:var(--accent);opacity:.5}.post-card h2 a:hover{color:var(--accent);text-shadow:0 0 8px #00edff4d;text-decoration:none}.post-card .post-description{color:var(--text-secondary);margin:0 0 .75rem;font-size:.8125rem;line-height:1.7}.post-card .post-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.post-card time{white-space:nowrap}.reading-time{color:var(--text-muted);align-items:center;gap:.25rem;display:inline-flex}.reading-time:before{content:"";background:currentColor;width:12px;height:12px;display:inline-block;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat}.tag-list{flex-wrap:wrap;gap:.375rem;display:flex}.tag{background:var(--tag-bg);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), color var(--transition);cursor:pointer;padding:.15rem .5rem;font-size:.6875rem;font-weight:500;text-decoration:none;display:inline-block}.tag:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.tag-count{color:var(--accent);opacity:.7;margin-left:.25rem}.breadcrumb{color:var(--text-muted);align-items:center;gap:.375rem;margin-bottom:1.5rem;font-size:.75rem;display:flex}.breadcrumb a{color:var(--text-muted);transition:color var(--transition);text-decoration:none}.breadcrumb a:hover{color:var(--accent);text-decoration:none}.breadcrumb-sep{opacity:.4}.breadcrumb-current{color:var(--text-secondary)}.article-header{border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding-bottom:2rem}.article-header h1{color:var(--accent);text-shadow:0 0 15px #00edff26;margin:0 0 .75rem;font-size:clamp(1.5rem,4vw,2rem)}.article-header h1:before{content:"# ";opacity:.4}.article-header .article-description{color:var(--text-secondary);margin:0 0 1rem;font-size:.9375rem;line-height:1.7}.article-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.75rem;display:flex}.article-hero-img{border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;margin-bottom:2.5rem}.toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:2.5rem;padding:1.25rem 1.5rem}.toc-title{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.toc-title:before{content:"// ";opacity:.5}.toc ul{margin:0;padding:0;list-style:none}.toc li{padding:.25rem 0}.toc li:before{content:"-";color:var(--accent);opacity:.4;margin-right:.5rem}.toc a{color:var(--text-muted);transition:color var(--transition);font-size:.8125rem;text-decoration:none}.toc a:hover{color:var(--accent);text-decoration:none}.toc .toc-h3{padding-left:1rem}.post-nav{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;padding-top:2rem;display:grid}.post-nav-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;gap:.25rem;padding:1rem;text-decoration:none;display:flex}.post-nav-item:hover{border-color:var(--accent);box-shadow:var(--shadow-glow);text-decoration:none}.post-nav-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.post-nav-label:before{content:"";vertical-align:middle;border-top:1px solid;border-right:1px solid;width:8px;height:8px;margin-right:.375rem;display:inline-block}.post-nav-prev .post-nav-label:before{transform:rotate(-135deg)}.post-nav-next .post-nav-label:before{transform:rotate(45deg)}.post-nav-next{text-align:right;align-items:flex-end}.post-nav-title{color:var(--text);font-size:.8125rem;font-weight:600;line-height:1.4}.post-nav-item:hover .post-nav-title{color:var(--accent)}.back-to-top{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;color:var(--text-muted);transition:color var(--transition), border-color var(--transition), box-shadow var(--transition), opacity var(--transition);opacity:0;pointer-events:none;z-index:40;justify-content:center;align-items:center;font-size:.875rem;text-decoration:none;display:flex;position:fixed;bottom:2rem;right:2rem}.back-to-top.visible{opacity:1;pointer-events:auto}.back-to-top:hover{color:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-glow);text-decoration:none}.prose{color:var(--text-secondary);font-size:.9375rem;line-height:1.8}.prose h2{color:var(--text);margin:2.5rem 0 1rem}.prose h2:before{content:"## ";color:var(--accent);opacity:.4}.prose h3{color:var(--text);margin:2rem 0 .75rem}.prose h3:before{content:"### ";color:var(--accent);opacity:.4}.prose h4{color:var(--text);margin:1.5rem 0 .5rem}.prose p{margin:0 0 1.25rem}.prose ul,.prose ol{margin:0 0 1.25rem;padding-left:1.5rem}.prose li{margin-bottom:.375rem}.prose li::marker{color:var(--accent)}.prose blockquote{border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-secondary);margin:1.5rem 0;padding:.75rem 1.25rem}.prose code{font-family:var(--font-mono);background:var(--code-bg);color:var(--accent);border-radius:3px;padding:.15em .4em;font-size:.875em}.prose pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow);margin:1.5rem 0;padding:0;font-size:.8125rem;line-height:1.7;overflow:hidden}.prose pre code{font-size:inherit;color:var(--text-secondary);background:0 0;border-radius:0;padding:1.25rem 1.5rem;display:block;overflow-x:auto}.prose img{border-radius:var(--radius);border:1px solid var(--border);margin:1.5rem 0}.prose a{color:var(--accent);text-underline-offset:2px;text-decoration:underline 1px}.prose a:hover{text-shadow:0 0 8px #00edff66;text-decoration-thickness:2px}.prose hr{border:none;border-top:1px dashed var(--border);margin:2.5rem 0}.prose table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.8125rem}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:.625rem .875rem}.prose th{background:var(--surface);color:var(--accent);font-weight:600}.prose tr:nth-child(2n) td{background:var(--accent-dim)}.prose .admonition{border-radius:var(--radius-lg);border:1px solid var(--border);border-left:4px solid var(--accent);background:var(--surface);margin:1.5rem 0;padding:1rem 1.25rem}.prose .admonition-title{text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem;font-size:.8125rem;font-weight:700}.prose .admonition.note{border-left-color:var(--info)}.prose .admonition.note .admonition-title{color:var(--info)}.prose .admonition.warning{border-left-color:var(--warning)}.prose .admonition.warning .admonition-title{color:var(--warning)}.prose .admonition.danger{border-left-color:var(--error)}.prose .admonition.danger .admonition-title{color:var(--error)}.prose .admonition.tip{border-left-color:var(--accent)}.prose .admonition.tip .admonition-title{color:var(--accent)}.ad-container{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-muted);margin:2rem 0;padding:1.5rem;font-size:.75rem}.affiliate-block{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);margin:1.5rem 0;padding:1.25rem}.affiliate-block .affiliate-cta{color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);font-family:var(--font-body);transition:background var(--transition), box-shadow var(--transition);cursor:pointer;background:0 0;margin-top:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-block}.affiliate-block .affiliate-cta:hover{background:var(--accent-subtle);box-shadow:var(--shadow-glow);color:var(--accent-hover);text-decoration:none}.discount-badge{background:var(--accent-subtle);color:var(--accent);border-radius:var(--radius);border:1px solid var(--accent);margin-left:.5rem;padding:.15rem .5rem;font-size:.6875rem;font-weight:600;display:inline-block}.section-heading{border-bottom:1px solid var(--accent);color:var(--accent);margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}.section-heading:before{content:"// ";opacity:.5}.tag-cloud{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;padding:1.25rem;display:flex}.tag-cloud-item{background:var(--tag-bg);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), color var(--transition), background var(--transition);cursor:pointer;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-flex}.tag-cloud-item:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle);text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.about-content ul{margin:0 0 1.25rem;padding-left:1.5rem}.about-content li{margin-bottom:.375rem;line-height:1.7}.about-content h2{margin:2rem 0 .75rem}.about-content h2:before{content:"## ";color:var(--accent);opacity:.4}@media (width<=640px){.hero{padding:2.5rem 0 2rem}.hero-stats{gap:1rem}.site-nav{display:none}.site-nav.open{background:var(--header-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:.5rem 0;display:block;position:absolute;top:100%;left:0;right:0}.site-nav.open ul{flex-direction:column;padding:.5rem 5%}.site-nav.open a{padding:.625rem .75rem;font-size:.875rem;display:block}.mobile-menu-btn{display:block}.post-nav{grid-template-columns:1fr}.footer-ascii{display:none}.back-to-top{bottom:1rem;right:1rem}}.chrome-text{background:linear-gradient(#f8fafc 0%,#c8d6e5 25%,#8b9dc3 50%,#c8d6e5 75%,#f8fafc 100%);-webkit-text-fill-color:transparent;background-clip:text}.chrome-text-accent{background:linear-gradient(#66f3ff 0%,#00edff 30%,#09b 60%,#00edff 100%);-webkit-text-fill-color:transparent;background-clip:text}.glow-accent{text-shadow:0 0 7px #00edff66,0 0 20px #00edff33,0 0 40px #00edff1a}.glow-secondary{text-shadow:0 0 7px #8fe80066,0 0 20px #8fe80033}.glow-box{box-shadow:0 0 8px #00edff4d,inset 0 0 8px #00edff0d}.glow-box-hover:hover{box-shadow:0 0 12px #00edff66,0 0 30px #00edff26,inset 0 0 12px #00edff14}.y2k-border{border:1px solid var(--border);border-top-color:var(--chrome-dim);border-left-color:var(--chrome-dim)}.y2k-surface{background:linear-gradient(135deg, var(--surface) 0%, #00edff08 100%);border:1px solid var(--border);border-top:1px solid #c8d6e51a}.y2k-inset{box-shadow:inset 1px 1px #c8d6e514,inset -1px -1px #0000004d}