.notes{--ink-0:#05060b;--ink-1:#0a0c12;--ink-2:#10131b;--rule:#ffffff13;--rule-2:#ffffff21;--text:#c5cad5;--text-dim:#8b91a0;--mint:#9fd9c3;--ember:#e3b48f;--pad:clamp(20px, 5vw, 64px);min-height:100vh;color:var(--bone);background:radial-gradient(1100px 620px at 12% -8%, #3581e224, transparent 62%), radial-gradient(800px 520px at 100% 0%, #6fa8ff0f, transparent 60%), var(--ink-0)}.notes-nav{z-index:40;height:64px;padding:0 var(--pad);border-bottom:1px solid var(--rule);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05060bd1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.notes-nav__brand{font-size:17px}.notes-nav__brand sup{margin-left:2px;font-size:.5em}.notes-nav__links{align-items:center;gap:clamp(14px,2.4vw,28px);font-size:14px;display:flex}.notes-nav__link{color:var(--text-dim);transition:color .25s}.notes-nav__link:hover{color:#fff}.notes-nav__pill{border:1px solid var(--rule-2);color:#fff;border-radius:999px;align-items:center;height:34px;padding:0 14px;transition:border-color .25s,background .25s;display:inline-flex}.notes-nav__pill:hover{background:#6fa8ff14;border-color:#6fa8ff99}.dotlabel{font-family:var(--font-dot-stack);letter-spacing:.2em;text-transform:uppercase;color:var(--signal-hi);font-size:13px;font-weight:700}.notes-index{max-width:1180px;padding:clamp(56px, 10vw, 120px) var(--pad) 40px;margin:0 auto}.notes-hero__title{font-family:var(--font-wordmark-stack);font-variation-settings:"wdth" 140, "wght" 780;letter-spacing:.005em;background:linear-gradient(#fff 0%,#dfe7f7 52%,#7f97c2 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:18px;font-size:clamp(54px,11vw,150px);line-height:.9}.notes-hero__title span{color:var(--signal-hi);-webkit-text-fill-color:var(--signal-hi)}.notes-hero__lede{max-width:58ch;color:var(--text);margin-top:26px;font-size:clamp(16px,1.4vw,19px);line-height:1.6}.deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,22px);margin-top:clamp(44px,6vw,80px);display:grid}.deck__lead{grid-column:1/-1}.pcard{--acc:var(--signal-hi);border:1px solid var(--rule);background:radial-gradient(120% 80% at 100% 0%, color-mix(in oklab, var(--acc) 13%, transparent), transparent 60%), linear-gradient(180deg, #ffffff07, #ffffff02);height:100%;transition:transform .5s var(--ease-film), border-color .35s, box-shadow .5s;isolation:isolate;border-radius:22px;flex-direction:column;display:flex;position:relative;overflow:hidden}a.pcard:hover,a.pcard:focus-visible{border-color:color-mix(in oklab, var(--acc) 55%, transparent);box-shadow:0 24px 60px -30px color-mix(in oklab, var(--acc) 70%, transparent), 0 0 0 1px color-mix(in oklab, var(--acc) 18%, transparent) inset;transform:translateY(-4px)}a.pcard:focus-visible{outline:2px solid var(--acc);outline-offset:3px}.pcard__art{aspect-ratio:16/8;border-bottom:1px solid var(--rule);background:radial-gradient(90% 90% at 30% 60%, color-mix(in oklab, var(--acc) 10%, transparent), transparent 70%), var(--ink-1);position:relative;overflow:hidden}.pcard__art:after{content:"";pointer-events:none;background:linear-gradient(#0000,#05060b8c);height:40%;position:absolute;inset:auto 0 0}.pcard__num{color:color-mix(in oklab, var(--acc) 70%, #fff)}.pcard__body{flex-direction:column;flex:1;gap:12px;padding:clamp(20px,2.4vw,28px);display:flex}.pcard__kicker{font-family:var(--font-mono-stack);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklab, var(--acc) 75%, #fff);align-items:center;gap:10px;font-size:11.5px;display:flex}.pcard__new,.pcard__drafting{letter-spacing:.1em;color:#fff;background:color-mix(in oklab, var(--acc) 22%, transparent);border:1px solid color-mix(in oklab, var(--acc) 45%, transparent);border-radius:999px;align-items:center;gap:6px;height:22px;padding:0 9px;font-size:10.5px;display:inline-flex}.pcard__drafting{color:var(--text);border-style:dashed;border-color:var(--rule-2);background:0 0}.pcard__drafting:before{content:"";background:var(--ember);border-radius:50%;width:6px;height:6px}.pcard__title{font-family:var(--font-head-stack);letter-spacing:-.01em;color:#fff;text-wrap:balance;font-size:clamp(21px,2vw,27px);font-weight:600;line-height:1.16}.pcard__desc{color:var(--text);text-wrap:pretty;font-size:15px;line-height:1.6}.pcard__foot{border-top:1px solid var(--rule);font-family:var(--font-mono-stack);letter-spacing:.04em;color:var(--text-dim);align-items:center;gap:16px;margin-top:auto;padding-top:14px;font-size:12px;display:flex}.pcard__arr{color:var(--text-dim);transition:transform .45s var(--ease-film), color .3s;margin-left:auto}a.pcard:hover .pcard__arr{color:var(--acc);transform:translate(3px,-3px)}@media (min-width:820px){.pcard--lead{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.pcard--lead .pcard__art{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--rule);min-height:320px}.pcard--lead .pcard__body{justify-content:center;padding:clamp(28px,3.4vw,48px)}.pcard--lead .pcard__title{font-size:clamp(28px,3vw,40px);line-height:1.06}.pcard--lead .pcard__desc{font-size:16.5px}}@media (max-width:719px){.deck{grid-template-columns:1fr}}.soon{margin-top:clamp(56px,7vw,96px)}.soon__h{align-items:center;gap:16px;display:flex}.soon__h:after{content:"";background:var(--rule);flex:1;height:1px}.soon__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,22px);margin-top:22px;display:grid}@media (max-width:719px){.soon__grid{grid-template-columns:1fr}}.pcard--soon{border-style:dashed;border-color:var(--rule-2);background:#ffffff03}.pcard--soon .pcard__art{aspect-ratio:16/5}.pcard--soon .pcard__title{color:#ffffffd1;font-size:clamp(19px,1.7vw,23px)}.pcard--soon .pcard__desc{color:var(--text-dim);font-size:14.5px}.pcard--soon .pcard__kicker{color:var(--text-dim)}.pcover{object-fit:cover;object-position:50% 50%;transition:transform .7s var(--ease-film)}a.pcard:hover .pcover{transform:scale(1.035)}.pcard--soon .pcover{opacity:.8}.post-empty{color:var(--text-dim);padding:40px 0}.read-progress{z-index:60;transform-origin:0;background:linear-gradient(90deg,#3581e2,#cfe0ff);height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0);box-shadow:0 0 12px #6fa8ffb3}.note-hero{isolation:isolate;position:relative;overflow:hidden}.note-hero__bg{z-index:-1;opacity:.9;background-position:70%;background-size:cover;position:absolute;inset:-6% -4%}.note-hero:after{content:"";z-index:-1;background:linear-gradient(90deg, #05060bd1 0%, #05060b73 48%, #05060b1a 100%), linear-gradient(180deg, #05060b4d 0%, transparent 28%, #05060b8c 78%, var(--ink-0) 100%);position:absolute;inset:0}.note-head{max-width:1180px;padding:clamp(28px, 6vw, 88px) var(--pad) clamp(36px, 5vw, 64px);grid-template-columns:minmax(0,1fr);align-content:start;margin:0 auto;display:grid;position:relative}.note-head>*{min-width:0}.note-head .note-back{justify-self:start}.note-plate{aspect-ratio:16/9;box-shadow:0 30px 80px -30px #000c, 0 0 0 1px color-mix(in oklab, var(--acc,#6fa8ff) 18%, transparent);border:1px solid #ffffff24;border-radius:18px;order:-1;margin:0 0 26px;position:relative;overflow:hidden}@media (min-width:1000px){.note-head{grid-template-columns:minmax(0,1fr) minmax(320px,40%);column-gap:clamp(40px,5vw,72px)}.note-head>*{grid-column:1}.note-plate{order:0;grid-area:1/2/span 6;align-self:center;margin:0}}.note-back{color:var(--text-dim);transition:color .25s, gap .3s var(--ease-film);align-items:center;gap:8px;margin-bottom:clamp(28px,4vw,48px);font-size:14px;display:inline-flex}.note-back:hover{color:#fff;gap:12px}.note-title{z-index:1;max-width:20ch;font-family:var(--font-head-stack);letter-spacing:-.022em;color:#fff;text-wrap:balance;margin-top:18px;font-size:clamp(36px,5.4vw,72px);font-weight:600;line-height:1.03;position:relative}.note-lede{z-index:1;max-width:62ch;color:var(--text);text-wrap:pretty;margin-top:22px;font-size:clamp(17px,1.5vw,20px);line-height:1.6;position:relative}.note-meta{z-index:1;font-family:var(--font-mono-stack);letter-spacing:.04em;color:var(--text-dim);flex-wrap:wrap;gap:8px 18px;margin-top:28px;font-size:12.5px;display:flex;position:relative}.note-tag{border:1px solid var(--rule-2);color:var(--text);border-radius:999px;padding:3px 10px}.note-grid{max-width:1180px;padding:0 var(--pad) 40px;border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.note-side{display:none}@media (min-width:1100px){.note-grid{grid-template-columns:230px minmax(0,1fr);gap:72px}.note-side{display:block}}.toc{max-height:calc(100vh - 120px);padding-top:48px;position:sticky;top:104px;overflow:auto}.toc__label{font-family:var(--font-dot-stack);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-size:12px;font-weight:700}.toc ol{border-left:1px solid var(--rule);gap:2px;margin-top:16px;display:grid}.toc li a{color:var(--text-dim);border-left:1px solid #0000;gap:10px;margin-left:-1px;padding:7px 0 7px 14px;font-size:13.5px;line-height:1.4;transition:color .25s,border-color .25s;display:flex}.toc li[data-depth="3"] a{padding-left:34px;font-size:13px}.toc li a:hover{color:#fff}.toc li[data-active] a{color:#fff;border-left-color:var(--signal-hi)}.toc__n{font-family:var(--font-mono-stack);color:var(--signal-hi);padding-top:2px;font-size:11px}.toc-m{border:1px solid var(--rule-2);background:var(--ink-1);border-radius:12px;font-size:15px}.toc-m summary{cursor:pointer;font-family:var(--font-dot-stack);letter-spacing:.2em;text-transform:uppercase;color:var(--text);padding:13px 16px;font-size:12.5px;font-weight:700;list-style:none}.toc-m summary::-webkit-details-marker{display:none}.toc-m summary:after{content:"+";float:right;font-family:var(--font-mono-stack);color:var(--signal-hi)}.toc-m[open] summary:after{content:"−"}.note-body .toc-m ol{counter-reset:none;gap:0;padding:0 16px 10px;display:grid}.note-body .toc-m li{padding-left:0}.note-body .toc-m li:before{content:none}.toc-m a{border-top:1px solid var(--rule);gap:12px;padding:9px 0;display:flex;color:var(--text)!important;text-decoration:none!important}.toc-m a span{font-family:var(--font-mono-stack);color:var(--signal-hi);padding-top:3px;font-size:12px}@media (min-width:1100px){.toc-m{display:none}}.note-body{max-width:720px;color:var(--text);counter-reset:h2;text-wrap:pretty;padding-top:48px;font-size:17.5px;line-height:1.78}.note-body>*+*{margin-top:1.15em}.note-body strong{color:#fff;font-weight:600}.note-body em{color:#e6eaf2}.note-body a{color:var(--signal-hi);text-underline-offset:3px;-webkit-text-decoration:underline #6fa8ff59;text-decoration:underline #6fa8ff59;transition:text-decoration-color .25s,color .25s}.note-body a:hover{color:#cfe0ff;text-decoration-color:currentColor}.note-body h2,.note-body h3{color:#fff;font-family:var(--font-head-stack);letter-spacing:-.012em;text-wrap:balance;scroll-margin-top:90px;position:relative}.note-body h2{border-top:1px solid var(--rule);margin-top:2.6em;padding-top:1.4em;font-size:clamp(25px,2.6vw,32px);font-weight:600;line-height:1.18}.note-body h2:before{counter-increment:h2;content:counter(h2, decimal-leading-zero);font-family:var(--font-dot-stack);letter-spacing:.22em;color:var(--signal-hi);margin-bottom:12px;font-size:13px;font-weight:700;display:block}.note-body>h2:first-child{border-top:0;margin-top:0;padding-top:0}.note-body h3{margin-top:2em;font-size:clamp(19px,1.8vw,22px);font-weight:600;line-height:1.3}.note-body h2+*,.note-body h3+*{margin-top:.8em}.anchor{opacity:0;place-items:center;width:22px;height:22px;transition:opacity .2s;display:grid;position:absolute;bottom:.2em;left:-30px;color:var(--text-dim)!important;text-decoration:none!important}.note-body h2:hover .anchor,.note-body h3:hover .anchor{opacity:1}@media (max-width:820px){.anchor{display:none}}.note-body ul,.note-body ol{gap:.5em;padding-left:0;display:grid}.note-body ul>li{padding-left:1.5em;position:relative}.note-body ul>li:before{content:"";background:var(--signal-hi);width:9px;height:1.5px;position:absolute;top:.8em;left:.2em}.note-body ol{counter-reset:ol}.note-body ol>li{counter-increment:ol;padding-left:2.3em;position:relative}.note-body ol>li:before{content:counter(ol, decimal-leading-zero);font-family:var(--font-mono-stack);color:var(--signal-hi);font-size:.78em;position:absolute;top:.18em;left:0}.note-body li>ul,.note-body li>ol{margin-top:.5em}.note-body blockquote{border-left:2px solid var(--signal-hi);font-family:var(--font-head-stack);color:#e6eaf2;padding:4px 0 4px 20px;font-size:1.08em}.note-body hr{background:repeating-linear-gradient(90deg, var(--rule-2) 0 4px, transparent 4px 10px);border:0;height:1px;margin:2.4em 0}.note-body img{border:1px solid var(--rule);border-radius:14px}.note-body :not(pre)>code{font-family:var(--font-mono-stack);color:#cfe0ff;overflow-wrap:anywhere;background:#6fa8ff14;border:1px solid #6fa8ff29;border-radius:6px;padding:.14em .42em;font-size:.86em}.note-body figure[data-rehype-pretty-code-figure]{background:var(--ink-1);border:1px solid var(--rule-2);border-radius:14px;margin:1.7em 0;position:relative;overflow:hidden;box-shadow:0 24px 60px -30px #000c}.note-body figure[data-rehype-pretty-code-figure]:before{content:"";background:linear-gradient(90deg,#0000,#6fa8ff8c,#0000);height:1px;position:absolute;top:0;left:8%;right:8%}.note-body [data-rehype-pretty-code-title]{border-bottom:1px solid var(--rule);height:44px;font-family:var(--font-mono-stack);color:var(--text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:10px;padding:0 150px 0 16px;font-size:12.5px;display:flex;overflow:hidden}.note-body [data-rehype-pretty-code-title]:before{content:"";background:var(--signal-hi);border-radius:2px;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 8px #6fa8ffcc}.code__bar{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;height:44px;padding:0 8px 0 16px;display:flex}.note-body figure[data-rehype-pretty-code-figure]:has(>figcaption) .code__bar{border:0;padding-left:0;position:absolute;top:0;right:0}.code__lang{font-family:var(--font-dot-stack);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-right:12px;font-size:12px;font-weight:700}.code__copy{height:30px;font-family:var(--font-mono-stack);color:var(--text);border:1px solid var(--rule-2);background:#ffffff0a;border-radius:8px;align-items:center;gap:7px;padding:0 11px;font-size:12px;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.code__copy:hover{color:#fff;background:#6fa8ff17;border-color:#6fa8ff8c}.code__copy[aria-label=Copied]{color:var(--mint);border-color:#9fd9c380}.note-body pre{font-family:var(--font-mono-stack);tab-size:2;scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;margin:0;padding:16px 0;font-size:13.5px;line-height:1.72;overflow-x:auto}.note-body pre code{min-width:max-content;display:grid}.note-body pre [data-line]{border-left:2px solid #0000;padding:0 20px}.note-body pre [data-line][data-prompt]:before{content:"$";color:var(--signal-hi);-webkit-user-select:none;user-select:none;margin-right:1.1ch}.note-body pre [data-highlighted-line]{border-left-color:var(--signal-hi);background:#6fa8ff17}.note-body pre [data-highlighted-chars]{background:#6fa8ff29;border-radius:4px;padding:.1em .2em}.tabs{margin:1.7em 0}.tabs__list{border:1px solid var(--rule);background:#ffffff09;border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.tabs__tab{height:34px;font-family:var(--font-mono-stack);color:var(--text-dim);border:1px solid #0000;border-radius:9px;padding:0 14px;font-size:12.5px;transition:color .2s,background .25s,border-color .25s}.tabs__tab:hover{color:#fff}.tabs__tab[aria-selected=true]{color:#fff;background:#141a27;border-color:#6fa8ff73;box-shadow:0 0 18px -6px #6fa8ff8c}.tabs__pane>:first-child{margin-top:12px}.tabs__pane>*+*{margin-top:1em}.callout{border:1px solid var(--rule);border-left:2px solid var(--c);background:linear-gradient(90deg, color-mix(in srgb, var(--c) 9%, transparent), transparent 75%);border-radius:12px;margin:1.8em 0;padding:16px 20px 16px 18px;font-size:16px;line-height:1.7}.callout--note{--c:var(--signal-hi)}.callout--tip{--c:var(--mint)}.callout--warn{--c:var(--ember)}.callout__head{font-family:var(--font-dot-stack);letter-spacing:.18em;text-transform:uppercase;color:var(--c);align-items:center;gap:8px;margin-bottom:6px;font-size:12.5px;font-weight:700;display:flex}.callout__body>*+*{margin-top:.7em}.specs{background:var(--rule);border:1px solid var(--rule);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin:1.8em 0;display:grid;overflow:hidden}.specs>div{background:var(--ink-1);padding:16px 18px}.specs dt{font-family:var(--font-dot-stack);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-size:11.5px;font-weight:700}.specs dd{font-family:var(--font-head-stack);color:#fff;margin-top:6px;font-size:17px;line-height:1.35}.note-body .step{align-items:center;gap:14px;margin-top:2.2em;display:flex}.step__n{width:38px;height:38px;font-family:var(--font-dot-stack);color:var(--signal-hi);border:1px solid #6fa8ff73;border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid;box-shadow:0 0 20px -8px #6fa8ffcc}.step__t{font-family:var(--font-head-stack);color:#fff;font-size:19px;font-weight:600}.note-body a.dl{color:#fff;background:linear-gradient(120deg,#6fa8ff1a,#6fa8ff05 60%);border:1px solid #6fa8ff59;border-radius:14px;align-items:center;gap:16px;margin:1.6em 0;padding:16px 18px;text-decoration:none;transition:border-color .25s,box-shadow .25s;display:flex}.note-body a.dl:hover{color:#fff;border-color:#6fa8ffb3;box-shadow:0 0 30px -10px #6fa8ff99}.dl__icon{width:42px;height:42px;color:var(--signal-hi);background:#6fa8ff24;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.dl__text{gap:2px;min-width:0;display:grid}.dl__title{font-family:var(--font-head-stack);font-size:17px;font-weight:600;line-height:1.3}.dl__meta{font-family:var(--font-mono-stack);color:var(--text-dim);overflow-wrap:anywhere;font-size:12px}.dl__cta{color:#05060b;background:#fff;border-radius:999px;flex-shrink:0;align-items:center;height:34px;margin-left:auto;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}@media (max-width:520px){.dl__cta{display:none}}.table-wrap{border:1px solid var(--rule-2);background:var(--ink-1);scrollbar-width:thin;border-radius:14px;margin:1.8em 0;overflow-x:auto}.note-body table{border-collapse:collapse;width:100%;font-size:14.5px;line-height:1.5}.note-body th{text-align:left;font-family:var(--font-dot-stack);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--rule-2);white-space:nowrap;background:#ffffff06;padding:12px 16px;font-size:11.5px;font-weight:700}.note-body td{border-bottom:1px solid var(--rule);color:var(--text);vertical-align:top;padding:12px 16px}.note-body tr:last-child td{border-bottom:0}.note-body tbody tr:hover td{background:#6fa8ff0a}.note-body td code{white-space:nowrap}.note-pager{max-width:1180px;padding:24px var(--pad) 72px;grid-template-columns:1fr 1fr;gap:14px;margin:0 auto;display:grid}.note-pager__a{border:1px solid var(--rule);color:#fff;font-family:var(--font-head-stack);border-radius:14px;align-items:center;gap:14px;padding:20px 22px;font-size:17px;line-height:1.3;transition:border-color .25s,background .25s;display:flex}.note-pager__a small{font-family:var(--font-dot-stack);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;font-size:11.5px;font-weight:700;display:block}.note-pager__a:hover{background:#6fa8ff0d;border-color:#6fa8ff73}.note-pager__a--next{text-align:right;justify-content:flex-end}.notes-foot{padding:28px var(--pad) 40px;border-top:1px solid var(--rule);color:var(--text-dim);text-align:center;font-size:13px}.notes-foot a{color:var(--text)}.notes-foot a:hover{color:#fff}@media (max-width:640px){.note-body{font-size:16.5px;line-height:1.74}.tabs__list{flex-wrap:nowrap;width:100%;display:flex}.tabs__tab{white-space:nowrap;flex:1;padding:0 8px;font-size:11.5px}.note-body figure[data-rehype-pretty-code-figure]:has(>figcaption) .code__lang{display:none}.note-body [data-rehype-pretty-code-title]{padding-right:96px}.note-body pre{font-size:12.6px}.note-body figure[data-rehype-pretty-code-figure],.table-wrap{margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);border-left:0;border-right:0;border-radius:0}.note-pager{grid-template-columns:1fr}.post-row{grid-template-columns:1fr auto}.post-row__n{grid-column:1/-1;font-size:22px}}.note .note-head .dotlabel{color:color-mix(in oklab, var(--acc,var(--signal-hi)) 85%, #fff)}