:root{--bg:#fcfcfd;--ink:#0b0d12;--mute:#5b6070;--line:#dcdde3;--blue:#2347ff;--soft:#f0f1f5}[data-theme=dark]{--bg:#0b0d12;--ink:#eceef4;--mute:#9a9fb0;--line:#262a36;--blue:#8da0ff;--soft:#141824}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 1.02rem/1.65 Instrument Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}img{max-width:100%;display:block}h1,h2,h3{font-family:Bricolage Grotesque,sans-serif;font-weight:600;letter-spacing:-.025em;line-height:1.12}h1{font-size:clamp(2rem,4.6vw,3.3rem);margin-bottom:18px}h2{font-size:1.35rem}h3{font-size:1.2rem}.wrap{width:min(920px,calc(100% - 40px));margin:0 auto}main.wrap{padding:56px 0 80px;animation:in .45s ease both}@keyframes in{0%{opacity:0;transform:translateY(6px)}}section{margin-top:72px}.meta{font:400 .78rem JetBrains Mono,monospace}.lead,.meta{color:var(--mute)}.lead{max-width:60ch;font-size:1.08rem}.link{border-bottom:1px solid var(--line);padding-bottom:1px;transition:border-color .2s,color .2s}.link:hover{color:var(--blue);border-color:var(--blue)}.btn{display:inline-block;background:var(--ink);color:var(--bg);padding:10px 20px;border-radius:999px;font-weight:500;font-size:.95rem;transition:opacity .2s}.btn:hover{opacity:.82}.cta{margin-top:30px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2aa84a;margin-right:8px}.top{border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.top-in{justify-content:space-between;height:60px;gap:16px}.brand,.top-in{display:flex;align-items:center}.brand{gap:9px;font:600 1.05rem Bricolage Grotesque,sans-serif}.brand img{border-radius:50%}.top nav{display:flex;gap:22px;font-size:.92rem;color:var(--mute)}.top nav a{padding:4px 0;border-bottom:1px solid transparent}.top nav a:hover{color:var(--ink)}.top nav a[aria-current]{color:var(--ink);border-color:var(--ink)}.tools{display:flex;align-items:center;gap:4px}.lang>button,.tools>button{padding:6px 10px;border-radius:8px;font:400 .8rem JetBrains Mono,monospace;color:var(--mute)}.lang>button:hover,.tools>button:hover{background:var(--soft);color:var(--ink)}.burger{display:none}.lang{position:relative}.lang ul{position:absolute;right:0;top:40px;list-style:none;min-width:180px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:6px;max-height:70vh;overflow:auto}.lang li button{width:100%;text-align:start;padding:7px 10px;border-radius:6px;font-size:.9rem;color:var(--mute)}.lang li button:hover{background:var(--soft);color:var(--ink)}.lang li button.on{color:var(--ink);font-weight:600}.hero{margin-top:24px}.hero h1{max-width:19ch;margin-top:18px}.head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.row{display:grid;grid-template-columns:1fr 150px;grid-gap:28px;gap:28px;align-items:center;padding:26px 0;border-top:1px solid var(--line)}.row:last-child{border-bottom:1px solid var(--line)}.row h3{margin:4px 0 6px;transition:color .2s}.row:hover h3{color:var(--blue)}.row p{color:var(--mute);font-size:.95rem;max-width:54ch}.thumb{width:150px;aspect-ratio:16/10;object-fit:cover;border-radius:6px;border:1px solid var(--line)}.prose{max-width:62ch}.prose p{margin-bottom:16px}.prose h2{margin:40px 0 12px}.cover{width:100%;border-radius:8px;border:1px solid var(--line);margin:22px 0}.next{margin-top:56px;padding-top:20px;border-top:1px solid var(--line)}.stack{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.stack li{border:1px solid var(--line);border-radius:6px;padding:3px 11px;font-size:.88rem}.list{margin-top:36px}.item{margin:0;padding:26px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:200px 1fr;grid-gap:24px;gap:24px}.item p{color:var(--mute);max-width:56ch}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;gap:64px}.plain{list-style:none;margin-top:26px;gap:8px}.form,.plain{display:flex;flex-direction:column}.form{gap:16px}.form label{display:flex;flex-direction:column;gap:6px;font:400 .78rem JetBrains Mono,monospace;color:var(--mute)}.form input,.form textarea{font:400 1rem Instrument Sans,sans-serif;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:8px;padding:11px 13px;outline:none;transition:border-color .2s}.form input:focus,.form textarea:focus{border-color:var(--blue)}.form .btn{align-self:flex-start;border:0}.stats{margin:22px 0 10px;color:var(--mute)}.stats b{color:var(--ink);font-weight:600}.repos{list-style:none}.repos li{border-top:1px solid var(--line)}.repos a{display:grid;grid-gap:3px;gap:3px;padding:16px 0}.repos a:hover strong{color:var(--blue)}.repos span{color:var(--mute);font-size:.93rem}.repos i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.foot{border-top:1px solid var(--line);color:var(--mute);font-size:.86rem}.foot-in{display:flex;justify-content:space-between;gap:20px;padding:28px 0;flex-wrap:wrap}@media (max-width:760px){.burger{display:inline-block}.top nav{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 20px}.top nav.open{display:flex}.top nav a{padding:12px 0;border:0!important}.row{grid-template-columns:1fr}.thumb{width:100%;order:-1}.item,.two{grid-template-columns:1fr;gap:12px}.two{gap:40px}section{margin-top:56px}}@media (prefers-reduced-motion:reduce){main.wrap{animation:none}html{scroll-behavior:auto}}.soc{display:inline-flex;align-items:center;gap:8px;color:var(--mute);transition:color .2s}.soc svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}.soc:hover{color:var(--blue)}.socs{display:flex;flex-wrap:wrap;gap:8px 22px}.soc.big{color:var(--ink);font-size:1.02rem;padding:6px 0}.soc.big svg{width:22px;height:22px}body{overflow-x:clip}.hero-img{position:relative;width:100vw;margin:-56px 0 0 calc(50% - 50vw);height:calc(100svh - 61px);min-height:640px;display:flex;align-items:flex-end;padding:0 0 clamp(28px,6vh,64px)}.hero-img:before{content:"";position:absolute;inset:0;background:url(/bg-top.jpg) center 40%/cover no-repeat;-webkit-mask-image:linear-gradient(#000,#000 25%,rgba(0,0,0,.75) 45%,rgba(0,0,0,.4) 62%,rgba(0,0,0,.12) 80%,transparent 96%);mask-image:linear-gradient(#000,#000 25%,rgba(0,0,0,.75) 45%,rgba(0,0,0,.4) 62%,rgba(0,0,0,.12) 80%,transparent 96%)}[data-theme=dark] .hero-img:before{filter:brightness(.72)}.hero-img .in{position:relative;width:min(920px,calc(100% - 40px));margin:0 auto;text-shadow:0 0 18px var(--bg)}.hero-img h1{max-width:19ch;margin:14px 0}.hero-img .lead{max-width:46ch}.hero-img .in>*{animation:slide .9s cubic-bezier(.16,1,.3,1) both}.hero-img .in>:nth-child(2){animation-delay:.08s}.hero-img .in>:nth-child(3){animation-delay:.16s}.hero-img .in>:nth-child(4){animation-delay:.24s}@keyframes slide{0%{opacity:0;transform:translateX(-40px)}}[dir=rtl] .hero-img .in>*{animation-name:slide-rtl}@keyframes slide-rtl{0%{opacity:0;transform:translateX(40px)}}@media (max-width:760px){.hero-img:before{background-position:72% 30%}}@media (prefers-reduced-motion:reduce){.hero-img .in>*{animation:none}}