:root{--font-display:"Outfit", "Segoe UI", sans-serif;--font-sans:"Source Sans 3", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--accent:#2dd4bf;--accent-soft:#5eead4;--accent-dim:#14b8a6;--accent-ink:#042f2e;--radius-sm:8px;--radius:12px;--radius-lg:20px;--sidebar-w:268px;--toc-w:220px;--topbar-h:58px;--ease:cubic-bezier(.22, .61, .36, 1)}:root,[data-theme=dark]{--bg:#0b1118;--bg-elev:#121a24;--bg-elev-2:#182230;--bg-code:#0e151e;--bg-code-head:#151e2a;--border:#1c2836;--border-strong:#2b3a4c;--text:#e8eef5;--text-muted:#93a4b8;--text-faint:#6b7c90;--mark:#2dd4bf33;--shadow:0 24px 48px -28px #000000d9;--grid-line:#2dd4bf0a;--code-text:#d9e4f0;--tok-comment:#5c6b7a;--tok-string:#7ee0c0;--tok-keyword:#8ec5ff;--tok-punct:#8d9cab}[data-theme=light]{--bg:#f6f8fb;--bg-elev:#fff;--bg-elev-2:#eef3f8;--bg-code:#f0f4f8;--bg-code-head:#e4ebf2;--border:#d8e0ea;--border-strong:#b8c5d4;--text:#12202e;--text-muted:#4f6174;--text-faint:#7a8b9d;--mark:#14b8a62e;--shadow:0 20px 40px -28px #12283c38;--grid-line:#12283c0d;--code-text:#1a2836;--tok-comment:#7c8b99;--tok-string:#0d7a64;--tok-keyword:#1d5fbf;--tok-punct:#5a6875;--accent-ink:#042f2e}*{box-sizing:border-box}atlas-app,atlas-code-block,atlas-callout{display:block}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:radial-gradient(900px 480px at 85% -8%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 55%), var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;transition:background .25s var(--ease), color .25s var(--ease);background-attachment:fixed;margin:0;font-size:16.5px;line-height:1.68}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.noscript{text-align:center;color:var(--text-muted);padding:48px}.app{min-height:100vh}.topbar{z-index:40;height:var(--topbar-h);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:0 20px;display:flex;position:sticky;top:0}.brand{width:calc(var(--sidebar-w) - 20px);color:var(--text);letter-spacing:-.01em;flex:none;align-items:center;gap:10px;font-weight:650;display:flex}.brand:hover{text-decoration:none}.brand svg{flex:none}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:15.5px;font-weight:600}.brand-name span{color:var(--text-faint);letter-spacing:0;font-weight:500}.topbar-spacer{flex:auto}.icon-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:.18s var(--ease);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-elev-2)}.icon-btn svg{width:18px;height:18px}.menu-btn{display:none}.layout{grid-template-columns:var(--sidebar-w) minmax(0, 1fr) var(--toc-w);align-items:start;max-width:1440px;margin:0 auto;display:grid}.sidebar{top:var(--topbar-h);height:calc(100vh - var(--topbar-h));border-right:1px solid var(--border);scrollbar-width:thin;padding:26px 14px 60px 26px;position:sticky;overflow-y:auto}.nav-group+.nav-group{margin-top:24px}.nav-title{font-family:var(--font-display);letter-spacing:.01em;color:var(--text-faint);padding:0 12px 8px;font-size:12px;font-weight:600}.nav-link{border-radius:var(--radius-sm);color:var(--text-muted);transition:.15s var(--ease);border-left:2px solid #0000;margin:1px 0;padding:8px 12px;font-size:14.5px;display:block}.nav-link:hover{color:var(--text);background:var(--bg-elev);text-decoration:none}.nav-link[aria-current=page]{color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent);border-left-color:var(--accent);font-weight:600}.main{min-width:0;padding:44px 56px 96px}.content{max-width:780px}.content>:first-child{margin-top:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.028em;scroll-margin-top:calc(var(--topbar-h) + 24px);line-height:1.22}.content h1{margin:0 0 12px;font-size:2.35rem;font-weight:700}.content h2{border-top:1px solid var(--border);margin:48px 0 14px;padding-top:18px;font-size:1.42rem;font-weight:650}.content h3{margin:28px 0 10px;font-size:1.12rem;font-weight:620}.content p{color:var(--text);margin:0 0 16px}.content ul,.content ol{margin:0 0 18px;padding-left:22px}.content li{color:var(--text);margin:6px 0}.content li::marker{color:var(--accent)}.content strong{color:var(--text);font-weight:650}.lead{color:var(--text-muted);margin-bottom:28px;font-size:1.12rem}code.inline{font-family:var(--font-mono);background:var(--bg-elev-2);border:1px solid var(--border);color:var(--accent-soft);white-space:nowrap;border-radius:5px;padding:2px 6px;font-size:.855em}.anchor{color:var(--text-faint);opacity:0;transition:opacity .15s var(--ease);margin-left:8px;font-weight:400}h2:hover .anchor,h3:hover .anchor{opacity:1}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);margin:0 0 22px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14.5px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:11px 14px}th{background:var(--bg-elev);letter-spacing:.02em;color:var(--text-muted);font-size:13px;font-weight:620}tbody tr:last-child td{border-bottom:none}.code-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-code);margin:0 0 22px;overflow:hidden}.code-head{background:var(--bg-code-head);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 10px 8px 14px;display:flex}.code-filename{font-family:var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.code-lang{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);border:1px solid var(--border);border-radius:4px;margin-left:auto;padding:2px 7px;font-size:10.5px;font-weight:700}.code-copy{font-size:12px;font-weight:600;font-family:var(--font-sans);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;transition:.16s var(--ease);background:0 0;border-radius:5px;align-items:center;gap:6px;padding:4px 9px;display:inline-flex}.code-copy:hover{color:var(--text);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.code-copy.copied{color:var(--accent);border-color:var(--accent)}.code-copy svg{width:13px;height:13px}.code-body{font-family:var(--font-mono);color:var(--code-text);tab-size:2;margin:0;padding:14px 16px;font-size:13.4px;line-height:1.72;overflow-x:auto}.code-body code{font-family:inherit}.tok-comment{color:var(--tok-comment);font-style:italic}.tok-kw{color:var(--tok-keyword);font-weight:600}.tok-str{color:var(--tok-string)}.tok-punct{color:var(--tok-punct)}.tok-var{color:var(--accent-soft)}.callout{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--bg-elev);gap:12px;margin:0 0 22px;padding:14px 16px;font-size:14.8px;display:flex}.callout-icon{color:var(--accent);flex:none;margin-top:2px}.callout-icon svg{width:17px;height:17px;display:block}.callout-body{min-width:0}.callout-title{margin-bottom:3px;font-weight:650}.callout-body p:last-child{margin-bottom:0}.callout.warning{background:color-mix(in srgb, #f5b544 7%, var(--bg-elev));border-left-color:#f5b544}.callout.warning .callout-icon{color:#f5b544}.callout.danger{background:color-mix(in srgb, #f26d6d 8%, var(--bg-elev));border-left-color:#f26d6d}.callout.danger .callout-icon{color:#f26d6d}.callout.success{border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--bg-elev))}.callout.tip{background:color-mix(in srgb, #7aa2f7 8%, var(--bg-elev));border-left-color:#7aa2f7}.callout.tip .callout-icon{color:#7aa2f7}.cards{grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:14px;margin:0 0 26px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);color:var(--text);transition:.18s var(--ease);padding:20px;display:block}a.card:hover{border-color:var(--accent);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}.card-title{align-items:center;gap:8px;margin-bottom:6px;font-weight:650;display:flex}.card-title svg{width:17px;height:17px;color:var(--accent)}.card p{color:var(--text-muted);margin:0;font-size:14.2px}.card-more{color:var(--accent);margin-top:10px;font-size:13px;font-weight:600;display:inline-block}.steps{counter-reset:step;margin:0 0 26px;padding:0;list-style:none}.steps>li{margin-bottom:18px;padding-left:42px;position:relative}.steps>li:before{counter-increment:step;content:counter(step);width:26px;height:26px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:1px;left:0}.steps>li>strong{display:block}.toc{top:var(--topbar-h);max-height:calc(100vh - var(--topbar-h));padding:44px 24px 60px 8px;position:sticky;overflow-y:auto}.toc-title{font-family:var(--font-display);letter-spacing:.01em;color:var(--text-faint);margin-bottom:10px;font-size:12px;font-weight:600}.toc-link{border-left:2px solid var(--border);color:var(--text-muted);transition:.15s var(--ease);padding:4px 0 4px 12px;font-size:13.4px;line-height:1.45;display:block}.toc-link:hover{color:var(--text);text-decoration:none}.toc-link.active{color:var(--accent);border-left-color:var(--accent)}.toc-link.sub{padding-left:24px;font-size:13px}.pager{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:14px;margin-top:60px;padding-top:28px;display:grid}.pager a{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);color:var(--text);transition:.18s var(--ease);padding:14px 18px}.pager a:hover{border-color:var(--accent);text-decoration:none}.pager .dir{color:var(--text-faint);margin-bottom:3px;font-size:12px;display:block}.pager .name{font-size:14.6px;font-weight:620}.pager .next{text-align:right;grid-column:2}.footer{color:var(--text-faint);padding:0 56px 60px;font-size:13px}.footer svg{vertical-align:-2px;width:13px;height:13px}.home .main{max-width:none}.hero{border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(900px 380px at 8% -20%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 58%), radial-gradient(700px 320px at 92% 110%, color-mix(in srgb, var(--accent-dim) 12%, transparent), transparent 50%), var(--bg-elev);animation:hero-in .7s var(--ease) both;margin-bottom:36px;padding:52px 44px 44px;position:relative;overflow:hidden}@keyframes hero-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero:after{content:"";background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);pointer-events:none;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 65% at 40% 0,#000,#0000 72%);mask-image:radial-gradient(75% 65% at 40% 0,#000,#0000 72%)}.hero>*{z-index:1;position:relative}.hero-eyebrow{font-family:var(--font-display);color:var(--accent-soft);letter-spacing:.01em;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.hero-eyebrow svg{width:15px;height:15px}.hero h1{font-family:var(--font-display);letter-spacing:-.035em;max-width:14ch;margin:14px 0;font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:700;line-height:1.05}.hero h1 em{background:linear-gradient(110deg, var(--accent-soft), var(--accent), var(--accent-dim));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero p{max-width:58ch;color:var(--text-muted);margin:0 0 26px;font-size:1.06rem}.hero-cta{flex-wrap:wrap;gap:12px;margin-bottom:26px;display:flex}.btn{border-radius:var(--radius-sm);transition:.18s var(--ease);border:1px solid #0000;align-items:center;gap:8px;padding:11px 20px;font-size:14.5px;font-weight:620;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 26px -14px var(--accent)}.btn-primary:hover{background:var(--accent-soft)}.btn-ghost{border-color:var(--border-strong);color:var(--text);background:var(--bg-elev-2)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn svg{width:16px;height:16px}.hero-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-muted);background:color-mix(in srgb, var(--bg) 55%, transparent);border-radius:999px;padding:4px 10px;font-size:12px}@media (width<=1180px){.layout{grid-template-columns:var(--sidebar-w) minmax(0, 1fr)}.toc{display:none}}@media (width<=860px){.menu-btn{display:inline-flex}.brand{width:auto}.layout{grid-template-columns:minmax(0,1fr)}.sidebar{inset:var(--topbar-h) auto 0 0;z-index:35;width:min(84vw, var(--sidebar-w));background:var(--bg);transition:transform .24s var(--ease);box-shadow:var(--shadow);position:fixed;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.scrim{inset:var(--topbar-h) 0 0;z-index:30;background:#00000080;position:fixed}.main{padding:28px 22px 72px}.hero{padding:38px 24px 32px}.footer{padding:0 22px 48px}.pager{grid-template-columns:1fr}.pager .next{text-align:left;grid-column:1}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}