:root{--bg: #0e2038;--pnl: #16294a;--pnl2: #1e3a66;--ln: rgba(255, 255, 255, .08);--ln2: rgba(255, 255, 255, .14);--tx: #f2f6fc;--mut: #aabbd6;--dim: #6f83a3;--acc: #F97316;--ink: #0e2038;--sans: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.mono{font-family:var(--mono)}.dim{color:var(--dim)}a{color:var(--tx);text-decoration:none}:focus-visible{outline:2px solid var(--acc, #F97316);outline-offset:2px;border-radius:3px}.nav{position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);background:#0b0b0eb3;border-bottom:1px solid var(--ln)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:500;font-size:16px;letter-spacing:-.01em}.logo{width:26px;height:26px;border-radius:7px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;font-size:17px}.logo.sm{width:22px;height:22px;font-size:14px}.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;color:var(--mut)}.nav-links a{color:var(--mut);display:inline-flex;align-items:center;gap:5px}.nav-links a:hover{color:var(--tx)}.nav-links a.btn-p,.nav-links a.btn-p:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500;padding:9px 16px;border-radius:8px;border:1px solid var(--ln2);color:var(--tx);background:transparent;cursor:pointer;transition:background .15s}.btn:hover{background:var(--pnl2)}.btn-p{background:#ea6a0c;border-color:#ea6a0c;color:var(--ink)}.btn-p:hover{background:#d5610c}.gh-stars:not(:empty){margin-left:7px;font-family:var(--mono);font-size:.86em;color:var(--acc)}.article-wrap{max-width:720px;padding-top:48px}.back{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--mut);font-family:var(--mono)}.back:hover{color:var(--tx)}.article-head{margin:28px 0 36px}.article-head time{font-size:13px}.article-head h1{font-size:clamp(30px,4.5vw,44px);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin:12px 0 0}.article-head .lede{font-size:18px;color:var(--mut);margin:18px 0 0}.prose{font-size:16.5px;color:#d8d8dd}.prose h2{font-size:23px;font-weight:600;letter-spacing:-.02em;color:var(--tx);margin:44px 0 14px}.prose h3{font-size:18px;font-weight:600;color:var(--tx);margin:32px 0 10px}.prose p{margin:0 0 18px}.prose ul,.prose ol{margin:0 0 18px;padding-left:22px}.prose li{margin:0 0 8px}.prose li::marker{color:var(--dim)}.prose a{color:var(--acc);text-decoration:none;border-bottom:1px solid rgba(249,115,22,.35)}.prose a:hover{border-bottom-color:var(--acc)}.prose strong{color:var(--tx);font-weight:600}.prose em{color:var(--tx)}.prose code{font-family:var(--mono);font-size:.86em;background:var(--pnl2);border:1px solid var(--ln);border-radius:5px;padding:1.5px 5px;color:#e6e6ea}.prose pre{background:var(--pnl);border:1px solid var(--ln);border-radius:12px;padding:16px 18px;overflow-x:auto;margin:0 0 22px}.prose pre code{background:none;border:none;padding:0;font-size:13.5px}.article-cta{display:flex;gap:12px;flex-wrap:wrap;margin:48px 0 8px;padding-top:32px;border-top:1px solid var(--ln)}.foot{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:40px;margin-top:56px;border-top:1px solid var(--ln);font-size:13px;color:var(--dim)}.foot-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end}.foot-links a{color:var(--dim)}.foot-links a:hover{color:var(--mut)}.brand.sm{font-size:14px;color:var(--mut)}@media(max-width:720px){.nav-inner{height:auto;min-height:60px;padding:8px 0}.nav-links{flex-wrap:wrap;gap:8px 14px;font-size:13px}.nav-links a[href*="github.com"],.nav-links a[href*=discord]{display:none}.foot{align-items:flex-start;gap:16px}.foot-links{justify-content:flex-start;gap:10px 16px}}