.hl{--hl-space-1:4px;--hl-space-2:8px;--hl-space-3:12px;--hl-space-4:16px;--hl-space-5:24px;--hl-space-6:32px;--hl-space-7:48px;--hl-space-8:64px;--hl-radius:4px;--hl-accent:#c4481a;--hl-accent-edge:#8f3411;--hl-accent-text:#c4481a;--hl-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;min-height:100vh;color:var(--foreground);background:var(--background);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:clip}.dark .hl{--hl-accent-text:#e0663a}.hl h1,.hl h2,.hl h3,.hl p,.hl ul,.hl ol{margin:0;padding:0}.hl ul,.hl ol{list-style:none}.hl a{color:inherit;text-decoration:none}.hl a:hover{text-underline-offset:3px;text-decoration:underline}.hl code{font-family:var(--hl-mono)}.hl button{font:inherit;cursor:pointer}.hl button:focus-visible,.hl a:focus-visible{outline:2px solid var(--hl-accent);outline-offset:2px}.hl-wrap{width:min(720px, 100% - var(--hl-space-5) * 2);margin:0 auto}.hl-hero{align-items:center;gap:var(--hl-space-5);width:min(1040px,100%);padding:var(--hl-space-7) var(--hl-space-5);text-align:center;flex-direction:column;margin:0 auto;display:flex;position:relative}.hl-island{width:184px;height:auto;animation:6s ease-in-out 2.2s infinite hl-bob;overflow:visible}.hl-hero h1{letter-spacing:-.03em;text-wrap:balance;max-width:760px;font-size:clamp(32px,5.4vw,52px);font-weight:700;line-height:1.08}.hl-lede{margin-top:calc(var(--hl-space-2) * -1);color:var(--muted-foreground);font-size:18px}.hl-vx-cube{animation:.52s cubic-bezier(.2,1.5,.4,1) both hl-drop;animation-delay:calc(var(--i) * 28ms)}.hl-vx-led{animation:1.4s step-end infinite hl-led}.hl-vx-eye{animation:5s step-end 2s infinite hl-eye}.hl-floaters{pointer-events:none;position:absolute;inset:0}.hl-float{height:auto;position:absolute;overflow:visible}.hl-float-1{width:48px;animation:5s ease-in-out infinite hl-bob;top:22%;left:4%}.hl-float-2{width:36px;animation:6s ease-in-out -2s infinite hl-bob;top:12%;right:7%}.hl-float-3{width:28px;animation:7s ease-in-out -4s infinite hl-bob;top:58%;left:10%}.hl-float-4{width:40px;animation:5.5s ease-in-out -1s infinite hl-bob;top:48%;right:3%}.hl-install{gap:var(--hl-space-4);width:100%;max-width:800px;margin-top:var(--hl-space-2);text-align:left;display:grid}.hl-install li{gap:var(--hl-space-2);display:grid}.hl-install h2{align-items:center;gap:var(--hl-space-2);font-size:15px;font-weight:600;display:flex}.hl-where{color:var(--muted-foreground);font-weight:400}.hl-num{color:#fff;background:var(--hl-accent);width:20px;height:20px;font:600 12px/1 var(--hl-mono);border-radius:2px;place-items:center;display:grid}.hl-cmd{align-items:center;gap:var(--hl-space-3);padding:var(--hl-space-2) var(--hl-space-2) var(--hl-space-2) var(--hl-space-4);border:1px solid var(--border);border-radius:var(--hl-radius);background:var(--muted);display:flex}.hl-cmd code{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px;line-height:1.5}.hl-prompt{color:var(--muted-foreground);-webkit-user-select:none;user-select:none;margin-right:1ch}.hl-ch{animation:hl-caret-on var(--step) steps(1) calc(var(--t0) + var(--i) * var(--step)), hl-type 1ms calc(var(--t0) + (var(--i) + 1) * var(--step)) both}.hl-caret{vertical-align:text-bottom;background:var(--foreground);opacity:0;width:1ch;height:1.3em;animation:hl-caret 1.1s steps(1) calc(var(--t0) + var(--i) * var(--step)) infinite;display:inline-block}.hl .hl-copy{min-width:68px;height:32px;padding:0 var(--hl-space-3);border:0;border-bottom:3px solid var(--hl-accent-edge);border-radius:var(--hl-radius);color:#fff;background:var(--hl-accent);cursor:pointer;flex:none;font:500 14px/1 ui-sans-serif,system-ui,sans-serif;transition:transform .12s}.hl .hl-copy:hover{transform:translateY(-1px)}.hl .hl-copy:active{border-bottom-width:1px;transform:translateY(2px)}.hl-facts{justify-content:center;gap:var(--hl-space-2) var(--hl-space-5);color:var(--muted-foreground);flex-wrap:wrap;font-size:14px;display:flex}.hl-facts li,.hl-docs{align-items:center;gap:var(--hl-space-2);display:flex}.hl-facts svg{width:16px;height:16px}.hl .hl-docs{color:var(--hl-accent-text);font-weight:500}.hl-docs svg{transition:transform .16s}.hl-docs:hover svg{transform:translate(3px)}.hl-block{gap:var(--hl-space-6);padding:var(--hl-space-6) 0 var(--hl-space-7);display:grid}.hl-block>h2{letter-spacing:-.02em;text-align:center;font-size:24px;font-weight:650}.hl-block>h2:before{width:8px;height:8px;margin:0 auto var(--hl-space-3);background:var(--hl-accent);content:"";display:block}.hl-block h3{font-size:15px;font-weight:600;line-height:1.4}.hl-steps{gap:var(--hl-space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.hl-steps li{justify-items:center;gap:var(--hl-space-3);display:grid;position:relative}.hl-steps li:not(:last-child):after{top:28px;left:calc(50% + 40px);right:calc(-50% + 40px - var(--hl-space-4));border-top:2px dashed var(--border);content:"";position:absolute}.hl-block-tile{border:1px solid var(--border);border-radius:var(--hl-radius);width:56px;height:56px;color:var(--foreground);background:var(--card);border-bottom-width:4px;place-items:center;transition:transform .18s cubic-bezier(.2,1.5,.4,1),color .18s,border-color .18s;display:grid}.hl-block-tile svg{width:24px;height:24px}.hl-steps li:hover .hl-block-tile{color:var(--hl-accent-text);border-color:var(--hl-accent);transform:translateY(-4px)}.hl-games{gap:var(--hl-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hl-games li{align-content:start;justify-items:center;gap:var(--hl-space-2);padding:var(--hl-space-5) var(--hl-space-4);border:1px solid var(--border);background:var(--card);text-align:center;border-bottom-width:4px;border-radius:6px;transition:transform .18s cubic-bezier(.2,1.5,.4,1),border-color .18s;display:grid}.hl-games li:hover{border-color:var(--hl-accent);transform:translateY(-4px)}.hl-games img{width:56px;height:56px;margin-bottom:var(--hl-space-2);border-radius:var(--hl-radius);object-fit:cover}.hl-games li:hover img{animation:.42s cubic-bezier(.2,1.5,.4,1) hl-hop}.hl-games p{color:var(--muted-foreground);font-size:13px;line-height:1.5}.hl-foot{margin-top:var(--hl-space-6)}.hl-foot-row{justify-content:center;gap:var(--hl-space-2) var(--hl-space-5);padding:var(--hl-space-5) 0;color:var(--muted-foreground);flex-wrap:wrap;font-size:14px;display:flex}.hl-ground{display:block}@media (prefers-reduced-motion:no-preference){.hl-js .hl-reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(24px)}.hl-js .hl-reveal.is-in{opacity:1;transform:none}.hl-js .hl-reveal:not(.is-in) :is(.hl-steps,.hl-games)>li{opacity:0}.hl-js .hl-reveal.is-in :is(.hl-steps,.hl-games)>li{animation:.56s cubic-bezier(.2,1.5,.4,1) backwards hl-drop;animation-delay:calc(.2s + var(--i) * .12s)}}@media (prefers-reduced-motion:reduce){.hl *,.hl :before,.hl :after{transition:none!important;animation:none!important}}@keyframes hl-drop{0%{opacity:0;transform:translateY(-40px)}}@keyframes hl-bob{50%{transform:translateY(-8px)}}@keyframes hl-hop{50%{transform:translateY(-6px)}}@keyframes hl-led{50%{fill:#2e6b3c}}@keyframes hl-eye{0%{fill:#1d2a17}96%{fill:#5a983c}}@keyframes hl-type{0%{color:#0000}}@keyframes hl-caret-on{0%,to{background:var(--foreground)}}@keyframes hl-caret{0%{opacity:.7}50%{opacity:0}}.hl-demo{--t-muted:#696d74;--t-faint:#aeb2b8;--t-accent:#c2511f;--t-ok:#1e8a59;--t-warn:#9a6a0c;--t-bad:#c43c3c;gap:var(--hl-space-3);display:grid}.dark .hl-demo{--t-muted:#8d9199;--t-faint:#4a4d53;--t-accent:#e0663a;--t-ok:#4cc38a;--t-warn:#d9a441;--t-bad:#ec6a6a}.hl-term{border:1px solid var(--border);border-radius:var(--hl-radius);background:var(--card);overflow:hidden}.hl-term-bar{padding:var(--hl-space-2) var(--hl-space-3);border-bottom:1px solid var(--border);gap:6px;display:flex}.hl-term-bar span{background:var(--border);width:8px;height:8px}.hl-term-view{padding:var(--hl-space-3);overflow-x:auto}.hl-term-screen{color:var(--foreground);font-variant-ligatures:none;white-space:pre;font:10.5px/1.2 ui-monospace,SF Mono,Menlo,Cascadia Mono,Consolas,monospace;position:relative}.hl-term-line{height:1.2em}.hl-term-cell{text-align:center;width:1ch;display:inline-block}.hl-term-cursor{background:var(--foreground);opacity:.55;width:1ch;height:1.2em;position:absolute}.t-muted{color:var(--t-muted)}.t-faint{color:var(--t-faint)}.t-accent{color:var(--t-accent)}.t-ok{color:var(--t-ok)}.t-warn{color:var(--t-warn)}.t-bad{color:var(--t-bad)}.t-b{font-weight:700}.t-i{font-style:italic}.t-u{text-underline-offset:2px;text-decoration:underline}.t-r{color:var(--card);background:var(--foreground)}.hl-demo-controls{align-items:center;gap:var(--hl-space-1);display:flex}.hl-demo-steps{gap:var(--hl-space-2);margin-right:var(--hl-space-2);flex:1;display:flex}.hl .hl-demo-steps button{background:0 0;border:0;flex:1;height:16px;padding:0}.hl-demo-steps button:before,.hl-demo-steps button span{background:var(--border);content:"";border-radius:1px;height:2px;display:block}.hl-demo-steps button span{background:var(--muted-foreground);transform-origin:0;margin-top:-2px}.hl .hl-demo-icon{width:28px;height:28px;color:var(--muted-foreground);background:0 0;border:0;place-items:center;padding:0;display:grid}.hl .hl-demo-icon:hover{color:var(--foreground);background:var(--muted);opacity:1}.hl-demo-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.hl-demo-icon svg .fill{fill:currentColor}@media (width<=860px){.hl-float-3,.hl-float-4{display:none}.hl-float-1{width:36px;top:64px;left:8%}.hl-float-2{width:28px;top:40px;right:8%}}@media (width<=560px){.hl-hero{padding-top:var(--hl-space-6)}.hl-island{width:152px}.hl-steps{gap:var(--hl-space-2)}.hl-steps li:not(:last-child):after{left:calc(50% + 32px);right:calc(-50% + 32px - var(--hl-space-2))}.hl-block-tile{width:48px;height:48px}.hl-steps li:not(:last-child):after{top:24px}.hl-games{gap:var(--hl-space-3);grid-template-columns:minmax(0,1fr)}.hl-games li{justify-items:start;column-gap:var(--hl-space-4);padding:var(--hl-space-4);text-align:left;grid-template-columns:48px minmax(0,1fr);row-gap:0}.hl-games img{grid-row:span 2;width:48px;height:48px;margin:0}}