:root{--mono: "IBM Plex Mono", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", ui-monospace, SFMono-Regular, Menlo, monospace;--serif: "Source Serif 4", "Source Han Serif SC", "Noto Serif CJK SC", "Songti SC", Georgia, serif;--line: color-mix(in oklab, var(--dim) 28%, transparent);--bar: color-mix(in oklab, var(--raised) 92%, var(--text));--t--1: .8125rem;--t-0: 1rem;--t-1: 1.2rem;--t-2: 1.5rem;--t-3: 2rem;--t-4: 3rem;--gutter: clamp(1.25rem, 5vw, 3rem);--page: 1184px;--band: clamp(4.5rem, 9vw, 8rem);--nav-height: 5.5rem;--radius: 6px;--feedback: .16s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-height) + 1.5rem)}body{margin:0;background:var(--ground);color:var(--text);font:1rem/1.6 var(--mono);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,ul,ol,dl,dd,figure,pre{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.08;text-wrap:balance}h3,h4{font-family:var(--mono);font-weight:500;line-height:1.4}h1 em,h2 em{color:var(--presence);font-weight:400}:lang(zh) h1,:lang(zh) h2{letter-spacing:-.025em;line-height:1.3}:lang(zh) h1 em,:lang(zh) h2 em{font-style:normal}img,svg,canvas{max-width:100%}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--mode);text-underline-offset:.25em;text-decoration-thickness:1px;transition:color var(--feedback),background var(--feedback)}a:hover{color:var(--presence)}:focus-visible{outline:2px solid var(--presence);outline-offset:5px;border-radius:2px}::selection{background:color-mix(in oklab,var(--presence) 25%,transparent)}code,kbd,samp,pre{font-family:var(--mono);font-size:.875em}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:.75rem;left:1rem;z-index:100;padding:.75rem 1rem;background:var(--text);color:var(--ground);transform:translateY(-200%)}.skip-link:focus{transform:none}.wrap{width:min(100% - var(--gutter) * 2,var(--page));margin-inline:auto}.eyebrow,.label{font-family:var(--mono);font-size:.6875rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--dim)}.eyebrow{display:flex;align-items:center;gap:.65rem;margin-bottom:1.5rem}.signal{width:6px;height:6px;background:var(--presence);flex-shrink:0}.lede{font:1.25rem/1.65 var(--serif);color:var(--dim);max-width:62ch;text-wrap:pretty}.cite{font:.75em var(--mono);color:var(--dim);white-space:nowrap}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.75rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:2rem;padding:.875rem 1.25rem;min-height:48px;border-radius:3px;background:var(--presence);color:var(--ground);font:500 .8125rem/1.5 var(--mono);text-decoration:none}.button:hover{background:var(--text);color:var(--ground)}.button--small{min-height:40px;padding:.6rem 1rem;gap:1rem;background:var(--text);color:var(--ground);font-size:.75rem}.button--small:hover{background:var(--presence);color:var(--ground)}.text-link{display:inline-flex;align-items:center;gap:1rem;min-height:44px;color:var(--text);text-decoration:none;font:.75rem/1.5 var(--mono)}.text-link>span{color:var(--presence)}.text-link:hover{color:var(--presence)}.nav{position:sticky;top:0;z-index:20;background:var(--ground);border-bottom:1px solid var(--line)}.nav--quiet{position:relative;border:0}.nav__bar{display:flex;align-items:center;gap:2rem;min-height:var(--nav-height)}.nav__mark{display:inline-flex;align-items:center;gap:.5rem;color:var(--text);font:500 1.65rem/1 var(--mono);letter-spacing:-.09em;text-decoration:none;min-height:44px}.nav__mark .brand-mark{color:var(--presence);width:28px;height:28px;margin-right:.2rem;flex-shrink:0}.nav__links{display:flex;align-items:center;gap:1.75rem;margin-left:auto}.nav__links>a{color:var(--dim);font-size:.75rem;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.nav__links>a:hover,.nav__links>a[aria-current]{color:var(--text)}.nav__tools{display:flex;align-items:center;gap:.25rem}.nav__language,.nav__theme{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;color:var(--dim);background:none;text-decoration:none;font:.75rem var(--mono)}.nav__theme:hover,.nav__language:hover{color:var(--presence)}.nav__theme svg{width:17px;height:17px}.nav__theme .theme-light{display:var(--art-dark)}.nav__theme .theme-dark{display:var(--art-light)}.nav__tools:before{content:"";width:1px;height:16px;background:var(--line);margin-right:.65rem}.hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,4vw,3rem);align-items:center;padding-block:clamp(3.5rem,7vw,6.5rem) 5rem}.hero__copy{padding-bottom:1.75rem}.hero h1{font-size:clamp(3.75rem,5.7vw,5.1rem)}.hero__lede{max-width:36ch;margin-top:1.75rem;font:1.2rem/1.65 var(--serif);text-wrap:pretty}.hero .actions{margin-top:2rem}.hero__note{color:var(--dim);font:.6875rem/1.6 var(--mono);margin-top:1.35rem}:lang(zh) .hero h1{font-size:clamp(3rem,4.7vw,4.25rem)}:lang(zh) .hero__lede{font-size:1.0625rem;line-height:1.9}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5rem;padding-block:2.5rem 4.5rem;border-top:1px solid var(--line)}.principles h2{font-size:1.875rem;letter-spacing:-.03em}.principles p{font:1.0625rem/1.7 var(--serif);color:var(--dim);margin-top:.85rem;max-width:35ch}.principles .text-link{margin-top:1rem}.section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:4rem;align-items:end}.section-heading h2,.get-started h2{font-size:clamp(2.5rem,4.3vw,4rem)}.section-heading__aside{max-width:40ch;font:1.125rem/1.75 var(--serif);color:var(--dim)}.section-heading__aside .text-link{margin-top:1rem}.architecture{padding-block:var(--band);background:var(--raised)}.architecture__body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:4rem;margin-top:4rem}.system-map{display:flex;flex-direction:column;align-items:center;padding:2rem clamp(1rem,4vw,3rem);background:var(--ground);border-radius:var(--radius)}.system-map__edge{text-align:center}.system-map__edge p{color:var(--text);font-size:.6875rem;margin-top:.4rem}.system-map__connector{color:var(--presence);font-size:1.25rem;padding:.7rem}.system-map__kernel{padding:1.25rem 1.5rem;width:100%;text-align:center;background:var(--raised);border:1px solid var(--line);border-radius:3px}.system-map__kernel>.brand-mark{color:var(--presence);width:24px;height:24px;vertical-align:middle;margin-right:.5rem}.system-map__kernel strong{font-weight:500;font-size:1rem}.system-map__kernel p{color:var(--dim);font-size:.625rem;margin-top:.6rem}.system-map figcaption{font:italic .9375rem var(--serif);color:var(--dim);margin-top:1.5rem}.architecture__notes{display:grid;gap:2rem}.architecture__notes h3{font-size:.875rem}.architecture__notes p{color:var(--dim);font:1.0625rem/1.7 var(--serif);margin-top:.55rem}.extensions{padding-block:var(--band)}.extensions__body{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-top:3rem}.extensions__list{display:grid}.extensions__list>a{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;text-decoration:none;color:var(--text);padding:1.5rem 0}.extensions__list>a+a{border-top:1px solid var(--line)}.extensions__list h3{font-size:.875rem}.extensions__list p{color:var(--dim);font:1.0625rem/1.65 var(--serif);margin-top:.5rem;max-width:38ch}.extensions__list>a>span{color:var(--presence);transition:transform var(--feedback)}.extensions__list>a:hover>span{transform:translate(2px,-2px)}.extensions__list>a:hover h3{color:var(--presence)}.code-example{min-width:0}.code-example figcaption{font-size:.6875rem;color:var(--dim);padding:1rem 1.25rem;background:var(--raised);border-radius:var(--radius) var(--radius) 0 0}.code-example .astro-code{border-radius:0;padding-top:1.5rem;padding-bottom:1.5rem}.code-example__out{padding:1rem 1.25rem;border-radius:0 0 var(--radius) var(--radius);background:var(--raised);color:var(--dim);font-size:.8125rem}.code-example__out>span{color:var(--presence);margin-right:.75rem}.get-started{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:5rem;padding-block:4rem 5.5rem;border-top:1px solid var(--line)}.get-started__intro>p:not(.eyebrow){max-width:32ch;margin-top:1.25rem;color:var(--dim);font:1.125rem/1.75 var(--serif)}.get-started__intro>.get-started__requirements{font:.6875rem/1.7 var(--mono)!important;margin-top:2rem!important}.get-started__intro>.text-link{margin-top:.75rem}.install-steps{list-style:none;padding:0;display:grid;gap:1.5rem;min-width:0}.install-steps__title{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.65rem}.install-steps__title>span{font-size:.625rem;color:var(--presence)}.install-steps h3{font-size:.75rem}.install-steps li{min-width:0}.install-steps li>p{color:var(--dim);font:.8125rem/1.7 var(--serif);margin-top:.65rem}.signoff{padding-block:3.5rem 4rem;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:3rem}.signoff>.pixel-mark{color:var(--presence);width:clamp(200px,34vw,420px)}.signoff>div{text-align:right}.signoff p{font:1.35rem/1.5 var(--serif)}.signoff .text-link{margin-top:.5rem}.astro-code{background:var(--raised)!important;border-radius:var(--radius);padding:1.15rem 1.25rem;overflow-x:auto;font-size:.75rem;line-height:1.85;tab-size:2}.astro-code code{font-size:inherit}.astro-code,.astro-code span{color:var(--shiki-dark);font-style:var(--shiki-dark-font-style, inherit)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .astro-code,:root:not([data-theme=dark]) .astro-code span{color:var(--shiki-light);font-style:var(--shiki-light-font-style, inherit)}}:root[data-theme=light] .astro-code,:root[data-theme=light] .astro-code span{color:var(--shiki-light);font-style:var(--shiki-light-font-style, inherit)}.copy{position:relative;min-width:0}.copy .astro-code{padding-top:2.75rem}.copy__btn{position:absolute;top:.35rem;right:.5rem;min-height:32px;padding:.25rem .6rem;border:0;border-radius:3px;background:var(--ground);color:var(--dim);font:.625rem var(--mono)}.copy__btn:hover{color:var(--text)}.copy__btn[data-state=success]{color:var(--good)}.copy__btn[data-state=error]{color:var(--bad)}.copy__status{min-height:1.5em;font:.6875rem/1.5 var(--mono);color:var(--bad);margin-top:.5rem}.term{--term-pad: 1.25rem;padding:var(--term-pad);background:var(--raised);border-radius:var(--radius);font-size:.8125rem;line-height:1.75;overflow:hidden}.row{display:grid;grid-template-columns:2ch minmax(0,1fr);min-height:1.75em;white-space:pre-wrap;overflow-wrap:anywhere}.row__g{grid-column:1;color:var(--dim)}.row__t{grid-column:2;color:var(--text)}.row--result{grid-template-columns:2ch 3ch minmax(0,1fr)}.row--result .row__g{grid-column:2}.row--result .row__t{grid-column:3;color:var(--dim)}.row--user{background:var(--bar);margin-inline:calc(-1 * var(--term-pad));padding-inline:var(--term-pad)}.row--say .row__g{color:var(--presence)}.row--tool b{font-weight:500}.row[data-state=good] .row__g{color:var(--good)}.row[data-state=bad] .row__g{color:var(--bad)}.term__box{display:flex;gap:.7ch;align-items:center;margin-top:1rem;padding:.5rem .75rem;border:1px solid var(--line);border-radius:3px;color:var(--dim)}.term__cursor{width:.55ch;height:1em;background:var(--text)}.term__status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:.75rem;color:var(--dim);font-size:.6875rem}.term__mode{color:var(--mode)}.term__mode .hint{color:var(--dim)}.prose{font:1.125rem/1.8 var(--serif);max-width:70ch;overflow-wrap:break-word}.prose>*+*{margin-top:1.2em}.prose h2,.prose h3,.prose h4{font-family:var(--mono);font-weight:500;letter-spacing:-.025em;line-height:1.4}.prose h2{font-size:1.375rem;margin-top:2.75em}.prose h3{font-size:1.125rem;margin-top:2em}.prose h4{font-size:1rem;margin-top:1.75em}.prose ul,.prose ol{padding-left:1.35em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--dim)}.prose :not(pre)>code{background:var(--raised);border-radius:3px;padding:.1em .3em;font-size:.8em;overflow-wrap:anywhere}.prose blockquote{margin:1.75em 0;padding-left:1.25em;border-left:2px solid var(--presence);color:var(--dim)}.prose hr{margin-block:2.5em;border:0;border-top:1px solid var(--line)}.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font:.75rem/1.8 var(--mono);text-align:left}.prose th{border-bottom:1px solid var(--line);padding:.65rem 1rem .65rem 0;color:var(--dim);font-weight:500}.prose td{border-bottom:1px solid var(--line);padding:.65rem 1rem .65rem 0;vertical-align:top}:lang(zh) .prose{line-height:1.95;font-size:1.0625rem}.lost{padding-block:5rem;min-height:65vh}.lost__mascot{width:7rem;height:7rem;margin-bottom:1.5rem}.lost__head{font-size:6rem;margin-bottom:1rem}.lost .term{max-width:46rem;margin-top:2rem}.hero__links{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;font-size:.875rem}.hero__links a{min-height:44px}.band__head{font-size:2.5rem}.foot{border-top:1px solid var(--line);padding-block:1.75rem 2.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem 2rem;color:var(--dim);font-size:.625rem}.foot__links{display:flex;align-items:center;gap:1.75rem}.foot a{display:inline-flex;align-items:center;min-height:32px;color:var(--dim);text-decoration:none}.foot a:hover{color:var(--presence)}.foot__tagline{padding-top:.4rem}@media(max-width:64rem){.nav__bar,.nav__links{gap:1.25rem}.hero{grid-template-columns:1fr;gap:2rem}.hero h1{font-size:4.5rem}.hero__lede{font-size:1.125rem}.principles{gap:2rem}.section-heading,.architecture__body,.extensions__body,.get-started{gap:3rem}}@media(max-width:50rem){:root{--nav-height: 4.5rem}.nav__why,.nav__github{display:none!important}.nav__bar{gap:.75rem}.nav__tools:before{display:none}.nav__links{gap:.75rem}.hero{grid-template-columns:1fr;padding-block:2.75rem 3rem;gap:2.5rem}.hero__copy{padding-bottom:0}.hero h1{font-size:clamp(3.5rem,10vw,5rem)}:lang(zh) .hero h1{font-size:clamp(2.875rem,9vw,4.5rem)}.hero__lede{max-width:44ch}.principles{gap:1.75rem}.principles h2{font-size:1.5rem}.principles p{font-size:1rem}.section-heading{grid-template-columns:1fr;gap:1.5rem}.section-heading__aside{max-width:52ch}.architecture__body{gap:2rem}.extensions__body,.get-started{grid-template-columns:1fr;gap:2.5rem}.get-started__intro>p:not(.eyebrow){max-width:50ch}.extensions__list p{max-width:55ch}}@media(max-width:35rem){.nav__bar{gap:.5rem}.nav__mark{font-size:1.4rem}.nav__cta{display:none}.nav__links{gap:.5rem}.nav__tools{gap:0}.hero .eyebrow{font-size:.625rem;letter-spacing:.045em}.hero .actions{gap:.5rem 1.25rem}.principles{grid-template-columns:1fr;gap:2rem;padding-block:2rem 3.5rem}.principles h2{font-size:1.75rem}.principles p{max-width:45ch}.principles .text-link{margin-top:.5rem}.architecture__body{grid-template-columns:1fr;margin-top:2.5rem;gap:2.5rem}.architecture__notes{gap:1.75rem}.section-heading h2,.get-started h2{font-size:2.5rem}.signoff{flex-direction:column;align-items:start;gap:2rem}.signoff>.pixel-mark{width:260px}.signoff>div{text-align:left}.foot{flex-direction:column;gap:.5rem}.term__mode .hint{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
