:root{--app-bg:#07070c;--guide-fg:#e6e8ee;--guide-fg-strong:#f5f7fb;--guide-fg-muted:#e6e8eeb8;--guide-border:#ffffff1a;--guide-border-strong:#ffffff2e;--guide-surface:#ffffff0e;--guide-accent:#a855f7;--guide-accent-soft:#a855f729;--guide-accent-hover:#c084fc;--card-bg:#101827;--card-shadow:0 12px 30px #0003;--hotspot-badge:#d24be0;--hotspot-badge-hover:#e879f9;--bg:var(--app-bg);--bg-panel:var(--card-bg);--bg-elev:#182234;--sheet-surface:#0e0a18;--sheet-elevated:#171026;--border:var(--guide-border);--text:var(--guide-fg);--text-dim:var(--guide-fg-muted);--accent:var(--guide-accent);--accent-dim:var(--guide-accent-hover);--hotspot:#d24be04d;--hotspot-border:var(--hotspot-badge);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--app-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Hanken Grotesk,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{background-color:#0000;background-image:radial-gradient(circle at 18% -12%,#a855f738,#0000 36%),radial-gradient(circle at 88% 2%,#b05cff24,#0000 30%),linear-gradient(#0b0c13 0%,#07070c 48%,#101016 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.home{max-width:880px;margin:0 auto;padding:48px 24px}.home h1{margin:0 0 8px;font-size:28px}.home .lead{color:var(--text-dim);margin-bottom:32px}.guide-card{border:1px solid var(--border);background:var(--bg-panel);color:var(--text);border-radius:8px;margin-bottom:12px;padding:20px;display:block}.guide-card:hover{border-color:var(--accent);text-decoration:none}.guide-card h2{margin:0 0 4px;font-size:18px}.guide-card p{color:var(--text-dim);margin:0;font-size:14px}.experiment-banner{color:#1e293b;text-transform:uppercase;letter-spacing:.05em;background:#f59e0b;border-radius:4px;margin-bottom:16px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.section-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.breadcrumb{border-bottom:1px solid var(--border);background:var(--bg-panel);color:var(--text-dim);grid-column:1/-1;padding:14px 24px;font-size:14px}.breadcrumb a{color:var(--text-dim)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb .crumb-sep{color:#475569;margin:0 8px}.breadcrumb .current{color:var(--text)}.toc{border-right:1px solid var(--border);background:var(--bg-panel);grid-area:toc;align-self:start;height:calc(100vh - 53px);padding:20px 16px;position:sticky;top:53px;overflow-y:auto}.toc h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 12px;font-size:11px}.toc ul{margin:0 0 18px;padding:0;list-style:none}.toc li a{color:var(--text);border-radius:4px;padding:6px 10px;font-size:14px;display:block}.toc li a:hover{background:var(--bg-elev);text-decoration:none}.toc li a.active{background:var(--accent-dim);color:#0b1220;font-weight:600}.section-main{grid-area:main;width:100%;min-width:0;max-width:clamp(960px,82vw,1140px);margin-inline:auto;padding:28px clamp(28px,3vw,72px)}.section-heading{margin:4px 0 24px}.section-main h1{letter-spacing:-.02em;color:var(--guide-fg-strong);margin:0;font-size:clamp(30px,3.4vw,42px);font-weight:800;line-height:1.05}.section-heading h1:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);border-radius:2px;width:56px;height:3px;margin-top:16px;display:block}.section-main .intro{color:var(--text-dim);max-width:720px;margin:14px 0 20px;font-size:15px}@keyframes section-rise{0%{opacity:0;transform:translate(var(--enter-x,0px), 10px)}to{opacity:1;transform:none}}.section-main[data-nav-dir=forward]{--enter-x:34px}.section-main[data-nav-dir=back]{--enter-x:-34px}.section-main>*{animation:.52s cubic-bezier(.22,1,.36,1) backwards section-rise}.section-main>:first-child{animation-delay:0s}.section-main>:nth-child(2){animation-delay:70ms}.section-main>:nth-child(3){animation-delay:.14s}.section-main>:nth-child(4){animation-delay:.21s}.section-main>:nth-child(n+5){animation-delay:.28s}.chapter-divider{grid-template-columns:1.05fr 1fr;align-items:stretch;gap:clamp(24px,4vw,56px);min-height:min(62vh,540px);margin:4px 0 40px;display:grid}.chapter-divider.no-media{grid-template-columns:1fr;min-height:0}.chapter-divider-text{flex-direction:column;justify-content:center;display:flex}.chapter-divider .chapter-eyebrow{letter-spacing:.005em;color:var(--accent);border-bottom:2px solid color-mix(in srgb, var(--accent) 42%, transparent);align-self:flex-start;margin:0 0 18px;padding-bottom:12px;font-size:clamp(22px,2.6vw,32px);font-weight:400}.chapter-divider .chapter-title{letter-spacing:-.01em;text-transform:uppercase;color:var(--accent);margin:0 0 24px;font-size:clamp(34px,5.4vw,60px);font-weight:800;line-height:1.02}.chapter-divider .chapter-intro{max-width:40ch;color:var(--text);margin:0;font-size:clamp(15px,1.3vw,18px);font-weight:600;line-height:1.5}.chapter-divider-media{background:#000;border-radius:12px;align-self:stretch;overflow:hidden}.chapter-divider-media img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=760px){.chapter-divider{grid-template-columns:1fr;gap:22px;min-height:0}.chapter-divider-media{order:-1;height:220px}}.chapter-page-divider{background:linear-gradient(to right, transparent, color-mix(in srgb, var(--accent) 38%, transparent) 18%, color-mix(in srgb, var(--accent) 38%, transparent) 82%, transparent);border:0;height:1px;margin:8px 0 36px}.nav-hint{color:var(--text-dim);margin-top:24px;font-size:12px}.nav-hint kbd{background:var(--bg-elev);border:1px solid var(--border);border-radius:3px;margin:0 2px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:inline-block}@media (pointer:coarse){.nav-hint{display:none}}.hero-figure{border:1px solid var(--border);background:#000;border-radius:8px;width:100%;max-width:900px;line-height:0;display:inline-block;position:relative;overflow:hidden}.hero-figure svg{width:100%;height:auto;display:block}.hero-caption{color:var(--text-dim);margin:8px 0 16px;font-size:13px}.hotspot{background:var(--hotspot);border:2px solid var(--hotspot-border);cursor:pointer;color:#0000;border-radius:6px;padding:0;transition:background .12s,transform .12s;position:absolute}.hotspot:hover,.hotspot:focus-visible{background:#b05cff8c;outline:none;transform:scale(1.04)}.hotspot .hotspot-tag{background:var(--accent);color:#0b1220;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-family:ui-monospace,monospace;font-size:12px;font-weight:700;display:flex;position:absolute;top:-10px;left:-10px}.scrim{z-index:50;background:#00000080;position:fixed;inset:0}.side-sheet{background:var(--sheet-surface);border-left:1px solid var(--border);border-bottom:1px solid var(--border);z-index:60;flex-direction:column;width:min(440px,92vw);max-height:100vh;animation:.18s ease-out slide-in;display:flex;position:fixed;top:0;right:0}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.side-sheet header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.side-sheet header h2{margin:0;font-size:16px}.side-sheet header .close{color:var(--text-dim);cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1}.side-sheet header .close:hover{color:var(--text)}.side-sheet .body{flex:0 auto;min-height:0;padding:20px;overflow-y:auto}.side-sheet .body h3{margin:0 0 8px;font-size:18px}.side-sheet .body p{color:var(--text);margin:0 0 12px;line-height:1.55}.side-sheet .body .callout{border-left:3px solid var(--accent);background:#b05cff1f;border-radius:4px;margin:12px 0;padding:10px 12px;font-size:14px}.side-sheet-footer{background:var(--sheet-elevated);flex-shrink:0}.side-sheet :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.copy-link-btn{border:0;border-top:1px solid var(--border);width:100%;color:var(--text-dim);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:11px 20px;font-family:inherit;font-size:12px;transition:color .12s;display:flex}.copy-link-btn:hover{color:var(--text)}.copy-link-btn.is-copied{color:var(--accent)}.copy-link-icon{font-size:13px;line-height:1}.section-nav{border-top:1px solid var(--border);justify-content:space-between;gap:12px;margin-top:32px;padding-top:20px;display:flex}.section-nav-btn{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;max-width:48%;padding:10px 16px;font-size:14px;display:inline-block;overflow:hidden}.section-nav-btn:hover{border-color:var(--accent);text-decoration:none}.section-nav-btn.disabled{color:var(--text-dim);opacity:.5;cursor:not-allowed}.muted{color:var(--text-dim)}.section-blocks{flex-direction:column;gap:14px;max-width:100%;margin-top:24px;display:flex}.block-p{color:var(--text);margin:0;font-size:15px;line-height:1.6}.block-p.intro{max-width:40ch;font-size:clamp(15px,1.3vw,18px);font-weight:600;line-height:1.5}.block-h{margin:18px 0 4px;font-weight:700;line-height:1.25}.block-h-2{font-size:22px}.block-h-3{font-size:19px}.block-h-4{font-size:16px}.block-h-5{font-size:14px}.block-h-6{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:12px}.block-list{margin:4px 0;padding-left:22px;line-height:1.55}.block-image{max-width:100%;margin:8px 0}.block-image img{border:1px solid var(--border);background:#000;border-radius:8px;max-width:100%;height:auto;display:block}.block-image figcaption{color:var(--text-dim);margin-top:6px;font-size:12px}.rich-inline-image{width:fit-content;max-width:100%;margin:8px 0;display:block}.rich-inline-image img{border:1px solid var(--border);background:#000;border-radius:8px;max-width:100%;height:auto;display:block}.rich-inline-image-caption{color:var(--text-dim);margin-top:6px;font-size:12px;display:block}.rich-inline-image-full{width:100%}.rich-inline-image-left{float:left;margin:4px 18px 12px 0}.rich-inline-image-right{float:right;margin:4px 0 12px 18px}.block-image-grid{margin:10px 0}.block-image-grid-title{margin-bottom:10px;font-weight:800}.block-image-grid-items{grid-template-columns:repeat(var(--grid-cols,2), minmax(0, 1fr));align-items:start;gap:22px 28px;display:grid}.block-image-grid[data-columns="3"] .block-image-grid-items{--grid-cols:3}.block-image-grid[data-columns="4"] .block-image-grid-items{--grid-cols:4}.block-image-grid-cell{min-width:0;margin:0}.block-image-grid-cell .block-image-stage{margin:0}.block-image-grid-cell img{border:1px solid var(--border);background:#000;border-radius:8px;max-width:100%;height:auto;display:block}.block-image-grid-cell figcaption{color:var(--guide-fg);margin-top:8px;font-size:14px;line-height:1.55}.block-image-grid-cell figcaption strong{color:var(--guide-fg-strong);font-weight:800}.grid-cell-hotspot{cursor:pointer;width:100%;text-align:inherit;background:0 0;border:none;border-radius:8px;margin:0;padding:0;display:block;position:relative}.grid-cell-hotspot:hover img,.grid-cell-hotspot:focus-visible img,.grid-cell-hotspot.active img{border-color:var(--accent);box-shadow:0 0 0 2px var(--guide-accent-soft)}.grid-cell-hotspot:focus-visible{outline:none}.grid-cell-hotspot-hint{color:#0b1116;background:var(--accent);opacity:.85;border:1px solid #00000040;border-radius:50%;place-items:center;width:22px;height:22px;font-size:15px;font-weight:700;line-height:1;transition:transform .12s,opacity .12s;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 1px 4px #0006}.grid-cell-hotspot:hover .grid-cell-hotspot-hint,.grid-cell-hotspot.active .grid-cell-hotspot-hint{opacity:1;transform:scale(1.1)}@media (width<=720px){.block-image-grid-items{grid-template-columns:1fr}}.image-fallback{border:1px dashed var(--border);color:var(--text-dim);background:#00000040;border-radius:6px;padding:10px 14px;font-size:13px}.block-table-wrap{border:1px solid var(--border);border-radius:6px;margin:6px 0;overflow-x:auto}.block-table{border-collapse:collapse;width:100%;font-size:14px}.block-table th,.block-table td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:6px 10px}.block-table th{background:var(--bg-elev);font-weight:600}.block-callout{border-left:3px solid var(--accent);background:#b05cff1a;border-radius:6px;padding:10px 14px}.block-callout.level-warning{background:#f59e0b1a;border-left-color:#f59e0b}.callout-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:4px;font-size:13px;font-weight:700}.callout-body{line-height:1.55}.hero-figure-wrap{max-width:min(100%,1100px);margin:12px 0 20px}.hero-figure{border:1px solid var(--border);background:#000;border-radius:8px;max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}.hero-figure img{max-width:100%;height:auto;display:block}.hotspot-figure-block .hero-figure{width:fit-content;max-width:100%}.hotspot-figure-block .hero-figure img{width:auto;max-width:100%;max-height:78vh}.hero-figure img.overlay{border:1px solid #ffffff80;position:absolute;box-shadow:0 4px 14px #00000080}.section-main.hotspot-open .hotspot-figure-block .hero-figure{z-index:55;position:relative}.hotspot-pin{width:var(--pin-size,28px);height:var(--pin-size,28px);background:var(--accent);color:#0b1220;font-size:calc(var(--pin-size,28px) * .46);cursor:pointer;z-index:2;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:ui-monospace,monospace;font-weight:700;transition:transform .12s,background .12s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 10px #00000073}.hotspot-pin:hover,.hotspot-pin:focus-visible{background:#7dd3fc;outline:none;transform:translate(-50%,-50%)scale(1.12)}.hotspot-pin.active{z-index:4;background:#fbbf24;border-color:#fff;box-shadow:0 0 0 4px #fbbf2459,0 4px 10px #00000073}.hotspot-span{z-index:1;pointer-events:none;--span-col:color-mix(in srgb, var(--accent) 72%, transparent);position:absolute}.hotspot-span-horizontal{background:var(--span-col);height:3px;transform:translateY(-50%)}.hotspot-span-vertical{background:var(--span-col);width:3px;transform:translate(-50%)}.hotspot-span:before,.hotspot-span:after{content:"";background:var(--span-col);border-radius:50%;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%)}.hotspot-span-horizontal:before{top:50%;left:0}.hotspot-span-horizontal:after{top:50%;left:100%}.hotspot-span-vertical:before{top:0;left:50%}.hotspot-span-vertical:after{top:100%;left:50%}.hotspot-span.active{--span-col:#fbbf24}@property --spot-x{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --spot-y{syntax:"<length-percentage>";inherits:false;initial-value:50%}.hotspot-spotlight{z-index:3;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%), #0000 0, #0000 calc(var(--pin-size,28px) * 2.4), #000000bd calc(var(--pin-size,28px) * 6.5));transition:--spot-x .3s cubic-bezier(.22,1,.36,1),--spot-y .3s cubic-bezier(.22,1,.36,1);animation:.22s spotlight-in;position:absolute;inset:0}@keyframes spotlight-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hotspot-spotlight{transition:none;animation:none}}.hero-figure.external-pins{--pin-band:46px;padding:var(--pin-band) 0;background:0 0;border:none;border-radius:0;overflow:visible}.hero-figure.external-pins img{border:1px solid var(--border);border-radius:8px}.hero-figure.external-pins .hotspot-pin{transform:translate(-50%)}.hero-figure.external-pins .hotspot-pin.pin-above{top:calc((var(--pin-band) - var(--pin-size,22px)) / 2)}.hero-figure.external-pins .hotspot-pin.pin-below{top:auto;bottom:calc((var(--pin-band) - var(--pin-size,22px)) / 2)}.hero-figure.external-pins .hotspot-pin .pin-leader{background:var(--accent);transform-origin:0;z-index:-1;pointer-events:none;height:2px;position:absolute;top:50%;left:50%}.hero-figure.external-pins .hotspot-pin:hover,.hero-figure.external-pins .hotspot-pin:focus-visible{transform:translate(-50%)scale(1.12)}.hero-figure.external-pins .hotspot-pin.pin-below .pin-tooltip{top:calc(100% + 8px);bottom:auto}.hero-figure-fallback{border:1px dashed var(--border);background:#00000040;border-radius:8px;margin:12px 0;padding:16px}.hotspot-fallback-list{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.hotspot-fallback-list button{text-align:left;background:var(--bg-elev);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:4px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.hotspot-fallback-list button.active{border-color:var(--accent)}.hotspot-legend{gap:4px;margin:12px 0 0;padding:0;list-style:none;display:grid}.hotspot-legend li.active .legend-row{border-color:var(--accent);background:#b05cff26}.legend-row{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:flex-start;gap:10px;padding:6px 8px;font-size:14px;line-height:1.45;display:flex}.legend-row:hover{background:#ffffff0a}.legend-text{flex:1}.hotspot-tag{background:var(--accent);color:#0b1220;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-family:ui-monospace,monospace;font-size:12px;font-weight:700;display:inline-flex}.side-sheet-eyebrow{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.side-sheet-header-text{flex:1;min-width:0}.annotation-title{color:var(--text);margin:0 0 8px;font-size:19px;line-height:1.3}.annotation-description{color:var(--text);margin:0 0 18px;font-size:15px;line-height:1.55}.annotation-text{margin:0;font-size:16px;line-height:1.55}.related-content{border-top:1px solid var(--border);margin-top:4px;padding-top:16px}.related-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 10px;font-size:11px}.related-blocks{flex-direction:column;gap:10px;display:flex}.related-blocks .block-p{font-size:14px;line-height:1.5}.related-blocks .block-list{margin:0;font-size:14px}.related-blocks .block-h{margin:6px 0 2px}.related-blocks .block-image img{border-radius:4px}.region-detail-blocks{flex-direction:column;gap:10px;margin:0 0 4px;display:flex}.region-detail-blocks .block-p,.region-detail-blocks .block-list{max-width:none;font-size:14px;line-height:1.55}.region-detail-blocks .block-h{margin:6px 0 2px}.region-detail-blocks .block-h-2{padding-bottom:6px;font-size:18px}.region-detail-blocks .block-h-3{font-size:16px}.region-detail-blocks .block-image img{border-radius:4px}.side-sheet-pin-nav{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 20px;display:flex}.pin-nav-btn{background:var(--sheet-surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;padding:6px 12px;font-size:13px}.pin-nav-btn:hover{border-color:var(--accent)}.pin-nav-status{color:var(--text-dim);font-family:ui-monospace,monospace;font-size:12px}.hotspot-pin .pin-number{pointer-events:none}.hotspot-pin .pin-tooltip{background:var(--bg-panel);color:var(--text);border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;z-index:5;border-radius:4px;max-width:280px;padding:4px 8px;font-family:system-ui,sans-serif;font-size:12px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 12px #00000080}@keyframes hotspot-pulse{0%{box-shadow:0 0 #fbbf248c,0 4px 10px #00000073}70%{box-shadow:0 0 0 10px #fbbf2400,0 4px 10px #00000073}to{box-shadow:0 0 #fbbf2400,0 4px 10px #00000073}}.hotspot-pin.active{animation:1.6s ease-out infinite hotspot-pulse}.legend-title{font-weight:600}.legend-desc{color:var(--text-dim)}.toc-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.guide-card.primary{border-color:var(--accent-dim);background:#b05cff14}.section-list{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.section-list a{color:var(--text);border-radius:4px;padding:6px 10px;font-size:14px;display:block}.section-list a:hover{background:var(--bg-elev);text-decoration:none}.hotspot-count{color:var(--accent);font-size:12px}.toc li a{justify-content:space-between;align-items:center;display:flex}.toc-group{margin-bottom:6px}.toc-group-head{align-items:center;gap:2px;margin-top:10px;display:flex}.toc-group-toggle{appearance:none;width:100%;font:inherit;text-align:left;background:0 0;border:0}.toc-group-chevron{width:22px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;line-height:1;display:flex}.toc-group-chevron:hover{color:var(--text);background:var(--bg-elev)}.toc-group-link{min-width:0;color:var(--text);border-radius:5px;flex-direction:column;flex:1;gap:1px;padding:5px 8px;display:flex}.toc-group-link:hover{background:var(--bg-elev);text-decoration:none}.toc-group-link.active{background:var(--guide-accent-soft);box-shadow:inset 3px 0 0 var(--guide-accent)}.toc-group-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:800}.toc-group-link .toc-group-label{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.25;overflow:hidden}.toc-group-body{border-left:1px solid var(--guide-border);margin:2px 0 0 11px;padding-left:8px}.home-page{background:var(--bg);min-height:100vh;position:relative}.home-hero{--hero-fg:#f7f4fc;--hero-fg-muted:#e9e0f7a8;--hero-purple:#b16cff;--hero-magenta:#c44be0;isolation:isolate;background:radial-gradient(62% 52% at 60% 2%,#b05cff94 0%,#7c28c833 32%,#0000 62%),radial-gradient(120% 85% at 50% 118%,#4e188280 0%,#0000 60%),linear-gradient(#0c0614 0%,#0a0511 58%,#08040d 100%);border-bottom:1px solid #ffffff0d;position:relative;overflow:hidden}.home-hero-aurora{z-index:-2;filter:blur(8px);pointer-events:none;background:radial-gradient(38% 52% at 26% 16%,#963ce652,#0000 70%),radial-gradient(42% 54% at 78% 8%,#c44be057,#0000 70%),radial-gradient(55% 60% at 52% 94%,#7c3aed3d,#0000 72%);position:absolute;inset:-20% -10% 0}.home-hero-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 35%,#000 0%,#0000 78%);mask-image:radial-gradient(70% 70% at 50% 35%,#000 0%,#0000 78%)}.home-hero-inner{z-index:1;text-align:center;max-width:900px;margin:0 auto;padding:56px 32px 30px;transition:padding .26s cubic-bezier(.16,1,.3,1);animation:.7s cubic-bezier(.16,1,.3,1) both home-rise;position:relative}.home-eyebrow{text-transform:uppercase;letter-spacing:.34em;color:var(--hero-purple);text-shadow:0 0 18px #b05cff73;margin:0 0 20px;font-size:12px;font-weight:600}.home-eyebrow-logo{object-fit:contain;filter:drop-shadow(0 0 18px #b05cff66);width:auto;height:52px;margin:0 auto 22px;transition:height .26s cubic-bezier(.16,1,.3,1),margin .26s cubic-bezier(.16,1,.3,1);display:block}.home-hero-title{flex-direction:column;align-items:center;gap:0;margin:0;font-family:Montserrat,Hanken Grotesk,ui-sans-serif,system-ui,sans-serif;line-height:.96;display:flex}.home-hero-title-thin{letter-spacing:-.005em;color:#efe9f9;font-size:clamp(28px,5.4vw,62px);font-weight:300;transition:font-size .26s cubic-bezier(.16,1,.3,1)}.home-hero-title-strong{letter-spacing:-.025em;background:linear-gradient(176deg,#fff 0%,#efe6ff 42%,#c6a4f6 100%);color:#0000;-webkit-text-fill-color:transparent;text-shadow:0 0 60px #b05cff40;-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,9.6vw,112px);font-weight:800;transition:font-size .26s cubic-bezier(.16,1,.3,1)}.home-hero-tagline{letter-spacing:.04em;color:var(--hero-fg-muted);margin:18px 0 0;font-size:clamp(15px,2vw,19px);font-weight:400}.home-search{align-items:center;max-width:640px;margin:32px auto 0;display:flex;position:relative}.home-search-icon{color:var(--hero-fg-muted);pointer-events:none;transition:color .16s;position:absolute;left:20px}.home-search:focus-within .home-search-icon{color:var(--hero-purple)}.home-search-input{text-align:center;width:100%;color:var(--hero-fg);-webkit-backdrop-filter:blur(12px);background:#120c1eb8;border:1px solid #ffffff1f;border-radius:16px;outline:none;padding:18px 52px 18px 54px;font-family:inherit;font-size:17px;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:0 18px 40px #00000073,inset 0 1px #ffffff0f}.home-search-input::placeholder{color:#e2e8f59e}.home-search-input:focus{background:#120c1eeb;border-color:#b05cffb8;box-shadow:0 0 0 4px #b05cff2e,0 18px 44px #00000080,inset 0 1px #ffffff14}.home-search-input::-webkit-search-cancel-button{-webkit-appearance:none}.home-search-clear{width:32px;height:32px;color:var(--hero-fg-muted);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:21px;line-height:1;transition:background .12s,color .12s;display:inline-flex;position:absolute;right:13px}.home-search-clear:hover{color:var(--hero-fg);background:#b05cff47}@media (pointer:coarse){.home-search-clear{width:44px;height:44px}}.home-hero-meta{letter-spacing:.02em;color:var(--hero-fg-muted);font-variant-numeric:tabular-nums;border-bottom:1px solid #0000;margin:16px 0 0;font-size:13px;text-decoration:none;transition:color .14s,border-color .14s;display:inline-block}.home-hero-meta:hover{color:var(--hero-fg);border-bottom-color:#b05cff99}.home-scrollcue{width:40px;height:40px;color:var(--hero-fg-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:18px auto 0;transition:color .14s;animation:2.4s ease-in-out infinite home-bounce;display:inline-flex}.home-scrollcue:hover{color:var(--hero-fg)}@keyframes home-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.home-page.is-searching .home-hero-visual,.home-page.is-searching .home-scrollcue,.home-page.is-searching .home-hero-meta,.home-page.is-searching .home-hero-tagline{display:none}.home-page.is-searching .home-hero-inner{padding-top:30px;padding-bottom:26px}.home-page.is-searching .home-eyebrow-logo{height:34px;margin-bottom:14px}.home-page.is-searching .home-hero-title-thin{font-size:clamp(18px,2.6vw,26px)}.home-page.is-searching .home-hero-title-strong{font-size:clamp(32px,5.4vw,54px)}.home-hero-visual{max-width:560px;margin:20px auto 0;position:relative}.home-hero-glow{filter:blur(34px);z-index:-1;pointer-events:none;background:radial-gradient(#b05cff7a 0%,#c44be042 40%,#0000 72%);width:78%;height:46%;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.home-hero-console{filter:drop-shadow(0 36px 52px #0009);-webkit-box-reflect:below -1px linear-gradient(to bottom, transparent 62%, #ffffff1f 100%);width:100%;height:auto;animation:9s ease-in-out .7s infinite home-float;display:block}@keyframes home-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes home-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (prefers-reduced-motion:reduce){.home-hero-inner,.home-hero-console,.home-scrollcue{animation:none}}.home-hero:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(180deg, transparent 0%, transparent 34%, var(--bg) 100%);height:132px;position:absolute;bottom:0;left:0;right:0}.home-main{z-index:0;max-width:1040px;margin:0 auto;padding:32px 32px 88px;scroll-margin-top:12px;position:relative}.home-main:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(88% 360px at 50% 0, color-mix(in srgb, var(--guide-accent) 16%, transparent) 0%, transparent 70%), linear-gradient(color-mix(in srgb, var(--guide-fg) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--guide-fg) 5%, transparent) 1px, transparent 1px);background-size:100% 100%,46px 46px,46px 46px;position:absolute;inset:0 0 42%;-webkit-mask-image:linear-gradient(#000 0% 30%,#0000 80%);mask-image:linear-gradient(#000 0% 30%,#0000 80%)}.home-quicknav{z-index:5;background:var(--bg);background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:12px 0;display:flex;position:sticky;top:0;box-shadow:0 6px 16px -10px #00000080}.home-quicknav-chip{border:1px solid var(--border);background:var(--bg-panel);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;transition:color .12s,border-color .12s,background .12s}.home-quicknav-chip:hover,.home-quicknav-chip:focus-visible{color:var(--accent);border-color:var(--guide-accent);background:var(--guide-accent-soft);outline:none}.home-toc-head{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 16px;padding:0 2px;display:flex}.home-toc-heading{text-transform:uppercase;letter-spacing:.16em;color:var(--text-dim);margin:0;font-size:12px;font-weight:700}.home-result-count{color:var(--text-dim);text-align:right;font-size:13px}.home-toc-groups{grid-template-columns:1fr;align-items:start;gap:0 28px;margin:0;display:grid}@media (width>=1024px){.home-toc-groups{grid-template-columns:1fr 1fr}}.home-toc-col{min-width:0}.home-group{border:1px solid var(--border);border-left:3px solid color-mix(in srgb, var(--guide-accent) 32%, var(--guide-border));background:var(--bg-panel);box-shadow:var(--card-shadow);border-radius:16px;margin:0 0 22px;overflow:hidden}.home-group-head{background:var(--guide-surface);border:none;border-bottom:1px solid var(--border);width:100%;color:var(--guide-fg-strong);text-align:left;text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:10px;margin:0;padding:15px 18px;font-size:13px;font-weight:700;display:flex;position:relative}.home-group-head.is-link{cursor:pointer;transition:background .12s}.home-group-head.is-link:after{content:"";background:var(--accent);width:3px;transition:transform .14s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.home-group-head.is-link:hover,.home-group-head.is-link.is-active,.home-group-head.is-link:focus-visible{background:var(--guide-accent-soft);outline:none}.home-group-head.is-link:hover:after,.home-group-head.is-link.is-active:after,.home-group-head.is-link:focus-visible:after{transform:scaleY(1)}.home-group-tag{background:var(--guide-accent-soft);color:var(--accent);letter-spacing:.04em;border-radius:999px;flex:none;padding:2px 8px;font-size:11px;font-weight:700}.home-group-label{min-width:0;color:var(--accent);flex:1}.home-group-head .home-toc-arrow{flex:none}.home-group-list{counter-reset:gi;margin:0;padding:0;list-style:none}.home-group-list li{counter-increment:gi}.home-group-list li+li .home-toc-row{border-top:1px solid var(--border)}.home-toc-row,.home-result-row{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:16px;padding:14px 18px;transition:background .12s;display:flex;position:relative}.home-toc-row:after,.home-result-row:after{content:"";background:var(--accent);transform-origin:50%;width:3px;transition:transform .14s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.home-toc-row:before{content:counter(gi, decimal-leading-zero);font-variant-numeric:tabular-nums;width:28px;color:color-mix(in srgb, var(--text-dim) 80%, transparent);text-align:right;flex:none;font-size:13px;font-weight:600;transition:color .12s}.home-toc-row:hover,.home-toc-row.is-active,.home-toc-row:focus-visible,.home-result-row:hover,.home-result-row.is-active,.home-result-row:focus-visible{background:var(--guide-accent-soft);outline:none}.home-toc-row:focus-visible,.home-result-row:focus-visible,.home-group-head.is-link:focus-visible{box-shadow:inset 0 0 0 2px var(--guide-accent)}.home-toc-row:hover:after,.home-toc-row.is-active:after,.home-toc-row:focus-visible:after,.home-result-row:hover:after,.home-result-row.is-active:after,.home-result-row:focus-visible:after{transform:scaleY(1)}.home-toc-row:hover:before,.home-toc-row.is-active:before{color:var(--accent)}.home-toc-row:hover .home-toc-arrow,.home-toc-row.is-active .home-toc-arrow,.home-result-row:hover .home-toc-arrow,.home-result-row.is-active .home-toc-arrow{color:var(--accent);transform:translate(2px)}.home-toc-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.home-toc-title{color:var(--text);font-size:15px;font-weight:500;line-height:1.35}.home-toc-snippet{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.home-result-crumb{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:11px;font-weight:600}.home-toc-arrow{color:var(--text-dim);flex:none;transition:color .12s,transform .12s}.home-mark{color:var(--guide-fg-strong);background:#a855f747;border-radius:3px;padding:0 2px}.home-results{border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--card-shadow);border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.home-results li+li .home-result-row{border-top:1px solid var(--border)}.home-fuzzy-note{color:var(--text-dim);margin:0 0 12px;font-size:13px;font-style:italic}.home-empty{border:1px dashed var(--border-strong,var(--guide-border-strong));text-align:center;border-radius:16px;margin:12px 0;padding:32px 24px}.home-empty-lead{color:var(--text);margin:0 0 4px;font-size:16px;font-weight:600}.home-empty-sub{color:var(--text-dim);margin:0 0 16px;font-size:14px}.home-suggest{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.home-suggest-chip{border:1px solid var(--guide-border-strong);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-size:13px;transition:color .12s,border-color .12s,background .12s}.home-suggest-chip:hover,.home-suggest-chip:focus-visible{color:var(--accent);border-color:var(--guide-accent);background:var(--guide-accent-soft);outline:none}.hotspot-pin.authored-pin{box-shadow:0 0 0 2px #b05cff66,0 0 12px #b05cff73}.hotspot-legend.authored-legend>li{border-left:2px solid #b05cff4d}.authored-badge{letter-spacing:.06em;text-transform:uppercase;color:#1e293b;background:linear-gradient(135deg,#f59e0b,#fb7185);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.authored-body{flex-direction:column;gap:12px;margin-top:18px;display:flex}.authored-body-p{color:var(--text);margin:0;font-size:14px;line-height:1.55}.authored-body-list{color:var(--text);margin:0;padding-left:20px;font-size:14px;line-height:1.55}.authored-body-list li{margin-bottom:4px}.authored-note{border-left:3px solid var(--accent);background:#0f172a8c;border-radius:8px;padding:12px 14px}.authored-note-tip{background:#34d39914;border-left-color:#34d399}.authored-note-warning{background:#fbbf2414;border-left-color:#fbbf24}.authored-note-info{background:#b05cff14;border-left-color:#b16cff}.authored-note-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;font-size:11px;font-weight:700}.authored-note-text{color:var(--text);font-size:13.5px;line-height:1.55}.authored-body-image{border:1px solid var(--border);background:#0b1220;border-radius:6px;margin:0;padding:0;overflow:hidden}.authored-body-image img{width:100%;height:auto;display:block}.authored-body-image figcaption{color:var(--text-dim);border-top:1px solid var(--border);padding:6px 10px;font-size:12px}.authored-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.authored-chip{letter-spacing:.02em;color:var(--text-dim);background:#94a3b81a;border:1px solid #94a3b840;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-block}.authored-see-also{border-top:1px solid var(--border);margin-top:22px;padding-top:16px}.authored-see-also-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0 0 8px;font-size:11px;font-weight:700}.authored-see-also-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.authored-see-also-pill{color:var(--accent);background:#b05cff14;border:1px solid #b05cff59;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;text-decoration:none;transition:background .12s,border-color .12s,transform .12s;display:inline-flex}.authored-see-also-pill:hover,.authored-see-also-pill:focus-visible{border-color:var(--accent);background:#b05cff2e;outline:none;text-decoration:none;transform:translateY(-1px)}.authored-see-also-arrow{opacity:.85;font-size:14px;line-height:1}.side-sheet.authored-sheet>header{background:linear-gradient(#b05cff14,#0000)}.inline-code{color:var(--text);background:#94a3b826;border:1px solid #94a3b833;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em}.block-image-stage{max-width:100%;line-height:0;display:inline-block;position:relative}.block-image-stage>img:first-child{border:1px solid var(--border);background:0 0;border-radius:8px;max-width:100%;height:auto;display:block}.block-image-overlay{object-fit:fill;border:1px solid #ffffff80;position:absolute;box-shadow:0 4px 14px #00000080}.section-main[data-section=main-features] .section-blocks,.section-main[data-section=touchscreen] .section-blocks{display:flow-root}.section-main[data-section=main-features] .section-blocks .block-image-stage>img:first-child,.section-main[data-section=touchscreen] .section-blocks .block-image-stage>img:first-child{background:0 0;border:none;border-radius:0}@media (width>=769px){.section-main[data-section=main-features] .section-blocks .block-image,.section-main[data-section=touchscreen] .section-blocks .block-image{float:right;width:40%;margin:4px 0 16px 28px}.hero-figure-wrap.annotation-legend-right{grid-template-columns:minmax(0,auto) minmax(260px,420px);grid-template-areas:"figure legend""caption legend";align-items:flex-start;gap:8px 60px;width:fit-content;max-width:100%;display:grid}.hero-figure-wrap.annotation-legend-right .hero-figure{grid-area:figure}.hero-figure-wrap.annotation-legend-right .hero-caption{grid-area:caption;margin-top:0}.hero-figure-wrap.annotation-legend-right .hotspot-legend{grid-area:legend;margin-top:0}.section-main[data-section=connections] .hotspot-figure-block{align-items:flex-start;gap:28px;display:flex}.section-main[data-section=connections] .hotspot-figure-block .hero-figure{flex:0 60%;min-width:0}.section-main[data-section=connections] .hotspot-figure-block .hotspot-legend{flex:40%;margin-top:0}.hotspot-figure-block.legend-right{grid-template-columns:minmax(0,auto) minmax(260px,420px);grid-template-areas:"title title""figure legend""caption legend";align-items:flex-start;gap:8px 60px;width:fit-content;max-width:100%;display:grid}.hotspot-figure-block.legend-right .hotspot-figure-title{grid-area:title}.hotspot-figure-block.legend-right .hero-figure{grid-area:figure}.hotspot-figure-block.legend-right .hero-caption{grid-area:caption;margin-top:0}.hotspot-figure-block.legend-right .hotspot-legend{grid-area:legend;margin-top:0}}.section-main[data-section=navigating-the-interface-the-top-bar] .section-blocks{counter-reset:tbe;display:block}.section-main[data-section=navigating-the-interface-the-top-bar] .section-blocks>*{margin-bottom:14px}.section-main[data-section=navigating-the-interface-the-top-bar] .block-h-3{clear:both;min-height:30px;margin-top:30px;padding-left:44px;position:relative}.section-main[data-section=navigating-the-interface-the-top-bar] .block-h-3:before{counter-increment:tbe;content:counter(tbe);box-sizing:border-box;background:var(--hotspot-badge);color:#0b1220;text-align:center;border:2px solid #ffffffbf;border-radius:50%;width:28px;height:28px;font:700 13px/24px ui-monospace,monospace;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 4px 10px #00000073}.section-main[data-section=the-top-bar-navigating-the-interface] .block-table-wrap,.section-main[data-section=navigating-the-interface-the-top-bar] .block-table-wrap{clear:both}@media (width>=769px){.section-main[data-section=the-top-bar-navigating-the-interface] .section-blocks .block-image,.section-main[data-section=navigating-the-interface-the-top-bar] .section-blocks .block-image{float:left;clear:left;width:auto;max-width:240px;margin:4px 22px 12px 0}.section-main[data-section=the-top-bar-navigating-the-interface] .section-blocks .block-image img,.section-main[data-section=navigating-the-interface-the-top-bar] .section-blocks .block-image img{border:1px solid var(--border);background:#0b1220;border-radius:6px}.section-main[data-section=the-top-bar-navigating-the-interface] .section-blocks .block-p,.section-main[data-section=navigating-the-interface-the-top-bar] .section-blocks .block-p{overflow:hidden}}.section-main[data-section=modes] .section-blocks{display:flow-root}.section-main[data-section=modes] .section-blocks>*{margin-bottom:14px}@media (width>=769px){.section-main[data-section=modes] .block-image:has(+.block-table-wrap){float:left;width:180px;margin:4px 26px 12px 0}.section-main[data-section=modes] .block-image:has(+.block-table-wrap)+.block-table-wrap{overflow:hidden}.section-main[data-section=modes] .block-image:has(+.block-table-wrap)+.block-table-wrap+*{clear:both}}.section-main[data-section=what-s-included-with-emotion-lv1-classic] .block-table-wrap{border:0;border-radius:0;overflow-x:visible}.section-main[data-section=what-s-included-with-emotion-lv1-classic] .block-table th,.section-main[data-section=what-s-included-with-emotion-lv1-classic] .block-table td{vertical-align:middle;background:0 0;border:0;padding:5px 18px 5px 0;font-size:14px}.plugin-link{align-items:center;gap:8px;display:inline-flex}.plugin-link-icon{object-fit:contain;border-radius:5px;flex:none;width:22px;height:22px}.section-main[data-section=what-s-included-with-emotion-lv1-classic] .block-table th{text-transform:none;letter-spacing:normal;color:var(--text);font-size:14px;font-weight:400}.section-main[data-section=what-s-included-with-emotion-lv1-classic] .block-table tr:nth-child(2n) td{background:0 0}.block-image figcaption{color:var(--text-dim);margin-top:6px;font-size:12px;line-height:1.4}.block-table-title{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600}.block-table-wrap.compact .block-table th,.block-table-wrap.compact .block-table td{font-size:12px}.block-table-wrap.striped .striped-row td{background:#ffffff09}.block-table th[colspan],.block-table th[rowspan]{text-align:center}.block-callout.variant-accent{background:#b05cff1f;border-left-width:5px}.block-callout.variant-compact{padding:6px 10px;font-size:13px}.block-callout.variant-boxed{border:1px solid var(--border);border-radius:4px}.block-callout.level-warning.variant-accent{background:#f59e0b1f;border-left-color:#f59e0b}.hotspot-figure-block{margin:12px 0 20px}.hotspot-figure-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:14px;font-weight:600}.hs-region-popover{background:var(--bg-panel);border:1px solid var(--accent-dim);border-radius:8px;max-width:900px;margin-top:12px;padding:16px}.hs-region-popover-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.hs-region-popover-title{flex:1;font-size:16px;font-weight:600}.hs-region-popover-close{color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:20px;line-height:1}.hs-region-popover-close:hover{color:var(--text)}.hs-region-popover-summary{color:var(--text-dim);margin:0 0 10px;font-size:14px}.hs-region-popover-blocks{flex-direction:column;gap:10px;font-size:14px;display:flex}.section-shell{grid-template:"topbar topbar""toc main"1fr/240px minmax(0,1fr);min-height:100vh;display:grid;overflow-x:clip}.section-topbar{background:var(--bg-panel);border-bottom:1px solid var(--border);z-index:20;grid-area:topbar;align-items:center;gap:12px;padding:10px 20px;display:flex;position:sticky;top:0}.section-topbar-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.topbar-brand{border-right:1px solid var(--border);color:var(--text);white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;margin-right:2px;padding-right:12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.topbar-brand:hover{opacity:.82;text-decoration:none}.topbar-brand-mark{background-color:var(--text);flex-shrink:0;width:20px;height:20px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.topbar-brand-name{letter-spacing:.01em}.breadcrumb{grid-column:unset;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:0;padding:0;font-size:14px;display:flex;overflow:hidden}.guide-switcher{align-items:center;display:inline-flex;position:relative}.guide-switcher-select{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute;inset:0}.guide-switcher-label{color:var(--text-dim);cursor:pointer;padding-right:16px;font-size:14px}.guide-switcher-label:after{content:" ▾";opacity:.7;font-size:10px}.section-topbar-search{flex-shrink:0;position:relative}.search-input{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:6px;outline:none;width:200px;padding:6px 10px;font-size:13px;transition:border-color .12s,width .2s}.search-input:focus{border-color:var(--accent);width:280px}.search-input::placeholder{color:var(--text-dim)}.search-dropdown{background:var(--bg-panel);border:1px solid var(--border);z-index:100;border-radius:8px;min-width:320px;max-width:480px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #00000080}.search-dropdown-empty{color:var(--text-dim);padding:12px 16px;font-size:13px}.search-dropdown-item{border-bottom:1px solid var(--border);color:var(--text);flex-direction:column;gap:3px;padding:10px 14px;text-decoration:none;transition:background .1s;display:flex}.search-dropdown-item:last-child{border-bottom:0}.search-dropdown-item:hover{background:var(--bg-elev);text-decoration:none}.search-result-title{font-size:13px;font-weight:600}.search-result-snippet{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.search-result-snippet mark{color:var(--text);background:#b05cff40;border-radius:2px}.toc-item-row{align-items:center;display:flex}.toc-item-row>a{flex:1;min-width:0}.toc-h3-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:4px 6px;font-size:11px;line-height:1}.toc-h3-toggle:hover{color:var(--text)}.toc-h3-list{gap:1px;margin:2px 0 4px;padding:0 0 0 16px;list-style:none;display:grid}.toc-h3-link{color:var(--text-dim);border-radius:4px;padding:4px 8px;font-size:12px;text-decoration:none;transition:background 80ms,color 80ms;display:block}.toc-h3-link:hover{background:var(--bg-elev);color:var(--text);text-decoration:none}.toc-hamburger{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;flex-direction:column;flex-shrink:0;justify-content:center;gap:4px;width:32px;height:32px;padding:6px;display:none}.toc-hamburger span{background:var(--text);border-radius:1px;height:2px;display:block}.toc-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.toc-header h3{margin:0}.toc-close-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:0;font-size:20px;line-height:1;display:none}.toc-backdrop{z-index:29;background:#00000080;display:none;position:fixed;inset:0}@media (width<=1024px){.section-shell{grid-template-columns:200px minmax(0,1fr)}.toc{font-size:13px}.section-main{padding:20px 24px}.search-input{width:160px}.search-input:focus{width:220px}.hero-figure-wrap{max-width:100%}.home-hero-inner{padding:60px 20px 36px}}@media (width<=768px){.section-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar""main"}.toc{z-index:30;grid-area:unset;width:280px;max-width:85vw;height:auto;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.toc.toc-open{transform:translate(0)}.toc-backdrop{display:block}.toc-hamburger{display:flex}.toc-close-btn{display:block}.section-topbar{flex-wrap:wrap;gap:8px 10px;padding:8px 12px}.section-topbar-left{flex:1;min-width:0}.section-topbar-search{order:1;width:100%}.search-input,.search-input:focus{width:100%}.search-dropdown{min-width:unset;max-width:unset;left:0;right:0}.section-main{max-width:100%;padding:16px}.hero-figure-wrap,.hero-figure{width:100%;max-width:100%}.hero-figure img{width:100%}.block-image img,.block-image-stage>img{width:auto;max-width:100%;height:auto;max-height:78vh;margin-left:auto;margin-right:auto}.block-image-stage{width:auto;max-width:100%}.side-sheet{border-left:0;border-top:1px solid var(--border);border-radius:16px 16px 0 0;width:100%;max-height:85vh;animation:.2s ease-out bottom-sheet-in;inset:auto 0 0}@keyframes bottom-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.section-nav{flex-direction:column;gap:8px}.section-nav-btn{max-width:100%}.home-hero-inner{padding:52px 18px 32px}.home-eyebrow{letter-spacing:.26em}.home-eyebrow-logo{height:40px}.home-search{margin-top:24px}.home-search-input{padding:15px 46px 15px 48px;font-size:16px}.home-hero-visual{max-width:300px;margin-top:14px}.home-main{padding:24px 16px 56px}.home-quicknav{scrollbar-width:none;flex-wrap:nowrap;margin-bottom:18px;padding-bottom:10px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000 100%);mask-image:linear-gradient(90deg,#000 88%,#0000 100%)}.home-quicknav::-webkit-scrollbar{display:none}.home-quicknav-chip{flex:none}.topbar-brand-name{display:none}.topbar-brand{padding-right:8px}.breadcrumb{flex-wrap:nowrap;min-width:0;font-size:12px}.breadcrumb .crumb-sep:last-of-type,.breadcrumb .current{display:none}.breadcrumb a:last-of-type,.guide-switcher-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.block-table-wrap{overflow-x:auto}}[id^=h3-]{scroll-margin-top:64px}.section-main h1{color:var(--guide-fg-strong);letter-spacing:-.03em;font-weight:850;line-height:1.1}.section-main .intro{color:var(--guide-fg-muted);font-size:16px;line-height:1.7}.block-h{color:var(--guide-fg-strong);letter-spacing:-.02em;margin:30px 0 4px;font-weight:850;line-height:1.15}.block-h-2{border-bottom:2px solid #a855f78c;padding-bottom:10px;font-size:clamp(25px,3vw,34px)}.block-h-3{padding-left:14px;font-size:clamp(22px,.7rem + .55vw,28px);position:relative}.block-h-3:before{content:"";background:var(--guide-accent);border-radius:3px;width:3px;position:absolute;top:.18em;bottom:.18em;left:0}.block-h-4{letter-spacing:-.01em;font-size:clamp(18px,.6rem + .35vw,22px);font-weight:800}.section-blocks>.block-h-4{border-top:1px solid var(--guide-border-strong);margin-top:38px;padding-top:26px;font-size:clamp(24px,.8rem + .7vw,31px);font-weight:850}.section-blocks>.block-h-4:first-child{border-top:0;margin-top:30px;padding-top:0}.block-h-5{font-size:15px;font-weight:800}.block-h-6{text-transform:uppercase;letter-spacing:.12em;color:var(--guide-accent);font-size:12px;font-weight:850}.block-p{color:var(--guide-fg);max-width:54ch;font-size:clamp(16px,.8rem + .32vw,22px);line-height:1.7}.block-list{max-width:54ch;padding-left:1.45em;font-size:clamp(16px,.8rem + .32vw,22px);line-height:1.65}.block-list li{margin:0}.block-p a,.callout-body a,.block-table a,.hs-region-popover a,.related-blocks a{color:var(--guide-accent);text-underline-offset:2px;font-weight:650;text-decoration:underline;text-decoration-thickness:1px}.block-p a:hover,.callout-body a:hover{color:var(--guide-accent-hover);text-decoration-thickness:2px}.inline-code{border:1px solid var(--guide-border);background:var(--guide-surface);color:var(--guide-fg-strong);border-radius:5px;padding:.12em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.block-callout{border:1px solid #a855f74d;border-left:4px solid var(--guide-accent);background:linear-gradient(135deg,#a855f71f,#a855f70b);border-radius:10px;padding:14px 16px}.block-callout.level-warning{background:linear-gradient(135deg,#ff9f4329,#ff9f430d);border-color:#ff9f4373 #ff9f4373 #ff9f4373 #ff9f43;border-left-width:5px}.callout-title{text-transform:uppercase;letter-spacing:.08em;color:var(--guide-accent);align-items:center;gap:8px;margin:0 0 6px;font-size:12px;font-weight:850;display:inline-flex}.callout-title:before{content:"ℹ";font-weight:700}.block-callout.level-warning .callout-title{color:#ffb84d}.block-callout.level-warning .callout-title:before{content:"⚠"}.callout-body{color:var(--guide-fg);font-size:15px;line-height:1.7}.block-callout.variant-accent{border-left-width:5px}.block-callout.variant-boxed{border-radius:6px}.block-callout.variant-compact{padding:10px 14px}.block-table-wrap{border:1px solid var(--guide-border-strong);border-radius:8px}.block-table th,.block-table td{border-top:0;border-left:0;border-right:1px solid var(--guide-border);border-bottom:1px solid var(--guide-border);vertical-align:top}.block-table th:last-child,.block-table td:last-child{border-right:0}.block-table tr:last-child td{border-bottom:0}.block-table th{background:var(--guide-accent-soft);color:var(--guide-fg-strong);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.block-table tr:nth-child(2n) td{background:#94a3b81a}.section-main[data-section=about-this-user-guide] .block-table-wrap{border:0;border-radius:0}.section-main[data-section=about-this-user-guide] .block-table th,.section-main[data-section=about-this-user-guide] .block-table td{vertical-align:top;border:0;padding:8px 16px 8px 0}.section-main[data-section=about-this-user-guide] .block-table th{text-transform:uppercase;background:0 0}.section-main[data-section=about-this-user-guide] .block-table tr:nth-child(2n) td{background:0 0}.block-table-title{color:var(--guide-fg-strong);letter-spacing:-.01em;font-size:13px;font-weight:800}.block-p blockquote,.callout-body blockquote,blockquote{border-left:4px solid var(--guide-accent);background:var(--guide-accent-soft);border-radius:8px;margin:0 0 .85em;padding:12px 16px}.block-image img,.block-image-stage img,.hero-figure img{border:1px solid var(--guide-border-strong);background:#0000002e;border-radius:8px}.hotspot-pin{background:var(--hotspot-badge);border-color:#ffffffbf}.hotspot-pin:hover,.hotspot-pin:focus-visible,.hotspot-pin.active{background:var(--hotspot-badge-hover);border-color:#fff}.hotspot-tag{background:var(--hotspot-badge);color:#fff}.hotspot-figure-title{letter-spacing:-.015em;color:var(--guide-fg-strong);font-size:17px;font-weight:800}.hotspot-legend li.active .legend-row,.hotspot-legend .legend-row:hover{background:#d24be01a;border-color:#d24be073}.hs-region-popover{border:1px solid var(--guide-border-strong);background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:12px}.hs-region-popover-title{color:var(--guide-fg-strong);font-weight:800}.hs-region-popover-summary{color:var(--guide-fg-muted)}.section-topbar{-webkit-backdrop-filter:saturate(150%)blur(14px);background:#090a10c7;border-bottom:1px solid #ffffff14;box-shadow:0 8px 24px #00000040}.toc{border-right:1px solid var(--guide-border);background:#090a10f5}.toc-header h3,.toc h3{color:var(--guide-fg-strong);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:850}.toc li a.active,.toc-item-row>a.active{color:var(--guide-fg-strong);background:var(--guide-accent-soft);box-shadow:inset 3px 0 0 var(--guide-accent);font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.theme-toggle{border:1px solid var(--guide-border-strong);background:var(--guide-surface);color:var(--guide-fg-strong);letter-spacing:.04em;cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 12px;font:700 12px/1 Inter,ui-sans-serif,system-ui,sans-serif;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.theme-toggle:hover{border-color:var(--guide-accent);color:var(--guide-accent)}.theme-toggle:focus-visible{outline:3px solid var(--guide-accent-soft);outline-offset:2px}.theme-toggle-icon{font-size:14px;line-height:1}.home-theme-toggle{z-index:40;position:absolute;top:16px;right:20px}@media (width<=768px){.theme-toggle-label{display:none}}html[data-theme=light]{--app-bg:#eef1f6;--guide-fg:#0b0f17;--guide-fg-strong:#050811;--guide-fg-muted:#0b0f17b8;--guide-border:#00000024;--guide-border-strong:#0000003d;--guide-surface:#0000000f;--guide-accent:#7c3aed;--guide-accent-soft:#7c3aed1a;--guide-accent-hover:#6d28d9;--card-bg:#fff;--card-shadow:0 12px 26px #0f172a1a;--bg-elev:#f1f5f9;--sheet-surface:#fff;--sheet-elevated:#f1f5f9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] body{background-color:#0000;background-image:radial-gradient(circle at 16% -10%,#7c3aed21,#0000 38%),radial-gradient(circle at 92% 0,#a855f717,#0000 32%),linear-gradient(#f4f6fa 0%,#eef1f6 55%,#e7ebf3 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}html[data-theme=light] .section-topbar{background:#ffffffd1;border-bottom-color:#e3e7ee;box-shadow:0 6px 18px #0f172a0f}html[data-theme=light] .toc{background:#fffffff5;border-right-color:#e3e7ee}html[data-theme=light] .toc li a.active,html[data-theme=light] .toc-item-row>a.active{color:var(--guide-fg-strong)}html[data-theme=light] .block-image img,html[data-theme=light] .block-image-stage img,html[data-theme=light] .hero-figure img{background:#0f172a0a}html[data-theme=light] .home-group,html[data-theme=light] .home-results{border-color:color-mix(in srgb, var(--guide-accent) 14%, var(--guide-border))}html[data-theme=light] .home-group-head{background:color-mix(in srgb, var(--guide-accent) 7%, #fff);border-bottom-color:color-mix(in srgb, var(--guide-accent) 16%, transparent)}