:root{color-scheme:dark;--bg:#090e12;--text:#e4e8e5;--muted:#a3adae;--dim:#738183;--line:#263337;--green:#b6d9bb;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:6px;border-radius:2px}::selection{color:#09120e;background:#b6d9bb}img,svg{max-width:100%}img{display:block;height:auto}button{color:inherit}button[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-100px;padding:14px 20px;z-index:100;background:var(--green);color:var(--bg)}.skip-link:focus{top:15px}
.site-header{max-width:1280px;min-height:109px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:13px;font:11px var(--mono);letter-spacing:2px}.brand-mark{width:33px;height:33px;stroke:var(--green);stroke-width:1;flex-shrink:0}.brand-mark .satellite{fill:var(--green);stroke:var(--bg);stroke-width:2}.site-header nav{display:flex;gap:29px;font:12px var(--mono);color:var(--muted)}.site-header nav a{padding:12px 0}.site-header nav a:hover{color:var(--green)}.site-header nav span{margin-left:4px;color:var(--dim)}
/* Static vector textures; only transforms and opacity animate. */
.home-page{position:relative;isolation:isolate;overflow-x:clip}
.cosmos{position:absolute;inset:0 0 auto;height:1250px;overflow:hidden;z-index:-1;pointer-events:none;mask-image:linear-gradient(#000 52%,transparent 100%)}
.starfield{position:absolute;inset:-30px;background-repeat:repeat;pointer-events:none}
.stars-far{background-image:url('/assets/stars.svg');background-size:1600px 1050px;background-position:center top;opacity:.85;animation:star-drift 160s ease-in-out infinite alternate}
.stars-near{background-image:radial-gradient(1.5px 1.5px at 65px 127px,#d9e5e8 40%,transparent 100%),radial-gradient(1.2px 1.2px at 430px 53px,#b5d4dd 40%,transparent 100%),radial-gradient(1.4px 1.4px at 832px 287px,#d6d7c5 40%,transparent 100%),radial-gradient(1px 1px at 262px 482px,#c7dce2 40%,transparent 100%);background-size:1091px 673px;opacity:.6;animation:star-shimmer 9s ease-in-out infinite alternate}
.galaxy{position:absolute;left:calc(50% - 370px);top:130px;width:1400px;height:800px;background:url('/assets/galaxy.svg') center/contain no-repeat;opacity:.65;animation:galaxy-drift 100s ease-in-out infinite alternate}
.planet-scene{position:absolute;width:600px;height:600px;left:calc(50% + 130px);top:-60px;opacity:.9}
.planet-tilt{width:100%;height:100%;position:relative;transform:rotate(-24deg);animation:planet-float 24s ease-in-out infinite alternate}
.planet-rings{position:absolute;inset:0;background:url('/assets/planet-rings.svg') center/contain no-repeat}
.planet-body{position:absolute;inset:22%;overflow:hidden;border-radius:50%;isolation:isolate;background:#293e41;box-shadow:-3px -2px 5px #98deff66,0 0 30px #5277cf30}
.planet-body::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 28% 27%,#e2e4c71c 0,transparent 28%,#06101940 56%,#040b12db 76%,#050b11 100%),linear-gradient(110deg,transparent 35%,#02080e88 100%);box-shadow:inset 1px 1px 4px #a5dcff91,inset -12px -5px 16px #030a11b3}
.planet-surface{position:absolute;inset:0 auto 0 0;width:200%;background:url('/assets/planet-bands.svg') 0 50%/50% 100% repeat-x;animation:planet-turn 70s linear infinite;opacity:.95;filter:saturate(1.7) brightness(1.1)}
.planet-rings-front{background-image:url('/assets/planet-rings-front.svg');filter:drop-shadow(0 -5px 3px #04101950)}
.moon-orbit{position:absolute;inset:7%;border:1px solid #87a9b00d;border-radius:50%;animation:moon-orbit 45s linear infinite}
.moon{position:absolute;width:12px;height:12px;left:13%;top:13%;border-radius:50%;background:radial-gradient(circle at 30% 28%,#c5c9b5,#697e7d 38%,#1c303b 65%,#07111a 85%);box-shadow:0 0 8px #91b3ac12}
.home-main{max-width:1024px;padding:0 56px;margin:auto}
.hero{padding-top:80px;min-height:0;position:relative}
/* The frame is vector geometry, so corners and fine ticks stay sharp. */
.terminal{width:100%;max-width:660px;height:220px;position:relative}
.hud-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1}
.hud-glass{fill:#0b161b38}
.hud-edge{stroke:#5b9294;stroke-width:.8;opacity:.65;vector-effect:non-scaling-stroke}
.hud-corners{stroke:#a5d6cb;stroke-width:1.3;vector-effect:non-scaling-stroke}
.hud-rule{stroke:#6ca9a7;stroke-width:.7;opacity:.32;vector-effect:non-scaling-stroke}
.hud-ticks{stroke:#98c3c1;stroke-width:.8;opacity:.4;vector-effect:non-scaling-stroke}
.hud-topline{height:44px;display:flex;align-items:center;gap:20px;padding:0 27px;font:8px var(--mono);letter-spacing:2px;color:#acd2cb}
.hud-status{display:flex;align-items:center;gap:9px}
.hud-status i{width:4px;height:4px;background:#a6d8c6;box-shadow:0 0 7px #9cccb270}
.hud-protocol{margin-left:auto;letter-spacing:1.5px;color:#85a9aa}
.hud-signal{display:flex;align-items:flex-end;gap:3px;height:9px;padding-right:12px}
.hud-signal i{display:block;width:2px;background:#85b6ad;height:3px}.hud-signal i:nth-child(2){height:5px}.hud-signal i:nth-child(3){height:7px}.hud-signal i:nth-child(4){height:9px;opacity:.45}
.terminal h1{margin:16px 28px 8px;line-height:1;font-weight:400;filter:drop-shadow(0 0 3px #289eff26)}
.terminal h1 img{width:100%}
.terminal-still{display:none}
.terminal-baseline{position:absolute;left:27px;right:27px;bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:10px;font:8px var(--mono);letter-spacing:1.3px;color:#89aaa8}
.terminal-baseline>span:last-child{color:#b6d9cb;display:flex;align-items:center;gap:8px}
.terminal-baseline i{height:3px;width:3px;background:#b6d9cb}
.intro{font-size:16px;line-height:1.8;color:#aeb8b5;max-width:620px;margin:28px 0 27px}
.intro-placeholder{color:#95a49f}
.posts{margin-top:49px;position:relative;padding-bottom:42px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #46524b;padding-bottom:22px}.section-heading h2{font-size:24px;letter-spacing:-.7px;font-weight:500;margin:0;display:flex;align-items:center;gap:13px}.section-heading>span{font:9px var(--mono);color:var(--muted);letter-spacing:.7px}.post-list{list-style:none;margin:0;padding:0}.post-list li{border-bottom:1px solid var(--line)}.post-list li a{display:grid;grid-template-columns:minmax(0,1fr) 143px 16px;align-items:center;gap:26px;min-height:101px;padding:23px 0;position:relative}.post-list-title{font-size:18px;line-height:1.5;letter-spacing:-.25px;max-width:610px;transition:color .2s}.post-list time{font:10px/1.5 var(--mono);text-align:right;color:var(--muted);white-space:nowrap}.entry-arrow{font-size:18px;color:#82948c;transition:transform .2s,color .2s}.post-list a:hover .post-list-title{color:var(--green)}.post-list a:hover .entry-arrow{color:var(--green);transform:translate(2px,-2px)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:23px 0;font:11px var(--mono);color:#b3c0b8}.pagination a,.pagination>.disabled{min-height:44px;display:flex;align-items:center}.pagination a:hover{color:var(--green)}.pagination .disabled{color:#64716c}.page-count{font-size:10px;letter-spacing:2px}.page-count span{color:#64716c;padding:0 9px}
.site-footer{max-width:1280px;margin:30px auto 0;padding:27px 56px 34px;min-height:100px;border-top:1px solid #24312d;display:flex;align-items:center;justify-content:space-between;gap:25px;font:10px/1.7 var(--mono);color:#96a39e;position:relative;z-index:1}.footer-coordinates{font-size:8px;letter-spacing:1.5px;color:#82908a}.site-footer a{padding:10px 0}.site-footer a:hover{color:var(--green)}
.post-page{background:radial-gradient(ellipse 900px 500px at 50% 0,#15211e55,transparent),var(--bg)}.post-page .site-header{border-bottom:1px solid #22302b;max-width:1112px;margin:0 auto}.post-page .site-footer{max-width:1112px}.article-main{max-width:1000px;margin:0 auto;padding:0 0 24px}.article-nav{max-width:760px;margin:29px auto 0}.home-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 16px;border:1px solid #3a514b;border-radius:4px;background:#101d1c;color:#b9d3c5;font:11px var(--mono);transition:border-color .2s,background .2s}.home-button:hover{border-color:#96b6a6;background:#192c27}.article-header{max-width:760px;margin:34px auto 38px}.article-header time{font:11px var(--mono);color:#b3c9b9}.article-header h1{font-size:clamp(32px,4.1vw,47px);font-weight:500;letter-spacing:-1.8px;line-height:1.17;margin:20px 0 0;text-wrap:balance}.cover{margin:0 0 52px}.cover picture{display:block;border:1px solid #34423b;border-radius:4px;overflow:hidden;background:#111a16}.cover img{width:100%;max-height:530px;object-fit:contain}.cover figcaption{max-width:760px;margin:12px auto 0}.prose{max-width:760px;margin:0 auto;font-size:17px;line-height:1.85;color:#c7d0cc;overflow-wrap:break-word}.prose>:first-child{margin-top:0}.prose p{margin:1.35em 0}.prose h2,.prose h3,.prose h4{color:#edf1ee;font-weight:550;line-height:1.35;letter-spacing:-.5px;scroll-margin-top:25px}.prose h2{font-size:29px;margin:2em 0 .75em}.prose h3{font-size:23px;margin:1.7em 0 .7em}.prose h4{font-size:19px;margin:1.5em 0 .6em}.prose a{color:#b9ddc1;text-decoration:underline;text-decoration-color:#6d9478;text-underline-offset:4px;text-decoration-thickness:1px;overflow-wrap:anywhere}.prose a:hover{color:#e0f4e5}.prose strong{font-weight:650;color:#e1e8e3}.prose a strong{color:inherit}.prose ul,.prose ol{padding-left:1.45em;margin:1.4em 0}.prose li{padding-left:.25em;margin:.5em 0}.prose li::marker{color:#86a490}.prose li>p{margin:.4em 0}.prose blockquote{border-left:2px solid #a0bc9d;padding:4px 0 4px 24px;margin:30px 0;color:#b6c4b9;font-style:italic}.prose blockquote p{margin:10px 0}.prose hr{border:0;height:1px;background:#304136;margin:45px 0}.prose figure{margin:32px auto;width:var(--figure-width,100%);max-width:100%}.prose figure picture{display:block}.prose figure img{width:100%;border-radius:3px;border:1px solid #324138}.prose img{max-width:100%;height:auto}figcaption{font:12px/1.7 var(--sans);color:#a2b1a7;margin-top:10px;text-align:center;overflow-wrap:anywhere}.prose code{font: .84em/1.7 var(--mono);background:#1a2922;border:1px solid #334639;border-radius:4px;padding:2px 5px;color:#c8ddbc;overflow-wrap:anywhere}.prose pre{padding:22px 25px;border:1px solid #344238;border-radius:5px;background:#101814;overflow:auto;max-width:100%;font-size:13px;line-height:1.75;tab-size:4;margin:28px 0;scrollbar-color:#526757 #101814}.prose pre code{background:transparent;border:0;border-radius:0;padding:0;font:inherit;overflow-wrap:normal;white-space:pre;color:#c3cfc6}.prose table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:15px}.prose td,.prose th{border:1px solid #344238;padding:10px 15px;text-align:left}.hljs-comment,.hljs-quote{color:#849a85}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#bca5cf}.hljs-string,.hljs-regexp,.hljs-addition{color:#c3d699}.hljs-title,.hljs-section,.hljs-name{color:#accbcc}.hljs-number,.hljs-symbol,.hljs-built_in{color:#dab88b}.hljs-variable,.hljs-attribute,.hljs-attr{color:#c1cbaa}.hljs-deletion{color:#d2978b}.article-end{font-size:28px;text-align:center;color:#9cb29e;margin:64px auto 25px}.not-found{max-width:800px;padding:100px 24px 160px;margin:auto}.error-code{font:12px var(--mono);color:var(--green)}.not-found h1{font-size:48px;letter-spacing:-2px;font-weight:500}.not-found p{color:var(--muted);line-height:1.8}.not-found a{display:inline-block;margin-top:30px;color:var(--green)}
@keyframes star-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-12px,18px,0)}}@keyframes star-shimmer{from{opacity:.38}to{opacity:.8}}
@keyframes planet-turn{to{transform:translateX(-50%)}}@keyframes planet-float{from{transform:translateY(0) rotate(-24deg)}to{transform:translateY(12px) rotate(-21deg)}}@keyframes moon-orbit{to{transform:rotate(360deg)}}@keyframes galaxy-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-15px,8px,0)}}
@media(min-width:1600px){.planet-scene{left:calc(50% + 170px);top:-50px}.hero{padding-top:89px}}
@media(max-width:1100px){.article-main{padding:0 35px 24px}.planet-scene{left:calc(50% + 30px);opacity:.8}.home-main{max-width:950px;padding:0 45px}.site-header{padding:0 40px}.site-footer{padding-left:40px;padding-right:40px}.post-list li a{gap:22px;grid-template-columns:minmax(0,1fr) 140px 16px}}
@media(max-width:700px){.site-header{min-height:85px;padding:0 24px;gap:15px}.brand{font-size:10px;gap:9px;letter-spacing:1.3px}.brand-mark{width:29px;height:29px}.site-header nav{gap:20px;font-size:10px}.home-main{padding:0 24px}.hero{padding-top:48px;min-height:0}.hero-meta{font-size:9px;margin-bottom:23px;letter-spacing:1.3px}.terminal{max-width:none;height:164px}.hud-topline{height:32px;padding:0 18px;gap:10px;font-size:6px;letter-spacing:1.5px}.hud-protocol{font-size:6px;letter-spacing:1px}.hud-signal{gap:2px;padding-right:7px}.terminal h1{margin:17px 18px 8px}.terminal-baseline{left:18px;right:18px;bottom:14px;font-size:6px;letter-spacing:.7px}.intro{font-size:15px;line-height:1.8;margin:23px 0 15px;max-width:430px}.hero-coordinate{font-size:8px;letter-spacing:1px}.motion-toggle{font-size:9px}.planet-scene{width:420px;height:420px;left:calc(50% - 170px);top:-110px;opacity:.85}.galaxy{left:calc(50% - 400px);top:-90px;width:1000px;height:650px;opacity:.65}.stars-far{background-size:1100px 722px}.moon{width:9px;height:9px}.cosmos{height:1050px}.posts{margin-top:50px;padding-bottom:13px}.section-heading{padding-bottom:20px}.section-heading h2{font-size:22px;gap:9px}.section-heading>span{font-size:8px;letter-spacing:.2px}.section-heading .meta-separator{margin:0 3px}.post-list li a{grid-template-columns:minmax(0,1fr) 16px;gap:9px 18px;min-height:115px;padding:22px 0}.post-list-title{font-size:16px;line-height:1.55;grid-column:1;grid-row:1}.post-list time{grid-column:1;grid-row:2;text-align:left;font-size:10px}.entry-arrow{grid-column:2;grid-row:1/3;align-self:center}.pagination{padding:18px 0;font-size:10px}.site-footer{padding:23px 24px 25px;min-height:95px;margin-top:15px;flex-wrap:wrap;gap:8px 20px;font-size:9px}.footer-coordinates{display:none}.site-footer .back-top{margin-left:auto}.article-main{padding:0 20px 20px}.article-nav{margin-top:20px}.article-header{margin:27px auto 27px}.article-header time{font-size:10px}.article-header h1{font-size:34px;letter-spacing:-1.2px;line-height:1.19;margin-top:17px;text-wrap:pretty}.cover{margin-bottom:35px}.cover picture{border-radius:3px}.prose{font-size:16px;line-height:1.85}.prose h2{font-size:25px;letter-spacing:-.5px}.prose h3{font-size:21px}.prose figure{margin:27px auto}.prose pre{padding:18px 16px;font-size:12px;margin:24px 0}.prose blockquote{padding-left:18px}.prose ul,.prose ol{padding-left:1.35em}figcaption{font-size:11px}.article-end{margin-top:45px}.not-found{padding:75px 24px 110px}.not-found h1{font-size:38px}}
@media(max-width:370px){.home-main,.site-header{padding-left:18px;padding-right:18px}.site-header nav{gap:14px}.hero-meta{font-size:8px}.hero-coordinate{font-size:7px}.section-heading>span{font-size:7px}.article-header h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.terminal-animated{display:none!important}.terminal-still{display:block!important}}
@media print{:root{color-scheme:light}body,.post-page{background:#fff;color:#111}.site-header,.site-footer,.cosmos,.motion-toggle,.hero-meta,.hero-bottom,.hud-topline,.hud-frame,.terminal-baseline,.article-nav,.article-end{display:none}.article-main,.prose,.article-header{max-width:none;margin:0;padding:0}.article-header h1{color:#111;font-size:28pt;margin:15px 0}.article-header time,.prose,.prose strong,.prose h2,.prose h3,.prose h4{color:#111}.prose a{color:#222}.prose pre,.prose code{background:#f4f4f4;color:#111;border-color:#ddd;white-space:pre-wrap;overflow-wrap:anywhere}.cover{max-width:65%;margin:25px auto}.prose img{max-height:70vh;object-fit:contain}.prose figure{break-inside:avoid}.terminal-animated{display:none}.terminal-still{display:block}.skip-link{display:none}}