html.xss-root{overflow-y:auto!important}html.xss-root,html.xss-root body{overflow-x:clip!important;height:auto!important;background:var(--th-bg,var(--xr-cream,#e9e6dc))!important}html.xss-root body{overflow-y:visible!important}.xs-setup{--ss-bg:var(--th-bg,var(--xr-cream,#e9e6dc));--ss-paper:var(--th-paper,#f9f8f4);--ss-white:var(--th-white,#fdfcf9);--ss-ink:var(--th-ink,#1f1c17);--ss-ink2:var(--th-ink2,#4e4b43);--ss-grey:var(--th-grey,#75716a);--ss-faint:var(--th-faint,#948f84);--ss-line:var(--th-line,#e3e1d9);--ss-line2:var(--th-line2,#d3d1c9);--ss-red:var(--th-red,#c52416);--ss-code-bg:#201d19;--ss-code-chrome:#191713;--ss-code-line:hsla(45,26%,88%,.09);--ss-code-text:#cfcac0;--ss-code-sec:#8f8a7e;--ss-mono:var(--font-geist-mono),ui-monospace,"SF Mono",Menlo,monospace;--ss-sans:var(--font-geist-sans),system-ui,sans-serif;--ss-pad:clamp(22px,5vw,84px);--ss-ease:cubic-bezier(0.23,1,0.32,1);--ss-s1:14px;--ss-s2:22px;--ss-s3:34px;--ss-s4:clamp(44px,6vh,68px);--ss-sect:clamp(72px,10vh,116px);background:var(--ss-bg);color:var(--ss-ink2);font-family:var(--ss-sans);font-size:16px;line-height:1.6;min-height:100vh;overflow-x:clip}.xs-setup ::-moz-selection{background:#ecd8d2;color:var(--ss-ink)}.xs-setup ::selection{background:#ecd8d2;color:var(--ss-ink)}.xs-setup a{color:inherit;text-decoration:none}.xs-setup :focus-visible{outline:2px solid var(--ss-red);outline-offset:3px}.xs-setup section{padding:0}.xs-setup footer{background:none;border:0;padding:0}.xs-setup h1,.xs-setup h2,.xs-setup h3{color:var(--ss-ink);max-width:none}.ss-wrap{max-width:1180px;margin:0 auto;padding-left:var(--ss-pad);padding-right:var(--ss-pad)}.ss-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--ss-sans);font-size:15px;font-weight:500;padding:12px 22px;border-radius:10px;border:1px solid var(--ss-line2);background:transparent;color:var(--ss-ink);cursor:pointer;transition:border-color .16s,background .16s,color .16s,transform .12s var(--ss-ease)}.ss-btn:hover{border-color:var(--ss-ink)}.ss-btn:active{transform:scale(.97)}.ss-btn.primary{background:var(--ss-ink);border-color:var(--ss-ink);color:var(--ss-bg)}.ss-btn.primary:hover{background:#2c2820}.ss-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:var(--ss-s3)}.xs-setup .ss-nav{position:fixed;inset:0 0 auto 0;z-index:40;display:flex;align-items:center;gap:16px;height:60px;padding:0 var(--ss-pad);background:color-mix(in srgb,var(--ss-bg) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--ss-line)}.ss-brand{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:16.5px;letter-spacing:-.02em;color:var(--ss-ink)}.ss-brand .mk{width:14px;height:14px;color:var(--ss-red)}.ss-nav-tag{font-family:var(--ss-mono);font-size:12px;color:var(--ss-faint)}.ss-nav-right{margin-left:auto;display:inline-flex;align-items:center;gap:20px}.ss-nav-right .quiet{font-size:14.5px;color:var(--ss-grey);transition:color .15s}.ss-nav-right .quiet:hover{color:var(--ss-ink)}.ss-fx{display:inline-flex;align-items:center;gap:6px;font-family:var(--ss-mono);font-size:11px;letter-spacing:.03em;color:var(--ss-grey);background:none;border:1px solid var(--ss-line2);border-radius:999px;padding:6px 12px;cursor:pointer;transition:color .15s,border-color .15s}.ss-fx:hover{color:var(--ss-ink);border-color:var(--ss-ink)}.ss-fx b{font-weight:600;color:var(--ss-ink);min-width:2.4ch;text-align:left}.ss-fx[aria-pressed=false] b{color:var(--ss-red)}.ss-nav-right .cta{font-size:14px;font-weight:500;color:var(--ss-bg);background:var(--ss-ink);border-radius:9px;padding:9px 16px;transition:background .15s}.ss-nav-right .cta:hover{background:#2c2820}.ss-hero{max-width:1180px;margin:0 auto;padding:clamp(110px,15vh,150px) var(--ss-pad) var(--ss-s4)}.ss-topline{margin:0 0 var(--ss-s1);display:flex;align-items:center;gap:8px;font-family:var(--ss-mono);font-size:13px;letter-spacing:.01em;color:var(--ss-ink)}.ss-topline .mk{width:11px;height:11px;color:var(--ss-red);flex:none}.ss-topline a{transition:color .15s}.ss-topline a:hover{color:var(--ss-red)}.ss-topline .sep{color:var(--ss-faint)}.ss-h1{font-weight:500;font-size:clamp(30px,3.8vw,50px);letter-spacing:-.03em;line-height:1.06;margin:0;color:var(--ss-ink);text-wrap:balance;max-width:24ch}.ss-lede{font-size:15.5px;line-height:1.62;color:var(--ss-ink2);max-width:58ch}.ss-hero-fine,.ss-lede{margin:var(--ss-s2) 0 0}.ss-hero-fine{font-family:var(--ss-mono);font-size:11px;line-height:1.6;color:var(--ss-grey);max-width:62ch}.ss-hero-fine a{color:var(--ss-grey);text-decoration:underline;text-underline-offset:3px}.ss-hero-fine a:hover{color:var(--ss-ink)}.ss-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:var(--ss-s3)}.ss-pill{display:inline-flex;align-items:center;gap:10px;font-family:var(--ss-mono);font-size:13px;color:var(--ss-ink);background:var(--ss-white);border:1px solid var(--ss-line2);border-radius:999px;padding:7px 8px 8px 15px;overflow-wrap:anywhere}.ss-pill .lbl{letter-spacing:.03em}.ss-pill .cp,.ss-pill .lbl{font-size:11px;color:var(--ss-grey)}.ss-pill .cp{font-family:var(--ss-mono);letter-spacing:.02em;background:none;border:1px solid var(--ss-line2);border-radius:999px;padding:3px 9px;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.ss-pill .cp.did,.ss-pill .cp:hover{color:var(--ss-ink);border-color:var(--ss-ink)}.xs-setup .ss-tools{padding:0 0 var(--ss-s4)}.ss-tools-head{margin:0 0 var(--ss-s2);max-width:70ch;font-family:var(--ss-mono);font-size:12px;letter-spacing:.02em;color:var(--ss-grey)}.ss-tools-head b{font-weight:600;color:var(--ss-ink)}.ss-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ss-line2);border:1px solid var(--ss-line2);border-radius:10px;overflow:hidden}.ss-grid.two{grid-template-columns:repeat(2,1fr)}.ss-tools-head.sub{margin-top:var(--ss-s3,44px)}.ss-card{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;background:var(--ss-white);padding:22px 22px 20px;transition:background .16s}.ss-card:hover{background:var(--ss-paper)}.ss-card:focus-visible{outline-offset:-2px}.ss-tile{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;font-family:var(--ss-mono);font-size:15px;font-weight:500;color:var(--ss-ink);background:var(--ss-bg);border:1px solid var(--ss-line2);border-radius:9px}.ss-tile .xtm{display:block;color:var(--ss-ink)}.ss-card .nm{margin:14px 0 0;font-weight:600;font-size:16px;letter-spacing:-.012em;color:var(--ss-ink)}.ss-card .how{margin:4px 0 0;font-family:var(--ss-mono);font-size:11px;letter-spacing:.02em;color:var(--ss-grey)}.ss-card .go{margin:auto 0 0;padding-top:16px;font-size:13.5px;font-weight:500;color:var(--ss-ink);transition:color .15s}.ss-card:hover .go{color:var(--ss-red)}.xs-setup .ss-sec{padding:var(--ss-s4) 0 0;scroll-margin-top:84px}.xs-setup .ss-sec+.ss-sec{margin-top:var(--ss-s4);border-top:1px solid var(--ss-line)}.ss-body{max-width:1180px;margin:0 auto;padding:0 var(--ss-pad) var(--ss-sect)}.ss-sec h2{font-weight:500;font-size:clamp(22px,2.6vw,32px);letter-spacing:-.026em;line-height:1.12;margin:0;text-wrap:balance}.ss-sec h3{font-weight:600;font-size:16px;letter-spacing:-.012em;margin:var(--ss-s3) 0 0}.ss-p{margin:var(--ss-s1) 0 0;font-size:15px;line-height:1.65;color:var(--ss-ink2);max-width:68ch}.ss-p a{color:var(--ss-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ss-line2);transition:text-decoration-color .15s}.ss-p a:hover{text-decoration-color:var(--ss-red)}.xs-setup .ss-step{padding:var(--ss-s4) 0 0}.xs-setup .ss-step+.ss-sec,.xs-setup .ss-step+.ss-step{margin-top:var(--ss-s4);border-top:1px solid var(--ss-line)}.ss-step .nno{display:block;margin:0 0 8px;font-size:12px;letter-spacing:.03em;color:var(--ss-red)}.ss-ic,.ss-step .nno{font-family:var(--ss-mono)}.ss-ic{font-size:.86em;background:var(--ss-white);border:1px solid var(--ss-line2);border-radius:6px;padding:1px 6px 2px;color:var(--ss-ink);overflow-wrap:anywhere}.ss-code{margin:var(--ss-s2) 0 0;background:var(--ss-code-bg);border-radius:10px;overflow:hidden;max-width:760px}.ss-code-bar{display:flex;align-items:center;gap:4px;padding:8px 8px 8px 14px;background:var(--ss-code-chrome);border-bottom:1px solid var(--ss-code-line)}.ss-code-lang{letter-spacing:.03em;margin-right:auto}.ss-code-lang,.ss-code-tab{font-family:var(--ss-mono);font-size:11px;color:var(--ss-code-sec)}.ss-code-tab{letter-spacing:.02em;background:none;border:0;border-radius:6px;padding:5px 10px;cursor:pointer;transition:color .15s,background .15s}.ss-code-tab.on,.ss-code-tab:hover{color:var(--ss-code-text)}.ss-code-tab.on{background:hsla(45,26%,88%,.08)}.ss-code-copy{font-family:var(--ss-mono);font-size:11px;letter-spacing:.02em;color:var(--ss-code-sec);background:none;border:1px solid var(--ss-code-line);border-radius:6px;padding:4px 10px;cursor:pointer;margin-left:8px;transition:color .15s,border-color .15s}.ss-code-copy:hover{border-color:hsla(45,26%,88%,.28)}.ss-code pre,.ss-code-copy.did,.ss-code-copy:hover{color:var(--ss-code-text)}.ss-code pre{margin:0;padding:15px 18px 17px;overflow-x:auto;font-family:var(--ss-mono);font-size:13px;line-height:1.62}.ss-code code{font-family:inherit}.ss-code ::-moz-selection{background:rgba(232,68,46,.28);color:#fff}.ss-code ::selection{background:rgba(232,68,46,.28);color:#fff}.ss-others{margin-top:var(--ss-s2);display:flex;flex-wrap:wrap;gap:8px}.ss-others a{display:inline-flex;align-items:center;gap:7px;font-family:var(--ss-mono);font-size:12.5px;color:var(--ss-ink);background:var(--ss-white);border:1px solid var(--ss-line2);border-radius:999px;padding:7px 14px 8px;transition:border-color .15s}.ss-others a:hover{border-color:var(--ss-ink)}.ss-others a .mk{width:9px;height:9px;color:var(--ss-red);flex:none}.xs-setup .ss-close{padding:var(--ss-sect) 0;border-top:1px solid var(--ss-line);background:var(--ss-paper)}.ss-close .ss-h2{font-weight:500;font-size:clamp(26px,3.2vw,42px);letter-spacing:-.028em;line-height:1.06;margin:0;text-wrap:balance}.ss-close .ss-sub{margin:var(--ss-s2) 0 0;font-size:15.5px;line-height:1.6;color:var(--ss-ink2);max-width:52ch}.ss-foot{position:relative;padding:0;overflow:clip;border-top:1px solid var(--ss-line)}.ss-foot-ground{position:absolute;inset:0;background-image:radial-gradient(circle at 1.5px 1.5px,color-mix(in srgb,var(--ss-ink) 38%,transparent) 1.1px,transparent 1.6px);background-size:5px 5px}.ss-foot-scrim{position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--ss-bg) 32%,transparent),color-mix(in srgb,var(--ss-bg) 68%,transparent) 30%,color-mix(in srgb,var(--ss-bg) 68%,transparent))}.ss-foot-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:clamp(36px,5vh,54px) var(--ss-pad) 26px}.ss-foot-grid{display:grid;grid-template-columns:minmax(130px,1.1fr) repeat(3,minmax(110px,1fr));gap:26px 24px;padding:0 0 clamp(28px,4vh,40px)}.ss-foot-brand{display:flex;flex-direction:column;gap:6px;min-width:0}.ss-foot-brand .row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px;margin:0}.ss-foot-brand .mk{width:13px;height:13px;color:var(--ss-red);flex:none}.ss-foot-brand .nm{font-weight:600;font-size:15.5px;letter-spacing:-.02em;color:var(--ss-ink)}.ss-foot-brand .tag{flex-basis:100%;font-family:var(--ss-mono);font-size:11px;color:var(--ss-grey);white-space:nowrap}.ss-foot-col{display:flex;flex-direction:column;align-items:flex-start;gap:9px;position:static;z-index:auto;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}.ss-foot-col h3{font-family:var(--ss-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ss-grey);margin:0 0 2px}.ss-foot-col a{font-family:var(--ss-sans);font-size:13.5px;color:var(--ss-ink2);transition:color .15s}.ss-foot-col a:hover{color:var(--ss-ink)}.ss-foot-base{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;border-top:1px solid var(--ss-line2);padding-top:16px;font-family:var(--ss-mono);font-size:11px;color:var(--ss-grey)}.ss-foot-base p{margin:0}@media (prefers-reduced-motion:reduce){.xs-setup *,.xs-setup :after,.xs-setup :before{transition-duration:.01ms!important;animation-duration:.01ms!important}}html[data-effects=off] .ss-foot-ground,html[data-effects=off] .ss-foot-scrim{display:none}@media (max-width:960px){.ss-grid,.ss-grid.two{grid-template-columns:1fr 1fr}}@media (max-width:768px){.ss-nav-tag{display:none}.ss-nav-right,.xs-setup .ss-nav{gap:10px}.ss-nav-right .quiet{display:none}.ss-fx{padding:5px 10px}.ss-hero{padding-top:96px}.ss-foot-grid{grid-template-columns:1fr 1fr;gap:26px 22px}.ss-foot-brand{grid-column:1/-1}}@media (max-width:620px){.ss-grid,.ss-grid.two{grid-template-columns:1fr}.ss-code pre{font-size:12.5px}.ss-code-bar{flex-wrap:wrap}.ss-pills{flex-direction:column;align-items:stretch}.ss-pill{flex-wrap:wrap;border-radius:14px}.ss-pill .cp{margin-left:auto}}