@import url('data:text/css,');
:root{--bg:#101411;--panel:#191e1a;--line:#30382f;--ink:#f1f1e7;--muted:#acb6aa;--lime:#d6f5a3;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--lime);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input{outline-offset:5px}header{height:88px;padding:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#101411f5;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:29px;font-weight:750;letter-spacing:-1.3px}.brand:hover{text-decoration:none}.brand b{font:12px var(--mono);padding:4px 8px;border:1px solid #4a5545;border-radius:5px;color:var(--lime);letter-spacing:0}.mark{color:var(--bg);background:var(--lime);width:35px;height:35px;display:grid;place-content:center;border-radius:9px;font:700 27px var(--mono)}.top{display:flex;gap:36px}.top a{color:var(--ink);font-size:14px}#menu{display:none;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:6px 14px}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);max-width:1540px;margin:auto}aside{padding:36px 24px;border-right:1px solid var(--line);position:sticky;top:88px;align-self:start;max-height:calc(100vh - 88px);overflow:auto}aside label{font:10px var(--mono);letter-spacing:1.3px;color:var(--muted)}input{width:100%;margin:12px 0 22px;background:#1e251e;border:1px solid #3e493b;padding:10px;color:var(--ink);border-radius:6px;font-size:12px}#guides{display:grid;gap:3px}#guides a{padding:8px 10px;font-size:13px;color:var(--muted);border-radius:5px}#guides a:hover,#guides a[aria-current]{background:#273021;color:var(--lime);text-decoration:none}.aside-note{border-top:1px solid var(--line);padding-top:24px;margin-top:28px;font:11px/1.8 var(--mono);color:#879480}main{min-width:0;padding:60px 7%;max-width:1160px}h1{font-size:clamp(34px,4vw,57px);line-height:1.1;letter-spacing:-2px;margin:20px 0}h2{font-size:29px;line-height:1.25;letter-spacing:-.8px;margin:48px 0 18px}h3{font-size:20px;line-height:1.4}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.8px;color:var(--lime)}.lead{font-size:18px;color:var(--muted);max-width:720px;line-height:1.8;margin-bottom:35px}article{font-size:15px;overflow-wrap:anywhere}article>h2{padding-top:15px;border-top:1px solid var(--line)}p,li{color:#c5cdc1}li{margin:8px 0}code{font: .88em/1.7 var(--mono);color:#e0efca;background:#222b20;padding:2px 5px;border-radius:4px}pre{position:relative;max-width:100%;overflow:auto;background:#080d09;border:1px solid #35402f;border-radius:9px;padding:26px 22px;margin:24px 0;line-height:1.8}pre code{background:transparent;padding:0;font-size:13px;display:block;min-width:max-content}pre .copy{position:sticky;float:right;right:0;top:0;font:10px var(--mono);background:#2b3725;color:var(--lime);border:1px solid #536246;border-radius:4px;padding:6px 9px;cursor:pointer;margin:0 0 10px 15px}blockquote{border-left:3px solid var(--lime);padding:12px 20px;background:#1c2419;margin:25px 0;font-size:13px}blockquote p{margin:0}table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%;font-size:13px}td,th{border:1px solid var(--line);padding:12px;text-align:left}th{background:#263022}td{min-width:140px}footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:28px 5%;font-size:11px;color:var(--muted)}.next{display:flex;flex-wrap:wrap;gap:25px;border-top:1px solid var(--line);padding-top:30px;margin-top:50px;font-size:13px}.skip{position:fixed;left:15px;top:-100px;z-index:30;background:var(--lime);color:#111;padding:10px}.skip:focus{top:10px}.home{display:block;max-width:none}.home aside{display:none}.home main{padding:0;max-width:none}.hero{padding:95px 6% 85px;display:grid;grid-template-columns:1.1fr 1fr;gap:7%;max-width:1540px;margin:auto;background:radial-gradient(ellipse at 80% 0%,#2b3d212a,transparent 60%)}.hero h1{font-size:clamp(44px,4.8vw,73px);letter-spacing:-3.8px;line-height:1.07;margin:27px 0}.hero h1 em{font-style:normal;color:var(--lime)}.hero .lead{font-size:16px;max-width:550px}.dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{background:var(--lime);color:#182016;border-radius:6px;padding:14px 19px;font-size:13px;font-weight:700}.button span{margin-left:20px}.text-button{font-size:12px;color:var(--ink)}.tags{display:flex;gap:20px;flex-wrap:wrap;font:10px var(--mono);color:var(--muted);margin-top:32px}.tags span:before{content:'✓ ';color:var(--lime)}.editor{align-self:center;border:1px solid #485440;border-radius:12px;background:#151c14;box-shadow:0 22px 80px #0007;transform:rotate(-1deg);overflow:hidden;min-width:0}.editor-bar{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;gap:6px;align-items:center;font:10px var(--mono);color:#939d8c}.editor-bar i{width:7px;height:7px;background:#53604c;border-radius:50%}.editor-bar span{margin-left:20px}.editor-bar b{margin-left:auto;font-size:8px;font-weight:400;color:var(--lime);letter-spacing:1px}.editor pre{margin:0;border:none;border-radius:0;padding:35px 25px;background:transparent}.editor code{font-size:clamp(11px,1vw,15px);color:#d3d9cc}.kw{color:#d6f5a3}.str{color:#e4c493}.terminal{background:#0a100b;border-top:1px solid var(--line);padding:22px 25px}.terminal>span{font:8px var(--mono);letter-spacing:2px;color:#8a9c82}.terminal p{font:14px var(--mono);margin:12px 0;color:var(--lime)}.cursor{opacity:.7;margin-left:8px}.editor-caption{font:9px var(--mono);color:#8c9a83;padding:12px 25px}.strip{text-align:center;border-block:1px solid var(--line);padding:25px;background:#161d14}.strip>span{font:9px var(--mono);letter-spacing:1.7px;color:#95a18c}.strip p{font-size:13px;margin:10px 0 0;color:#d2d8ca}.strip b{margin:0 15px;color:#68775b}.section-heading{max-width:1360px;padding:70px 6% 30px;margin:auto}.section-heading h2{font-size:39px;margin:13px 0}.section-heading p{font-size:14px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1360px;padding:0 6% 75px;margin:auto}.card{position:relative;border:1px solid var(--line);background:#191f16;padding:25px;border-radius:9px;transition:background .2s,border-color .2s}.card:hover{background:#222d1c;border-color:#697e54;text-decoration:none}.card-number{font:10px var(--mono);color:#8fa27c}.card h3{font-size:17px;color:var(--ink);margin:15px 0 10px}.card p{font-size:12px;color:var(--muted);margin:0;padding-right:5px}.arrow{position:absolute;right:22px;top:23px}.honest{border-top:1px solid var(--line);padding:65px max(6%,calc((100vw - 1200px)/2));background:#1c2518}.honest h2{font-size:38px;margin-top:16px}.honest p{max-width:650px;font-size:15px}.honest a{font-size:13px}.search-empty{font-size:12px} [hidden]{display:none!important}@media(max-width:1050px){.hero{gap:4%;padding-block:65px}.hero h1{letter-spacing:-2.5px}.layout:not(.home){grid-template-columns:210px minmax(0,1fr)}main{padding:45px 5%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){header{height:72px}.top{display:none}#menu{display:block}.layout:not(.home){display:block}aside,.home aside{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;max-height:calc(100vh - 72px);z-index:19;background:#151c13;padding:25px}.menu-open aside,.home.menu-open aside{display:block}main{padding:38px 6%}h1{letter-spacing:-1.4px}.hero{grid-template-columns:1fr;padding:50px 6%;gap:40px}.hero h1{font-size:51px;letter-spacing:-2.8px}.editor{transform:none}.editor code{font-size:12px}.hero .lead{font-size:15px}.strip{padding:24px 6%}.strip p{line-height:2}.strip b{margin:0 6px}.section-heading{padding-top:45px}.section-heading h2{font-size:31px}.cards{gap:12px;padding-bottom:45px}.card{padding:20px}.card h3{font-size:16px}.honest{padding:40px 6%}.honest h2{font-size:32px}footer{gap:15px}pre{padding:20px 15px}pre code{font-size:12px}}@media(max-width:420px){.cards{grid-template-columns:1fr}.hero h1{font-size:43px}.tags{gap:12px}.actions{gap:18px}.brand{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}