@font-face{font-family:inter variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-var.woff2)format("woff2-variations")}@font-face{font-family:dm mono;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/dm-mono.woff2)format("woff2")}:root{color-scheme:light dark;--pink:#ff5ea8;--violet:#673dd9;--bg:#f2f3f9;--surface:#fff;--text:#21110c;--text-2:#676767;--link:#c2246d;--line:#e5eaf4;--tint:#ffe3ef;--dot:#a0aee9;--focus:var(--violet);--title-a:#673dd9;--title-b:#d42a83;--title-glint:#ee5fa4;--shadow-card:0 8px 32px rgba(166,181,214,.25);--tape:rgba(255,94,168,.22);--stamp-paper:#fff;--stamp-shadow:rgba(33,17,12,.12);--r-card:16px;--r-pill:72px;--mono:"DM Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--sans:"Inter Variable",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--code-keyword:#673dd9;--code-function:#c2246d;--code-string:#1d7a52;--code-number:#b14d00;--code-builtin:#2563a8;--code-type:#0d7383;--code-variable:#9a3fb5;--code-comment:#6f6982;--code-punct:#5d5a6b;--code-deleted:#b42318;--code-mark:rgba(103,61,217,.1);--scroll:rgba(103,61,217,.14);--scroll-hover:rgba(103,61,217,.3);--scroll-strong:rgba(103,61,217,.45);--col:760px;--gutter:clamp(16px,4vw,40px)}@media(prefers-color-scheme:dark){:root{--bg:#13111b;--surface:#1e1b2a;--text:#ebe7f1;--text-2:#a19cae;--link:#ff7ab8;--line:#2e2a3d;--tint:#4d2a45;--dot:#565c8a;--focus:#a58bff;--title-a:#a58bff;--title-b:#ff7ab8;--title-glint:#ffd3e8;--shadow-card:0 8px 32px rgba(0,0,0,.35);--tape:rgba(255,94,168,.32);--stamp-paper:#f3efe6;--stamp-shadow:rgba(0,0,0,.4);--code-keyword:#b49cff;--code-function:#ff8cc2;--code-string:#86d9a6;--code-number:#ffb070;--code-builtin:#7cc0ff;--code-type:#64d8cf;--code-variable:#e0a3ff;--code-comment:#8a849c;--code-punct:#a19cae;--code-deleted:#ff8a80;--code-mark:rgba(165,139,255,.14);--scroll:rgba(165,139,255,.16);--scroll-hover:rgba(165,139,255,.32);--scroll-strong:rgba(165,139,255,.5)}}*,*::before,*::after{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-y:scroll}html{scrollbar-color:var(--scroll-hover)var(--bg)}html::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track{background:var(--bg)}html::-webkit-scrollbar-thumb{background:var(--scroll-hover);background-clip:padding-box;border:3px solid transparent;border-radius:12px}html::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-strong)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:22px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}img,svg{max-width:100%}img{height:auto}h1,h2,h3,p{margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.wrap{max-width:calc(var(--col) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}.site-head{padding:20px 0 0}.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.site-name{position:relative;display:inline-block;padding-bottom:11px;font:700 27px/1 var(--sans);letter-spacing:-.025em;color:var(--link);text-decoration:none}@supports((-webkit-background-clip:text) or (background-clip:text)){.site-name{color:transparent;-webkit-background-clip:text;background-clip:text;background:linear-gradient(90deg,var(--title-a) 0%,var(--title-b) 32%,var(--title-glint) 44%,var(--title-b) 56%,var(--title-a) 100%)0 0/200% 100% repeat-x;-webkit-background-clip:text;background-clip:text;animation:title-shimmer 12s linear infinite}}@keyframes title-shimmer{to{background-position:-200% 0}}.site-name::after{content:"";position:absolute;left:1px;bottom:0;width:62%;aspect-ratio:13/1;transform-origin:left center;transition:transform .35s ease;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 20'%3E%3Cpath d='M3 13c40-9 82-12 124-8s86 6 130-3' fill='none' stroke='%23ff5ea8' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")no-repeat 0/contain}.site-name:hover::after{transform:scaleX(1.15)rotate(-1deg)}.site-name:focus-visible{border-radius:6px}.site-sparkles{position:absolute;inset:0 0 11px;pointer-events:none}.site-sparkles i{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;margin:-1px 0 0 -1px;border-radius:50%;opacity:0;background:var(--link);background:color-mix(in srgb,var(--link) 70%,#fff0de);box-shadow:0 0 4px color-mix(in srgb,var(--pink) 60%,transparent);animation:title-sparkle 3.57s linear infinite}.site-sparkles i:nth-child(1){--x:-2%;--y:50%;--dx:-.85em;--dy:0em;animation-delay:0s}.site-sparkles i:nth-child(2){--x:6%;--y:17%;--dx:-.72em;--dy:-.45em;animation-delay:-2.206s}.site-sparkles i:nth-child(3){--x:14%;--y:5%;--dx:-.59em;--dy:-.61em;animation-delay:-.843s}.site-sparkles i:nth-child(4){--x:22%;--y:-2%;--dx:-.46em;--dy:-.72em;animation-delay:-3.049s}.site-sparkles i:nth-child(5){--x:30%;--y:-7%;--dx:-.33em;--dy:-.78em;animation-delay:-1.685s}.site-sparkles i:nth-child(6){--x:38%;--y:-10%;--dx:-.2em;--dy:-.83em;animation-delay:-.321s}.site-sparkles i:nth-child(7){--x:46%;--y:-12%;--dx:-.07em;--dy:-.85em;animation-delay:-2.528s}.site-sparkles i:nth-child(8){--x:54%;--y:-12%;--dx:.07em;--dy:-.85em;animation-delay:-1.164s}.site-sparkles i:nth-child(9){--x:62%;--y:-10%;--dx:.2em;--dy:-.83em;animation-delay:-3.37s}.site-sparkles i:nth-child(10){--x:70%;--y:-7%;--dx:.33em;--dy:-.78em;animation-delay:-2.006s}.site-sparkles i:nth-child(11){--x:78%;--y:-2%;--dx:.46em;--dy:-.72em;animation-delay:-.643s}.site-sparkles i:nth-child(12){--x:86%;--y:5%;--dx:.59em;--dy:-.61em;animation-delay:-2.849s}.site-sparkles i:nth-child(13){--x:94%;--y:17%;--dx:.72em;--dy:-.45em;animation-delay:-1.485s}.site-sparkles i:nth-child(14){--x:102%;--y:50%;--dx:.85em;--dy:0em;animation-delay:-.121s}@keyframes title-sparkle{0%{opacity:0;transform:translate(0,0)}50%{opacity:.9}to{opacity:0;transform:translate(var(--dx),var(--dy))}}.site-nav{display:flex;align-items:center;gap:10px}.site-nav a{white-space:nowrap;font:500 15px/1 var(--sans);text-decoration:none;color:var(--text);background:var(--surface);padding:9px 14px;border-radius:var(--r-pill)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--link)}@media(max-width:600px){.site-name{font-size:24px}.site-nav{gap:6px}.site-nav a{padding:6px 10px;font-size:13px}}main{padding:clamp(40px,6vw,64px)0 24px}.page-kicker{margin:0 0 28px;font:500 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--link)}.card{--pad:clamp(28px,5vw,64px);--pad-b:clamp(20px,3vw,32px);position:relative;background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:var(--pad)var(--pad)var(--pad-b)}.card--page{padding-bottom:var(--pad)}.card::before{content:"";position:absolute;top:-11px;left:50%;width:108px;height:24px;z-index:2;transform:translateX(-50%)rotate(-3deg);border-radius:3px;background:var(--tape);box-shadow:0 1px 2px rgba(33,17,12,6%)}.stamp{position:absolute;top:18px;right:18px;width:54px;height:62px;transform:rotate(7deg);display:block;transition:transform .15s;filter:drop-shadow(0 2px 3px var(--stamp-shadow))}.stamp svg{display:block;width:100%;height:100%}a.stamp:hover{transform:rotate(3deg)scale(1.08)}.stamp .st-frame{fill:var(--stamp-paper)}.stamp .st-panel{fill:var(--st-panel)}.stamp .st-fill-a{fill:var(--st-accent)}.stamp .st-fill-b{fill:var(--st-accent2)}.stamp .st-stroke-a{fill:none;stroke:var(--st-accent)}.stamp .st-stroke-b{fill:none;stroke:var(--st-accent2)}.stamp .st-stroke-p{fill:none;stroke:var(--st-panel)}.stamp .st-fill-p{fill:var(--st-panel)}.stamp .st-fill-c{fill:var(--st-accent3)}.stamp .st-stroke-c{fill:none;stroke:var(--st-accent3)}.card{--clear-w:max(0px,calc(82px - var(--pad)));--clear-h:max(0px,calc(86px - var(--pad)))}.card .body{display:flow-root}.card .body::before{content:"";float:right;width:var(--clear-w);height:var(--clear-h)}.card .body p,.card .body ul,.card .body ol,.card .body blockquote{font:16px/25px var(--sans);margin:0 0 14px}.card .body>:last-child{margin-bottom:0}.card .body a{color:var(--link);text-decoration:none}.card .body a:hover{text-decoration:underline;text-underline-offset:3px}.card .body p.more{margin-top:20px}.card .body strong{font-weight:600}.card .body blockquote{padding-left:16px;border-left:3px solid var(--tint);color:var(--text-2)}.card .body figure{position:relative;margin:24px calc(-1 * var(--pad))}.card .body figure img{display:block;width:100%}.card .body figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 16px;background:rgba(16,10,24,.62);color:#fff;font:13px/20px var(--sans);opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none}.card .body figure.is-open figcaption,.card .body figure:focus-visible figcaption{opacity:1;transform:none}@media(hover:hover){.card .body figure:hover figcaption{opacity:1;transform:none}}.card .body figure:has(figcaption)::after{content:"i";content:"i"/"";position:absolute;right:12px;bottom:12px;width:22px;height:22px;border-radius:50%;background:rgba(16,10,24,.62);color:#fff;font:italic 600 14px/22px Georgia,serif;text-align:center;transition:opacity .2s;pointer-events:none}.card .body figure.is-open::after,.card .body figure:focus-visible::after{opacity:0}@media(hover:hover){.card .body figure:hover::after{opacity:0}}.card .body figure:focus:not(:focus-visible){outline:none}.card .body code{font-family:var(--mono);font-size:.875em;background:var(--bg);padding:.15em .4em;border-radius:5px}.card .body :where(pre,.highlight,.code){margin:0 0 14px}.card .body pre{padding:14px 16px;border-radius:10px;background:var(--bg);color:var(--text);overflow-x:auto;font:14px/22px var(--mono);tab-size:4}.card .body .highlight pre{margin:0}.card .body pre:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.card .body pre code{font-size:inherit;padding:0;background:0 0}.card .body pre{scrollbar-width:thin;scrollbar-color:var(--scroll)transparent}.card .body pre:hover{scrollbar-color:var(--scroll-hover)transparent}.card .body pre::-webkit-scrollbar{height:10px}.card .body pre::-webkit-scrollbar-track{background:0 0}.card .body pre::-webkit-scrollbar-thumb{background:var(--scroll);background-clip:padding-box;border:3px solid transparent;border-radius:10px}.card .body pre::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-hover)}.card .body .code{position:relative}.card .body .code>*{margin:0}.card .body>.code:first-child{margin-right:var(--clear-w)}.card .body .copy{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:var(--surface);color:var(--text-2);cursor:pointer;box-shadow:0 1px 3px var(--stamp-shadow);transition:opacity .15s,color .15s,box-shadow .2s}.card .body .copy:hover{color:var(--link)}.card .body .copy:focus-visible{outline-offset:2px;border-radius:8px}.card .body .copy svg{display:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card .body .copy:not([data-state]) svg:nth-child(1){display:block}.card .body .copy[data-state=done] svg:nth-child(2),.card .body .copy[data-state=error] svg:nth-child(3){display:block;animation:copy-pop .25s ease-out}.card .body .copy[data-state=done]{color:var(--link)}.card .body .copy[data-state=error]{color:var(--code-deleted)}@keyframes copy-pop{from{transform:scale(.5)}}@media(hover:hover){.card .body .copy{opacity:0}.card .body .code:hover .copy,.card .body .copy:focus-visible,.card .body .copy[data-state]{opacity:1}}@media print{.card .body .copy{display:none}}.chroma .k,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr,.chroma .ow,.chroma .nt{color:var(--code-keyword)}.chroma .nf,.chroma .fm,.chroma .nd,.chroma .ne{color:var(--code-function)}.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .dl,.chroma .s1,.chroma .s2,.chroma .sh,.chroma .sx,.chroma .sr,.chroma .ss,.chroma .gi{color:var(--code-string)}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo,.chroma .kc,.chroma .no,.chroma .se,.chroma .si{color:var(--code-number)}.chroma .nb,.chroma .bp,.chroma .na,.chroma .nl,.chroma .cp,.chroma .cpf{color:var(--code-builtin)}.chroma .kt,.chroma .nc,.chroma .nn{color:var(--code-type)}.chroma .nv,.chroma .vc,.chroma .vg,.chroma .vi,.chroma .vm{color:var(--code-variable)}.chroma .c,.chroma .ch,.chroma .cm,.chroma .c1,.chroma .cs,.chroma .sd{color:var(--code-comment);font-style:italic}.chroma .o,.chroma .p,.chroma .gp,.chroma .go,.chroma .gu{color:var(--code-punct)}.chroma .gd,.chroma .gr,.chroma .gt,.chroma .err{color:var(--code-deleted)}.chroma .gh,.chroma .gs{font-weight:600}.chroma .ge{font-style:italic}.chroma .hl{display:block;margin:0 -16px;padding:0 16px;background:var(--code-mark)}.chroma .ln{display:inline-block;min-width:2ch;margin-right:2ch;text-align:right;color:var(--code-punct);opacity:.6;user-select:none}@property --fade-in{syntax:"<number>";inherits:false;initial-value:1}@property --fade-end{syntax:"<number>";inherits:false;initial-value:0}@supports(animation-timeline:view()){.card .body>*{--fade:max(var(--fade-in),var(--fade-end));opacity:var(--fade);transform:translateY(calc((1 - var(--fade)) * 12px));animation:fade-in linear both,fade-end linear both;animation-timeline:view(),scroll(root);animation-range:entry 0% cover 40%,calc(100% - 300px)100%}.card .body>figure{animation-range:entry 0% cover 33vh,calc(100% - 300px)100%}}.fade-js .card .body>*{opacity:var(--fade-in);transform:translateY(calc((1 - var(--fade-in)) * 12px))}@keyframes fade-in{from{--fade-in:0}to{--fade-in:1}}@keyframes fade-end{from{--fade-end:0}to{--fade-end:1}}.card-meta{margin-top:calc(24px + var(--pad) - var(--pad-b));padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap}.card-meta time{font:13px/1 var(--mono);color:var(--text-2)}.card-meta a.when{text-decoration:none;color:inherit}.card-meta a.when:hover time{color:var(--link)}@media(hover:hover){.card.is-linked{cursor:pointer}.card.is-linked:hover .card-meta time{color:var(--link)}}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.tag{display:inline-block;padding:5px 9px;border-radius:var(--r-pill);background:var(--tint);color:var(--link);font:500 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-decoration:none}a.tag:hover{background:var(--pink);color:#fff}.card--compact:nth-of-type(even)::before{transform:translateX(-50%)rotate(2deg)}@media(max-width:600px){.card .stamp{width:42px;height:48px;top:12px;right:12px}.card{--clear-w:max(0px,calc(64px - var(--pad)));--clear-h:max(0px,calc(66px - var(--pad)))}}.divider{display:flex;justify-content:center;gap:10px;margin:28px 0 36px}.divider span{width:5px;height:5px;border-radius:50%;background:var(--dot)}.divider span:nth-child(2){background:var(--pink)}.terms{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.terms .tag{font-size:12px;padding:8px 12px}.terms .tag small{margin-left:6px;opacity:.7;font-size:inherit}.site-foot{padding:4px 0 40px}.site-foot .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.pager{display:flex;gap:8px}.pager a{font:500 14px/1 var(--sans);text-decoration:none;color:var(--text);background:var(--surface);padding:12px 16px;border-radius:var(--r-pill);box-shadow:var(--shadow-card)}.pager a:hover{color:var(--link)}.backlink{margin:0;font:14px/1 var(--sans)}.backlink a{color:var(--link);text-decoration:none;display:inline-flex;padding:15px 12px;margin:-15px -12px}.backlink a:hover{text-decoration:underline;text-underline-offset:4px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}