:root{--bg:#07080a;--fg:#f5f4ee;--dim:rgba(245,244,238,0.65);--faint:rgba(245,244,238,0.4);--accent:#9df7ff;--ok:#7dffb3;--err:#ff8f8f;--hairline:rgba(245,244,238,0.1);--panel:#0e1014;--panel-2:#12151c;--font:"Segoe UI",ui-sans-serif,system-ui,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:var(--font)}a{color:var(--accent)}main{padding:1.5rem 1.25rem 3rem;max-width:920px}.panel{background:var(--panel);border:1px solid var(--hairline);border-radius:2px;padding:1rem 1.1rem;margin:.75rem 0}.micro{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}h1{font-size:clamp(1.75rem,4vw,2.35rem);letter-spacing:-.03em;line-height:1.05;margin:.35rem 0 .65rem}h2{font-size:1.05rem;margin:0 0 .5rem}.dim{color:var(--dim);line-height:1.5}.lead{max-width:36rem;font-size:15px;margin:0 0 1.25rem}.err{color:var(--err);font-size:14px;margin:.5rem 0 .75rem}.row{display:flex;flex-wrap:wrap;gap:.65rem}.btn,.row{align-items:center}.btn{display:inline-flex;gap:.35rem;padding:.55rem .9rem;border:1px solid var(--hairline);background:transparent;color:var(--fg);text-decoration:none;font-size:13px;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:.35rem .65rem;font-size:12px}.btn-primary{border-color:var(--accent);color:var(--bg);background:var(--accent)}.btn-primary:hover{filter:brightness(1.06);color:var(--bg)}.side{display:flex;gap:0;min-height:calc(100vh - 49px)}.side nav{width:188px;border-right:1px solid var(--hairline);padding:1rem .65rem;flex-shrink:0}.side nav a{display:block;padding:.4rem .55rem;color:var(--dim);text-decoration:none;font-size:13px;border-radius:2px}.side nav a.active,.side nav a:hover{color:var(--accent);background:rgba(157,247,255,.06)}.side>div{flex:1 1;min-width:0}.badge{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .45rem;border:1px solid var(--hairline);color:var(--faint);white-space:nowrap;height:-moz-fit-content;height:fit-content}.badge.live{color:var(--ok);border-color:rgba(125,255,179,.35)}.badge.lab{color:var(--accent);border-color:rgba(157,247,255,.35)}.badge.stub{color:var(--faint)}input,select{background:var(--bg);border:1px solid var(--hairline);color:var(--fg);padding:.45rem .6rem;font:inherit;width:100%;max-width:320px}label{display:block;font-size:12px;color:var(--faint);margin-bottom:.25rem}.grid{display:grid;grid-gap:.75rem;gap:.75rem}@media (min-width:720px){.grid-2{grid-template-columns:1fr 1fr}}pre{overflow:auto;font-size:12px;background:var(--bg);padding:.75rem;border:1px solid var(--hairline)}.cli-twin{display:block;margin-top:.2rem;font-family:var(--mono);font-size:11px;color:var(--faint);word-break:break-all}.overview{background:var(--panel)}.onboard{background:linear-gradient(165deg,var(--panel-2) 0,var(--panel) 55%)}.onboard-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.85rem}.step-rail{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.step{display:grid;grid-template-columns:1.75rem 1fr auto;grid-gap:.75rem;gap:.75rem;align-items:center;padding:.55rem .5rem;border:1px solid transparent;border-radius:2px}.step.is-next{border-color:rgba(157,247,255,.28);background:rgba(157,247,255,.05)}.step.is-done{opacity:.72}.step-n{width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hairline);font-family:var(--mono);font-size:11px;color:var(--faint)}.step.is-next .step-n{border-color:var(--accent);color:var(--accent)}.step.is-done .step-n{border-color:rgba(125,255,179,.4);color:var(--ok)}.step-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.step-body strong{font-size:13px;font-weight:600}.step-body .dim{font-size:12px}.step-done-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ok)}.onboard-next{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:.9rem;padding-top:.9rem}.onboard-next,.status-strip{border-top:1px solid var(--hairline)}.status-strip{display:grid;grid-gap:.75rem;gap:.75rem;margin:.85rem 0;padding:.85rem 0;border-bottom:1px solid var(--hairline)}@media (min-width:720px){.status-strip{grid-template-columns:1.4fr 1fr 1fr}}.snippet-pre{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.45;color:rgba(245,244,238,.88)}.more-panel{margin-top:1.25rem;border:1px solid var(--hairline);padding:.75rem 1rem;background:var(--panel)}.more-panel summary{cursor:pointer;font-size:13px;color:var(--dim);list-style:none}.more-panel summary::-webkit-details-marker{display:none}.more-panel[open] summary{color:var(--accent);margin-bottom:.65rem}@media (max-width:720px){.side{flex-direction:column}.side nav{border-right:none;border-bottom:1px solid var(--hairline);display:flex;flex-wrap:wrap;gap:.25rem;padding:.65rem}.side nav,.side nav .micro{width:100%}.step{grid-template-columns:1.75rem 1fr}.step .btn,.step-done-label{grid-column:2;justify-self:start}}