@font-face{font-family:Hack;src:url(/_next/static/media/6bf97305f4e2fad4-s.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:Hack Fallback;src:local("Arial");ascent-override:70.35%;descent-override:17.87%;line-gap-override:0.00%;size-adjust:131.94%}.__className_435a7d{font-family:Hack,Hack Fallback,ui-monospace,monospace;font-weight:400;font-style:normal}.__variable_435a7d{--font-yof-mono:"Hack","Hack Fallback",ui-monospace,monospace}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9da48a48bf6500f8-s.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec7,u+10ec9-10eee,u+10ef?,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9efac92d680e57b6-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1323037a3e4ea9e8-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/17efc7caebbb6a73-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f022b1629605b85c-s.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec7,u+10ec9-10eee,u+10ef?,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/18d6d756b83deaa1-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/101eb3c626c8a0e0-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b729ad8c86c7d641-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4efb0298547fad0-s.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec7,u+10ec9-10eee,u+10ef?,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c3d28d0a4af5320e-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b096b166d47a2e73-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/79d9077e4fd7eddc-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Arabic Fallback;src:local("Arial");ascent-override:107.25%;descent-override:41.02%;line-gap-override:0.00%;size-adjust:101.17%}.__className_3ab197{font-family:IBM Plex Sans Arabic,IBM Plex Sans Arabic Fallback;font-style:normal}.__variable_3ab197{--font-yof-ar:"IBM Plex Sans Arabic","IBM Plex Sans Arabic Fallback"}.yof{--ink-0:var(--yof-ink-0);--ink-1:var(--yof-ink-1);--ink-2:var(--yof-ink-2);--ink-3:var(--yof-ink-3);--ink-4:var(--yof-ink-4);--ink-5:var(--yof-ink-5);--fog:var(--yof-fog);--fog-2:var(--yof-fog-2);--fog-3:var(--yof-fog-3);--green:var(--yof-green);--yof-mono-stack:var(--font-yof-mono),var(--font-mono),var(--font-mono-ext),ui-monospace,monospace;--red:color-mix(in srgb,var(--status-error) 82%,var(--yof-fog));--amber:color-mix(in srgb,var(--status-warn) 88%,var(--yof-fog));--surface-page:var(--ink-0);--surface-card:var(--ink-1);--surface-card-2:var(--ink-2);--surface-input:var(--ink-1);--surface-hover:var(--ink-2);--surface-selected:var(--ink-3);--border-soft:var(--ink-3);--border-strong:var(--ink-4);--text-primary:var(--fog);--text-secondary:var(--fog-2);--text-muted:var(--fog-2);--text-faint:var(--fog-3);--yof-mark:var(--fog);--status-ok-text:var(--green);--status-error-text:var(--red);--status-warn-text:var(--amber);background:var(--ink-0);color:var(--fog);font-family:var(--font-geist),var(--font-geist-ext),var(--font-yof-ar),ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.35;-webkit-font-smoothing:antialiased;color-scheme:dark;min-height:100vh}.yof *,.yof :after,.yof :before{box-sizing:border-box}.yof :where(a){color:inherit;text-decoration:none}.yof :focus-visible{outline:2px solid var(--green);outline-offset:2px}.yx-mono{font-family:var(--yof-mono-stack)}.yx-wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:24px}@media (min-width:1024px){.yx-wrap{padding-inline:48px}}@media (min-width:1280px){.yx-wrap{padding-inline:120px}}.yx-label{margin:0 0 16px;font-family:var(--yof-mono-stack);font-size:12px;line-height:18px;letter-spacing:-.02em;text-transform:uppercase;color:var(--green)}.yx-h1{font-size:40px;line-height:44px;letter-spacing:-.03em}.yx-h1,.yx-h2{margin:0;font-weight:500;color:var(--fog)}.yx-h2{font-size:24px;line-height:32px;letter-spacing:-.02em}.yx-lead{font-size:18px;letter-spacing:-.05em;color:var(--fog)}.yx-body,.yx-lead{margin:0;line-height:26px}.yx-body{font-size:16px;color:var(--fog-2);max-width:48rem}@media (min-width:768px){.yx-h1{font-size:64px;line-height:68px}.yx-h2{font-size:32px;line-height:40px}.yx-body,.yx-lead{font-size:20px;line-height:28px}}[dir=rtl] .yx-h1,[dir=rtl] .yx-h2,[dir=rtl] .yx-lead{letter-spacing:0}.yx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;white-space:nowrap;font-size:16px;line-height:1;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.yx-btn-primary{background:var(--fog);color:var(--ink-0);border:1px solid var(--fog);border-radius:4px;font-weight:500}.yx-btn-primary:hover{background:color-mix(in srgb,var(--fog) 86%,var(--ink-0))}.yx-btn-secondary{background:var(--ink-1);color:var(--fog);border:1px solid var(--ink-4);border-radius:6px;font-weight:600}.yx-btn-secondary:hover{background:var(--ink-2);border-color:var(--ink-5)}.yx-btn:disabled,.yx-btn[aria-disabled=true]{cursor:not-allowed;opacity:.55}.yx-arrow{width:16px;height:16px;flex:none;transition:transform .2s ease}.yx-btn:hover .yx-arrow{transform:translateX(2px)}[dir=rtl] .yx-arrow{transform:scaleX(-1)}[dir=rtl] .yx-btn:hover .yx-arrow{transform:scaleX(-1) translateX(2px)}.yx-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border:1px solid var(--ink-4);border-radius:999px;font-size:12px;color:var(--fog-2);white-space:nowrap}.yx-pill-dot{width:6px;height:6px;border-radius:999px;background:var(--green)}.yx-input{height:36px;min-width:0;padding:0 12px;border:1px solid var(--ink-4);border-radius:6px;background:var(--ink-1);color:var(--fog);font:inherit;font-size:15px;outline:none}.yx-input::-moz-placeholder{color:var(--fog-3)}.yx-input::placeholder{color:var(--fog-3)}.yx-input:focus,.yx-input:hover{border-color:var(--ink-5)}.yx-input:disabled{cursor:not-allowed;opacity:.6}.yx-announce{background:color-mix(in srgb,var(--green) 16%,var(--ink-0));font-size:14px;line-height:21px;color:var(--fog)}.yx-announce-in{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 24px;padding-block:13px;text-align:center}.yx-announce a{color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:3px}.yx-nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--ink-0) 88%,transparent);backdrop-filter:blur(14px)}.yx-nav-in{display:flex;align-items:center;gap:24px;height:52px}@media (min-width:768px){.yx-nav-in{height:84px}}.yx-nav-logo svg{display:block;height:26px;width:auto}.yx-nav-links{display:none;flex:1;justify-content:center;gap:24px}.yx-nav-links a{font-size:16px;font-weight:500;color:var(--fog-2);transition:color .15s ease}.yx-nav-links a:hover{color:var(--fog)}.yx-nav-end{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.yx-nav-by,.yx-nav-join{display:none}@media (min-width:640px){.yx-nav-join{display:inline-flex}}.yx-nav-burger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;background:none;color:var(--fog);cursor:pointer}@media (min-width:1024px){.yx-nav-links{display:flex}.yx-nav-end{margin-inline-start:0}.yx-nav-by{display:inline-flex}.yx-nav-burger{display:none}}.yx-sheet{border-top:1px solid var(--ink-2);background:var(--ink-0);padding:12px 24px 24px}.yx-sheet a{display:block;padding:12px 0;font-size:18px;color:var(--fog);border-bottom:1px solid var(--ink-2)}.yx-sheet .yx-btn{margin-top:16px;width:100%}@media (min-width:1024px){.yx-sheet{display:none}}.yx-hero{padding-top:64px}@media (min-width:768px){.yx-hero{padding-top:120px}}.yx-hero-grid{display:grid;gap:32px;align-items:start}@media (min-width:1024px){.yx-hero-grid{grid-template-columns:minmax(0,1fr) 380px;gap:48px}.yx-hero-side{padding-top:30px}}.yx-flip{display:inline-grid;vertical-align:baseline;white-space:nowrap;--flip-add:color-mix(in srgb,var(--green) 88%,var(--fog));--flip-del:color-mix(in srgb,var(--red) 92%,var(--fog))}.yx-flip-item{grid-area:1/1;display:inline-flex}.yx-flip-c{display:inline-grid;position:relative;overflow:clip;white-space:pre}.yx-flip-m{grid-area:1/1;position:relative}.yx-flip-item[data-state=in] .yx-flip-m{animation:yof-flip-in 316ms cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d)}.yx-flip-item[data-state=out] .yx-flip-m{animation:yof-flip-out 316ms cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d)}.yx-flip-item[data-state=in] .yx-flip-m:after{content:attr(data-c);position:absolute;inset:0;color:var(--flip-add);opacity:0;animation:yof-flip-tint 316ms linear both;animation-delay:var(--d)}.yx-flip-c[data-accent=del] .yx-flip-m:after{color:var(--flip-del)}@keyframes yof-flip-in{0%{transform:translate3d(0,var(--in),0)}to{transform:none}}@keyframes yof-flip-out{0%{transform:none}99.9%{opacity:1;transform:translate3d(0,var(--out),0)}to{opacity:0;transform:translate3d(0,var(--out),0)}}@keyframes yof-flip-tint{0%,37.6%{opacity:1}37.7%{opacity:1;animation-timing-function:ease-out}to{opacity:0}}.yx-live{margin-top:24px}.yx-live-row{display:flex;gap:8px;margin-top:10px}.yx-live-row .yx-input{flex:1}.yx-live-note{margin:10px 0 0;font-size:13px;line-height:19px;color:var(--fog-3)}.yx-acc-sec{position:relative;margin-top:64px}@media (min-width:768px){.yx-acc-sec{margin-top:112px}}.yx-acc-band{position:absolute;inset-inline:0;top:52px;bottom:0;background:var(--yof-band)}.yx-acc-sec>.yx-wrap{position:relative;padding-bottom:40px}.yx-acc{display:none;height:496px}@media (min-width:900px){.yx-acc{display:flex}.yx-acc-m{display:none}}.yx-col{position:relative;flex:0 0 184px;min-width:0;overflow:hidden;background:var(--ink-0);border:1px solid var(--ink-2);border-inline-start-width:0;cursor:pointer;transition:flex-grow .7s cubic-bezier(.3,.7,.2,1)}.yx-col:first-child{border-inline-start-width:1px;border-start-start-radius:6px;border-end-start-radius:6px}.yx-col:last-child{border-start-end-radius:6px;border-end-end-radius:6px}.yx-col[data-on]{flex-grow:1;cursor:default}.yx-col-head{display:flex;align-items:center;gap:8px;width:100%;height:53px;padding:0 16px;padding-inline-start:44px;border:0;border-bottom:1px solid var(--ink-2);background:none;color:var(--fog-3);font:inherit;font-size:15px;text-align:start;white-space:nowrap;cursor:inherit}.yx-col-num{font-family:var(--yof-mono-stack);font-size:14px;color:var(--fog-3)}.yx-col-name{font-weight:600;transition:color .3s ease}.yx-col-name,.yx-col-rest{overflow:hidden;text-overflow:ellipsis}.yx-col-rest{color:var(--fog-2);opacity:0;transition:opacity .3s ease}.yx-col[data-on] .yx-col-name{color:var(--fog)}.yx-col[data-on] .yx-col-num{color:var(--fog-2)}.yx-col[data-on] .yx-col-rest{opacity:1;transition-delay:.25s}.yx-col:not([data-on]) .yx-col-rest{display:none}.yx-col-prog{position:absolute;inset-inline:0;top:0;height:2px;overflow:hidden}.yx-prog{position:absolute;inset:0;background:var(--green);transform-origin:left center;animation-name:yof-progress;animation-timing-function:linear;animation-fill-mode:both}[dir=rtl] .yx-prog{transform-origin:right center}@keyframes yof-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.yx-col-vis{position:absolute;top:97px;inset-inline-start:44px;width:1076px;bottom:0;opacity:.42;transition:opacity .5s ease}.yx-col[data-on] .yx-col-vis{opacity:1}.yx-col:not([data-on]):hover .yx-col-vis{opacity:.62}.yx-acc-ctrl{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.yx-acc-note{margin:0;font-size:13px;color:var(--fog-3)}.yx-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--ink-3);border-radius:6px;background:var(--ink-1);color:var(--fog-2);cursor:pointer}.yx-icon-btn:hover{color:var(--fog);border-color:var(--ink-4)}.yx-acc-m-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.yx-acc-m-tab{position:relative;flex:none;display:inline-flex;gap:6px;align-items:center;height:36px;padding:0 12px;overflow:hidden;border:1px solid var(--ink-3);border-radius:6px;background:var(--ink-0);color:var(--fog-3);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.yx-acc-m-tab[aria-selected=true]{color:var(--fog);border-color:var(--ink-4);background:var(--ink-1)}.yx-acc-m-tab .yx-col-prog{top:auto;bottom:0}.yx-acc-m-vis{position:relative;height:380px;margin-top:12px;overflow:hidden;border:1px solid var(--ink-2);border-radius:6px;background:var(--ink-0)}.yx-acc-m-vis>div{position:absolute;top:16px;inset-inline-start:16px;width:900px;bottom:0}.yx-chaos{position:relative;overflow:hidden;padding-block:56px}@media (min-width:768px){.yx-chaos{padding-block:80px}}.yx-chaos-svg{position:absolute;inset-inline:0;top:50%;width:100%;height:420px;transform:translateY(-50%);pointer-events:none}[dir=rtl] .yx-chaos-svg{transform:translateY(-50%) scaleX(-1)}.yx-chaos-text{position:relative}@media (min-width:900px){.yx-chaos-text{margin-inline-start:50%}}.yx-chaos-gap{height:120px}@media (min-width:768px){.yx-chaos-gap{height:96px}}.yx-l{fill:none;stroke-width:1;stroke-linecap:round}.yx-l-0{stroke:color-mix(in srgb,var(--green) 55%,transparent)}.yx-l-1{stroke:color-mix(in srgb,var(--yof-frame-teal) 30%,var(--green) 30%);stroke-opacity:.6}.yx-l-2{stroke:color-mix(in srgb,var(--amber) 45%,transparent)}.yx-l-3{stroke:color-mix(in srgb,var(--red) 40%,transparent)}.yx-l-4{stroke:color-mix(in srgb,var(--fog) 22%,transparent)}.yx-l-base{opacity:.32}.yx-l-pulse{stroke-width:1.4;stroke-dasharray:.08 .92;stroke-dashoffset:1;animation:yof-pulse 5.5s linear infinite;animation-delay:calc(var(--i, 0) * -.31s)}@keyframes yof-pulse{to{stroke-dashoffset:0}}.yx-l-one{fill:none;stroke:var(--green);stroke-width:1.2;opacity:.55}.yx-ch{padding-block:48px;scroll-margin-top:96px}@media (min-width:768px){.yx-ch{padding-block:64px}}.yx-ch-body{margin-top:24px}.yx-ch-grid{display:grid;gap:32px;margin-top:40px}@media (min-width:900px){.yx-ch-grid{grid-template-columns:minmax(0,5fr) minmax(15rem,2fr);gap:0 36px}}.yx-ch-media{min-width:0;display:flex;flex-direction:column}@media (max-width:899px){.yx-ch-media{margin-inline-end:-24px}}.yx-frame{position:relative;isolation:isolate;flex:1;min-height:440px;overflow:hidden;border-radius:6px 6px 0 0}@media (max-width:899px){.yx-frame{border-start-end-radius:0}}.yx-frame-bg{position:absolute;inset:0;z-index:-1}.yx-frame-bg:after{content:"";position:absolute;inset:0;opacity:.32;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.yx-frame-navy{background:radial-gradient(120% 90% at 0 0,color-mix(in srgb,var(--yof-frame-navy) 100%,var(--fog) 8%),var(--yof-frame-navy) 45%,color-mix(in srgb,var(--yof-frame-navy) 60%,var(--ink-0)) 100%)}.yx-frame-teal{background:radial-gradient(120% 90% at 100% 0,color-mix(in srgb,var(--yof-frame-teal) 88%,var(--fog) 12%),var(--yof-frame-teal) 50%,color-mix(in srgb,var(--yof-frame-teal) 55%,var(--ink-0)) 100%)}.yx-frame-green{background:radial-gradient(120% 90% at 0 100%,color-mix(in srgb,var(--yof-frame-green) 85%,var(--green) 15%),var(--yof-frame-green) 50%,color-mix(in srgb,var(--yof-frame-green) 55%,var(--ink-0)) 100%)}.yx-frame-dusk{background:linear-gradient(135deg,var(--yof-frame-navy),var(--yof-frame-teal) 70%,color-mix(in srgb,var(--yof-frame-green) 70%,var(--ink-0)))}.yx-frame-in{position:absolute;inset:40px 0 0 16px}@media (min-width:900px){.yx-frame-in{inset:40px 40px 0 40px}}.yx-frame-tag{position:absolute;top:12px;inset-inline-end:14px;z-index:2;padding:3px 8px;border-radius:4px;background:color-mix(in srgb,var(--ink-0) 70%,transparent);font-size:11px;line-height:16px;color:var(--fog-2)}@media (min-width:900px){.yx-frame-tag{top:11px;inset-inline-end:40px}}.yx-strip{display:flex;gap:2px;height:3px}.yx-strip>span{position:relative;flex:1;overflow:hidden;background:var(--ink-3)}.yx-strip>span[data-done]{background:color-mix(in srgb,var(--green) 45%,var(--ink-3))}.yx-strip>span>i{position:absolute;inset:0;background:var(--green);transform-origin:left center;animation:yof-progress linear both}[dir=rtl] .yx-strip>span>i{transform-origin:right center}.yx-feats{display:flex;flex-direction:column;gap:24px;margin:0;padding:16px 0 0;list-style:none}@media (min-width:900px){.yx-feats{gap:32px}}.yx-feat{display:block;width:calc(100% + 16px);margin:-8px;padding:8px;border:0;border-radius:6px;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background-color .15s ease}.yx-feat:hover{background:var(--ink-1)}.yx-feat-t{line-height:24px;font-weight:600;-webkit-text-decoration:underline dotted 1px;text-decoration:underline dotted 1px;text-decoration-color:var(--ink-5);text-underline-offset:4px;transition:color .2s ease}.yx-feat-d,.yx-feat-t{display:block;font-size:16px;color:var(--fog-2)}.yx-feat-d{margin-top:4px;line-height:22px}.yx-feat[aria-pressed=true] .yx-feat-t{color:var(--fog);text-decoration:none}.yx-ch-cta{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.yx-ctx{display:grid;margin-top:48px;border:1px solid color-mix(in srgb,white 15%,transparent);border-radius:6px;overflow:hidden}@media (min-width:900px){.yx-ctx{grid-template-columns:300px minmax(0,1fr);height:610px}}.yx-ctx-side{position:relative;border-bottom:1px solid var(--ink-3)}@media (min-width:900px){.yx-ctx-side{border-bottom:0;border-inline-end:1px solid color-mix(in srgb,white 15%,transparent)}}.yx-ctx-rail{position:absolute;top:0;inset-inline-end:-2.5px;width:4px;background:var(--green);z-index:1;transition:height .6s cubic-bezier(.3,.7,.2,1)}@media (max-width:899px){.yx-ctx-rail{inset-inline-end:auto;inset-inline-start:0}}.yx-ctx-list{margin:0;padding:20px 24px;list-style:none;display:grid;gap:4px}@media (min-width:900px){.yx-ctx-list{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:36px 30px;gap:0}}.yx-ctx-item{position:relative;display:block;width:100%;padding:6px 0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.yx-ctx-name{display:block;font-size:16px;line-height:24px;font-weight:600;color:color-mix(in srgb,var(--fog) 46%,var(--ink-0));transition:color .25s ease}.yx-ctx-item:hover .yx-ctx-name{color:color-mix(in srgb,var(--fog) 70%,var(--ink-0))}.yx-ctx-item[aria-pressed=true] .yx-ctx-name{color:var(--fog)}.yx-ctx-desc{display:grid;grid-template-rows:0fr;margin-top:0;font-size:16px;line-height:21.6px;color:var(--fog-2);transition:grid-template-rows .45s ease,margin .45s ease}.yx-ctx-desc>span{overflow:hidden}.yx-ctx-item[aria-pressed=true] .yx-ctx-desc{grid-template-rows:1fr;margin-top:8px}.yx-ctx-stage{position:relative;min-width:0;aspect-ratio:900/560;overflow:hidden}@media (min-width:900px){.yx-ctx-stage{aspect-ratio:auto;height:100%}}.yx-ctx-stage svg{position:absolute;inset:0;width:100%;height:100%}.yx-node{fill:var(--ink-0);stroke:color-mix(in srgb,var(--fog) 26%,var(--ink-0));stroke-width:1.2}.yx-edge{stroke:color-mix(in srgb,var(--fog) 18%,var(--ink-0));stroke-width:1}.yx-node-twinkle{animation:yof-twinkle 4s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.17s)}@keyframes yof-twinkle{0%,to{stroke:color-mix(in srgb,var(--fog) 26%,var(--ink-0))}50%{stroke:color-mix(in srgb,var(--green) 70%,var(--ink-0))}}.yx-ring{fill:none}.yx-ring-green{stroke:var(--green);stroke-width:2;stroke-dasharray:10 6}.yx-ring-blue{stroke:var(--yof-ring-blue);stroke-width:1.5;stroke-dasharray:5 5}.yx-spoke{stroke:color-mix(in srgb,var(--fog) 72%,var(--ink-0));stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;animation:yof-draw .9s cubic-bezier(.3,.7,.2,1) forwards;animation-delay:calc(var(--i, 0) * 90ms)}@keyframes yof-draw{to{stroke-dashoffset:0}}.yx-tip{fill:var(--ink-0);stroke:color-mix(in srgb,var(--fog) 82%,var(--ink-0));stroke-width:2;opacity:0;animation:yof-fade .4s ease forwards;animation-delay:calc(var(--i, 0) * 90ms + .5s)}.yx-tip-hub{opacity:1;animation:none}@keyframes yof-fade{to{opacity:1}}.yx-ctx-boxes{position:absolute;inset:0;pointer-events:none;z-index:0}.yx-ctx-stage svg{z-index:1}.yx-ctx-box{position:absolute;display:flex;align-items:center;padding-inline:3.2% 1.4%;border:1.5px solid var(--green);border-radius:3px;background:var(--ink-0);color:var(--green);font-size:clamp(11px,1.05vw,15px);line-height:1;white-space:nowrap;opacity:0;animation:yof-box-in .38s cubic-bezier(.3,.7,.2,1) forwards;animation-delay:calc(var(--i, 0) * 60ms + .25s)}.yx-ctx-box>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.yx-ctx-box{border-inline-start-color:transparent;border-start-start-radius:0;border-end-start-radius:0}.yx-ctx-box[data-first]{border-inline-start-color:var(--green);background:var(--green);color:var(--ink-0);font-weight:500}@keyframes yof-box-in{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}[dir=rtl] .yx-ctx-box{animation-name:yof-box-in-rtl}@keyframes yof-box-in-rtl{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}.yx-ctx-phone{display:none}@media (max-width:599px){.yx-ctx-boxes{display:none}.yx-ctx-phone{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0 16px 16px;list-style:none}.yx-ctx-phone li{padding:4px 10px;border:1.5px solid var(--green);border-radius:3px;color:var(--green);font-size:13px}.yx-ctx-phone li[data-first]{background:var(--green);color:var(--ink-0)}}.yx-ctx-stage[data-paused] .yx-node-twinkle{animation-play-state:paused}.yx-dev-head{display:grid;gap:24px;align-items:center}@media (min-width:900px){.yx-dev-head{grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr);gap:40px}}.yx-dog{margin:0;font-size:13px;line-height:1.2;color:var(--green)}.yx-tail{position:relative;display:inline-block}.yx-tail-b{position:absolute;inset:0;opacity:0;animation:yof-wag-b 1.2s steps(1) infinite}.yx-tail-a{animation:yof-wag-a 1.2s steps(1) infinite}@keyframes yof-wag-a{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes yof-wag-b{0%,49%{opacity:0}50%,to{opacity:1}}.yx-eyes{position:relative;display:inline-block}.yx-eyes-shut{position:absolute;inset:0;opacity:0;animation:yof-blink 4.2s steps(1) infinite}.yx-eyes-open{animation:yof-blink-open 4.2s steps(1) infinite}@keyframes yof-blink{0%,92%{opacity:0}94%,97%{opacity:1}98%,to{opacity:0}}@keyframes yof-blink-open{0%,92%{opacity:1}94%,97%{opacity:0}98%,to{opacity:1}}.yx-dev-grid{display:grid;gap:16px;margin-top:40px;align-items:start}@media (min-width:900px){.yx-dev-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px}}.yx-dev-side{display:grid;gap:20px;min-width:0}.yx-dev-install{padding:16px}.yx-seg{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--ink-3);border-radius:8px;background:var(--ink-0);flex-wrap:wrap}.yx-seg button{height:30px;padding:0 12px;border:0;border-radius:5px;background:none;color:var(--fog-2);font:inherit;font-size:14px;cursor:pointer}.yx-seg button[aria-selected=true]{background:var(--ink-3);color:var(--fog)}.yx-dev-cmd{display:flex;align-items:center;gap:8px;margin-top:12px;padding:6px 6px 6px 12px;border:1px solid var(--ink-3);border-radius:6px;background:var(--ink-0)}.yx-dev-cmd code{flex:1;min-width:0;font-size:14px;color:var(--fog-3);overflow:hidden;white-space:nowrap}.yx-dev-cmd .yx-btn{height:32px;font-size:14px}.yx-dev-note{margin:10px 0 0;font-size:14px;line-height:20px;color:var(--fog-3)}.yx-rows{margin:0;padding:0;list-style:none;display:grid}.yx-rows>li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid var(--ink-2)}.yx-rows>li:first-child{border-top:0;padding-top:0}.yx-rows h3{margin:0;font-size:16px;line-height:22px;font-weight:600;letter-spacing:-.01em;color:var(--fog)}.yx-rows p{margin:3px 0 0;font-size:15px;line-height:21px;color:var(--fog-2)}.yx-row-ic{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:color-mix(in srgb,var(--green) 12%,var(--ink-1));color:var(--green)}.yx-row-ic svg{width:15px;height:15px}.yx-prom{display:grid;gap:28px}@media (min-width:900px){.yx-prom{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:48px}}.yx-rows-2{-moz-column-gap:40px;column-gap:40px}@media (min-width:700px){.yx-rows-2{grid-template-columns:repeat(2,minmax(0,1fr))}.yx-rows-2>li{padding:18px 0}.yx-rows-2>li:nth-child(-n+2){border-top:0;padding-top:0}}@media (max-width:699px){.yx-rows-2>li{padding:14px 0}}.yx-cta{position:relative;isolation:isolate;overflow:hidden;border-radius:6px}.yx-cta-in{display:grid;gap:24px;padding:32px 24px}@media (min-width:900px){.yx-cta-in{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:36px 40px}}.yx-cta-btns{display:flex;flex-wrap:wrap;gap:8px}.yx-foot{position:relative;margin-top:40px;padding-top:48px;border-top:1px solid var(--ink-2)}.yx-foot-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.yx-foot-top svg{display:block;height:30px;width:auto}.yx-select{height:32px;padding:0 10px;border:1px solid var(--ink-4);border-radius:4px;background:var(--ink-1);color:var(--fog-2);font:inherit;font-size:14px}.yx-foot-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;margin-top:32px}@media (min-width:900px){.yx-foot-cols{grid-template-columns:repeat(4,minmax(0,1fr))}}.yx-foot-cols h2{margin:0 0 12px;font-size:16px;line-height:24px;font-weight:600;color:var(--green);letter-spacing:-.02em}.yx-foot-cols ul{margin:0;padding:0;list-style:none}.yx-foot-cols li a,.yx-foot-cols li button{display:inline-block;padding:6px 0;font-size:16px;line-height:24px;color:var(--fog-2);background:none;border:0;font-family:inherit;cursor:pointer}.yx-foot-cols li a:hover,.yx-foot-cols li button:hover{color:var(--fog)}.yx-giant{margin-top:32px;max-height:64vw;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,black 30%,transparent);mask-image:linear-gradient(180deg,black 30%,transparent)}@media (min-width:900px){.yx-giant{max-height:250px}}.yx-giant{display:grid}.yx-giant svg{grid-area:1/1;display:block;width:100%;height:auto}.yx-giant .yx-giant-fill>path:first-child{stroke:none!important}.yx-giant .yx-giant-fill>circle,.yx-giant .yx-giant-fill>g>path{fill:var(--ink-0)!important;stroke:none!important}.yx-giant svg:first-child>circle,.yx-giant svg:first-child>g>path,.yx-giant svg:first-child>path{fill:none!important;stroke:color-mix(in srgb,var(--green) 55%,var(--ink-0))!important;stroke-width:2px!important;vector-effect:non-scaling-stroke}.yx-wl{display:grid;gap:16px;margin-top:8px;padding:24px;border:1px solid var(--ink-3);scroll-margin-top:110px}@media (min-width:900px){.yx-wl{grid-template-columns:220px minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:32px;padding:30px}}.yx-wl-title{margin:0;font-size:16px;line-height:24px;font-weight:600;color:var(--green)}.yx-wl-field{display:flex;gap:8px}.yx-wl-field .yx-input{flex:1;height:44px;font-size:16px}.yx-wl-field .yx-btn{height:44px}.yx-wl-note{margin:0;font-size:13px;line-height:18px;color:var(--fog-3)}.yx-wl-note a{text-decoration:underline;text-underline-offset:2px;color:var(--fog-2)}.yx-legal{align-items:center;justify-content:space-between;gap:12px 24px;padding-block:28px 40px;font-size:13px;color:var(--fog-3)}.yx-legal,.yx-legal nav{display:flex;flex-wrap:wrap}.yx-legal nav{gap:8px 20px}.yx-legal a:hover,.yx-legal button:hover{color:var(--fog)}.yx-legal button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.yof-term{font-family:var(--yof-mono-stack);--term-bg:color-mix(in srgb,var(--ink-0) 70%,black);--term-fg:var(--fog);--term-dim:var(--fog-3);--term-line:var(--ink-3);--term-ok:var(--green);--term-warn:var(--amber);--term-error:var(--red);min-width:0;max-width:100%;overflow:hidden;background:var(--term-bg);color:var(--term-fg);border:1px solid var(--term-line);border-radius:6px}.yof-term-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--term-line)}.yof-term-dot{width:9px;height:9px;border-radius:999px;background:var(--term-line)}.yof-term-body{padding:16px 14px 18px;font-size:12px;line-height:1.6;overflow-x:auto}@media (min-width:640px){.yof-term-body{padding:20px 22px 24px;font-size:13px}}.yof-term-line{white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.6em}.yof-term-box{white-space:pre}.yof-term .t-dim{color:var(--term-dim)}.yof-term .t-ok{color:var(--term-ok)}.yof-term .t-warn{color:var(--term-warn)}.yof-term .t-error{color:var(--term-error)}.yof-term .t-strong{font-weight:500}.yof-type{animation:yof-line-in .26s ease-out both;animation-delay:calc(var(--i, 0) * .17s + .25s)}@keyframes yof-line-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.yof-caret{display:inline-block;width:.6em;height:1.1em;vertical-align:text-bottom;background:var(--term-fg);animation:yof-caret 1.1s steps(1) infinite}@keyframes yof-caret{50%{opacity:0}}.ys{position:relative;height:100%;overflow:hidden;border:1px solid var(--ink-3);border-bottom:0;border-radius:6px 6px 0 0;background:var(--ink-0);color:var(--fog);font-family:var(--font-geist),var(--font-yof-ar),ui-sans-serif,system-ui,sans-serif;font-size:13px;line-height:1.45;text-align:start}.ys-mono{font-family:var(--yof-mono-stack)}.ys-bar{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-bottom:1px solid var(--ink-3);background:var(--ink-1);white-space:nowrap}.ys-dim{color:var(--fog-3)}.ys-chip,.ys-soft{color:var(--fog-2)}.ys-chip{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:999px;border:1px solid var(--ink-4);font-size:11px;line-height:1;white-space:nowrap}.ys-chip-red{color:var(--red);border-color:color-mix(in srgb,var(--red) 45%,var(--ink-0));background:color-mix(in srgb,var(--red) 12%,var(--ink-0))}.ys-chip-amber{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 45%,var(--ink-0));background:color-mix(in srgb,var(--amber) 10%,var(--ink-0))}.ys-chip-green{color:var(--green);border-color:color-mix(in srgb,var(--green) 45%,var(--ink-0));background:color-mix(in srgb,var(--green) 10%,var(--ink-0))}.ys-dot{width:6px;height:6px;border-radius:999px;background:currentColor;flex:none}.ys-btn{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border:1px solid var(--ink-4);border-radius:5px;background:var(--ink-1);color:var(--fog);font-size:12px;white-space:nowrap}.ys-btn-light{background:var(--fog);color:var(--ink-0);border-color:var(--fog);font-weight:500}.ys-av{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:6px}.ys-av-yof{background:color-mix(in srgb,var(--green) 18%,var(--ink-1));border:1px solid color-mix(in srgb,var(--green) 40%,var(--ink-1))}.ys-av-yof svg{width:24px;height:auto}.ys-av-ai{background:var(--fog);color:var(--ink-0);font-weight:700;font-size:11px}.ys-av-sm{width:18px;height:18px;border-radius:999px;font-size:9px}.ys-thread{position:relative;padding:18px 16px 0}.ys-thread:before{content:"";position:absolute;top:18px;bottom:0;inset-inline-start:31px;width:1px;background:var(--ink-3)}.ys-cmt{position:relative;display:flex;gap:12px;margin-bottom:16px}.ys-cmt-box{flex:1;min-width:0;max-width:660px;border:1px solid var(--ink-3);border-radius:6px;background:var(--ink-1);overflow:hidden}.ys-cmt-head{display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-bottom:1px solid var(--ink-3);font-size:12px;white-space:nowrap}.ys-cmt-head b{font-weight:600}.ys-tag{padding:1px 6px;border:1px solid var(--ink-4);border-radius:999px;font-size:10.5px;color:var(--fog-2)}.ys-cmt-body{padding:12px}.ys-cmt-title{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:15px;font-weight:600}.ys-cmt-body p{margin:0;font-size:13.5px;color:var(--fog-2)}.ys-diff{margin-top:10px;border:1px solid var(--ink-3);border-radius:4px;overflow:hidden;font-family:var(--yof-mono-stack);font-size:11.5px;line-height:24px}.ys-diff>div{padding:0 10px;white-space:pre;overflow:hidden;text-overflow:ellipsis}.ys-del{background:color-mix(in srgb,var(--red) 18%,var(--ink-0));color:color-mix(in srgb,var(--red) 70%,var(--fog))}.ys-add{background:color-mix(in srgb,var(--green) 16%,var(--ink-0));color:color-mix(in srgb,var(--green) 70%,var(--fog))}.ys-ctx{color:var(--fog-3);background:var(--ink-0)}.ys-cmt-foot{display:flex;gap:8px;align-items:center;margin-top:10px}.ys-hash{color:var(--amber)}.ys-build .ys-cmt{animation:yof-cmt-in .52s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * 1.1s + .2s)}@keyframes yof-cmt-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.ys-wait .ys-cmt{opacity:0}.ys-q{display:grid;grid-template-columns:172px repeat(3,268px);gap:0;height:calc(100% - 44px)}.ys-side{padding:14px 10px;border-inline-end:1px solid var(--ink-3);background:var(--ink-0)}.ys-side-h{margin:10px 6px 6px;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--fog-3)}.ys-side-i{display:flex;align-items:center;justify-content:space-between;gap:6px;height:26px;padding:0 6px;border-radius:4px;font-size:12px;color:var(--fog-2);white-space:nowrap}.ys-side-i[data-on]{background:var(--ink-2);color:var(--fog)}.ys-count{min-width:20px;padding:0 5px;border-radius:4px;background:var(--ink-2);font-size:10.5px;text-align:center;color:var(--fog-2)}.ys-colq{padding:12px 8px 0;border-inline-end:1px solid var(--ink-2)}.ys-colq-h{display:flex;align-items:center;justify-content:space-between;margin:0 4px 10px;font-size:12px;font-weight:600}.ys-colq-h small{display:block;font-size:10.5px;font-weight:400;color:var(--fog-3)}.ys-card{margin-bottom:8px;padding:10px;border:1px solid var(--ink-3);border-radius:6px;background:var(--ink-1)}.ys-card-id{font-size:10.5px;color:var(--fog-3)}.ys-card-t{margin:3px 0 4px;font-size:12.5px;font-weight:500;line-height:1.35}.ys-card-w{font-size:11px;color:var(--fog-3);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ys-card-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.ys-pop{position:absolute;z-index:2;width:300px;border:1px solid var(--ink-4);border-radius:8px;background:var(--ink-1);box-shadow:0 18px 40px color-mix(in srgb,black 60%,transparent);padding:12px}.ys-bubble{margin-top:8px;padding:8px 10px;border-radius:8px;background:var(--ink-2);font-size:12px;line-height:1.45;color:var(--fog-2)}.ys-bubble-q{background:var(--ink-3);color:var(--fog);margin-inline-start:36px}.ys-dx{display:grid;grid-template-columns:196px 560px 260px;height:calc(100% - 44px)}.ys-tree{padding:10px 8px;border-inline-end:1px solid var(--ink-3)}.ys-tree-i{display:flex;align-items:center;gap:6px;height:26px;padding:0 6px;border-radius:4px;font-size:11.5px;color:var(--fog-2);white-space:nowrap;overflow:hidden}.ys-tree-i[data-on]{background:var(--ink-2);color:var(--fog)}.ys-split{position:relative;border-inline-end:1px solid var(--ink-3);overflow:hidden}.ys-split-h{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-bottom:1px solid var(--ink-3);font-size:11.5px;white-space:nowrap}.ys-split-b{display:grid;grid-template-columns:1fr 1fr;font-family:var(--yof-mono-stack);font-size:10.5px;line-height:21px}.ys-split-b>div{overflow:hidden}.ys-split-b>div+div{border-inline-start:1px solid var(--ink-3)}.ys-ln{display:flex;white-space:pre}.ys-ln>i{flex:none;width:30px;padding-inline-end:8px;text-align:end;font-style:normal;color:var(--fog-3)}.ys-ln-del{background:color-mix(in srgb,var(--red) 16%,var(--ink-0))}.ys-ln-add{background:color-mix(in srgb,var(--green) 14%,var(--ink-0))}.ys-ln-pad{background:repeating-linear-gradient(135deg,var(--ink-1) 0 4px,var(--ink-0) 4px 8px)}.ys-rules{padding:10px 12px}.ys-yaml{margin:8px 0 0;padding:10px;border:1px solid var(--ink-3);border-radius:6px;background:var(--ink-1);font-family:var(--yof-mono-stack);font-size:11px;line-height:18px;white-space:pre;color:var(--fog-2)}.ys-yaml .k{color:var(--fog)}.ys-yaml .v{color:var(--green)}.ys-yaml .c{color:var(--fog-3)}.ys-segs{display:flex;gap:2px;padding:2px;border:1px solid var(--ink-3);border-radius:6px;background:var(--ink-0)}.ys-segs span{flex:1;padding:4px 0;border-radius:4px;text-align:center;font-size:11px;color:var(--fog-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ys-segs span[data-on]{background:var(--ink-3);color:var(--fog)}.ys-dash{display:grid;grid-template-columns:44px minmax(0,1fr);height:100%}.ys-rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0;border-inline-end:1px solid var(--ink-3);background:var(--ink-0)}.ys-rail span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--fog-3)}.ys-rail span[data-on]{background:var(--ink-2);color:var(--fog)}.ys-rail svg{width:15px;height:15px}.ys-main{min-width:0;padding:0;overflow:hidden}.ys-crumb{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-bottom:1px solid var(--ink-3);font-size:12px;white-space:nowrap}.ys-panel{border:1px solid var(--ink-3);border-radius:6px;background:var(--ink-0);overflow:hidden}.ys-panel-h{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid var(--ink-3);white-space:nowrap}.ys-heat-row,.ys-panel-h{align-items:center;font-size:11px}.ys-heat-row{display:grid;grid-template-columns:74px 46px minmax(0,1fr);gap:8px;padding:6px 12px}.ys-heat{display:flex;gap:8px;min-width:0;overflow:hidden}.ys-heat-g{display:flex;gap:2px;padding:2px;border-radius:2px;background:var(--ink-1)}.ys-heat-g i{display:block;width:12px;height:12px;border-radius:1px;background:color-mix(in srgb,var(--green) 62%,var(--ink-0))}.ys-heat-g i[data-s=w]{background:var(--amber)}.ys-heat-g i[data-s=r]{background:var(--red)}.ys-heat-g i[data-s=e]{background:var(--ink-2)}.ys-heat-in i{animation:yof-cell .5s ease both;animation-delay:calc(var(--i, 0) * 9ms)}@keyframes yof-cell{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.ys-area-0{fill:color-mix(in srgb,var(--fog) 18%,var(--ink-0))}.ys-area-1{fill:color-mix(in srgb,var(--amber) 55%,var(--ink-0))}.ys-area-2{fill:color-mix(in srgb,var(--red) 60%,var(--ink-0))}.ys-area-3{fill:color-mix(in srgb,var(--green) 30%,var(--ink-0))}.ys-grid-line{stroke:var(--ink-2);stroke-width:1}.ys-axis{fill:var(--fog-3);font-size:9px;font-family:var(--yof-mono-stack)}.ys-area-in{clip-path:inset(0 100% 0 0);animation:yof-wipe 1.6s cubic-bezier(.3,.7,.2,1) forwards}@keyframes yof-wipe{to{clip-path:inset(0 0 0 0)}}.ys-donut-t{fill:none;stroke:var(--ink-2)}.ys-donut-s{fill:none;transform:rotate(-90deg);transform-origin:50% 50%}.ys-float{position:absolute;z-index:2;border:1px solid var(--ink-4);border-radius:8px;background:var(--ink-1);box-shadow:0 16px 40px color-mix(in srgb,black 62%,transparent)}.yd{display:grid;grid-template-columns:56px minmax(0,1fr);min-height:100vh}.yd-rail{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0;border-inline-end:1px solid var(--ink-3);background:var(--ink-0)}.yd-rail a,.yd-rail span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--fog-3)}.yd-rail [data-on]{background:var(--ink-2);color:var(--fog)}.yd-rail svg{width:18px;height:18px}.yd-logo svg{width:30px;height:auto}.yd-top{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:10px 14px;min-height:56px;padding:10px 24px;border-bottom:1px solid var(--ink-3);background:color-mix(in srgb,var(--ink-0) 92%,transparent);backdrop-filter:blur(12px)}.yd-badge,.yd-top{align-items:center}.yd-badge{display:inline-flex;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,var(--ink-0));border:1px solid color-mix(in srgb,var(--amber) 40%,var(--ink-0))}.yd-body{padding:24px}.yd-body,.yd-row{display:grid;gap:16px}@media (min-width:1100px){.yd-row-a{grid-template-columns:300px minmax(0,1fr) 320px}.yd-row-b{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.yd-row-c{grid-template-columns:minmax(0,1fr) 360px}}@media (min-width:700px) and (max-width:1099px){.yd-row-a{grid-template-columns:repeat(2,minmax(0,1fr))}}.yd-card{min-width:0;border:1px solid var(--ink-3);border-radius:8px;background:var(--ink-1);overflow:hidden}.yd-card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ink-3)}.yd-card-h h2{margin:0;font-size:14px;font-weight:600}.yd-card-b{padding:16px}.yd-score{font-size:56px;line-height:1;font-weight:500;letter-spacing:-.03em}.yd-table{width:100%;border-collapse:collapse;font-size:13px}.yd-table th{padding:8px 16px;text-align:start;font-weight:500;font-size:12px;color:var(--fog-3);border-bottom:1px solid var(--ink-3);white-space:nowrap}.yd-table td{padding:10px 16px;border-bottom:1px solid var(--ink-2);vertical-align:middle}.yd-table tr:last-child td{border-bottom:0}.yd-scroll{overflow-x:auto}.yd-log{margin:0;padding:0;list-style:none}.yd-log li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--ink-2);font-size:13px}.yd-log li:last-child{border-bottom:0}.yd-prof{display:grid;gap:8px}.yd-prof>div{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--ink-3);border-radius:6px;background:var(--ink-0)}.yd-prof>div[data-on]{border-color:color-mix(in srgb,var(--green) 50%,var(--ink-3));box-shadow:inset 2px 0 0 var(--green)}[dir=rtl] .yd-prof>div[data-on]{box-shadow:inset -2px 0 0 var(--green)}.yd-radio{flex:none;width:14px;height:14px;margin-top:2px;border-radius:999px;border:1px solid var(--ink-5)}[data-on]>.yd-radio{border:4px solid var(--green)}@media (max-width:640px){.yd{grid-template-columns:minmax(0,1fr)}.yd-rail{display:none}.yd-body,.yd-top{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.yof-type,.ys-build .ys-cmt,.ys-heat-in i,.yx-flip-m,.yx-flip-m:after{animation:none;opacity:1;filter:none;transform:none}.yx-flip-m:after{opacity:0}.yx-flip-item[data-state=out]{display:none}.ys-wait .ys-cmt{opacity:1}.yx-arrow,.yx-col,.yx-col-name,.yx-col-rest,.yx-col-vis,.yx-ctx-desc,.yx-ctx-item:after,.yx-feat-t{transition:none}.yx-l-pulse{display:none}.yx-l-pulse,.yx-node-twinkle,.yx-spoke{animation:none}.yx-spoke{stroke-dashoffset:0}.yx-ctx-box,.yx-tip{animation:none;opacity:1}.yx-ctx-rail{transition:none}.ys-area-in{clip-path:none}.yof-caret,.ys-area-in,.yx-eyes-open,.yx-eyes-shut,.yx-tail-a,.yx-tail-b{animation:none}.yx-prog,.yx-strip>span>i{animation:none;transform:none}}.ys-ic{width:13px;height:13px;flex:none}.ys-ln{min-height:21px}.yof-term,.ys,.ys-mono,.yx-mono{font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0}.yx-wl{grid-template-columns:minmax(0,1fr)}@media (min-width:900px){.yx-wl{grid-template-columns:220px minmax(0,1.1fr) minmax(0,1fr)}}@media (max-width:520px){.yx-wl-field{flex-wrap:wrap}.yx-wl-field .yx-btn,.yx-wl-field .yx-input{flex:1 1 100%}}.yx-hp{position:absolute;top:0;inset-inline-start:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}@media (max-width:520px){.yx-live-row{flex-wrap:wrap}.yx-live-row .yx-btn,.yx-live-row .yx-input{flex:1 1 100%}}.yx-chaos-svg[data-paused] .yx-l-pulse{animation-play-state:paused}.yx-word,.yx-word svg{display:inline-block}.yx-word svg{height:.85em;width:auto;vertical-align:-.148em;--yof-mark:currentColor}.yx-small{margin:10px 0 0;font-size:14px;line-height:20px;color:var(--fog-3)}.ys-scan-host{position:relative;overflow:hidden}.ys-scan{position:absolute;inset-block:0;inset-inline-start:-18%;width:16%;z-index:3;pointer-events:none;opacity:0;border-inline-end:1px solid color-mix(in srgb,var(--green) 58%,transparent);background:linear-gradient(to right,transparent,color-mix(in srgb,var(--green) 12%,transparent));animation:yof-scan 6.8s linear infinite}.ys-scan[data-stagger]{animation-delay:-3.4s}[dir=rtl] .ys-scan{background:linear-gradient(to left,transparent,color-mix(in srgb,var(--green) 12%,transparent))}@keyframes yof-scan{0%,10%{opacity:0;transform:translateX(0)}18%,78%{opacity:.8}90%,to{opacity:0;transform:translateX(760%)}}[dir=rtl] .ys-scan{animation-name:yof-scan-rtl}@keyframes yof-scan-rtl{0%,10%{opacity:0;transform:translateX(0)}18%,78%{opacity:.8}90%,to{opacity:0;transform:translateX(-760%)}}.ys-heat-g i.ys-resolve{animation:yof-resolve 7s ease-in-out infinite}@keyframes yof-resolve{0%,52%{background:var(--red)}68%,to{background:color-mix(in srgb,var(--green) 62%,var(--ink-0))}}.ys-wipe{clip-path:inset(0 102% 0 0);animation:20.4s linear infinite both}.ys-wipe[data-k="1"]{animation-name:yof-wipe-1}.ys-wipe[data-k="2"]{animation-name:yof-wipe-2}.ys-wipe[data-k="3"]{animation-name:yof-wipe-3}@keyframes yof-wipe-1{0%,3.3%{clip-path:inset(0 102% 0 0)}30%,to{clip-path:inset(0 -20% 0 0)}}@keyframes yof-wipe-2{0%,33.3%{clip-path:inset(0 102% 0 0)}36.6%{clip-path:inset(0 102% 0 0)}63.3%,to{clip-path:inset(0 -20% 0 0)}}@keyframes yof-wipe-3{0%,66.6%{clip-path:inset(0 102% 0 0)}70%{clip-path:inset(0 102% 0 0)}96.6%,to{clip-path:inset(0 -20% 0 0)}}.ys-anim-off .ys-resolve,.ys-anim-off .ys-scan,.ys-anim-off .ys-wipe,.yx-col:not([data-on]) .ys-resolve,.yx-col:not([data-on]) .ys-scan,.yx-col:not([data-on]) .ys-wipe{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.ys-scan,.ys-wipe{animation:none;opacity:0}.ys-heat-g i.ys-resolve{animation:none}}.ys-area-bg{fill:var(--ys-chart-bg,var(--ink-0))}.yd-card .ys-area-bg{fill:var(--ink-1)}