:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--ink:#f0f1f3;--white:#fff;--ink-secondary:#abb2bb;--muted:#959eaa;--ink-subtle:#7f8996;--ink-heading-muted:#89939f;--accent:#62c5ee;--accent-soft:color-mix(in srgb, var(--accent), var(--white) 65%);--accent-bright:color-mix(in srgb, var(--accent), var(--white) 45%);--ink-on-accent:#061117;--surface:#11171b;--surface-raised:#191a1b;--surface-floating:color-mix(in srgb, var(--surface) 72%, transparent);--line:#242b32;--line-strong:#35414d;--line-floating:color-mix(in srgb, var(--ink) 8%, transparent);--watermark-ink:#0c0d0f;--tick-muted:#515d69;--tick-ink:#707d88;--code-added:color-mix(in srgb, var(--accent), var(--ink-secondary) 55%);--code-removed:#b48389;--glow-soft:color-mix(in srgb, var(--accent) 10%, transparent);--glow-strong:color-mix(in srgb, var(--accent) 44%, transparent);--shadow-ink:#0009;--feature-ink:var(--ink);--feature-muted:var(--ink-secondary);--feature-line:#416070;--feature-accent:var(--accent);--feature-planet:#101e27;--feature-planet-shadow:0 20px 44px #000a;--font-ui:"Manrope", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display:var(--font-ui);--font-code:"IBM Plex Mono", "Noto Sans SC", "SFMono-Regular", Consolas, monospace;--header-height:100px;--header-motion:.48s;--ease-smooth:cubic-bezier(.22, 1, .36, 1);--weight-regular:400;--weight-medium:500;--weight-bold:700;--weight-display:800;--text-micro:.625rem;--text-label:.75rem;--text-small:.875rem;--text-body:1rem;--text-subtitle:1.125rem;--title-size:clamp(2.25rem, 3.8vw, 4.375rem);--title-tablet:clamp(1.875rem, 4vw, 2.625rem);--title-mobile:clamp(1.875rem, 7.6vw, 2.625rem);--title-mobile-latin:clamp(1.375rem, 6.1vw, 1.75rem);--title-compact:1.875rem;--title-static:2rem;--title-short:2.5rem;--closing-title-size:clamp(2rem, 3.4vw, 3.625rem);--closing-title-compact:2.125rem;--watermark-size:clamp(4.375rem, 15vw, 16.25rem);--watermark-mobile:20vw;--leading-solid:1;--leading-title:1.25;--leading-subtitle:1.55;--leading-body:1.85;--tracking-title:-.035em;--tracking-title-compact:-.025em;--tracking-subtitle:-.015em;--tracking-label:.06em;--tracking-brand:.1em;--tracking-eyebrow:.15em;--tracking-watermark:-.07em;--space-unit:.25rem;--space-1:var(--space-unit);--space-2:calc(var(--space-unit) * 2);--space-3:calc(var(--space-unit) * 3);--space-4:calc(var(--space-unit) * 4);--space-5:calc(var(--space-unit) * 5);--space-6:calc(var(--space-unit) * 6);--space-7:calc(var(--space-unit) * 7);--space-8:calc(var(--space-unit) * 8);--space-9:calc(var(--space-unit) * 9);--space-10:calc(var(--space-unit) * 10);--page-gutter:4.2%;--radius-control:.5rem;--radius-panel:.5rem;--radius-card:1rem;--radius-pill:999px;--radius-tick:2px;--blur-floating:18px;--shadow-workspace:0 0 90px var(--glow-soft);--shadow-floating:0 8px 32px var(--shadow-ink);--shadow-cursor:0 0 12px var(--glow-strong);--focus-outline:2px solid var(--accent);--focus-offset:5px;font-family:var(--font-ui);font-weight:var(--weight-regular);background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}::selection{background:var(--accent);color:var(--bg)}.skip-link{z-index:20;background:var(--white);color:var(--bg);padding:var(--space-4);position:fixed;top:-80px;left:24px}.skip-link:focus{top:20px}.header{height:var(--header-height);padding:0 var(--page-gutter);z-index:10;background:var(--bg);font-size:var(--text-label);letter-spacing:var(--tracking-brand);transition:transform var(--header-motion) var(--ease-smooth);will-change:transform;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto;transform:translateY(0)}.header.is-scrolling{transform:translateY(-100%)}.brand{align-items:center;gap:var(--space-3);font-size:var(--text-body);font-weight:var(--weight-bold);letter-spacing:var(--tracking-brand);display:flex}.brand img{width:28px;height:28px}.brand-light{font-weight:var(--weight-regular);color:var(--muted)}.header nav{gap:var(--space-9);color:var(--ink-secondary);display:flex}.header a:hover,.header button:hover{color:var(--accent)}.header-end{gap:var(--space-6);align-items:center;display:flex}#language{cursor:pointer;padding:var(--space-3);font-size:var(--text-label);background:0 0;border:0}.github{background-color:var(--surface-raised);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control)}.github span{padding-left:var(--space-4)}#journey{height:650svh}.stage{isolation:isolate;background:var(--bg);contain:layout;height:100svh;position:sticky;top:0;overflow:clip;transform:translateZ(0)}.story-surface{z-index:2;pointer-events:none;position:absolute;inset:0}.story-surface a{pointer-events:auto}.watermark{z-index:3;font-size:var(--watermark-size);letter-spacing:var(--tracking-watermark);line-height:var(--leading-solid);font-weight:var(--weight-display);color:var(--watermark-ink);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color .56s var(--ease-smooth);position:absolute;top:17%;left:50%;transform:translate(-50%)}.instrument{aspect-ratio:1;will-change:transform;z-index:5;width:min(40vw,55vh,570px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-wrap{will-change:transform;position:absolute;inset:6%}.compass-svg{width:100%;height:100%;overflow:visible}.compass-svg #path3{transform-origin:1310.7px 1310.7px;will-change:transform}.compass-svg #path4{will-change:opacity}.instrument-scale{pointer-events:none;position:absolute;inset:-6%}.dial-tick{--activity:0;position:absolute;inset:0}.dial-tick i{background:color-mix(in srgb, var(--tick-ink), var(--accent) calc(var(--activity) * 100%));width:1px;height:clamp(4px,.7vw,8px);opacity:calc(.38 + var(--activity) * .62);transform:translateX(-50%) scaleY(calc(1 + var(--activity) * 1.6));transform-origin:bottom;position:absolute;top:0;left:50%}.dial-tick.is-major i{width:2px;height:clamp(6px,1vw,12px)}.orbit{border:1px solid var(--line);border-radius:50%;position:absolute;inset:-1%}.bearing{color:var(--muted);font-size:var(--text-label);font-family:var(--font-ui);position:absolute}.north{color:var(--accent);top:-11%;left:50%;transform:translate(-50%)}.south{bottom:-11%;left:50%;transform:translate(-50%)}.east{top:50%;right:-11%;transform:translateY(-50%)}.west{top:50%;left:-11%;transform:translateY(-50%)}.chapter{z-index:4;visibility:hidden;opacity:0;position:absolute;inset:0}.chapter.is-active{visibility:visible;opacity:1}.chapter-copy{left:var(--page-gutter);z-index:6;width:26%;max-width:430px;position:absolute;top:35%}.chapter-copy>*{will-change:opacity, transform}.eyebrow{font-size:var(--text-label);font-family:var(--font-ui);letter-spacing:var(--tracking-eyebrow);color:var(--accent);margin:0 0 var(--space-6)}.chapter h1,.chapter h2{font-family:var(--font-display);font-size:var(--title-size);line-height:var(--leading-title);letter-spacing:var(--tracking-title);font-weight:var(--weight-medium);margin:0 0 var(--space-7)}.chapter h1 span,.chapter h2 span{color:var(--ink-heading-muted)}.description{font-size:var(--text-body);line-height:var(--leading-body);color:var(--ink-secondary);margin:0}.chapter-detail{right:var(--page-gutter);width:21%;max-width:290px;position:absolute;top:38%}.chapter--features .chapter-copy{color:var(--feature-ink)}.chapter--features .eyebrow{color:var(--feature-accent)}.chapter--features h2{color:var(--feature-ink)}.chapter--features h2 span,.chapter--features .description{color:var(--feature-muted)}.feature-system{z-index:2;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity;position:absolute;inset:0}.feature-labels{z-index:4;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity;position:absolute;inset:0}.feature-labels .feature-planet{box-shadow:none;background:0 0;border-color:#0000}.feature-labels .feature-planet:before{display:none}.feature-orbit{border:1px solid color-mix(in srgb, var(--feature-line) 72%, transparent);transform:translate(-50%, -50%) scale(var(--system-scale,1));will-change:transform;border-radius:50%;position:absolute;top:50%;left:50%}.feature-orbit--inner{aspect-ratio:1;width:min(76vw,90vh)}.feature-orbit--outer{aspect-ratio:1;opacity:.72;width:min(100vw,116vh)}.feature-planet{width:clamp(76px,7.2vw,112px);height:clamp(76px,7.2vw,112px);padding:var(--space-2);box-shadow:none;color:var(--feature-text,var(--feature-ink));text-align:center;pointer-events:auto;cursor:pointer;transform:translate(var(--planet-hover-offset,0px), var(--planet-hover-offset-y,0px)) translate(-50%, -50%) rotate(var(--planet-angle,0deg)) translateX(var(--planet-distance,220px)) rotate(calc(var(--planet-angle,0deg) * -1));transition:width .36s cubic-bezier(.22, 1, .36, 1), height .36s cubic-bezier(.22, 1, .36, 1), border-radius .36s ease, box-shadow .36s ease, background .36s ease, color .56s var(--ease-smooth);will-change:opacity, transform, width, height;background:0 0;border:1px solid #0000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}.feature-planet:before{content:"";background:var(--bg);z-index:0;border-radius:50%;position:absolute;inset:-1px}.feature-planet>*{z-index:1}.feature-planet strong{white-space:nowrap;max-width:none;margin-top:var(--space-2);font-size:var(--text-label);letter-spacing:.02em;line-height:1.15;display:block;position:relative}.feature-planet-detail{max-width:100%;max-height:0;color:var(--feature-text-muted,var(--feature-muted));font-size:var(--text-micro);opacity:0;transition:max-height .36s ease, margin-top .36s ease, opacity .24s ease, transform .36s ease, color .56s var(--ease-smooth);margin-top:0;line-height:1.35;display:block;position:relative;overflow:hidden;transform:translateY(6px)}.feature-planet.is-expanded{border-radius:var(--radius-card);width:clamp(180px,16vw,240px);height:clamp(96px,10vw,136px);box-shadow:var(--feature-planet-shadow);border-color:color-mix(in srgb, var(--feature-accent) 58%, transparent);background:radial-gradient(circle at 34% 28%, var(--surface-raised) 0%, var(--feature-planet) 72%, var(--surface) 100%);z-index:20}.feature-planet.is-expanded:before{display:none}.feature-planet.is-expanded strong{font-size:var(--text-label)}.feature-planet.is-expanded .feature-planet-detail{max-height:3.2em;margin-top:var(--space-2);opacity:1;transform:translateY(0)}.feature-planet:focus-visible{outline:2px solid var(--feature-accent);outline-offset:4px}.detail-index{font-size:var(--text-micro);font-family:var(--font-ui);letter-spacing:var(--tracking-label);color:var(--muted)}.chapter-detail h3{font-size:var(--text-subtitle);line-height:var(--leading-subtitle);font-weight:var(--weight-medium);letter-spacing:var(--tracking-subtitle);margin:var(--space-6) 0 var(--space-3)}.chapter-detail p{font-size:var(--text-small);color:var(--muted);line-height:var(--leading-body);margin:0 0 var(--space-6)}.context-tree{gap:var(--space-2);border-left:1px solid var(--line-strong);padding-left:var(--space-5);font-size:var(--text-label);font-family:var(--font-code);color:var(--ink-subtle);flex-direction:column;display:flex}.context-tree .accent{color:var(--accent);margin-top:var(--space-1)}.diff{font-size:var(--text-label);font-family:var(--font-ui);gap:var(--space-2);border-top:1px solid var(--line);padding-top:var(--space-4);flex-direction:column;display:flex}.diff>span{color:var(--ink-secondary);margin-bottom:var(--space-2)}.diff b{float:right;color:var(--accent);font-weight:var(--weight-regular)}.diff code{color:var(--code-added);font-family:var(--font-code)}.diff .removed{color:var(--code-removed)}.diff small{color:var(--ink-secondary);border:1px solid var(--line-strong);padding:var(--space-2) var(--space-3);margin-top:var(--space-2);width:max-content}.verification{gap:var(--space-4);font-size:var(--text-label);font-family:var(--font-ui);color:var(--accent);border-top:1px solid var(--line);padding-top:var(--space-5);flex-direction:column;display:flex}.verification>span{gap:var(--space-3);display:flex}.verification>span span{color:var(--ink-secondary)}.verification b{font-size:var(--text-micro);font-weight:var(--weight-regular);font-family:var(--font-code);margin-left:auto}.compass-caption{width:min(40vw,55vh,570px);font-size:var(--text-micro);font-family:var(--font-ui);letter-spacing:var(--tracking-brand);color:var(--ink-subtle);justify-content:space-between;display:flex;position:absolute;top:calc(50% + min(20vw,27.5vh,285px) + 50px);left:50%;transform:translate(-50%)}.compass-caption #angle{color:var(--accent);font-family:var(--font-code);font-variant-numeric:tabular-nums}.stage-bottom{bottom:100px;left:var(--page-gutter);right:var(--page-gutter);font-size:var(--text-label);color:var(--muted);justify-content:space-between;align-items:center;display:flex;position:absolute}.scroll-cue{align-items:center;gap:var(--space-3);display:flex}.destination{z-index:1;padding:130px 5% var(--space-10);opacity:0;visibility:hidden;will-change:clip-path;background:var(--bg);flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.destination-beams{z-index:0;opacity:.65;pointer-events:none;position:absolute;inset:0}.destination-copy{text-align:center;z-index:1}.destination .eyebrow{margin-bottom:var(--space-5)}.destination h2{font-family:var(--font-display);font-size:var(--closing-title-size);font-weight:var(--weight-medium);line-height:var(--leading-title);letter-spacing:var(--tracking-title);margin:0}.destination h2 span{color:var(--accent)}.destination-copy>p:not(.eyebrow){color:var(--ink-secondary);font-size:var(--text-small);line-height:var(--leading-body);margin:var(--space-5) auto}.actions{justify-content:center;align-items:center;gap:var(--space-7);font-size:var(--text-small);display:flex}.primary{align-items:center;gap:var(--space-6);background:var(--accent-soft);color:var(--ink-on-accent);padding:var(--space-4) var(--space-5);border-radius:var(--radius-control);display:flex}.primary:hover{background:var(--white)}.actions>a:last-child:hover{color:var(--accent)}.workspace{z-index:1;margin:var(--space-8) 0 0;border:1px solid var(--line-strong);border-radius:var(--radius-panel) var(--radius-panel) 0 0;width:min(850px,70vw);min-height:0;box-shadow:var(--shadow-workspace);flex-direction:column;display:flex;position:relative;overflow:hidden}.workspace-bar{padding:var(--space-3) var(--space-4);background:var(--surface);color:var(--muted);font-size:var(--text-micro);font-family:var(--font-ui);letter-spacing:var(--tracking-label);flex-shrink:0;justify-content:space-between;display:flex}.workspace img{object-fit:contain;object-position:top;width:100%;height:100%;min-height:0;display:block}@media (width>=1600px){.chapter-copy{left:7%}.chapter-detail{right:7%}}@media (width<=1000px){.header{height:80px}.brand{font-size:var(--text-label)}.header nav{gap:var(--space-5)}.header-end{gap:var(--space-3)}.instrument{width:min(39vw,49vh)}.chapter-copy{width:28%;top:33%}.chapter h1,.chapter h2{font-size:var(--title-tablet);letter-spacing:var(--tracking-title-compact)}.description{font-size:var(--text-small)}.chapter-detail{width:23%;top:36%}.chapter-detail h3{font-size:var(--text-body)}.chapter-detail p{font-size:var(--text-small)}.detail-index{font-size:var(--text-micro);letter-spacing:0}.context-tree{font-size:var(--text-micro)}.compass-caption{font-size:var(--text-micro);width:38vw;top:calc(50% + min(19.5vw,24.5vh) + 45px)}.destination{padding-top:105px}.workspace{width:80vw}}@media (width<=700px){:root{--page-gutter:6%}.header{height:72px;padding:0 var(--page-gutter)}.brand{font-size:var(--text-label);letter-spacing:var(--tracking-label);gap:var(--space-2)}.brand img{width:25px;height:25px}.brand-light,.header nav{display:none}.github{padding:var(--space-2) var(--space-3);font-size:var(--text-micro)}.github span{padding-left:var(--space-2)}.header-end{gap:var(--space-2)}.watermark{font-size:var(--watermark-mobile);top:29%}.chapter-copy{left:var(--page-gutter);width:88%;max-width:none;top:145px}.chapter--features .chapter-copy{width:42%;top:27%}.eyebrow{font-size:var(--text-micro);margin-bottom:var(--space-3)}.chapter h1,.chapter h2{font-size:var(--title-mobile);line-height:var(--leading-title);letter-spacing:var(--tracking-title-compact);margin-bottom:0}.description{width:45%;font-size:var(--text-label);line-height:var(--leading-body);position:absolute;top:25px;right:0}.chapter--features .description{width:auto;margin-top:var(--space-4);position:static}.instrument{width:min(60vw,32vh);top:52%}.compass-caption{width:60%;font-size:var(--text-micro);letter-spacing:var(--tracking-label);top:calc(52% + min(30vw,16vh) + 25px)}.chapter-detail{left:var(--page-gutter);right:var(--page-gutter);width:auto;max-width:none;top:auto;bottom:139px}.chapter-detail h3{font-size:var(--text-small);margin:0 0 var(--space-1)}.chapter-detail p{font-size:var(--text-label);margin:0}.chapter-detail p br{display:none}.feature-planet{width:68px;height:68px;padding:var(--space-1)}.feature-planet.is-expanded{width:min(184px,54vw);height:92px}.feature-planet strong{font-size:var(--text-micro)}.detail-index,.context-tree,.diff,.verification{display:none}.stage-bottom{bottom:83px;left:var(--page-gutter);right:var(--page-gutter);font-size:var(--text-label)}.scroll-symbol{width:22px;height:29px}.destination{padding:115px 6% var(--space-8)}.destination h2{font-size:var(--closing-title-compact)}.destination-copy>p:not(.eyebrow){font-size:var(--text-small);max-width:300px}.actions{font-size:var(--text-label);gap:var(--space-5)}.primary{padding:var(--space-4);gap:var(--space-4)}.workspace{width:100%;margin-top:var(--space-10);flex-shrink:1}.workspace-bar{font-size:var(--text-micro);padding:var(--space-3)}}@media (height<=700px) and (width>=701px){.header{height:70px}.stage-bottom{bottom:80px}.chapter-copy{top:29%}.chapter-detail{top:30%}.chapter h1,.chapter h2{font-size:var(--title-short);margin-bottom:var(--space-4)}.eyebrow{margin-bottom:var(--space-5)}.description{font-size:var(--text-small)}.chapter-detail p{margin-bottom:var(--space-4)}.instrument{width:45vh}.compass-caption{top:calc(50% + 22.5vh + 32px)}.destination{padding-top:90px}.destination h2{font-size:var(--closing-title-compact)}.destination-copy>p:not(.eyebrow){margin:var(--space-3) auto}.workspace{margin-top:var(--space-6);width:650px}.destination .eyebrow{margin-bottom:var(--space-3)}}@media (height<=740px) and (width<=700px){.chapter-copy{top:120px}.chapter h1,.chapter h2{font-size:var(--title-compact)}.instrument{width:27vh;top:52%}.compass-caption{top:calc(52% + 13.5vh + 18px)}.chapter-detail{bottom:124px}.stage-bottom{bottom:75px}.destination{padding-top:95px}.destination h2{font-size:var(--title-compact)}.workspace{margin-top:var(--space-6)}}@media (prefers-reduced-motion:reduce){.header{transition:none}*,:before,:after{scroll-behavior:auto!important}}@media (height<=500px){.workspace img{height:auto}.chapter h1,.chapter h2{font-size:var(--title-static)}.description{font-size:var(--text-small)}#journey{height:auto}.stage{height:auto;position:relative;overflow:visible}.story-surface{pointer-events:auto;position:relative;inset:auto}.watermark,.instrument,.compass-caption,.stage-bottom,.chapter-nav,.feature-system,.feature-labels,.progress{display:none}.chapters{padding-top:90px}.chapter{gap:var(--space-9);min-height:300px;padding:var(--space-8) var(--page-gutter);display:flex;position:relative;visibility:visible!important;opacity:1!important;transform:none!important}.chapter-copy,.chapter-detail{width:50%;max-width:none;position:static}.chapter-detail{display:block}.description{width:auto;margin-top:var(--space-4);position:static}.chapter-detail h3{margin-top:var(--space-8)}.destination{padding-top:100px;position:relative;inset:auto;visibility:visible!important;opacity:1!important;clip-path:none!important;transform:none!important}.stage{flex-direction:column;display:flex}.story-surface{order:0}.destination{order:1}}.instrument.is-revealing .compass-svg path{filter:none!important}@media (width<=700px){:lang(en) .chapter h1,:lang(en) .chapter h2{font-size:var(--title-mobile-latin);letter-spacing:var(--tracking-title-compact);width:49%}:lang(en) .chapter-detail p br{display:block}:lang(en) .stage-bottom{font-size:var(--text-micro);gap:var(--space-5)}}.chapter-nav{z-index:5;border:1px solid var(--line-floating);border-radius:var(--radius-pill);background:var(--surface-floating);width:min(380px,78vw);height:52px;-webkit-backdrop-filter:blur(var(--blur-floating));backdrop-filter:blur(var(--blur-floating));box-shadow:var(--shadow-floating);position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.ruler-track{pointer-events:none;--position:0;position:absolute;inset:12px 26px}.ruler-ticks{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.ruler-ticks i{--activity:0;background:color-mix(in srgb, var(--tick-muted), var(--accent) calc(var(--activity) * 100%));width:1px;height:7px;transform:scaleY(calc(1 + var(--activity) * 1.35));opacity:calc(.6 + var(--activity) * .4)}.ruler-ticks i.is-major{width:2px;height:13px}.ruler-cursor{left:calc(var(--position) * 100%);background:var(--accent-bright);border-radius:var(--radius-tick);width:2px;height:27px;box-shadow:var(--shadow-cursor);position:absolute;top:50%;transform:translate(-50%,-50%)}.ruler-input{opacity:0;cursor:ew-resize;touch-action:pan-y;width:calc(100% - 36px);height:100%;margin:0;position:absolute;inset:0 18px}.chapter-nav:has(.ruler-input:focus-visible){outline:var(--focus-outline);outline-offset:var(--focus-offset)}@media (width<=700px){.chapter-nav{height:46px;bottom:18px}.ruler-track{inset:10px 22px}.ruler-input{width:calc(100% - 28px);inset-inline:14px}}@media (prefers-reduced-motion:reduce){.dial-tick i{transform:translate(-50%)}.ruler-ticks i{transform:none}}@media (height<=500px){.chapter-nav{display:none}}