:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#1f1f21;--card:#29292b;--text:#dbdede;--muted:#9999a3;--accent:#66b8ff;--outline:#737373d9;--shadow:5px 7px 23px #0009;--green:#44cf6e;--yellow:#e0de71}*{box-sizing:border-box}html,body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}.page{background-image:radial-gradient(#ffffff12 1.2px,#0000 1.2px);background-position:12px 12px;background-size:24px 24px;min-height:100vh;padding:64px 48px 96px;position:relative}.top,.bottom{z-index:1;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex;position:relative}.top{height:60px;margin-top:-40px;margin-bottom:36px}.brand{color:#f1f2f4;align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.brand img{border-radius:6px}.chips{align-items:center;gap:8px;display:flex}.chip-mono{color:#8a8c94;background:#ffffff0d;border-radius:6px;padding:5px 9px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;text-decoration:none;box-shadow:inset 0 0 0 1px #ffffff14}a.chip-mono{color:#e2e3e6}a.chip-mono:hover{background:#ffffff17}.bottom{color:#8a8c94;padding:72px 0 0;font-size:14px}.bottom .links{gap:24px;display:flex}.bottom a{color:var(--accent);text-decoration:none}.bottom a:hover{text-underline-offset:3px;text-decoration:underline}.mono-note{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.page-links{pointer-events:none;position:absolute;top:0;left:0}section{align-items:center;gap:40px 72px;max-width:1400px;margin:0 auto;display:grid;position:relative}.hero{grid-template-columns:minmax(300px,400px) 1fr}.hero .demo{grid-column:2}.hero #open{grid-column:2;justify-self:end;max-width:440px;margin-right:8%}.feature{grid-template-columns:1fr minmax(300px,400px);margin-top:120px}.feature.flip{grid-template-columns:minmax(300px,400px) 1fr}.page-card em{color:var(--text);font-style:italic}.side{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.page-card{z-index:1;background:var(--card);box-shadow:inset 0 0 0 1px var(--outline), var(--shadow);color:var(--text);border-radius:8px;padding:32px 36px;font-size:17px;line-height:1.55;position:relative}.page-card h1,.page-card h2{color:var(--accent);letter-spacing:-.01em;margin:0 0 6px;font-weight:700;line-height:1.12}.page-card h1{font-size:40px}.page-card h2{margin-bottom:14px;font-size:28px}.page-card p{margin:12px 0 0}.page-card .lede{color:var(--text);margin-top:10px;font-size:21px;font-weight:600}.page-card code{color:#c8996c;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}.page-card.yellow{box-shadow:inset 0 0 0 1.5px var(--yellow), var(--shadow);text-align:center;background:#444436d9;padding:20px 28px}.page-card.primary{box-shadow:inset 0 0 0 1.5px var(--green), 0 0 0 5px #44cf6e24, var(--shadow);background:#2d4235d9;flex-direction:column;align-items:center;gap:4px;padding:18px 32px;text-decoration:none;display:flex}.page-card.primary strong{font-size:20px}.mono{color:var(--green);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px}.also{color:var(--muted);margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px}.also a{color:var(--text);text-underline-offset:4px;margin-left:8px}#brew{flex-wrap:wrap;align-items:baseline;gap:6px 8px;margin-top:-14px;display:flex}#brew[hidden]{display:none}#brew code{color:var(--text);-webkit-user-select:all;user-select:all;white-space:nowrap}.demo{z-index:1;box-shadow:0 0 0 1px var(--outline), var(--shadow);background:var(--background);border-radius:12px;position:relative;overflow:hidden}.demo-control{z-index:3;width:36px;height:36px;color:var(--text);cursor:pointer;opacity:0;background:#28282cd1;border:0;border-radius:50%;place-items:center;transition:opacity .2s;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:inset 0 0 0 1px #ffffff24,0 2px 10px #0006}.demo:hover .demo-control,.demo-control:focus-visible,.demo.paused .demo-control{opacity:1}.demo-control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stage{transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden}.stage canvas{width:100%;height:100%;position:absolute;inset:0}.features{margin-top:140px;display:block}.label{color:var(--accent);margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px}.label .marker{opacity:.55}.label.orange{color:#c8996c}.label.violet{color:#a882ff}.title{letter-spacing:-.01em;margin:8px 0 40px;font-size:44px;font-weight:700}.map{grid-template-columns:minmax(200px,300px) minmax(280px,1fr) minmax(280px,1fr);align-items:center;gap:28px 110px;display:grid}.map .root{text-align:center;grid-area:1/1/span 4;align-self:center;padding:26px 20px;font-size:24px;font-weight:700}.map .small{grid-column:2;padding:22px 26px}.map .small.right{grid-column:3}.page-card h3{margin:0 0 6px;font-size:18px;font-weight:700}.page-card.small p{color:var(--muted);margin:0;font-size:16px;line-height:1.5}.page-card kbd{color:var(--text);background:#dbdede0f;border-radius:5px;padding:0 6px;font:500 14px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:inline-block;box-shadow:inset 0 0 0 1px #dbdede24}.page-card.purple{box-shadow:inset 0 0 0 1.5px #a882ff, var(--shadow);background:#3c364bd9}.pair{grid-template-columns:1fr 1fr;gap:36px;margin-top:64px;display:grid}.pair .page-card h2{color:var(--text);margin:10px 0 14px;font-size:32px}.pair .page-card p:not(.label){color:var(--text)}.path{color:var(--muted);background:#00000040;border-radius:6px;margin:22px 0 0;padding:14px 18px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px}.path span{color:#c8996c}.chain{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 16px;display:flex}.chip{background:var(--card);box-shadow:inset 0 0 0 1px var(--outline);border-radius:6px;padding:7px 12px;font-size:15px}.chip.yellow{box-shadow:inset 0 0 0 1.5px var(--yellow);background:#444436d9}.chip.violet{background:#3c364bd9;box-shadow:inset 0 0 0 1.5px #a882ff}.chain .to{color:#599effe6}@media (max-width:999px){.map{grid-template-columns:1fr;gap:16px}.map .root,.map .small,.map .small.right{grid-column:1;grid-row:auto!important}.map .small{order:1}.pair{grid-template-columns:1fr}.page{padding:40px 16px 64px}.hero,.feature{grid-template-columns:1fr}.hero .demo,.hero #open{grid-column:1}.hero #open{justify-self:stretch;max-width:none;margin:0}.feature{margin-top:72px}.feature,.feature.flip{grid-template-columns:1fr}.feature .demo{order:2}.page-card h1{font-size:32px}}body.bare .page{display:none}body.bare .stage{position:relative}.cards{z-index:0;position:absolute;inset:0}.card{position:absolute}.card .face{position:absolute;inset:0;overflow:hidden}.card .face img{width:100%;height:100%;position:absolute;inset:0}.card .wash{position:absolute;inset:0}.card .words{transform-origin:0 0;position:absolute;top:0;left:0}.card .ring{position:absolute}.run,.ruler>*{white-space:pre;font-variation-settings:"opsz" 28;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;position:absolute}.run.mono{font-variation-settings:normal;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace}.ruler{visibility:hidden;pointer-events:none;position:fixed;top:0;left:0}.stage canvas.over{z-index:1}.editor{position:absolute}.editor .words{transform-origin:0 0;position:absolute;top:0;left:0}.editor .caret{width:1px;position:absolute}.hint{position:absolute;inset:0}.menu .swatch,.menu,.menu-row{position:absolute}.cursor{z-index:100;width:0;height:0;position:absolute;top:0;left:0}.cursor svg{filter:drop-shadow(0 1px 1.5px #00000073);position:absolute;top:-3px;left:-4px}.cursor .ripple{border:2px solid #ffffffd9;border-radius:50%;position:absolute}.keys{border-radius:10px;gap:6px;padding:8px 10px;display:flex;position:absolute}.summon{pointer-events:none;position:absolute;inset:0}.summon .tip,.summon .trail{position:absolute;top:0;left:0}.summon .tip{background:#ffffff3d;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;box-shadow:inset 0 0 0 2px #ffffffbf,0 0 18px #ffffff40}.summon .trail{background:linear-gradient(#fff0,#ffffff38);border-radius:11px;width:22px;margin-left:-11px}.keys.caption{align-items:center;gap:8px;font:15px system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.keys .or{opacity:.6}.keys kbd{background:var(--cap);min-width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--cap-edge);-webkit-font-smoothing:antialiased;border-radius:5px;place-items:center;padding:0 8px;font:500 16px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid}.stage .desktop{width:100%;height:100%;position:absolute;inset:0}.panel{border-radius:10px;position:absolute;overflow:hidden}