*,*::before,*::after{box-sizing:border-box}
*{margin:0}
:root{
  --paper:#efebe2;--paper-2:#e7e1d5;--ink:#19191b;--muted:#65615b;--line:#c8c0b3;
  --panel:#171719;--panel-2:#222225;--panel-text:#f0ede7;--orange:#d8792b;
  --purple:#6556d8;--green:#25855d;--blue:#3275c7;--red:#ba4b43;
  --display:"Avenir Next","Helvetica Neue",Helvetica,sans-serif;
  --body:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Avenir Next",sans-serif;
  --mono:"SFMono-Regular","Cascadia Code",Menlo,Consolas,monospace;
}
html{scroll-behavior:smooth;background:var(--paper)}
body{min-width:320px;background:var(--paper);color:var(--ink);font:16px/1.7 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-underline-offset:.18em} img{display:block;max-width:100%;height:auto}
button,a,summary{touch-action:manipulation}
:focus-visible{outline:3px solid color-mix(in srgb,var(--purple) 70%,transparent);outline-offset:3px}
.skip-link{position:absolute;top:-80px;left:1rem;z-index:100;background:var(--ink);color:var(--paper);padding:.7rem 1rem}
.skip-link:focus{top:.8rem}

.docs-header{height:64px;padding:0 clamp(1rem,3vw,2.5rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 94%,transparent);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.docs-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font:700 1rem/1 var(--display)}
.docs-brand img{width:28px;height:28px}.docs-brand em{font:700 .66rem/1 var(--mono);font-style:normal;color:var(--purple);letter-spacing:.08em;text-transform:uppercase;padding:.27rem .38rem;border:1px solid var(--line)}
.docs-header nav{display:flex;align-items:center;gap:1.1rem;font-size:.76rem;font-weight:650}.docs-header nav a{text-decoration:none;color:var(--muted)}.docs-header nav a:hover{color:var(--ink)}
.docs-header .github-link{border:1px solid var(--ink);padding:.36rem .62rem;color:var(--ink)}

.docs-layout{display:grid;grid-template-columns:264px minmax(0,850px);gap:clamp(2.5rem,6vw,6.5rem);width:min(1240px,calc(100% - 56px));margin:0 auto;align-items:start}
.docs-sidebar{position:sticky;top:64px;max-height:calc(100vh - 64px);overflow:auto;padding:2.4rem 0 3rem;border-right:1px solid var(--line);scrollbar-width:thin}
.chapter-nav{display:grid;gap:.15rem;padding-right:1.4rem}.chapter-nav a{display:grid;grid-template-columns:2.1rem 1fr;align-items:center;min-height:38px;padding:.35rem .55rem;text-decoration:none;font-weight:650;font-size:.82rem}.chapter-nav a:hover{background:var(--paper-2)}.chapter-nav span{font:600 .62rem/1 var(--mono);color:var(--orange)}
body[data-section="quickstart"] .chapter-nav a:nth-child(1),body[data-section="concepts"] .chapter-nav a:nth-child(2),body[data-section="metrics"] .chapter-nav a:nth-child(3),body[data-section="guides"] .chapter-nav a:nth-child(4),body[data-section="troubleshooting"] .chapter-nav a:nth-child(5){background:var(--ink);color:var(--paper)}
.side-group{display:grid;gap:.1rem;margin:1.7rem 1.4rem 0 0;padding-top:1rem;border-top:1px solid var(--line)}.side-group strong{margin:0 .55rem .4rem;color:var(--muted);font:700 .63rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase}.side-group a{padding:.3rem .55rem;text-decoration:none;color:var(--muted);font-size:.76rem}.side-group a:hover{color:var(--ink);background:var(--paper-2)}
.mobile-chapters{display:none}

