:root{--bg:#fff;--bg-soft:#f4f6fb;--text:#101828;--muted:#5b6475;--line:#e3e7ef;--brand:#06f;--brand-ink:#fff;--card:#fff;--ok:#12a150;--radius:18px;--max:1080px}@media (prefers-color-scheme:dark){:root{--bg:#0b0e14;--bg-soft:#121723;--text:#f2f5fb;--muted:#9aa5ba;--line:#222a3a;--brand:#0a84ff;--card:#151b28}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:17px/1.65 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}a{color:var(--brand);text-underline-offset:3px}img{max-width:100%}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}.narrow{max-width:740px;margin:0 auto;padding:0 20px}header.site{z-index:10;backdrop-filter:saturate(180%)blur(14px);background:color-mix(in srgb, var(--bg) 82%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}header.site .wrap{justify-content:space-between;align-items:center;height:60px;display:flex}.logo{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.logo i{background:var(--brand);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:17px;font-style:normal;font-weight:800;display:grid}nav.main{gap:22px;display:flex}nav.main a{color:var(--muted);font-size:15px;font-weight:500;text-decoration:none}nav.main a:hover,nav.main a[aria-current=page]{color:var(--text)}@media (width<=640px){nav.main{gap:14px}nav.main a{font-size:14px}.hide-sm{display:none}}.hero{text-align:center;padding:72px 0 56px}.hero h1{letter-spacing:-.035em;max-width:14ch;margin:0 auto 18px;font-size:clamp(36px,6vw,62px);line-height:1.05}.hero p.lead{color:var(--muted);max-width:40ch;margin:0 auto 28px;font-size:clamp(18px,2.4vw,21px)}.badge{background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-bottom:18px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-block}.btn{background:var(--brand);color:var(--brand-ink);border:0;border-radius:14px;padding:13px 22px;font-weight:700;text-decoration:none;display:inline-block}.btn.ghost{background:var(--bg-soft);color:var(--text);border:1px solid var(--line)}.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}section.block{padding:56px 0}section.alt{background:var(--bg-soft)}h2{letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(26px,4vw,36px);line-height:1.15}h3{letter-spacing:-.01em;margin:0 0 6px;font-size:20px}.sub{color:var(--muted);max-width:60ch;margin:0 0 32px}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card p{color:var(--muted);margin:6px 0 0;font-size:16px}.step{counter-increment:step;margin:0 0 22px;padding-left:52px;position:relative}.step:before{content:counter(step);background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid;position:absolute;top:0;left:0}.steps{counter-reset:step}article.post{padding:44px 0 64px}article.post h1{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(30px,5vw,44px);line-height:1.1}.meta{color:var(--muted);margin-bottom:28px;font-size:14px}.prose h2{margin-top:36px;font-size:26px}.prose h3{margin-top:24px}.prose p,.prose li{color:color-mix(in srgb, var(--text) 92%, var(--muted))}.prose code{background:var(--bg-soft);border-radius:6px;padding:2px 6px;font-size:.92em}.prose blockquote{border-left:4px solid var(--brand);background:var(--bg-soft);border-radius:0 12px 12px 0;margin:18px 0;padding:4px 18px}.list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.list a.item{color:inherit;text-decoration:none;display:block}.list .card:hover{border-color:var(--brand)}.tag{color:var(--brand);text-transform:uppercase;letter-spacing:.04em;margin-right:8px;font-size:12px;font-weight:700;display:inline-block}details{border:1px solid var(--line);background:var(--card);border-radius:14px;margin-bottom:10px;padding:14px 18px}summary{cursor:pointer;font-weight:600}details p{color:var(--muted);margin:10px 0 0}footer.site{border-top:1px solid var(--line);color:var(--muted);margin-top:40px;padding:36px 0 48px;font-size:15px}footer.site .cols{flex-wrap:wrap;justify-content:space-between;gap:28px 56px;display:flex}footer.site a{color:var(--muted);margin:4px 0;display:block}.note{background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);border-radius:14px;padding:14px 18px;font-size:15px}.prose table{border-collapse:collapse;max-width:100%;margin:16px 0;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);padding:8px 12px;font-size:15px}.prose th{color:var(--muted);font-weight:600}