html:not(.light) .gu{--bz-ink:var(--foreground);--bz-muted:var(--muted-foreground);--bz-quiet:var(--text-tertiary);--bz-line:var(--border);--bz-paper:var(--card);--bz-room:var(--muted);--bz-card:var(--muted);--bz-tile:var(--secondary);--bz-track:var(--secondary);--acc-soft:var(--secondary);background:var(--bg);color:var(--ink)}html:not(.light) .gu .x-btn.solid{--btn-solid-hover:var(--primary-hover)}html:not(.light) .gu-code{box-shadow:0 0 0 1px var(--border)}html:not(.light) .gu-cmp{outline:1px solid var(--border);outline-offset:-1px}html:not(.light) .gu-pp-dev{background:var(--background)}html:not(.light) .gu-w,html:not(.light) .gu-w .gu-t,html:not(.light) .gu-w .gu-b{transition:scale .15s cubic-bezier(0,0,.2,1),background-color .15s cubic-bezier(0,0,.2,1),color .15s cubic-bezier(0,0,.2,1)}html:not(.light) .gu-w[data-bg=\$4]{background-color:var(--muted)!important}html:not(.light) .gu-w[data-bg=\$4] .gu-t{color:var(--foreground)!important}html:not(.light) .gu-w[data-bg=\$4] .gu-b{background-color:var(--primary)!important;color:var(--primary-foreground)!important}html:not(.light) .gu-w[data-bg=\$8]{color:var(--primary-foreground);background-color:var(--primary)!important}html:not(.light) .gu-w[data-bg=\$8] .gu-t{color:var(--primary-foreground)!important}html:not(.light) .gu-w[data-bg=\$8] .gu-b{background-color:var(--background)!important;color:var(--foreground)!important}html:not(.light) .gu{--gu-muted:var(--muted);--gu-secondary:var(--secondary);--gu-border:var(--border);--gu-soft:var(--muted-foreground);--gu-faint:var(--text-tertiary)}html:not(.light) .gu .cf-code.light{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--gu-muted);color:var(--ink);border-color:var(--gu-border)}html:not(.light) .gu .cf-code.light .cf-code-bar{border-color:var(--gu-border)}html:not(.light) .gu .cf-code.light .cf-code-bar>i,html:not(.light) .gu .cf-code.light .cf-code-tabs{background:var(--gu-secondary)}html:not(.light) .gu .cf-code.light .cf-code-tabs button[aria-selected=true]{color:var(--x-on-ink)}html:not(.light) .gu .cf-code.light .s{color:var(--gu-soft)}html:not(.light) .gu .cf-code.light .c{color:var(--gu-faint)}html:not(.light) .gu .cf-code.light .cf-mark{background-color:var(--gu-secondary);background-image:none}html:not(.light) .gu .cf-code.light .cf-code-bar .x-copy{background:var(--gu-secondary);border-color:var(--gu-border);color:var(--gu-soft)}@media (hover:hover){html:not(.light) .gu .cf-code.light .cf-code-bar .x-copy:hover{background:var(--ink);color:var(--x-on-ink);border-color:var(--ink)}}html:not(.light) .gu .cf-paste-box{box-shadow:0 0 0 1px var(--border)}@media (hover:hover){html:not(.light) .gu .bz-open-card:hover .bz-open-plus{color:var(--x-on-ink)}}.gu-hero{padding:clamp(24px,2vw,36px) 0 0;overflow:clip}.gu-top{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.gu-h1{max-width:none}.gu-h1>span{display:block}.gu-h1 .bz-line:nth-child(2){color:var(--lightningcss-light,#737373)var(--lightningcss-dark,var(--muted-foreground))}.gu-pkg{color:var(--faint);margin:4px 0 0;font-size:14px}.gu-acts{justify-content:center;margin-top:6px}@keyframes gu-in{0%{opacity:0}}.gu-stage{margin-top:6px}.gu-settle{transform-origin:50% 0}@media (prefers-reduced-motion:reduce){.gu-settle{transform:none!important}}.gu-code{background:var(--lightningcss-light,#0a0a0a)var(--lightningcss-dark,var(--muted));color:#f5f5f5;width:fit-content;max-width:100%;box-shadow:none;border-radius:999px;align-items:center;gap:14px;margin:0 auto 20px;padding:6px 6px 6px 22px;display:flex}.gu-code p{flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;font-size:16px;display:flex}.gu-code-t{color:#737373}.gu-code-p{color:#a3a3a3;align-items:center;display:inline-flex}.gu-code-v{height:1.4em;display:inline-flex;position:relative;overflow:hidden}.gu-code-v b{color:#fff;font-weight:497;line-height:1.4;display:inline-block}.gu-hold{background:var(--lightningcss-light,#171717)var(--lightningcss-dark,var(--secondary));color:#f5f5f5;cursor:pointer;border:1px solid #ffffff2e;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;transition:border-color .15s,transform 90ms;display:grid}@media (hover:hover){.gu-hold:hover{border-color:#ffffff8c}}.gu-hold:active{transform:scale(.97)}.gu-hold.off{opacity:.3;cursor:default}.gu-hold:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.gu-four{align-items:center;gap:24px;display:grid}.gu-hero-four{grid-template-columns:.42fr .42fr 1fr 1fr;align-items:end;max-width:min(1152px,250svh - 1000px);margin:0 auto}.gu-fig{min-width:0;margin:0}.gu-fig figcaption{text-align:center;flex-direction:column;gap:3px;margin-top:18px;display:flex}.gu-fig figcaption b{letter-spacing:-.01em;font-size:17px;font-weight:606}.gu-fig figcaption span{color:var(--soft);font-size:14px}.gu-dev{position:relative;container-type:inline-size}.gu-frame{position:relative}.gu-ios,.gu-android{aspect-ratio:9/19.5;background:var(--lightningcss-light,#0a0a0a)var(--lightningcss-dark,var(--secondary));box-shadow:none;padding:3.4cqw}.gu-ios{border-radius:17cqw}.gu-android{border-radius:10cqw}.gu-ios .gu-scr,.gu-android .gu-scr{height:100%}.gu-ios .gu-scr{border-radius:13.6cqw}.gu-android .gu-scr{border-radius:7cqw}.gu-scr{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--background));place-items:center;padding:8cqw;display:grid;position:relative;overflow:hidden}.gu-island{z-index:2;background:#0a0a0a;border-radius:999px;width:30cqw;height:8.6cqw;position:absolute;top:6cqw;left:50%;translate:-50%}.gu-hole{z-index:2;background:#0a0a0a;border-radius:50%;width:5cqw;height:5cqw;position:absolute;top:6cqw;left:50%;translate:-50%}.gu-gest{z-index:2;background:var(--lightningcss-light,#00000073)var(--lightningcss-dark,var(--text-disabled));border-radius:999px;width:30cqw;height:1.6cqw;position:absolute;bottom:6cqw;left:50%;translate:-50%}.gu-sb{z-index:2;color:var(--ink);font-size:13px;font-weight:606;line-height:1;position:absolute;top:6.4cqw;left:12cqw}.gu-android .gu-sb{top:6cqw;left:9cqw}@container (max-width:160px){.gu-sb{display:none}}.gu-web,.gu-desk{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--background));border:1px solid var(--x-e10);box-shadow:none;border-radius:16px;overflow:hidden}.gu-bar{background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--muted));border-bottom:1px solid var(--line);align-items:center;gap:12px;height:34px;padding:0 12px;display:flex}.gu-desk .gu-bar{background:var(--lightningcss-light,#ededed)var(--lightningcss-dark,var(--secondary))}.gu-lights{gap:6px;display:flex}.gu-lights i{background:var(--lightningcss-light,#d4d4d4)var(--lightningcss-dark,var(--text-disabled));border-radius:50%;width:10px;height:10px}.gu-url{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--background));border:1px solid var(--line);border-radius:6px;width:46%;height:18px;margin:0 auto}.gu-wt{color:var(--soft);margin:0 auto;padding-right:42px;font-size:13px;font-weight:497}.gu-web .gu-scr,.gu-desk .gu-scr{aspect-ratio:16/10;padding:5cqw}.gu-desk .gu-scr{background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--muted))}.gu-w{padding:calc(var(--pad) * 1px * var(--k,1));border:1px solid var(--line);box-shadow:none;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:relative}.gu-t{letter-spacing:-.02em;white-space:nowrap;font-size:17px;font-weight:606}.gu-b{white-space:nowrap;align-items:center;height:34px;padding:0 14px;font-size:14px;font-weight:497;display:inline-flex}.gu-w.parts,.gu-w.parts [data-part]{outline:1.5px dashed var(--lightningcss-light,#00000073)var(--lightningcss-dark,var(--text-tertiary));outline-offset:4px}.gu-w.parts:after,.gu-w.parts [data-part]:after{content:attr(data-part);background:var(--ink);color:var(--x-on-ink);font:497 13px/1.2 var(--mono);letter-spacing:0;white-space:nowrap;border-radius:6px;padding:3px 7px;position:absolute;top:-30px;left:-5px}.gu-w.parts [data-part]{position:relative}.gu-w.parts [data-part]:after{top:50%;left:calc(100% + 12px);translate:0 -50%}.gu-ios .gu-w.parts [data-part]:after,.gu-android .gu-w.parts [data-part]:after{display:none}.gu-tag{z-index:3;background:var(--ink);color:var(--x-on-ink);white-space:nowrap;animation:gu-in .4s var(--ease) both;border-radius:8px;padding:6px 10px;font-size:13px;position:absolute;top:calc(100% + 10px);left:50%;translate:-50%}.gu-four,.gu-fig{position:relative}.gu-hero .gu-stage{margin-top:28px;position:relative}.gu-build{padding-top:clamp(72px,8vw,116px)}.gu-build-top{margin-bottom:clamp(28px,3vw,44px)}.gu-build-top h2{max-width:18ch;margin:0}.gu-cmp{--h:clamp(360px, 46svh, 480px);height:var(--h);background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--muted));cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:24px;position:relative;overflow:hidden}.gu-cmp-a,.gu-cmp-b{position:absolute;inset:0}.gu-cmp-a{background:var(--lightningcss-light,#171717)var(--lightningcss-dark,var(--background));clip-path:inset(0 calc(100% - var(--x)) 0 0);transition:clip-path .5s cubic-bezier(.4,0,.2,1)}.gu-cmp[data-dragging] .gu-cmp-a,.gu-cmp[data-dragging] .gu-cmp-h{transition:none}.gu-cmp-a pre{color:#a3a3a3;white-space:pre;margin:0;padding:clamp(28px,4vw,56px);font-size:clamp(14px,1.4vw,17px);line-height:1.7}.gu-src-k{color:#737373}.gu-src-t{color:#fafafa}.gu-cmp-b{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.gu-cmp-dev{grid-column:2;justify-self:center;place-items:center;height:100%;padding:28px 0 64px;display:grid}.gu-cmp-dev[data-k=ios] .gu-dev,.gu-cmp-dev[data-k=android] .gu-dev{width:calc((var(--h) - 100px) * 9 / 19.5)}.gu-cmp-dev[data-k=web] .gu-dev,.gu-cmp-dev[data-k=desk] .gu-dev{width:min(clamp(260px, 30vw, 440px), calc((var(--h) - 134px) * 1.6))}.gu-cmp-dev .gu-dev{animation:.4s cubic-bezier(0,0,.2,1) both gu-in}.gu-cmp-plat{gap:6px;margin:0;font-size:13px;display:flex;position:absolute;bottom:18px;right:24px}.gu-cmp-plat span{color:#737373;border-radius:8px;padding:6px 10px;transition:background-color .15s,color .15s}.gu-cmp-plat span.on{background:var(--ink);color:var(--x-on-ink)}.gu-cmp-h{top:0;bottom:0;left:var(--x);outline:none;place-items:center;width:44px;margin-left:-22px;transition:left .5s cubic-bezier(.4,0,.2,1);display:grid;position:absolute}.gu-cmp-h:before{content:"";background:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--foreground));width:2px;box-shadow:0 0 0 1px var(--x-e10);margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.gu-cmp-h i{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--secondary));width:44px;height:44px;box-shadow:0 0 0 1px var(--x-e12), 0 24px 60px -16px #0000002e;border-radius:50%;transition:transform .15s cubic-bezier(0,0,.2,1);position:relative}.gu-cmp-h i:before,.gu-cmp-h i:after{content:"";border-top:1.5px solid var(--ink);border-left:1.5px solid var(--ink);width:7px;height:7px;margin-top:-4px;position:absolute;top:50%}.gu-cmp-h i:before{left:11px;rotate:-45deg}.gu-cmp-h i:after{right:11px;rotate:135deg}@media (hover:hover){.gu-cmp:hover .gu-cmp-h i{transform:scale(1.08)}}.gu-cmp[data-dragging] .gu-cmp-h i{transform:scale(.97)}.gu-cmp-h:focus-visible i{outline:2px solid var(--ink);outline-offset:3px}.gu-chs{transform:skewY(var(--sk,0deg));transform-origin:50% 0;margin-top:clamp(56px,6vw,88px);padding-bottom:0;list-style:none}.gu-ch{border-top:1px solid var(--line);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:24px;padding:32px 0;display:grid}.gu-ch-copy{flex-direction:column;grid-column:1/span 5;gap:10px;display:flex}.gu-ch-t{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:606;line-height:1.2}.gu-ch-copy .bz-body{margin:0}.gu-ch-n{color:var(--soft);margin:0;font-size:13px}.gu-ch-obj{background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--muted));border-radius:24px;grid-column:7/span 6;place-items:center;min-height:200px;padding:28px;display:grid}.gu-ch-targets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.gu-ch-targets li{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--secondary));border-radius:16px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.gu-ch-targets b{font-size:17px;font-weight:606}.gu-ch-targets span{color:var(--soft);font-size:13px}.gu-ch-targets li{transition:background-color .3s cubic-bezier(0,0,.2,1),color .3s cubic-bezier(0,0,.2,1),transform .3s cubic-bezier(.16,1,.3,1)}.gu-ch-targets li.on{background:var(--ink);color:var(--x-on-ink);transform:translateY(-2px)}.gu-ch-targets li.on span{color:var(--lightningcss-light,#a3a3a3)var(--lightningcss-dark,var(--neutral-600))}.gu-ch-pair{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.gu-ch-flat{background:var(--lightningcss-light,#171717)var(--lightningcss-dark,var(--background));border-radius:16px;width:100%;padding:24px;container-type:inline-size}.gu-ch-flat .gu-flat{padding:0;font-size:15px}.gu-ch-parts{flex-direction:column;align-items:center;gap:28px;padding-top:30px;display:flex}.gu-ch-parts .gu-w{gap:18px}.gu-ch-prims{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.gu-ch-prims li{border:1px solid var(--line);color:var(--soft);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--secondary));border-radius:8px;padding:6px 10px;font-size:13px}.gu-ch-prims li.on{background:var(--ink);border-color:var(--ink);color:var(--x-on-ink)}@keyframes gu-press{0%,72%,to{scale:1}82%{scale:.93}}.gu-ch-wave .gu-b{animation:1.5s cubic-bezier(.4,0,.2,1) infinite gu-press}.gu-scr.flat{background:#171717;place-items:center start}.gu-flat{color:#a3a3a3;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:0 6cqw;font-size:clamp(11px,5.4cqw,15px);line-height:1.5;animation:.3s cubic-bezier(0,0,.2,1) both gu-in;display:flex}.gu-flat span:not(.gu-flat-t){color:#fafafa}.gu-cmp-wrap[data-arm] .gu-cmp-a{opacity:0;transform:translate(-24%)}.gu-cmp-wrap[data-arm] .gu-cmp-b{opacity:0;transform:translate(24%)}.gu-cmp-wrap[data-arm][data-in] .gu-cmp-a,.gu-cmp-wrap[data-arm][data-in] .gu-cmp-b{opacity:1;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(0,0,.2,1),clip-path .5s cubic-bezier(.4,0,.2,1);transform:none}.gu-chs[data-arm] .gu-ch{opacity:0;transform-origin:0 0;transform:translateY(48px)skewY(6deg)}.gu-chs[data-arm][data-in] .gu-ch{opacity:1;transition:transform .7s cubic-bezier(.16, 1, .3, 1) calc(var(--i) * 80ms), opacity .4s cubic-bezier(0, 0, .2, 1) calc(var(--i) * 80ms);transform:none}.gu-api[data-arm] .gu-api-top>*,.gu-api[data-arm] .gu-ed>*,.gu-api[data-arm] .gu-api-one{transform-origin:0 100%;opacity:0;transform:rotate(-9deg)translateY(-12px)}.gu-api[data-arm][data-in] .gu-api-top>*,.gu-api[data-arm][data-in] .gu-ed>*,.gu-api[data-arm][data-in] .gu-api-one{opacity:1;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(0,0,.2,1);transform:none}.gu-api[data-in] .gu-api-top>:nth-child(2){transition-delay:90ms}.gu-api[data-in] .gu-ed>:first-child{transition-delay:.18s}.gu-api[data-in] .gu-ed>:nth-child(2){transition-delay:.27s}.gu-api[data-in] .gu-ed>:nth-child(3){transition-delay:.36s}.gu-api[data-in] .gu-ed>:nth-child(4){transition-delay:.45s}.gu-api[data-in] .gu-ed>:nth-child(5){transition-delay:.54s}.gu-api[data-in] .gu-api-one{transition-delay:.63s}.gu-lens-wrap{position:relative}.gu-lens{z-index:4;border:1.5px solid var(--ink);pointer-events:none;opacity:0;width:132px;height:132px;transform:translate(var(--lx,0px), var(--ly,0px));border-radius:50%;margin:-66px 0 0 -66px;transition:opacity .2s cubic-bezier(0,0,.2,1);position:absolute;top:0;left:0}.gu-lens-wrap[data-lens] .gu-lens{opacity:1}.gu-plats>li{transition:transform .3s cubic-bezier(.16,1,.3,1)}.gu-plats>li.gu-lensed{z-index:2;transform:scale(1.04)}@keyframes gu-sweep{0%{opacity:1;transform:translate(-80px,160px)}92%{opacity:1}to{opacity:0;transform:translate(calc(100cqw + 80px),160px)}}.gu-lens-wrap{container-type:inline-size}.gu-lens-wrap[data-arm] .gu-plats>li{opacity:0;filter:blur(4px);transform:scale(.9)}.gu-lens-wrap[data-arm][data-in] .gu-lens{animation:1.3s cubic-bezier(.4,0,.2,1) both gu-sweep}.gu-lens-wrap[data-arm][data-in] .gu-plats>li{opacity:1;filter:none;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(0,0,.2,1),filter .4s cubic-bezier(0,0,.2,1);transform:none}.gu-lens-wrap[data-in] .gu-plats>li:first-child{transition-delay:.15s}.gu-lens-wrap[data-in] .gu-plats>li:nth-child(2){transition-delay:.45s}.gu-lens-wrap[data-in] .gu-plats>li:nth-child(3){transition-delay:.75s}.gu-lens-wrap[data-in] .gu-plats>li:nth-child(4){transition-delay:1.05s}.gu-lens-wrap[data-in][data-lens] .gu-plats>li{transition-delay:0s}.gu-end[data-arm]{clip-path:circle(0 at var(--gx,50%) var(--gy,50%))}.gu-end[data-arm][data-in]{clip-path:circle(150% at var(--gx,50%) var(--gy,50%));transition:clip-path .9s cubic-bezier(.16,1,.3,1)}.gu-pull{transition:translate .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.gu-api{color:#fafafa;background:#171717;padding-bottom:clamp(72px,7vw,104px)}.gu-api-top{align-items:end;margin-bottom:clamp(56px,6vw,88px)}.gu-api-top h2{color:#fff;grid-column:1/span 7}.gu-api-top .bz-body{color:#a3a3a3;grid-column:9/span 4}.gu-api-obj{align-items:center}.gu-ed{background:#0f0f0f;border:1px solid #ffffff1a;border-radius:28px;grid-column:1/span 5;padding:26px}.gu-ed-k{color:#737373;justify-content:space-between;margin:0;font-size:16px;display:flex}.gu-ed-end{align-items:center;gap:12px;min-height:30px;margin-top:14px}.gu-ed-n{color:#737373;font-size:14px}.gu-prop{border-bottom:1px solid #ffffff14;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px 12px;padding:14px 0 14px 18px;display:grid}.gu-prop label{color:#f5f5f5;font-size:16px}.gu-opts{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.gu-opts button{color:#a3a3a3;cursor:pointer;background:#171717;border:1px solid #ffffff24;border-radius:12px;flex:none;height:40px;padding:0 10px;font-size:14px;transition:background .15s,color .15s,border-color .15s,transform 90ms}@media (hover:hover){.gu-opts button:hover{color:#f5f5f5;border-color:#fff6}.gu-opts button[aria-checked=true]:hover{color:#0a0a0a;outline-offset:3px;background:#fff;border-color:#fff;outline:1px solid #ffffff73}}.gu-opts button:active{transform:scale(.97)}.gu-opts button[aria-checked=true]{color:#0a0a0a;background:#f5f5f5;border-color:#f5f5f5}.gu-opts button:focus-visible,.gu-prop input:focus-visible{outline-offset:2px;outline:2px solid #f5f5f5}.gu-prop input{--text-control:16px;color:#f5f5f5;background:#0f0f0f;border:1px solid #ffffff29;border-radius:12px;outline:none;flex:64px;min-width:64px;max-width:120px;height:40px;padding:0 10px;font-size:16px;transition:border-color .15s,background-color .15s}.gu-prop input::placeholder{color:#a3a3a3;opacity:1}.gu-prop input:focus{background:#0a0a0a;border-style:solid;border-color:#ffffff8c}@media (hover:hover){.gu-prop input:hover{border-color:#ffffff4d}}.gu-prop input.bad{text-underline-offset:4px;border-style:dashed;border-color:#f5f5f5;-webkit-text-decoration:underline wavy #fffc;text-decoration:underline wavy #fffc}.gu-tc{color:#d4d4d4;align-items:center;gap:10px;min-width:0;font-size:14px;line-height:1.4;display:inline-flex}.gu-tc i{border:1.5px solid;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:14px;font-style:normal;transition:background-color .15s,color .15s;display:grid}.gu-tc.bad{color:#f5f5f5}.gu-tc.bad i{color:#0a0a0a;background:#f5f5f5;border-color:#f5f5f5}.gu-tc s{text-decoration-thickness:1.5px}.gu-api-one{grid-column:7/span 6;margin:0}.gu-api-one .gu-web{border-color:#ffffff29}.gu-api-one .gu-scr{aspect-ratio:16/11}.gu-api-one .gu-t{font-size:26px}.gu-api-one .gu-b{height:44px;padding:0 20px;font-size:16px}.gu-api-one .gu-w{--k:1.5;gap:16px}.gu-ship-top{align-items:end;margin-bottom:clamp(56px,6vw,88px)}.gu-ship-copy{flex-direction:column;grid-column:1/span 4;gap:22px;padding-bottom:6px;display:flex}.gu-ship-code{grid-column:6/span 8}.gu-ship-code .cf-code{margin:0}.gu-plats{grid-template-columns:.72fr .72fr 1fr 1fr;align-items:stretch;margin:0;padding:0;list-style:none}.gu-plats>li{display:flex}.gu-plat{justify-content:flex-start;gap:22px;padding:26px 26px 28px;transition:translate .3s cubic-bezier(.16,1,.3,1),background-color .15s cubic-bezier(0,0,.2,1)}.gu-plat-dev{pointer-events:none;flex:none;place-items:center;width:100%;height:236px;display:grid}@media (hover:hover) and (pointer:fine){.gu-plat:hover{background:var(--lightningcss-light,#e4e4e7)var(--lightningcss-dark,var(--secondary));translate:0 -6px}}.gu-plat:active{scale:.97}.gu-plat-ios .gu-plat-dev .gu-dev,.gu-plat-android .gu-plat-dev .gu-dev{width:108px}.gu-plat-web .gu-plat-dev .gu-dev,.gu-plat-desk .gu-plat-dev .gu-dev{width:100%}.gu-plat-dev .gu-w{--k:.6;gap:6px}.gu-plat-dev .gu-t{font-size:14px}.gu-plat-dev .gu-b{height:26px;padding:0 10px;font-size:13px}.gu-plat-t{flex-direction:column;gap:4px;padding-right:52px;display:flex}.gu-plat-t b{letter-spacing:-.02em;font-size:21px;font-weight:606}.gu-plat-t span{color:var(--soft);font-size:16px}.gu-plat-sw{display:grid;overflow:hidden}.gu-plat-sw>*{grid-area:1/1;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(0,0,.2,1)}.gu-plat-t .gu-plat-p{color:var(--ink);opacity:0;flex-wrap:wrap;align-self:center;gap:0 10px;font-size:13px;display:flex;transform:translateY(100%)}.gu-plat-t .gu-plat-p span{color:var(--ink);font-size:13px}@media (hover:hover) and (pointer:fine){.gu-plat:hover .gu-plat-s{opacity:0;transform:translateY(-100%)}.gu-plat:hover .gu-plat-p{opacity:1;transform:none}}.gu-plat:focus-visible .gu-plat-s{opacity:0;transform:translateY(-100%)}.gu-plat:focus-visible .gu-plat-p{opacity:1;transform:none}.gu-plat-dev .gu-sheet{animation:none}@keyframes gu-rise{0%{transform:translateY(100%)}}@media (hover:hover) and (pointer:fine){.gu-plat:hover .gu-plat-dev .gu-sheet{animation:.6s cubic-bezier(.16,1,.3,1) both gu-rise}}.gu .bz-open-layer{padding:12px}.gu .bz-open-panel{width:100%;height:calc(100svh - 24px);max-height:none}.gu .bz-open-scroll{flex:1;align-items:center;padding:clamp(28px,4vw,64px);display:grid}.gu-pp{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.gu-pp-dev{background:var(--card);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:min(62svh,560px);padding:32px;display:flex}.gu-pp-dev .gu-code{margin-bottom:24px}.gu-pp-ios .gu-dev,.gu-pp-android .gu-dev{width:min(260px,100%)}.gu-pp-web .gu-dev,.gu-pp-desk .gu-dev{width:100%}.gu-pp-copy{flex-direction:column;gap:16px;padding-right:32px;display:flex}.gu-pp-copy .bz-headline{letter-spacing:-.03em;font-size:52px;font-weight:497;line-height:1.04}.gu-pp-s{color:var(--soft);margin:0;font-size:16px}.gu-ship{padding-top:clamp(72px,8vw,116px);padding-bottom:clamp(44px,5vw,72px)}.gu-get{padding-top:clamp(44px,5vw,72px);padding-bottom:0}.gu-get .bz-grid{align-items:start}.gu-stars{color:var(--faint)!important;font-size:12px!important}.gu-get-main{flex-direction:column;grid-column:1/span 5;align-items:flex-start;gap:18px;display:flex}.gu-chips{flex-wrap:wrap;gap:10px;display:flex}.gu-chip{border:1px solid var(--line);height:44px;font:497 14px/1 var(--mono);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:0 16px;text-decoration:none;transition:border-color .15s,transform 90ms;display:inline-flex}.gu-chip span{color:var(--faint)}.gu-chip em{border-left:1px solid var(--line);color:var(--soft);margin-left:4px;padding-left:10px;font-style:normal}@media (hover:hover){a.gu-chip:hover{border-color:var(--lightningcss-light,#0000004d)var(--lightningcss-dark,var(--border-selected))}}a.gu-chip:active{transform:scale(.97)}.gu-paste{grid-column:7/span 6;grid-template-columns:1fr!important;gap:22px!important}.gu-paste .cf-paste-t{font-size:21px}.gu-end-main{flex-direction:column;align-items:flex-start;gap:28px;display:flex}.gu-end-main .bz-display{max-width:15ch}.gu-end-main .bz-acts{margin-top:12px}.gu-end{padding-bottom:clamp(72px,7vw,116px)}.gu-end-acts{flex-wrap:wrap;align-items:center;gap:10px 28px}.gu-row{min-height:44px;font:497 16px/1.2 var(--sans);color:var(--ink);text-underline-offset:3px;align-items:center;gap:8px;padding:0 2px;text-decoration:underline;text-decoration-thickness:1px;transition:text-underline-offset .15s cubic-bezier(0,0,.2,1);display:inline-flex}.gu-row svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.gu-row:hover{text-underline-offset:5px}.gu-row:hover svg{transform:translate(4px)}}.gu-row:active{transform:translateY(1px)}@media (max-width:900px){.gu-hero{padding:28px 0 0}.gu-top{gap:12px}.gu-stage{margin-top:28px}.gu-code{border-radius:24px;margin-bottom:18px;padding:5px 5px 5px 16px}.gu-code p{gap:2px 10px;font-size:14px}.gu-hero-four{grid-template-columns:1fr 1fr;grid-template-areas:none;gap:14px;max-width:none}.gu-fig figcaption{margin-top:10px}.gu-fig figcaption b{font-size:16px}.gu-sb,.gu-wt{font-size:14px}.gu-wt{padding-right:0}.gu-bar{gap:8px;height:28px;padding:0 9px}.gu-lights i{width:8px;height:8px}.gu-web .gu-scr,.gu-desk .gu-scr{aspect-ratio:4/3.2;padding:3cqw}.gu-w{--k:.6;gap:7px}.gu-t{font-size:16px}.gu-b{height:30px;padding:0 11px;font-size:14px}.gu-tag,.gu-w.parts:after,.gu-w.parts [data-part]:after{font-size:14px}.gu-w.parts [data-part]:after{display:none}.gu-hero{padding-bottom:44px}.gu-four:before{left:18%;right:18%}.gu-cmp{--h:380px}.gu-cmp-a pre{padding:24px 20px;font-size:13px}.gu-cmp-dev{padding:20px 0 56px}.gu-cmp-dev[data-k=web] .gu-dev,.gu-cmp-dev[data-k=desk] .gu-dev{width:min(150px,42vw)}.gu-cmp-dev[data-k=web] .gu-bar,.gu-cmp-dev[data-k=desk] .gu-bar{height:20px;padding:0 7px}.gu-cmp-dev .gu-wt{font-size:11px}.gu-cmp-dev .gu-lights i{width:6px;height:6px}.gu-cmp-plat{bottom:12px;right:12px}.gu-cmp-plat span:not(.on){display:none}.gu-ch{grid-template-columns:minmax(0,1fr);grid-template-areas:"t""n""obj""body";row-gap:8px;padding:28px 0}.gu-ch-copy{display:contents}.gu-ch-t{grid-area:t;font-size:21px}.gu-ch-n{grid-area:n}.gu-ch-copy .bz-body{grid-area:body;margin-top:8px}.gu-ch-obj{grid-area:obj;min-height:180px;margin-top:8px;padding:20px}.gu-ch-targets b{font-size:16px}.gu-ch-flat{padding:18px}.gu-ch-flat .gu-flat{font-size:14px}.gu-ch-parts{gap:24px;padding-top:30px}.gu-ch-parts .gu-w.parts [data-part]:after{display:block}.gu-plat-dev{height:220px}.gu-api-top{flex-direction:column;align-items:stretch;gap:20px;margin-bottom:40px;display:flex}.gu-ed{border-radius:24px;grid-column:1/-1;padding:18px}.gu-prop{grid-template-columns:minmax(0,1fr);padding:12px 0}.gu-opts{flex-wrap:wrap}.gu-prop input{max-width:none;height:44px}.gu-opts button{height:44px}.gu-api-one{grid-column:1/-1;margin-top:32px}.gu-api-one .gu-t{font-size:21px}.gu-api-one .gu-scr{aspect-ratio:4/3}.gu-ship-copy,.gu-ship-code{grid-column:1/-1}.gu-ship-code{margin-top:32px}.gu-plats{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -16px;padding:0 16px 6px;display:flex;overflow-x:auto}.gu-plats::-webkit-scrollbar{display:none}.gu-plats>li{scroll-snap-align:start;flex:0 0 74%;scroll-margin-left:16px}.gu-plat{gap:16px;min-height:340px;padding:20px}.gu-plat-ios .gu-plat-dev .gu-dev,.gu-plat-android .gu-plat-dev .gu-dev{width:100px}.gu-plat-t{padding-right:40px}.gu-plat-t b{font-size:17px}.gu-plat-t span,.gu-plat-dev .gu-b{font-size:14px}.gu .bz-open-layer{padding:0}.gu .bz-open-panel{height:auto;max-height:calc(100svh - var(--gu-top,60px) - 8px)}.gu .bz-open-scroll{padding:64px 20px 32px}.gu-pp{grid-template-columns:minmax(0,1fr);gap:24px}.gu-pp-dev{min-height:0;padding:20px}.gu-pp-copy{padding-right:0}.gu-pp-copy .bz-headline{font-size:32px}.gu-get-main,.gu-paste{grid-column:1/-1}.gu-paste{margin-top:56px}.gu .cf-paste-k,.gu .x-copy-t,.gu .cf-code-k,.gu .cf-code pre{font-size:14px}.gu .x-arrow{min-height:44px}.gu .cf-code pre{scrollbar-width:thin;scrollbar-color:var(--lightningcss-light,#0000004d)var(--lightningcss-dark,var(--border-selected)) transparent;padding-right:40px;-webkit-mask-image:linear-gradient(90deg,#000 82%,#0000);mask-image:linear-gradient(90deg,#000 82%,#0000)}}@media (prefers-reduced-motion:reduce){.gu-tag{animation:none}}.gu .cf-code .s{color:var(--lightningcss-light,#404040)var(--lightningcss-dark,var(--muted-foreground))}.gu .cf-code .k{color:var(--ink);font-weight:606}.gu .cf-code.light .cf-mark,.gu .cf-mark{background-image:linear-gradient(var(--lightningcss-light,#0000001a)var(--lightningcss-dark,var(--border-control)), var(--lightningcss-light,#0000001a)var(--lightningcss-dark,var(--border-control)))}.gu-b{cursor:pointer;transition:scale .15s cubic-bezier(0,0,.2,1);position:relative}.gu-b:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:#fff;transition:opacity .15s cubic-bezier(0,0,.2,1);position:absolute;inset:0}@media (hover:hover){.gu-b:hover:before{opacity:.1}}.gu-b:active{transition-duration:90ms;scale:.97}.gu-b:active:before{opacity:.14}.gu-b-solid{background:var(--ink);color:var(--x-on-ink);border-radius:8px}.gu-ios .gu-scr,.gu-android .gu-scr{padding:4cqw}.gu-ios .gu-w,.gu-android .gu-w{max-width:100%;padding:calc(var(--pad) * .36cqw);gap:4cqw}.gu-ios .gu-t,.gu-android .gu-t{font-size:9.5cqw}.gu-ios .gu-b,.gu-android .gu-b{height:17cqw;padding:0 6.5cqw;font-size:8cqw}.gu-s{flex-direction:column;display:flex;position:absolute;inset:0}.gu-s-ios{background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--background));justify-content:flex-end;padding-top:22cqw}.gu-s-bars{flex-direction:column;gap:4cqw;margin-bottom:auto;padding:0 8cqw;display:flex}.gu-s-bars i{background:var(--lightningcss-light,#e4e4e7)var(--lightningcss-dark,var(--secondary));border-radius:2cqw;height:4cqw;display:block}.gu-s-bars i:nth-child(2){width:70%}.gu-s-bars i:nth-child(3){width:45%}.gu-sheet{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--muted));box-shadow:0 -1px 0 var(--line);border-radius:12cqw 12cqw 0 0;flex-direction:column;align-items:center;gap:4cqw;padding:4cqw 4cqw 10cqw;animation:4.8s cubic-bezier(.16,1,.3,1) infinite gu-sheet;display:flex}.gu-sheet-h{background:var(--lightningcss-light,#d4d4d4)var(--lightningcss-dark,var(--secondary));border-radius:2cqw;width:18cqw;height:2.4cqw}.gu-sheet .gu-w{border:0;padding:2cqw}@keyframes gu-sheet{0%,8%{transform:translateY(100%)}22%,86%{transform:none}to{transform:translateY(100%)}}.gu-s-list{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--background));padding:18cqw 0 0}.gu-li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:15cqw;padding:0 8cqw;font-size:8.5cqw;display:flex}.gu-li b{font-weight:497}.gu-li i{border-top:1.5px solid #737373;border-right:1.5px solid #737373;width:4cqw;height:4cqw;rotate:45deg}.gu-li.on{background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--muted))}.gu-li.on b{font-weight:606}.gu-s-form{justify-content:center;align-items:flex-start;gap:3.2cqw;padding:0 22cqw;position:absolute;inset:0}.gu-field{border:1px solid var(--lightningcss-light,#00000024)var(--lightningcss-dark,var(--border-control));background:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--muted));border-radius:1.6cqw;align-items:center;width:100%;height:9cqw;padding:0 2.4cqw;display:flex}.gu-field i{background:var(--ink);width:1px;height:55%;animation:1s step-end infinite gu-caret}.gu-field.short{width:64%}@keyframes gu-caret{50%{opacity:0}}.gu-s-form .gu-b{margin-top:1.6cqw}.gu-s-split{background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--background));flex-direction:row}.gu-side{border-right:1px solid var(--line);background:var(--lightningcss-light,#ededed)var(--lightningcss-dark,var(--muted));flex-direction:column;gap:1.2cqw;width:30%;padding:4cqw 3cqw;display:flex}.gu-side b{font:497 clamp(10px, 3.6cqw, 13px)/1.3 var(--mono);color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground));border-radius:1.4cqw;padding:.8cqw 1.8cqw}.gu-side b.on{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--secondary));color:var(--ink)}.gu-main{flex:1;place-items:center;display:grid}.gu-plat-dev .gu-s-form .gu-t,.gu-plat-dev .gu-s-split .gu-t,.gu-plat-dev .gu-li{font-size:13px}.gu-plat-dev{will-change:transform;transition:transform .4s cubic-bezier(.16,1,.3,1)}.gu-field:after{content:"";background:#a3a3a3;border-radius:1px;width:0;height:30%;margin-left:2px;transition:width .4s cubic-bezier(.16,1,.3,1);display:block}.gu-s-form.wake .gu-field:after{width:52%}.gu-s-form.wake .gu-field.short:after{width:70%;transition-delay:.12s}.gu-li{transition:background-color .3s cubic-bezier(0,0,.2,1)}.gu-ship .gu-plat>:not(.bz-open-plus){transition:opacity .25s cubic-bezier(0,0,.2,1)}.gu-ship.gu-morph .gu-plat:is([style*=scale],[style*=translate],[style*="opacity: 0"])>:not(.bz-open-plus){opacity:0;transition-duration:80ms}.gu .x-btn.solid{--btn-solid-hover:#262626}.gu .x-btn.solid:active{translate:0 1px}.gu .cf-code .x-copy{height:44px;padding:0 16px;transition:background-color .15s cubic-bezier(0,0,.2,1),color .15s cubic-bezier(0,0,.2,1),scale 90ms}@media (hover:hover){.gu .cf-code .x-copy:hover{background:var(--ink);color:var(--x-on-ink);border-color:var(--ink)}}.gu .cf-code .x-copy:active{scale:.97}.gu .cf-code pre{white-space:pre;overflow-x:auto}.gu .cf-code pre code{white-space:pre}@media (hover:hover){.gu .gu-end-acts .gu-row:hover svg{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.gu-sheet,.gu-field i,.gu-flat,.gu-four[data-step="4"] .gu-b{animation:none!important}.gu-plat-dev,.gu-plat,.gu-pull,.gu-run-i,.gu-prims,.gu-four:before,.gu-run .gu-dev:before,.gu-fig figcaption,.gu-field:after{transition:none!important}.gu-run-t{animation:none!important}.gu-pull{translate:none!important}.gu-run-i>*,.gu-run-h,.gu-plat-sw>*{transition:none!important}.gu-plat-dev .gu-sheet{animation:none!important}}