@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(./oswald-cyrillic-ext-wght-normal-DLWmRmaW.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(./oswald-cyrillic-wght-normal-C8sJyxwB.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(./oswald-vietnamese-wght-normal-Tdf5mmdl.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(./oswald-latin-ext-wght-normal-Dj_1K-Kw.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(./oswald-latin-wght-normal-CzS3kehr.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(./jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}:root{--display-font:"Oswald Variable", "Arial Narrow", "Microsoft YaHei", sans-serif;--mono-font:"JetBrains Mono", monospace;--bg:#f7f8f4;--ink:#111311;--muted:#5a605a;--accent-rgb:30 58 241;--accent-ink-rgb:30 58 241;--accent:rgb(var(--accent-rgb));--accent-ink:rgb(var(--accent-ink-rgb));--band:#1e3af1;--line:#1113112b;--grid:#11131108;--surface:#f7f8f4;--surface-bright:#fff;--header:#f7f8f4;--editor-bg:#0a0a0a;--editor-ink:#f8f8f5;--editor-muted:#a7a7a1;--editor-line:#f8f8f530;--flow-period:8s;--motion-progress:0;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Manrope Variable,PingFang SC,Microsoft YaHei,sans-serif}:root[data-theme=dark]{--bg:#0d0f14;--ink:#e9eae6;--muted:#8b919c;--accent-rgb:62 90 236;--accent-ink-rgb:141 163 255;--band:#1a2aaa;--line:#e9eae61f;--grid:#e9eae60a;--surface:#0d0f14;--surface-bright:#1a1e26;--header:#0d0f14;--editor-bg:#14171d;--editor-ink:#e9eae6;--editor-muted:#8b919c;--editor-line:#ffffff26;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .editor-bar{border-bottom-color:var(--editor-line);background:var(--surface-bright);color:var(--ink)}:root[data-theme=dark] .window-dots i{background:var(--muted)}:root[data-theme=dark] .editor-kind{color:var(--editor-muted)}:root[data-theme=dark] .line-number{color:#7b8290}:root[data-theme=dark] .editor-status>span{color:var(--editor-muted)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .2s,background-color .2s,border-color .2s}:where(button,a,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:#fff}img{max-width:100%;display:block}svg{flex-shrink:0}#vyx-transition{z-index:200;pointer-events:none;background:var(--bg);align-content:center;place-items:center;gap:18px;display:none;position:fixed;inset:0}#vyx-transition:before{content:"";background:var(--accent);height:1px;position:absolute;inset:0 0 auto}:root:not([data-theme=dark]) #vyx-transition{box-shadow:0 -24px 54px -18px #0a0a0a29}:root[data-theme=dark] #vyx-transition{box-shadow:0 -24px 54px -18px #0000008c}.vyx-transition-mark{font:700 21px/1 var(--display-font);letter-spacing:.44em;text-indent:.44em;color:var(--ink)}.vyx-transition-rule{background:var(--accent-ink);width:88px;height:2px}h1,h2,h3,h4,p{margin:0}code,pre{font-family:var(--mono-font)}.site-shell{isolation:isolate;position:relative;overflow:clip}.section-width{width:min(1240px,100% - 96px);margin-inline:auto}.section-space{padding-block:88px}.page-atmosphere{display:none}.micro-label,.section-label,.hero-baseline{font:11px var(--mono-font);letter-spacing:.06em}.micro-label{color:var(--muted);text-transform:uppercase}.glass{border:1px solid var(--line);background:var(--bg)}.skip-link{z-index:100;background:var(--accent);color:#fff;padding:14px 22px;position:fixed;top:-100px;left:24px}.skip-link:focus{top:16px}h2{font:650 clamp(38px, 4.6vw, 60px)/1.06 var(--display-font);letter-spacing:-.035em;white-space:pre-line}h2>span{color:var(--accent-ink)}.locale-zh h2{letter-spacing:-.04em;font-size:clamp(32px,3.6vw,46px);font-weight:700;line-height:1.28}.site-header{z-index:50;border-bottom:1px solid var(--line);background:var(--header);height:76px;padding-inline:48px;position:sticky;top:0}.navigation{grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;max-width:1240px;height:100%;margin:auto;display:grid}.brand{flex-shrink:0;align-items:center;display:inline-flex}.brand-icon{justify-self:start;gap:9px;width:auto;height:40px}.brand-mark{object-fit:contain;width:32px;height:32px}.brand-label{font:700 26px/1 var(--display-font);letter-spacing:-.035em}[data-theme=dark] .brand-mark{filter:brightness(0)invert()}.brand-wordmark{font:700 34px/1 var(--display-font);letter-spacing:-.06em}.desktop-links{align-items:center;gap:28px;display:flex}.desktop-links a,.desktop-links button{align-items:center;gap:5px;padding-block:14px;font-size:13px;font-weight:650;display:inline-flex}.desktop-links :is(a,button):hover{color:var(--accent-ink)}.desktop-links a[aria-current=page]{color:var(--accent-ink);text-underline-offset:7px;text-decoration:underline;text-decoration-thickness:1px}.site-section-links{display:grid}.mobile-menu .site-section-links{border-bottom:1px solid var(--line)}.mobile-menu>.site-section-links:only-child{border-bottom:0}.nav-actions{justify-self:end;align-items:center;gap:4px;display:flex}.icon-button{flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-button:hover{background:var(--ink);color:var(--bg)}.locale-button{min-width:34px;height:38px;font:12px var(--mono-font)}.locale-button:hover{color:var(--accent-ink)}.nav-github{border:1px solid var(--ink);align-items:center;gap:9px;margin-left:8px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.nav-github:hover{background:var(--ink);color:var(--bg)}.mobile-menu-button,.mobile-menu{display:none}.hero{padding-top:24px}.hero-composition{grid-template-columns:1.06fr .94fr;align-items:center;gap:32px;padding-block:38px 48px;display:grid}.hero-heading{z-index:1;min-width:0;position:relative}.release-pill{font:11px var(--mono-font);text-transform:uppercase;letter-spacing:.035em;align-items:center;gap:12px;display:inline-flex}.release-pill:before{content:"";background:var(--accent-ink);width:6px;height:6px}.hero-heading h1{font:650 clamp(80px, 8.4vw, 118px)/1.03 var(--display-font);letter-spacing:-.04em;text-transform:uppercase;margin:25px 0}.hero-title,.hero-title>span{display:block}.hero-title span:last-child{color:var(--accent-ink)}.hero-definition{letter-spacing:-.035em;max-width:570px;font-size:22px;font-weight:650;line-height:1.5}.hero-description{max-width:455px;color:var(--muted);margin-top:16px;font-size:15px;line-height:1.85}.hero-buttons{flex-wrap:wrap;align-items:center;gap:18px;margin-top:29px;display:flex}.button{border:1px solid #0000;justify-content:center;align-items:center;gap:15px;min-height:46px;padding:12px 18px;font-size:14px;font-weight:650;display:inline-flex}.button-primary{color:#fff;background:var(--accent);border-color:var(--accent)}.button-primary:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}.button-text{color:var(--ink);border-color:var(--line)}.button-text:hover{color:var(--bg);background:var(--ink);border-color:var(--ink)}.hero-art{flex-direction:column;justify-content:center;align-self:stretch;min-width:0;padding-block:20px;display:flex;position:relative}.hero-art:before{content:"";z-index:-1;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:55px -20px 60px;-webkit-mask-image:radial-gradient(#000 30%,#0000 72%);mask-image:radial-gradient(#000 30%,#0000 72%)}.art-heading,.art-caption{font:10px/1.7 var(--mono-font);letter-spacing:.04em;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;display:flex}.art-heading{border-bottom:1px solid var(--line);padding-bottom:14px}.art-heading>span:first-child{color:var(--accent-ink)}.art-caption{border-top:1px solid var(--line);padding-top:14px}.art-caption i{color:var(--accent-ink);padding-inline:5px;font-style:normal}.technical-glyph{aspect-ratio:760/500;width:calc(100% + 48px);min-width:0;color:var(--ink);margin-inline:-24px;position:relative;overflow:visible}.technical-glyph svg{width:100%;height:100%;display:block;overflow:visible}.ascii-glyph{overflow:hidden;container-type:inline-size}.glyph-canvas,.glyph-guides{width:100%;height:100%;position:absolute;inset:0}.glyph-canvas{display:block}.glyph-canvas.is-unavailable{visibility:hidden}.glyph-guides{pointer-events:none}.glyph-fallback{font:500 calc(100cqw / 82 / .6)/1.1 var(--mono-font);place-content:center;margin:0;display:grid;position:absolute;inset:0}.glyph-marker{font:9px/1 var(--mono-font);letter-spacing:.07em;color:var(--muted);background:var(--bg);border:1px solid var(--line);pointer-events:none;padding:5px 8px;position:absolute;top:51%}.marker-source{left:5%}.marker-native{right:5%}.hero-feature-index{border-block:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.hero-feature-index>a{align-items:center;gap:14px;min-width:0;padding:23px 22px;display:flex}.hero-feature-index>a+a{border-left:1px solid var(--line)}.hero-feature-index>a:hover{background:var(--ink);color:var(--bg)}.index-number{font:10px var(--mono-font);color:var(--muted);align-self:flex-start;padding-top:4px}.hero-feature-index strong{letter-spacing:-.025em;font-size:16px;font-weight:700}.hero-feature-index div>span{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.5;display:block}.hero-feature-index svg{width:14px;margin-left:auto}.hero-feature-index>a:hover :is(.index-number,div>span){color:inherit}.hero-baseline{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding-block:20px 25px;display:flex}.hero-baseline>a{place-items:center;display:grid}.motion-control{font:10px var(--mono-font);align-items:center;gap:8px;display:inline-flex}.motion-control:hover{color:var(--accent-ink)}.status-dot{background:var(--accent-ink);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.section-label{border-bottom:1px solid var(--line);text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;display:flex}.section-label>span:last-child{text-align:right;font-size:10px}.language-section{color:#fff;background:var(--band);width:100%;padding-block:40px 54px}.language-section .section-label{border-color:#fff6}.language-layout{grid-template-columns:1fr 1fr;align-items:center;gap:88px;margin-top:36px;display:grid}.language-intro{min-width:0;position:relative}.section-index{font:500 14px/1 var(--mono-font);color:#ffffffad;margin-bottom:20px;display:block}.language-intro h2{max-width:500px;font-size:clamp(48px,5vw,72px)}.locale-zh .language-intro h2{font-size:clamp(36px,3.9vw,52px);line-height:1.35}.language-intro>p{color:#ffffffe5;max-width:420px;margin-top:24px;font-size:15px;line-height:1.85}.text-link{color:var(--accent-ink);align-items:center;gap:11px;font-size:14px;font-weight:600;display:inline-flex}.text-link:hover{text-underline-offset:5px;text-decoration:underline}.language-intro .text-link{color:#fff;margin-top:24px}.language-facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:38px 0 0;display:grid}.language-facts>div{padding:22px 0 0}.language-facts dt{font-size:15px;font-weight:700}.language-facts dd{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.8}.hello-example{color:#fff;background:#101415;border:1px solid #ffffff4d;min-width:0;box-shadow:10px 10px #00000020}.hello-file{color:#e9eae6;height:47px;font:12px var(--mono-font);background:#1d2225;border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;padding-inline:18px;display:flex}.hello-source{scrollbar-width:thin;margin:0;padding:27px 25px;font-size:14px;line-height:2;overflow-x:auto}.syntax-keyword{color:#b5c4ff}.syntax-type{color:#fff}.syntax-string{color:#c4dd7a}.syntax-number{color:#e7c58c}.syntax-punctuation{color:#c8c8c1}.hello-terminal{border-top:1px solid #fff4;flex-direction:column;gap:12px;padding:21px 25px;display:flex}.terminal-label{font:11px var(--mono-font);text-transform:uppercase;color:#adada7}.hello-terminal code{overflow-wrap:anywhere;font-size:12px;line-height:1.8}.terminal-prompt{color:#788cff}.hello-terminal samp{font:13px var(--mono-font);color:#fff}.hello-note{color:#b9b9b1;border-top:1px solid #fff4;justify-content:space-between;align-items:center;gap:15px;padding:16px 25px;font-size:11px;line-height:1.6;display:flex}.hello-note>span:first-child{font-family:var(--mono-font);white-space:nowrap}.compile-section{border-bottom:1px solid var(--line);grid-template-columns:260px minmax(0,1fr);gap:38px 48px;padding-block:68px;display:grid}.compile-layout{grid-template-columns:260px minmax(0,1fr);align-items:center;gap:48px;display:grid}.compile-heading h2{margin-top:18px;font-size:40px}.locale-zh .compile-heading h2{font-size:31px}.compile-heading p:not(.micro-label){color:var(--muted);margin-top:18px;font-size:14px;line-height:1.8}.compile-track{grid-template-columns:repeat(5,minmax(0,1fr));align-self:center;gap:24px;margin:0;padding:0;list-style:none;display:grid;position:relative}.compile-stage{border:1px solid var(--line);text-align:center;background:var(--surface-bright);min-width:0;min-height:140px;transition:background-color .6s var(--ease), color .6s, border-color .6s;flex-direction:column;justify-content:center;gap:19px;padding:18px 12px;display:flex;position:relative}.compile-stage>svg{width:16px;color:var(--muted);position:absolute;left:calc(100% + 5px)}.compile-stage.active-phase{background:var(--accent);color:#fff;border-color:var(--accent)}.compile-stage strong,.compile-stage h3{font-size:14px;font-weight:650}.compile-stage>span,.compile-stage>small{font:11px var(--mono-font);color:var(--muted)}.compile-stage>code{font:12px/1.7 var(--mono-font);color:var(--muted);overflow-wrap:anywhere}.compile-stage.active-phase :is(span,small,code){color:#fff}.compile-section .language-facts{grid-column:1/-1;margin:0}.code-section{border-bottom:1px solid var(--line);padding-block:60px 80px}.feature-section-label{margin-bottom:40px}.feature-section-label>a{text-transform:none;align-items:center;gap:8px;font-size:12px;display:inline-flex}.feature-section-label>a:hover{color:var(--accent-ink)}.code-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);align-items:start;gap:78px;display:grid}.code-intro h2{margin-top:24px}.code-tabs{flex-direction:column;margin-top:28px;display:flex}.code-tabs button{text-align:left;border-top:1px solid var(--line);align-items:center;gap:15px;min-height:52px;padding:14px 16px;font-size:16px;display:flex}.code-tabs button:last-child{border-bottom:1px solid var(--line)}.code-tabs button>svg{margin-left:auto}.code-tabs button.selected{background:var(--accent);color:#fff}.code-tabs button:hover:not(.selected){background:var(--ink);color:var(--bg)}.code-footnote{color:var(--muted);font-size:14px;line-height:1.8;display:block}.editor-wrap{min-width:0;position:relative}.editor{background:var(--editor-bg);color:var(--editor-ink);border:1px solid var(--line);box-shadow:8px 8px 0 var(--grid);position:relative;overflow:hidden}.editor-bar{border-bottom:1px solid var(--editor-line);height:52px;color:var(--editor-ink);background:#1d2225;justify-content:space-between;align-items:center;gap:16px;padding-inline:18px;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#e9eae6;width:4px;height:4px}.window-dots i:nth-child(2){opacity:.6}.window-dots i:nth-child(3){opacity:.25}.editor-bar>span{font:11px var(--mono-font)}.editor .icon-button{width:32px;height:32px}.editor-code{scrollbar-width:thin;scrollbar-color:#fff5 transparent;padding:26px 24px 26px 0;overflow:auto}.code-line{min-width:max-content;display:flex}.line-number{text-align:right;color:#70706a;width:44px;font-family:var(--mono-font);-webkit-user-select:none;user-select:none;flex-shrink:0;padding-right:15px}.code-line code{white-space:pre;color:var(--editor-ink)}.token-comment{color:#a0a096}.token-keyword{color:#b5c4ff}.token-type{color:#fff}.token-string{color:#c4dd7a}.token-number{color:#e7c58c}.token-attribute{color:#b5c4ff}.editor-output{border-top:1px solid var(--editor-line);flex-direction:column;gap:12px;padding:19px 24px;display:flex}.editor-output>span{color:var(--editor-muted);align-items:center;gap:8px;font-size:11px;display:flex}.editor-output>code{overflow-wrap:anywhere;font-size:12px;line-height:1.9}.editor-status{border-top:1px solid var(--editor-line);justify-content:space-between;gap:15px;padding:13px 16px;display:flex}.editor-status>span{font:10px var(--mono-font);color:#b6b6ad;align-items:center;gap:7px;display:flex}.editor-status>span>span:last-child:not(.status-dot){margin-left:10px}.editor-caption{color:var(--muted);justify-content:space-between;align-items:start;gap:16px;margin-top:17px;font-size:13px;line-height:1.8;display:flex}.interop-heading{grid-template-columns:1fr 1fr;align-items:end;gap:75px;margin-top:37px;display:grid}.interop-copy p{color:var(--muted);font-size:15px;line-height:1.9}.interop-copy .text-link{margin-top:23px}.interop-canvas{border:1px solid var(--line);background-color:var(--surface-bright);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:32px 32px;margin-top:40px;position:relative}.interop-light{display:none}.interop-journey,.interop-diagram{align-items:center;gap:22px;width:90%;min-height:236px;margin-inline:auto;display:flex;position:relative}.producer-group{flex-shrink:0;align-items:center;gap:20px;display:flex}.producer-word{font:650 32px var(--display-font);letter-spacing:-.04em}.producer-dot{color:var(--accent-ink)}.flow-segment,.connection{flex:1;min-width:24px;position:relative}.flow-track{background:var(--line);width:100%;height:1px;position:relative}.flow-track:after{content:"";border-top:1px solid var(--ink);border-right:1px solid var(--ink);width:7px;height:7px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.flow-packet{background:var(--accent-ink);opacity:0;width:20px;height:4px;position:absolute;top:-1.5px;left:0}.flow-label,.flow-segment>span{font:10px var(--mono-font);white-space:nowrap;color:var(--muted);position:absolute;top:20px;left:50%;transform:translate(-50%)}.contract-node{border:1px solid var(--ink);width:132px;min-height:138px;color:var(--ink);background:var(--bg);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:12px;display:flex}.contract-node strong{font:650 31px var(--display-font);letter-spacing:-.02em}.contract-node>span{font-size:11px}.vyx-node{text-align:center;min-width:95px}.vyx-node>span{font:700 70px/.9 var(--display-font);letter-spacing:-.06em}.interop-captions{font:10px var(--mono-font);letter-spacing:.02em;color:var(--muted);justify-content:space-between;gap:20px;margin:0 5% 24px;display:flex}.start-section{color:#fff;background:var(--band);padding-block:76px}.start-content{grid-template-columns:1.1fr .9fr;gap:90px;display:grid}.start-intro h2{margin-top:23px}.start-intro>p:not(.micro-label){color:#ffffffe5;margin-top:23px;font-size:15px;line-height:1.9}.start-section .micro-label{color:#fff}.command-box{border:1px solid #ffffff80;align-items:center;gap:12px;max-width:100%;margin-top:25px;padding:10px 12px 10px 16px;display:flex}.command-box code{overflow-wrap:anywhere;flex:1;min-width:0;font-size:12px}.command-prompt{font-family:var(--mono-font)}.start-section .icon-button:hover{color:var(--band);background:#fff}.quickstart-button{color:var(--band);background:#fff;border-color:#fff;margin-top:24px}.quickstart-button:hover{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.learning-links{margin-top:8px}.learning-links>a{border-bottom:1px solid #fff6;justify-content:space-between;gap:25px;padding:22px 0;display:flex}.learning-links>a:first-child{border-top:1px solid #fff6}.learning-links strong{font-size:17px;font-weight:700}.learning-links p{color:#ffffffe0;margin-top:9px;font-size:14px;line-height:1.8}.learning-links svg{margin-top:3px}.learning-links a:hover strong{text-underline-offset:5px;text-decoration:underline}.site-footer{padding-block:34px 28px}.footer-top{align-items:center;gap:26px;display:flex}.footer-top>p{color:var(--muted);flex:1;font-size:14px}.footer-top>a:not(.brand),.footer-top>button{align-items:center;gap:6px;font-size:13px;display:flex}.footer-bottom{border-top:1px solid var(--line);font:10px var(--mono-font);color:var(--muted);align-items:center;gap:25px;margin-top:24px;padding-top:20px;display:flex}.footer-bottom>span{align-items:center;gap:7px;display:flex}.footer-bottom>span:last-child{margin-left:auto}.toast{z-index:110;border:1px solid var(--ink);background:var(--ink);max-width:calc(100% - 32px);color:var(--bg);opacity:0;pointer-events:none;transition:opacity .25s, transform .35s var(--ease);align-items:center;gap:10px;padding:14px 20px;font-size:14px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%,16px)}.toast.visible{opacity:1;transform:translate(-50%)}@media (width>=1450px){.hero-heading h1{font-size:118px}}@media (width<=1050px){.section-width{width:calc(100% - 64px)}.site-header{padding-inline:32px}.navigation{gap:18px}.desktop-links{gap:20px}.hero-composition{grid-template-columns:1.05fr .95fr;gap:24px}.hero-heading h1{font-size:clamp(65px,8.3vw,90px)}.hero-definition{font-size:20px}.hero-feature-index>a{gap:9px;padding-right:12px}.hero-feature-index>a+a{padding-left:14px}.hero-feature-index div>span{font-size:11px}.language-layout,.interop-heading{gap:42px}.compile-layout,.compile-section{grid-template-columns:200px minmax(0,1fr);gap:28px}.compile-track{gap:18px}.compile-stage{padding-inline:8px}.compile-stage>svg{left:calc(100% + 1px)}.code-layout{grid-template-columns:.8fr 1.2fr;gap:42px}.start-content{gap:55px}.producer-group{gap:15px}.producer-word{font-size:29px}.interop-journey,.interop-diagram{gap:15px}}@media (width<=900px){.site-header{height:66px;padding-inline:20px}.navigation{justify-content:space-between;gap:10px;display:flex}.desktop-links{display:none}.nav-actions{gap:2px;margin-left:auto}.nav-github{margin-left:4px;padding:9px}.nav-github>:is(span,svg:last-child){display:none}.mobile-menu-button{display:inline-flex}.mobile-menu{padding:10px 18px;display:grid;position:absolute;top:calc(100% - 1px);left:20px;right:20px}.mobile-menu :is(a,button){border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;padding:16px 0;font-size:14px;display:flex}.mobile-menu :is(a,button):last-child{border-bottom:0}}@media (width<=760px){html{scroll-padding-top:80px}.section-width{width:calc(100% - 40px)}.section-space{padding-block:56px}.hero{padding-top:12px}.hero-composition{grid-template-columns:1fr;gap:36px;padding-block:26px 32px}.hero-heading h1{margin-block:22px 24px;font-size:clamp(72px,14.5vw,112px)}.hero-definition{max-width:520px;font-size:21px}.hero-description{max-width:490px;font-size:15px}.hero-art{width:min(530px,100%);margin-inline:auto;padding-block:0}.technical-glyph{width:100%;margin-inline:0}.art-heading,.art-caption{font-size:9px}.art-caption-label{display:none}.art-caption{justify-content:space-between}.hero-feature-index{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-feature-index>a{padding:20px 14px}.hero-feature-index>a+a{padding-left:14px}.hero-feature-index>a:nth-child(3){border-left:0;border-top:1px solid var(--line)}.hero-feature-index>a:nth-child(4){border-top:1px solid var(--line)}.hero-feature-index>a:nth-child(5){border-left:0;border-top:1px solid var(--line);grid-column:1/-1}.hero-feature-index div>span{font-size:12px}.hero-baseline{flex-wrap:wrap;padding-block:19px 24px;font-size:10px}.hero-baseline>a{margin-left:auto}.hero-baseline .motion-control{justify-content:flex-end;width:100%}.language-section{padding-block:37px 43px}.section-label{gap:18px;font-size:10px;line-height:1.8}.section-label>span:last-child{max-width:42%}.language-layout,.code-layout,.interop-heading,.start-content{grid-template-columns:1fr;gap:32px}.language-layout{margin-top:29px}h2{font-size:47px}.locale-zh h2{font-size:36px}.language-intro>p{font-size:15px}.hello-source{padding:24px 20px;font-size:13px}.hello-terminal{padding:19px 20px}.hello-note{padding:15px 20px}.compile-section{grid-template-columns:1fr;gap:30px;padding-block:42px}.compile-layout{grid-template-columns:1fr;gap:30px}.compile-heading{max-width:480px}.compile-heading p{margin-top:13px}.compile-stage{gap:15px;min-height:104px;padding:16px 7px}.compile-stage strong,.compile-stage h3{font-size:12px}.compile-stage>:is(span,small){font-size:10px}.language-facts{gap:20px}.language-facts dd{font-size:14px}.code-section{padding-block:50px}.code-tabs{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.code-tabs button{border-bottom:1px solid var(--line);justify-content:center;gap:0;min-width:0;min-height:48px;padding:13px 5px;font-size:13px}.code-tabs button+button{border-left:1px solid var(--line)}.code-tabs button>svg{display:none}.editor-caption{flex-wrap:wrap;font-size:13px}.interop-heading{margin-top:30px}.interop-canvas{margin-top:31px}.interop-journey,.interop-diagram{gap:11px;width:92%;min-height:225px}.producer-group{flex-direction:column;gap:6px}.producer-word{font-size:25px}.contract-node{gap:9px;width:90px;min-height:122px}.contract-node strong{font-size:29px}.contract-node>span{font-size:10px}.contract-node>svg{width:26px}.vyx-node{min-width:58px}.vyx-node>span{font-size:52px}.flow-label,.flow-segment>span{font-size:9px;top:19px}.interop-captions{margin:0 4% 20px;font-size:9px}.interop-captions>span:nth-child(2){text-align:center;max-width:45%}.start-section{padding-block:45px}.start-content{gap:35px}.site-footer{padding-block:28px 23px}.footer-top{flex-wrap:wrap;gap:18px}.footer-top>p{min-width:calc(100% - 100px)}.footer-bottom{flex-wrap:wrap;gap:14px;line-height:1.8}.footer-bottom>span:last-child{width:100%;margin-left:0}}@media (width<=420px){.section-width{width:calc(100% - 40px)}.site-header{padding-inline:20px}.hero-heading h1{font-size:clamp(59px,17.8vw,73px)}.hero-definition{font-size:19px}.hero-feature-index>a{gap:8px;padding:18px 9px}.hero-feature-index>a+a{padding-left:9px}.hero-feature-index strong{font-size:14px}.hero-feature-index div>span{font-size:11px}.hero-feature-index svg{width:12px}.compile-track{grid-template-columns:1fr;gap:12px}.compile-stage{text-align:left;flex-direction:row;justify-content:space-between;min-height:62px;padding:17px}.compile-stage strong,.compile-stage h3{font-size:14px}.compile-stage>:is(span,small){font-size:11px}.compile-stage>svg{top:calc(100% - 1px);left:auto;right:25px;transform:rotate(90deg)}.language-facts{grid-template-columns:1fr;gap:0}.language-facts>div{border-bottom:1px solid var(--line);padding-block:17px}.language-facts>div:last-child{border-bottom:0}.button{gap:11px;padding-inline:15px}.hero-buttons{gap:12px}.editor-bar{gap:8px;padding-inline:13px}.editor-status{gap:8px;padding-inline:12px}.editor-status>span{font-size:9px}.editor-status>span>span:last-child:not(.status-dot){display:none}.contract-node{width:76px}.contract-node>span{font-size:9px}.interop-journey,.interop-diagram{gap:8px}.flow-segment{min-width:15px}.flow-label{display:none}.command-box{gap:8px;padding-left:12px}.command-box code{font-size:12px}.guide-step{gap:12px}}.hero-art:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg, transparent, var(--accent-ink), transparent);height:2px;filter:drop-shadow(0 0 7px rgb(var(--accent-ink-rgb) / .35));position:absolute;top:10%;left:0;right:0}[data-motion=running] .hero-art:after{animation:hero-art-scan 6.4s var(--ease) infinite}@keyframes hero-art-scan{0%,12%{opacity:0;top:10%}24%{opacity:.75}74%{opacity:.75}88%,to{opacity:0;top:86%}}.technical-glyph:after{content:"";pointer-events:none;border:1px solid rgb(var(--accent-ink-rgb) / .18);clip-path:polygon(0 0,18% 0,18% 1px,82% 1px,82% 0,100% 0,100% 18%,calc(100% - 1px) 18%,calc(100% - 1px) 82%,100% 82%,100% 100%,82% 100%,82% calc(100% - 1px),18% calc(100% - 1px),18% 100%,0 100%,0 82%,1px 82%,1px 18%,0 18%);position:absolute;inset:8% 6%}[data-motion=running] .technical-glyph:after{animation:4.8s ease-in-out infinite glyph-frame-breathe}@keyframes glyph-frame-breathe{0%,to{opacity:.25;transform:scale(.985)}50%{opacity:.8;transform:scale(1.01)}}[data-motion=running] .hero-feature-index>a svg{animation:index-arrow-drift 3.6s var(--ease) infinite}.hero-feature-index>a:nth-child(2) svg{animation-delay:-.9s}.hero-feature-index>a:nth-child(3) svg{animation-delay:-1.8s}.hero-feature-index>a:nth-child(4) svg{animation-delay:-2.7s}.hero-feature-index>a:nth-child(5) svg{animation-delay:-3.2s}@keyframes index-arrow-drift{0%,68%,to{transform:translate(0)}76%{transform:translate(3px,-3px)}84%{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.hero-art:after,.technical-glyph:after,.hero-feature-index>a svg{animation:none!important}}.reading-progress{background:var(--accent-ink);height:2px;transform:scaleX(var(--scroll-progress,0));transform-origin:0;pointer-events:none;position:absolute;bottom:-1px;left:0;right:0}.glyph-axis{stroke:var(--line);stroke-width:.8px}.flow-segment>svg{color:var(--ink);position:absolute;top:-9px;right:-5px}.flow-segment .flow-track:after{display:none}.flow-segment.first .flow-packet{left:clamp(0%, calc(var(--motion-progress) * 200%), 100%);opacity:min(clamp(0, calc(var(--motion-progress) * 100), 1), clamp(0, calc((.5 - var(--motion-progress)) * 100), 1))}.flow-segment.second .flow-packet{left:clamp(0%, calc((var(--motion-progress) - .5) * 200%), 100%);opacity:min(clamp(0, calc((var(--motion-progress) - .5) * 100), 1), clamp(0, calc((1 - var(--motion-progress)) * 100), 1))}.contract-node{transition:background-color .7s var(--ease), color .7s, border-color .7s}.contract-node.active-phase{color:#fff;background:var(--accent);border-color:var(--accent)}.vyx-node{transition:color .7s, transform .7s var(--ease)}.vyx-node.active-phase{color:var(--accent-ink);transform:scale(1.07)}.compile-track{background-image:linear-gradient(90deg, rgb(var(--accent-ink-rgb) / 0), var(--accent-ink), rgb(var(--accent-ink-rgb) / 0)), radial-gradient(74px 190px at 50% 50%, rgb(var(--accent-ink-rgb) / .32), rgb(var(--accent-ink-rgb) / 0) 72%);background-size:108px 2px,100% 100%;background-position:calc(var(--motion-progress,0) * 100%) 50%, calc(var(--motion-progress,0) * 100%) 50%;background-repeat:no-repeat}.compile-track>:first-child{--stage-index:0}.compile-track>:nth-child(2){--stage-index:1}.compile-track>:nth-child(3){--stage-index:2}.compile-track>:nth-child(4){--stage-index:3}.compile-track>:nth-child(5){--stage-index:4}.compile-stage{--local:clamp(0, calc((var(--motion-progress,0) - var(--stage-index,0) * .2) * 5), 1);box-shadow:0 calc(var(--local) * 5px) calc(var(--local) * 22px) calc(var(--local) * -10px) rgb(var(--accent-rgb) / .35)}.compile-stage:after{content:"";height:2px;transform:scaleX(var(--local));transform-origin:0;background:currentColor;position:absolute;bottom:-1px;left:-1px;right:-1px}.compile-stage.complete>span{color:var(--accent-ink)}@media (width>=761px){.compile-stage{transform:translateY(calc(var(--local) * -3px))}.compile-stage>svg{opacity:calc(.28 + .72 * var(--local));transform:translateX(calc(var(--local) * 5px));transition:color .5s}.compile-stage.complete>svg,.compile-stage.active-phase>svg{color:var(--accent-ink)}.compile-stage.active-phase>svg{color:#fff}}@media (width<=760px){.compile-track{background-image:linear-gradient(180deg, rgb(var(--accent-ink-rgb) / 0), var(--accent-ink), rgb(var(--accent-ink-rgb) / 0)), radial-gradient(190px 74px at 50% 50%, rgb(var(--accent-ink-rgb) / .32), rgb(var(--accent-ink-rgb) / 0) 72%);background-size:2px 108px,100% 100%;background-position:50% calc(var(--motion-progress,0) * 100%), 50% calc(var(--motion-progress,0) * 100%)}}.interop-journey{--wire-a:min(clamp(0, calc(var(--motion-progress,0) * 100), 1), clamp(0, calc((.5 - var(--motion-progress,0)) * 100), 1));--wire-b:min(clamp(0, calc((var(--motion-progress,0) - .5) * 100), 1), clamp(0, calc((1 - var(--motion-progress,0)) * 100), 1))}.flow-segment .flow-track:before{content:"";background:linear-gradient(90deg, rgb(var(--accent-ink-rgb) / 0), var(--accent-ink));transform-origin:0;height:3px;position:absolute;top:-1px;left:0;right:0}.flow-segment.first .flow-track:before{opacity:var(--wire-a);transform:scaleX(clamp(0, calc(var(--motion-progress,0) * 2), 1))}.flow-segment.second .flow-track:before{opacity:var(--wire-b);transform:scaleX(clamp(0, calc((var(--motion-progress,0) - .5) * 2), 1))}.producer-group .producer-word{animation:producer-emit var(--flow-period) linear infinite}.producer-group .producer-word:nth-child(2){animation-delay:calc(var(--flow-period) / -20)}.producer-group .producer-word:nth-child(3){animation-delay:calc(var(--flow-period) / -10)}@keyframes producer-emit{0%{color:var(--ink);transform:translateY(0)}5%{color:var(--accent-ink);transform:translateY(-3px)}18%,to{color:var(--ink);transform:translateY(0)}}.contract-node{position:relative}.contract-node:after{content:"";border:1px solid var(--accent-ink);opacity:0;pointer-events:none;position:absolute;inset:-1px}.contract-node.active-phase:after{animation:contract-pulse 1.7s var(--ease) infinite}@keyframes contract-pulse{0%{opacity:.8;transform:scale(1)}75%,to{opacity:0;transform:scale(1.16)}}.feature-flow>i:after{background:linear-gradient(90deg, rgb(var(--accent-ink-rgb) / 0), var(--accent-ink));width:24px;height:2px;top:-.5px}.feature-flow>span{animation:flow-step-lit var(--flow-period) linear infinite;animation-delay:calc((var(--flow-step,0) - 3) * (var(--flow-period) / 3))}@keyframes flow-step-lit{0%{border-color:var(--accent-ink);color:var(--accent-ink);background-color:rgb(var(--accent-ink-rgb) / .08)}6%{border-color:var(--accent-ink);color:var(--accent-ink);background-color:rgb(var(--accent-ink-rgb) / .12)}24%,to{border-color:var(--line);color:var(--ink);background-color:rgb(var(--accent-ink-rgb) / 0)}}.mosp-pipeline{position:relative}.mosp-pipeline:after{content:"";pointer-events:none;width:26%;top:0;bottom:0;left:calc(var(--motion-progress,0) * 74%);background:linear-gradient(90deg, rgb(var(--accent-ink-rgb) / 0), rgb(var(--accent-ink-rgb) / .12), rgb(var(--accent-ink-rgb) / 0));position:absolute}.motion-ready .reveal{opacity:0;transition:opacity .65s var(--ease), transform .85s var(--ease);transform:translateY(22px)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.motion-ready .reveal[data-reveal-stagger]{transition-delay:calc(var(--reveal-stagger,0) * 65ms)}.feature-tab-index{font:10px var(--mono-font);color:var(--muted)}.code-tabs button.selected .feature-tab-index{color:#fff}.feature-explainer{min-height:165px;margin-top:29px}.feature-explainer>h3{font-size:19px;font-weight:700;line-height:1.6}.feature-explainer>p{color:var(--muted);margin-top:15px;font-size:15px;line-height:1.9}.dci-case-list{border-top:1px solid var(--line);margin-top:24px;display:grid}.dci-case-list button{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:13px;min-height:72px;padding:13px 12px;display:flex}.dci-case-list button.selected{background:var(--ink);color:var(--bg)}.dci-case-list button:hover:not(.selected){background:var(--grid)}.dci-case-list button>span:nth-child(2){flex:1;min-width:0}.dci-case-list strong{font-size:14px;font-weight:700;line-height:1.5;display:block}.dci-case-list small{color:var(--muted);margin-top:4px;font-size:14px;line-height:1.6;display:block}.dci-case-list button.selected :is(small,.dci-case-index){color:var(--bg)}.dci-case-index{font:10px var(--mono-font);color:var(--accent-ink)}.feature-flow{align-items:center;gap:11px;min-height:42px;margin-top:26px;display:flex}.feature-flow>span{font:11px var(--mono-font);border:1px solid var(--line);white-space:nowrap;padding:10px}.feature-flow>i{background:var(--line);flex:1;min-width:16px;height:1px;position:relative;overflow:hidden}.feature-flow>i:after{content:"";width:16px;height:1px;left:calc(var(--motion-progress) * 100%);background:var(--accent-ink);position:absolute}.feature-flow>i:nth-of-type(2):after{left:calc((var(--motion-progress) - .5) * 100%)}.core-features .code-footnote{margin-top:22px}.dci-provider-bar{border-bottom:1px solid var(--editor-line);justify-content:space-between;align-items:center;gap:14px;padding:13px 17px;display:flex}.provider-toggle{border:1px solid var(--editor-line);display:flex}.provider-toggle button{color:var(--editor-muted);padding:7px 14px;font-size:12px}.provider-toggle button.selected{color:#fff;background:var(--accent)}.provider-single{font:11px var(--mono-font);color:var(--editor-ink)}.provider-contract{font:10px/1.7 var(--mono-font);color:var(--editor-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.provider-arrow{color:#a4b5ff}.source-files{border-bottom:1px solid var(--editor-line);scrollbar-width:thin;display:flex;overflow-x:auto}.source-files button{font:11px var(--mono-font);color:var(--editor-muted);text-align:left;white-space:nowrap;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:15px 16px;display:flex}.source-files button.selected{color:#fff;background:#ffffff0d;border-bottom-color:#fff}.source-files button:hover{color:#fff}.source-files small{font:10px var(--mono-font);color:var(--editor-muted);margin-top:5px;display:block}.source-step{color:#a4b5ff;margin-right:3px;font-size:10px}.editor-kind{color:var(--editor-muted);margin-left:6px;font-size:10px}.feature-editor .editor-code{height:410px;min-height:0;padding-block:25px;overflow:auto}.feature-editor .code-line{font-size:12px;line-height:2}.feature-editor .editor-output{min-height:92px}.editor-caption a{color:var(--accent-ink);flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.editor-caption a:hover{text-underline-offset:5px;text-decoration:underline}.feature-panel-enter-active,.feature-panel-leave-active{transition:opacity .3s var(--ease), transform .3s var(--ease)}.feature-panel-enter-from{opacity:0;transform:translateY(12px)}.feature-panel-leave-to{opacity:0;transform:translateY(-8px)}.feature-description-enter-active,.feature-description-leave-active,.code-swap-enter-active,.code-swap-leave-active{transition:opacity .23s var(--ease), transform .3s var(--ease)}.feature-description-enter-from,.code-swap-enter-from{opacity:0;transform:translateY(8px)}.feature-description-leave-to,.code-swap-leave-to{opacity:0;transform:translateY(-6px)}.panel-switch-enter-active{transition:opacity .4s var(--ease), transform .5s var(--ease)}.panel-switch-leave-active{pointer-events:none;transition:opacity .23s, transform .3s var(--ease);position:absolute;inset:0}.panel-switch-enter-from{opacity:0;transform:translateY(16px)}.panel-switch-leave-to{opacity:0;transform:translateY(-10px)}.dce-panel{min-height:615px}.dce-steps{grid-template-columns:repeat(4,minmax(0,1fr));padding:26px 18px 20px;display:grid}.dce-steps button{color:var(--editor-muted);text-align:center;flex-direction:column;align-items:center;gap:11px;padding:0 4px;font-size:12px;line-height:1.6;transition:color .5s;display:flex;position:relative}.dce-steps button>span{z-index:1;background:var(--editor-bg);border:1px solid var(--editor-line);width:28px;height:28px;font:11px var(--mono-font);place-items:center;transition:border-color .5s,background-color .5s;display:grid;position:relative}.dce-steps button:not(:last-child):after{content:"";background:var(--editor-line);height:1px;position:absolute;top:14px;left:60%;right:-40%}.dce-steps button.current{color:#fff}.dce-steps button.current>span{background:var(--accent);border-color:var(--accent)}.dce-steps button.complete{color:#fff}.dce-steps button.complete:after{background:#788cff}.dce-graph{flex-direction:column;gap:8px;margin:6px 25px 24px;padding-block:5px;display:flex;position:relative;overflow:hidden}.dce-symbol{border:1px solid var(--editor-line);background:var(--editor-bg);min-height:42px;transition:opacity .75s,border-color .75s,background-color .75s;transition-delay:calc(var(--node-index) * 55ms);align-items:center;gap:11px;padding:11px 13px;display:flex;position:relative}.dce-symbol>code{color:var(--editor-ink);font-size:12px}.symbol-status{border:1px solid var(--editor-line);width:17px;height:17px;color:var(--editor-muted);flex-shrink:0;place-items:center;transition:color .5s,background-color .5s;display:grid}.symbol-status>svg,.symbol-status>span{opacity:.2;transition:opacity .5s}.symbol-role{font:10px var(--mono-font);color:var(--editor-muted);margin-left:auto}.dce-panel:not([data-phase="0"]) .kept{border-color:#8294ff}.dce-panel:not([data-phase="0"]) .kept .symbol-status{color:#fff;background:var(--accent);border-color:var(--accent)}.dce-panel:not([data-phase="0"]) .kept .symbol-status>svg{opacity:1}.dce-panel[data-phase="2"] .removed{border-style:dashed}.dce-panel[data-phase="2"] .removed .symbol-status>span{opacity:1}.dce-panel[data-phase="3"] .removed{opacity:.28}.dce-panel[data-phase="3"] .removed>code{text-decoration:line-through}.dce-scan{top:calc(var(--motion-progress) * 100%);z-index:2;pointer-events:none;opacity:0;background:#788cff;height:2px;position:absolute;left:0;right:0}.dce-panel[data-phase="1"] .dce-scan,.dce-panel[data-phase="2"] .dce-scan{opacity:1}.dce-result{border-top:1px solid var(--editor-line);color:#a4b5ff;align-items:center;gap:13px;padding:22px 24px;display:flex}.dce-result strong{color:#fff;font-size:14px;font-weight:600;display:block}.dce-result p{color:var(--editor-muted);margin-top:9px;font-size:12px;line-height:1.8}.dce-count{font:500 25px var(--display-font);color:#fff;white-space:nowrap;margin-left:auto}.mosp-pipeline li{animation:pipeline-stage var(--flow-period) linear infinite;animation-delay:calc((var(--pipeline-step,0) - 4) * (var(--flow-period) / 4))}.mosp-pipeline li:nth-child(2){--pipeline-step:1}.mosp-pipeline li:nth-child(3){--pipeline-step:2}.mosp-pipeline li:nth-child(4){--pipeline-step:3}@keyframes pipeline-stage{0%{border-top-color:var(--accent-ink);background-color:rgb(var(--accent-ink-rgb) / .09)}7%{border-top-color:var(--accent-ink);background-color:rgb(var(--accent-ink-rgb) / .15)}25%,to{background-color:rgb(var(--accent-ink-rgb) / 0);border-top-color:#0000}}@media (width<=1050px){.feature-explainer{min-height:185px}.dci-provider-bar{align-items:flex-start}.provider-contract{max-width:60%;font-size:10px}.dce-graph{margin-inline:18px}.dce-result{padding-inline:18px}.dce-steps{padding-inline:12px}}@media (width<=760px){.feature-tab-index{display:none}.feature-explainer{min-height:0;margin-top:23px}.feature-explainer>h3{font-size:19px}.feature-explainer>p{font-size:15px}.dci-case-list{margin-top:20px}.dci-case-list button{min-height:67px}.feature-flow{margin-top:20px}.core-features .code-footnote{margin-top:19px;font-size:14px}.feature-editor .editor-code{height:360px}.source-files button{padding:14px 13px;font-size:11px}.source-files small{font-size:10px}.dci-provider-bar{gap:9px;padding:13px}.provider-toggle button{padding:7px 10px;font-size:12px}.provider-contract{gap:5px}.feature-editor .code-line{font-size:12px}.dce-panel{min-height:615px}.dce-steps button{font-size:11px}.dce-symbol>code{font-size:12px}.symbol-role{font-size:10px}.dce-result p{font-size:12px}.dce-count{font-size:22px}}@media (width<=420px){.source-files button{padding-inline:10px}.provider-contract{display:none}.feature-editor .line-number{width:34px;padding-right:10px}.dce-graph{margin-inline:13px}.dce-symbol{gap:8px;padding-inline:9px}.symbol-role{display:none}.dce-result{gap:9px;padding-inline:13px}.dce-result>svg{display:none}.dce-count{font-size:20px}.dce-steps{padding-inline:8px}.dce-steps button{font-size:11px}}.motion-paused *,.motion-paused :before,.motion-paused :after{animation-play-state:paused!important}.motion-paused .reveal{transition:none}[data-motion=reduced] .reveal{opacity:1;transform:none}[data-motion=reduced] .flow-packet,[data-motion=reduced] .dce-scan{display:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.motion-ready .reveal{opacity:1;transform:none}.flow-packet,.dce-scan{display:none}}[data-motion=running] .compile-stage>strong{animation:compile-stage-focus var(--flow-period) var(--ease) infinite;animation-delay:calc(var(--stage-index,0) * -1.6s)}@keyframes compile-stage-focus{0%,68%,to{opacity:.72;transform:translateY(0)}76%{opacity:1;transform:translateY(-2px)}84%{opacity:.72;transform:translateY(0)}}[data-motion=running] .contract-node>svg{animation:contract-icon-turn var(--flow-period) linear infinite}@keyframes contract-icon-turn{0%,45%,to{transform:rotate(0)}58%{transform:rotate(8deg)}72%{transform:rotate(-5deg)}}@media (prefers-reduced-motion:reduce){.compile-stage>strong,.contract-node>svg{animation:none!important}}