.docs-content{min-width:0;padding:clamp(3.5rem,7vw,6.5rem) 0 7rem}
.doc-hero{padding-bottom:clamp(2.6rem,6vw,5rem);border-bottom:1px solid var(--line)}
.doc-kicker{display:flex;align-items:center;gap:.65rem;color:var(--muted);font:700 .7rem/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}.doc-kicker::before{content:"";width:24px;height:2px;background:var(--orange)}
h1,h2,h3{font-family:var(--display);line-height:1.12;letter-spacing:-.035em}
h1{margin:.85rem 0 1.25rem;font-size:clamp(2.8rem,7vw,5.7rem);font-weight:650;max-width:11ch}
h2{font-size:clamp(1.85rem,4vw,3rem);font-weight:630;max-width:18ch}
h3{font-size:1.1rem;font-weight:680;letter-spacing:-.02em}
.doc-lead{max-width:48rem;color:var(--muted);font-size:clamp(1.02rem,1.7vw,1.2rem);line-height:1.65}
.hero-badges{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.4rem}.hero-badges span,.pill{border:1px solid var(--line);padding:.32rem .48rem;font:650 .65rem/1 var(--mono);color:var(--muted);background:color-mix(in srgb,var(--paper-2) 65%,transparent)}
.pill.experimental{border-color:color-mix(in srgb,var(--purple) 45%,var(--line));color:var(--purple)}

.docs-content>section{padding:clamp(3.3rem,7vw,5.5rem) 0;border-bottom:1px solid var(--line);scroll-margin-top:88px}
.docs-content section>h2{margin-bottom:1.6rem}.docs-content section>p{max-width:68ch;color:var(--muted);margin-top:1rem}.docs-content section>p:first-of-type{margin-top:0}.section-lead{font-size:.9rem}
.docs-content p a,.metric-card dd a{color:var(--purple)}
code{font-family:var(--mono);font-size:.88em;background:color-mix(in srgb,var(--ink) 7%,transparent);padding:.1em .28em;overflow-wrap:anywhere}
pre{overflow:auto;margin:1.5rem 0;padding:1.2rem;background:var(--panel);color:var(--panel-text);border-left:4px solid var(--purple)}pre code{background:transparent;padding:0;color:inherit;white-space:pre-wrap}

.steps{list-style:none;counter-reset:step;display:grid;gap:0;padding:0;border-top:1px solid var(--line)}
.steps li{counter-increment:step;display:grid;grid-template-columns:52px minmax(0,1fr);padding:1.25rem 0;border-bottom:1px solid var(--line)}.steps li::before{content:counter(step,decimal-leading-zero);font:650 .75rem/1.6 var(--mono);color:var(--purple)}.steps strong{grid-column:2;font-size:.98rem}.steps p{grid-column:2;color:var(--muted);font-size:.88rem;margin-top:.28rem;max-width:64ch}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid article{min-width:0;padding:1.25rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.card-grid article h3{margin:.7rem 0 .55rem}.card-grid article p{color:var(--muted);font-size:.83rem}.card-index{font:650 .65rem/1 var(--mono);color:var(--orange)}
.checks{list-style:none;padding:0;border-top:1px solid var(--line)}.checks li{position:relative;padding:.72rem .2rem .72rem 2rem;border-bottom:1px solid var(--line);font-size:.9rem}.checks li::before{content:"↳";position:absolute;left:.25rem;color:var(--purple);font-family:var(--mono)}
.callout,.principle{margin:2rem 0 0;padding:1.2rem 1.35rem;background:#e5ddf0;border-left:4px solid var(--purple)}.callout.warning{background:#e7d6bf;border-color:var(--orange)}.callout strong,.principle strong{font-size:.88rem}.callout p,.principle p{margin-top:.3rem;color:var(--muted);font-size:.84rem}

.doc-shot{margin:clamp(2.5rem,6vw,5rem) 0 0;background:var(--panel);border:1px solid #303035;padding:9px}.doc-shot img{width:100%;max-height:580px;object-fit:cover;object-position:top}.doc-shot figcaption{padding:.65rem .3rem .15rem;color:#aaa6af;font:500 .68rem/1.4 var(--mono)}
.flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:.8rem}.flow span{padding:.75rem;background:var(--panel);color:var(--panel-text);font-size:.78rem;text-align:center}.flow b{font:600 .62rem/1.4 var(--mono);color:var(--muted);text-align:center}.flow b::after{content:" →";color:var(--purple)}
.concept-index,.next-links{display:flex;gap:.6rem;flex-wrap:wrap;padding-top:2.2rem}.concept-index a,.next-links a{padding:.55rem .75rem;border:1px solid var(--line);text-decoration:none;font-size:.78rem;font-weight:650}.concept-index a:hover,.next-links a:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}

.metric-list{display:grid;gap:1rem}.metric-card{scroll-margin-top:84px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 72%,white)}.metric-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem;background:var(--panel);color:var(--panel-text)}.metric-card>header h3{margin-top:.5rem;font-size:1.3rem}.metric-status{font:650 .62rem/1 var(--mono);color:#b7b1a9;letter-spacing:.05em;text-transform:uppercase}.metric-card.experimental>header{background:#201d30}.anchor-link{color:#8f88da;text-decoration:none;font:500 1rem/1 var(--mono)}
.metric-card dl>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:1rem;padding:.78rem 1.25rem;border-top:1px solid var(--line)}.metric-card dt{color:var(--muted);font:650 .67rem/1.6 var(--mono)}.metric-card dd{font-size:.86rem}

