:root{--bg:#090a09;--panel:#131413;--panel2:#191a19;--line:#292b29;--grid:rgba(255,255,255,.055);--text:#f4f4f1;--muted:#9b9b9b;--green:#45ff70;--blue:#64a9ff;--yellow:#f3dc6c;--orange:#f19a66;--mono:"Courier New",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--mono);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1060px,calc(100% - 48px));margin:0 auto}
.site-header{height:68px;border-bottom:1px solid var(--line);background:rgba(9,10,9,.96);display:flex;align-items:center;position:sticky;top:0;z-index:50}.header-inner{width:min(1060px,calc(100% - 48px));margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand{font-size:18px;font-weight:800;letter-spacing:-.5px}.brand:before{content:">";color:var(--green);margin-right:12px}.nav{display:flex;gap:44px}.nav a{color:#707070;font-size:14px;letter-spacing:2px;font-weight:700}.nav a.active,.nav a:hover{color:var(--green)}.menu-button{display:none;background:none;border:1px solid var(--line);color:var(--green);padding:8px 10px;font-size:12px;letter-spacing:1px}
.hero{min-height:calc(100vh - 68px);display:flex;align-items:center;position:relative;overflow:hidden;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:60px 60px}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.28) 100%)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:88px;align-items:center;padding:80px 0}.eyebrow{color:var(--green);font-size:15px;font-weight:800;letter-spacing:1.7px;margin:0 0 30px}.hero h1{font-size:clamp(56px,5.6vw,82px);line-height:.96;letter-spacing:-4px;margin:0 0 38px;max-width:630px}.hero h1 .accent{color:var(--green);display:block;white-space:nowrap}.cursor{display:inline-block;width:.16em;height:.92em;background:var(--green);margin-left:.08em;transform:translateY(.11em);animation:cursor-blink .85s steps(1,end) infinite}@keyframes cursor-blink{0%,44%{opacity:1}45%,100%{opacity:0}}@media(prefers-reduced-motion:reduce){.cursor{animation-duration:1.8s}}
.hero-copy{color:var(--muted);font-family:Arial,sans-serif;font-size:20px;line-height:1.65;max-width:620px;margin:0 0 34px}.latest-link{color:#aaa;font-size:14px;letter-spacing:2px;font-weight:700}.latest-link:hover{color:var(--green)}.latest-link span{margin-left:8px}.code-card{border:1px solid #2a2c2a;background:#121312;box-shadow:0 18px 60px rgba(0,0,0,.28);transform:translateY(8px)}.code-titlebar{height:42px;border-bottom:1px solid #2a2c2a;background:#191a19;display:flex;align-items:center;gap:10px;padding:0 20px;color:#a9a9a9;font-size:14px}.dot{width:13px;height:13px;border-radius:50%;display:inline-block}.dot.red{background:#ff655a}.dot.yellow{background:#f8c80e}.dot.green{background:#61d62e;margin-right:10px}pre{margin:0;padding:22px 24px 26px;font-size:15px;line-height:1.55;overflow:auto;color:#f5f5f1}.kw{color:var(--blue)}.fn{color:var(--yellow)}.cm{color:#999}.str{color:var(--orange)}.num{color:#d8d884}
.section-rule{display:flex;align-items:center;gap:20px;margin-bottom:44px}.section-rule .label{color:var(--green);font-size:14px;font-weight:800;letter-spacing:2px;white-space:nowrap}.section-rule .line{height:1px;background:var(--line);flex:1}.section-rule .count{color:#9ba3b2;font-size:14px;white-space:nowrap}.home-posts{padding:84px 0;border-top:1px solid var(--line)}.latest-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.latest-card{background:var(--bg);padding:28px;min-height:220px;display:flex;flex-direction:column}.latest-card:hover{background:#101110}.latest-card .meta{color:var(--green);font-size:12px;letter-spacing:1px;margin-bottom:24px}.latest-card h2{font-size:22px;line-height:1.2;margin:0 0 14px}.latest-card p{font-family:Arial,sans-serif;color:var(--muted);line-height:1.55;margin:0}.latest-card .read{margin-top:auto;padding-top:24px;color:#aab1bc;font-size:13px}
.page-intro{padding:72px 0 70px}.page-intro h1{font-size:46px;line-height:1.05;margin:0 0 16px;letter-spacing:-2px}.page-intro> .container>p,.page-intro p{color:var(--muted);font-family:Arial,sans-serif;font-size:20px;line-height:1.5;margin:0;max-width:750px}.filters{background:#151615;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.filter-inner{display:flex;gap:20px;align-items:flex-start}.search-wrap{position:relative;min-width:82px;display:block}.search-wrap input{width:82px;height:43px;background:#191a19;border:1px solid var(--line);color:transparent;caret-color:transparent;padding:0;cursor:pointer;transition:width .2s ease}.search-icon{color:#999;position:absolute;left:16px;top:8px;font-size:25px;transform:rotate(-20deg);z-index:1;pointer-events:none}.search-wrap.expanded input{width:240px;color:var(--text);caret-color:var(--text);padding:0 14px 0 42px;cursor:text}.tag-list{display:flex;flex-wrap:wrap;gap:10px}.tag{border:1px solid #303230;background:transparent;color:#9ba3b2;padding:8px 13px;font-size:13px;cursor:pointer}.tag:hover,.tag.active{color:var(--green);border-color:var(--green)}.posts{padding:64px 0 90px}.post-link{display:block}.post-item{display:grid;grid-template-columns:42px 1fr 20px;gap:18px;padding:26px 0;border-bottom:1px solid #202220;transition:transform .2s ease}.post-item:hover{transform:translateX(4px)}.post-number{color:#9ba3b2;font-size:14px;padding-top:6px}.post-item h2{font-size:24px;margin:0 0 12px;letter-spacing:-.7px}.post-item p{font-family:Arial,sans-serif;color:var(--muted);font-size:17px;line-height:1.5;margin:0}.post-arrow{color:#aeb6c4;padding-top:6px}.empty{color:var(--muted);padding:24px 0;display:none}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-grid h1{max-width:560px}.about-lead p+p{margin-top:20px}.about-body{border-top:1px solid var(--line);padding:72px 0 100px}.about-columns{display:grid;grid-template-columns:230px 1fr;gap:90px}.about-index{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:16px}.terminal-label{color:var(--green);font-size:12px;letter-spacing:2px;margin-bottom:8px}.about-index a{color:#898f98;font-size:13px}.about-index a:hover{color:var(--green)}.about-content section{position:relative;padding:0 0 64px;margin-bottom:64px;border-bottom:1px solid var(--line)}.number-label{position:absolute;left:-48px;top:7px;color:#78808c;font-size:13px}.about-content h2{font-size:31px;margin:0 0 22px}.about-content p{font-family:Arial,sans-serif;color:var(--muted);font-size:18px;line-height:1.75;margin:0}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.topic-grid span{border:1px solid var(--line);padding:16px;color:#b1b6be}.about-content blockquote{margin:0 0 24px;border-left:3px solid var(--green);padding:8px 0 8px 24px;font-size:25px;line-height:1.45}.inline-link{color:var(--green);border-bottom:1px solid var(--green)}
.article-shell{padding:74px 0 110px}.article{max-width:820px}.article-header{padding-bottom:44px;border-bottom:1px solid var(--line);margin-bottom:48px}.article-kicker{color:var(--green);font-size:13px;letter-spacing:2px;margin-bottom:22px}.article h1{font-size:clamp(42px,6vw,72px);line-height:1.03;letter-spacing:-3px;margin:0 0 24px}.article-deck{font-family:Arial,sans-serif;color:var(--muted);font-size:21px;line-height:1.55}.article-meta{margin-top:28px;color:#8c929c;font-size:13px}.article-body{max-width:720px}.article-body h2{font-size:30px;margin:52px 0 18px}.article-body p,.article-body li{font-family:Georgia,serif;color:#d3d3ce;font-size:19px;line-height:1.8}.article-body ul,.article-body ol{margin:24px 0;padding-left:28px}.article-body li{margin-bottom:12px}.article-body blockquote{border-left:3px solid var(--green);margin:34px 0;padding:4px 0 4px 24px;color:#f1f1ec;font-size:23px;line-height:1.55}.article-body code{font-family:var(--mono);font-size:.9em;background:#171817;padding:2px 6px}.back-link{display:inline-block;margin-bottom:32px;color:#9ca3ad}.back-link:hover{color:var(--green)}
.site-footer{border-top:1px solid var(--line);padding:28px 0;color:#777f88;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner a:hover{color:var(--green)}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:48px}.code-card{max-width:650px}.hero{min-height:auto}.latest-post-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:34px}.about-columns{grid-template-columns:1fr;gap:50px}.about-index{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.number-label{position:static;display:block;margin-bottom:12px}}
@media(max-width:650px){.header-inner,.container{width:min(100% - 28px,1060px)}.site-header{height:auto;padding:16px 0}.header-inner{flex-wrap:wrap}.brand{font-size:14px}.menu-button{display:block}.nav{display:none;width:100%;padding-top:16px;gap:0;flex-direction:column}.nav.open{display:flex}.nav a{padding:12px 0;border-top:1px solid var(--line);font-size:12px}.hero-inner{padding:56px 0}.hero h1{font-size:46px;letter-spacing:-2px}.hero h1 .accent{white-space:normal}.hero-copy{font-size:17px}.code-card{margin:0 -4px}pre{font-size:12px;padding:18px}.filter-inner{flex-direction:column}.search-wrap,.search-wrap input,.search-wrap.expanded input{width:100%}.post-item{grid-template-columns:32px 1fr 14px;gap:10px}.post-item h2{font-size:20px}.page-intro h1{font-size:38px}.topic-grid{grid-template-columns:1fr}.about-index{grid-template-columns:1fr}.footer-inner{flex-direction:column}.article h1{letter-spacing:-2px}}