.table-scroll{max-width:100%;overflow-x:auto;margin-top:1rem;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;min-width:620px;font-size:.82rem}th,td{text-align:left;vertical-align:top;padding:.75rem;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}th:last-child,td:last-child{border-right:0}th{background:var(--paper-2);font:700 .66rem/1.3 var(--mono);letter-spacing:.04em}tbody tr:last-child td{border-bottom:0}td:first-child{font-weight:650}.compact{min-width:0;width:auto;margin-top:1.4rem;border:1px solid var(--line)}
.command-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.command{min-width:0;padding:1.15rem;border:1px solid var(--line);scroll-margin-top:84px}.command h3 code{display:block;background:var(--panel);color:var(--panel-text);padding:.7rem;line-height:1.5}.command>p{margin:.8rem 0;color:var(--muted);font-size:.84rem}.command dl{display:grid;grid-template-columns:48px minmax(0,1fr);gap:.45rem .6rem;font-size:.76rem}.command dt{font-family:var(--mono);color:var(--muted)}.command dd{min-width:0}.command dd code{display:inline-block;max-width:100%;margin-bottom:.2rem}

footer{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem clamp(1rem,3vw,2.5rem);background:var(--panel);color:#898680;border-top:1px solid #343438;font:500 .65rem/1.5 var(--mono)}

@media(max-width:980px){
  .docs-layout{grid-template-columns:220px minmax(0,1fr);gap:2.5rem;width:min(100% - 36px,1050px)}
  .card-grid.three{grid-template-columns:1fr 1fr}.card-grid.three article:last-child{grid-column:1/-1}
  .command-list{grid-template-columns:1fr}
}
@media(max-width:760px){
  .docs-header{height:58px}.docs-header nav a:not(.github-link){display:none}.docs-header .github-link{padding:.3rem .5rem}
  .mobile-chapters{display:block;border-bottom:1px solid var(--line);background:var(--paper-2)}.mobile-chapters>summary{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;font-size:.8rem;font-weight:700;list-style:none}.mobile-chapters>summary::-webkit-details-marker{display:none}.mobile-chapters>summary::after{content:"+";font-family:var(--mono);color:var(--purple)}.mobile-chapters[open]>summary::after{content:"−"}.mobile-chapters .chapter-nav{padding:0 1rem .8rem}.mobile-chapters .chapter-nav a{border-top:1px solid var(--line)}
  .docs-layout{display:block;width:min(100% - 32px,850px)}.docs-sidebar{display:none}.docs-content{padding-top:3rem}
  h1{font-size:clamp(2.55rem,14vw,4.25rem)}
  .card-grid,.card-grid.three{grid-template-columns:1fr}.card-grid.three article:last-child{grid-column:auto}
  .flow{grid-template-columns:1fr}.flow b::after{content:" ↓"}
  .doc-shot img{max-height:none}
}
@media(max-width:520px){
  body{font-size:15px}.docs-layout{width:calc(100% - 24px)}.docs-content{padding-top:2.4rem;padding-bottom:4rem}
  .docs-brand em{display:none}.docs-header nav{gap:.5rem}
  .metric-card dl>div{grid-template-columns:1fr;gap:.25rem;padding:.75rem 1rem}.metric-card>header{padding:1rem}.metric-card>header h3{font-size:1.15rem}
  .steps li{grid-template-columns:40px minmax(0,1fr)}
  .concept-index,.next-links{display:grid}.concept-index a,.next-links a{text-align:center}
  footer{display:grid}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}