.hx-panel{--hx-impact-x:calc(42% - 13px);--hx-ripple-x:calc(42% - 6.5px);height:500px}.hx-shape-control{pointer-events:fill;touch-action:none;cursor:grab;outline:none}.hx-shape-control.is-dragging{cursor:grabbing}.hx-shape-control:focus-visible{stroke:var(--text-muted);stroke-width:2px}@media (width<=640px){.hx-panel{--hx-impact-x:calc(42% + 62px);--hx-ripple-x:calc(42% + 69px);height:400px}}.hx-stage{padding-top:calc(7.5rem + var(--banner-h,0px));background:linear-gradient(to bottom, transparent calc(4rem + var(--banner-h,0px)), var(--mauve-950) calc(4rem + var(--banner-h,0px)))}.dark .hx-stage{background:0 0}.hx-anim,.hx-static{pointer-events:none;position:absolute;inset:0}.hx-static{display:none}#icosahedron-canvas,#icosahedron-front{mask-image:linear-gradient(90deg,#000 0% 70%,#0000 100%)}.hx-pill{color:oklch(93% .004 324);backdrop-filter:blur(8px);opacity:0;background:oklch(24% .012 324/.72);border:1px solid oklch(100% 0 0/.12);border-radius:14px;align-items:center;gap:8px;max-width:min(230px,44%);padding:7px 11px;font-size:12.5px;line-height:1.45;display:flex;position:absolute}.hx-avatar{color:oklch(80% .01 324);background:oklch(100% 0 0/.1);border-radius:9999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.hx-prompt{z-index:3;width:min(230px,44%);top:50%;left:-2%;transform:translate(-100%,-50%)}.hx-response{z-index:2;background:color-mix(in oklab, var(--brand) 13%, transparent);border-color:color-mix(in oklab, var(--brand) 35%, transparent);width:min(230px,44%);color:color-mix(in oklab, var(--brand), white 88%);top:50%;left:66%;transform:translate(-50%,calc(-50% - 12px))}.hx-response .hx-avatar{background:oklch(100% 0 0/.1)}@media (width<=640px){.hx-pill{gap:0;max-width:min(230px,58%);font-size:12px}.hx-prompt,.hx-response{width:min(230px,58%)}.hx-pill .hx-avatar{z-index:6;border:1px solid oklch(100% 0 0/.28);position:absolute;top:-8px;left:-8px;box-shadow:0 2px 8px #00000059;background:oklch(35% .018 324)!important}}@media (width<=380px){.hx-pill{max-width:min(230px,max(58%,176px))}.hx-prompt,.hx-response{width:min(230px,max(58%,176px))}}.hx-strike{display:inline-block;position:relative}.hx-strike:after{content:"";transform-origin:0;background:#e05a50e6;height:1.5px;position:absolute;top:52%;left:-1px;right:-1px;transform:scaleX(0)}.hx-ripple{left:var(--hx-ripple-x);border:2px solid color-mix(in oklab, var(--brand) 80%, transparent);opacity:0;z-index:4;border-radius:9999px;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%)scale(.2)}.hx-ripple-red{border-color:#e05a50d9}.hx-ripple{will-change:transform, opacity}.hx-run .hx-prompt-a{animation:16s ease-in-out infinite hx-prompt-a}.hx-run .hx-prompt-b{animation:16s ease-in-out infinite hx-prompt-b}.hx-run .hx-prompt-c{animation:16s ease-in-out infinite hx-prompt-c}.hx-run .hx-prompt-c .hx-strike:after{animation:16s linear infinite hx-strike}.hx-run .hx-response-a{animation:16s ease-in-out infinite hx-response-a}.hx-run .hx-response-b{animation:16s ease-in-out infinite hx-response-b}.hx-run .hx-ripple-a1{animation:16s ease-out infinite hx-ripple-a1}.hx-run .hx-ripple-a2{animation:16s ease-out infinite hx-ripple-a2}.hx-run .hx-ripple-b1{animation:16s ease-out infinite hx-ripple-b1}.hx-run .hx-ripple-b2{animation:16s ease-out infinite hx-ripple-b2}.hx-run .hx-ripple-c1{animation:16s ease-out infinite hx-ripple-c1}.hx-run .hx-ripple-c2{animation:16s ease-out infinite hx-ripple-c2}.hx-run .hx-response-a .hx-avatar{animation:16s ease-in-out infinite hx-avatar-out-a}.hx-run .hx-response-b .hx-avatar{animation:16s ease-in-out infinite hx-avatar-out-b}.hx-run .hx-prompt-a .hx-avatar{animation:16s ease-in-out infinite hx-avatar-prompt-a}.hx-run .hx-prompt-b .hx-avatar{animation:16s ease-in-out infinite hx-avatar-prompt-b}.hx-run .hx-prompt-c .hx-avatar{animation:16s ease-in-out infinite hx-avatar-prompt-c}@keyframes hx-avatar-out-a{0%,21.5%{opacity:1}24%{opacity:0}to{opacity:0}}@keyframes hx-avatar-out-b{0%,51.5%{opacity:1}54%{opacity:0}to{opacity:0}}@keyframes hx-avatar-prompt-a{0%,7%{opacity:1;color:oklch(80% .01 324);background:oklch(100% 0 0/.1)}10.5%{background:color-mix(in oklab, var(--brand) 18%, transparent);color:color-mix(in oklab, var(--brand), white 75%)}21.5%{opacity:1;background:color-mix(in oklab, var(--brand) 18%, transparent);color:color-mix(in oklab, var(--brand), white 75%)}24%{opacity:0}to{opacity:0}}@keyframes hx-avatar-prompt-b{0%,37%{opacity:1;color:oklch(80% .01 324);background:oklch(100% 0 0/.1)}40.5%{background:color-mix(in oklab, var(--brand) 18%, transparent);color:color-mix(in oklab, var(--brand), white 75%)}51.5%{opacity:1;background:color-mix(in oklab, var(--brand) 18%, transparent);color:color-mix(in oklab, var(--brand), white 75%)}54%{opacity:0}to{opacity:0}}@keyframes hx-avatar-prompt-c{0%,79%{color:oklch(80% .01 324);background:oklch(100% 0 0/.1)}88.5%{color:oklch(85% .07 25);background:#e05a502e}to{color:oklch(85% .07 25);background:#e05a502e}}@keyframes hx-prompt-a{0%{opacity:0;left:-2%;transform:translate(-100%,-50%)}2%{opacity:1}5.5%{left:var(--hx-impact-x);transform:translate(-100%,-50%)}7%{left:var(--hx-impact-x);color:oklch(93% .004 324);background:oklch(24% .012 324/.72);border-color:oklch(100% 0 0/.12);transform:translate(-100%,-50%)}10.5%{background:color-mix(in oklab, var(--brand) 13%, transparent);border-color:color-mix(in oklab, var(--brand) 35%, transparent);color:color-mix(in oklab, var(--brand), white 88%);left:66%;transform:translate(-50%,-50%)}13.5%{transform:translate(-50%,calc(2px - 100%))}21.5%{opacity:1;background:color-mix(in oklab, var(--brand) 13%, transparent);border-color:color-mix(in oklab, var(--brand) 35%, transparent);color:color-mix(in oklab, var(--brand), white 88%);left:66%;transform:translate(-50%,calc(2px - 100%))scale(1)}24%{opacity:1;background:color-mix(in oklab, var(--brand) 6%, transparent);border-color:color-mix(in oklab, var(--brand) 85%, transparent);color:var(--brand);left:66%;transform:translate(-50%,calc(2px - 100%))scale(1)}29.5%{opacity:0;background:color-mix(in oklab, var(--brand) 4%, transparent);border-color:color-mix(in oklab, var(--brand) 80%, transparent);color:var(--brand);left:66%;transform:translate(-50%,-50%)scale(.35)}to{opacity:0;left:-2%}}@keyframes hx-response-a{0%,11%{opacity:0;transform:translate(-50%,calc(-50% - 12px))}14%{opacity:1;transform:translate(-50%,12px)}21.5%{opacity:1;background:color-mix(in oklab, var(--brand) 13%, transparent);border-color:color-mix(in oklab, var(--brand) 35%, transparent);color:color-mix(in oklab, var(--brand), white 88%);transform:translate(-50%,12px)scale(1)}24%{opacity:1;background:color-mix(in oklab, var(--brand) 5%, transparent);border-color:color-mix(in oklab, var(--brand) 85%, transparent);color:var(--brand);transform:translate(-50%,12px)scale(1)}29.5%{opacity:0;background:color-mix(in oklab, var(--brand) 4%, transparent);border-color:color-mix(in oklab, var(--brand) 80%, transparent);color:var(--brand);transform:translate(-50%,-50%)scale(.35)}to{opacity:0;transform:translate(-50%,calc(-50% - 12px))}}@keyframes hx-prompt-b{0%,30%{opacity:0;left:-2%;transform:translate(-100%,-50%)}32%{opacity:1}35.5%{left:var(--hx-impact-x);transform:translate(-100%,-50%)}37%{left:var(--hx-impact-x);color:oklch(93% .004 324);background:oklch(24% .012 324/.72);border-color:oklch(100% 0 0/.12);transform:translate(-100%,-50%)}40.5%{background:color-mix(in oklab, var(--brand) 13%, transparent);border-color:color-mix(in oklab, var(--brand) 35%, transparent);color:color-mix(in oklab, var(--brand), white 88%);left:66%;transform:translate(-50%,-50%)}43.5%{transform:translate(-50%,calc(2px - 100%))}51.5%{opacity:1;background:color-mix(in oklab, var(--brand) 13%, transparent);border-color:color-mix(in oklab, var(--brand) 35%, transparent);color:color-mix(in oklab, var(--brand), white 88%);left:66%;transform:translate(-50%,calc(2px - 100%))scale(1)}54%{opacity:1;background:color-mix(in oklab, var(--brand) 6%, transparent);border-color:color-mix(in oklab, var(--brand) 85%, transparent);color:var(--brand);left:66%;transform:translate(-50%,calc(2px - 100%))scale(1)}59.5%{opacity:0;background:color-mix(in oklab, var(--brand) 4%, transparent);border-color:color-mix(in oklab, var(--brand) 80%, transparent);color:var(--brand);left:66%;transform:translate(-50%,-50%)scale(.35)}to{opacity:0;left:-2%}}@keyframes hx-response-b{0%,41%{opacity:0;transform:translate(-50%,calc(-50% - 12px))}44%{opacity:1;transform:translate(-50%,12px)}51.5%{opacity:1;background:color-mix(in oklab, var(--brand) 13%, transparent);border-color:color-mix(in oklab, var(--brand) 35%, transparent);color:color-mix(in oklab, var(--brand), white 88%);transform:translate(-50%,12px)scale(1)}54%{opacity:1;background:color-mix(in oklab, var(--brand) 5%, transparent);border-color:color-mix(in oklab, var(--brand) 85%, transparent);color:var(--brand);transform:translate(-50%,12px)scale(1)}59.5%{opacity:0;background:color-mix(in oklab, var(--brand) 4%, transparent);border-color:color-mix(in oklab, var(--brand) 80%, transparent);color:var(--brand);transform:translate(-50%,-50%)scale(.35)}to{opacity:0;transform:translate(-50%,calc(-50% - 12px))}}@keyframes hx-prompt-c{0%,63%{opacity:0;left:-2%}64.5%{opacity:1}69.5%{left:var(--hx-impact-x)}69.8%{left:var(--hx-impact-x);color:oklch(93% .004 324);background:oklch(24% .012 324/.72);border-color:oklch(100% 0 0/.12)}71.5%{border-color:#e05a5099}79%{left:var(--hx-impact-x);color:oklch(93% .004 324);background:oklch(24% .012 324/.72);border-color:#e05a5099}88.5%{color:oklch(88% .06 25);background:#e05a5021;border-color:#e05a5099}92%{opacity:1;left:var(--hx-impact-x);color:oklch(88% .06 25);background:#e05a5021;border-color:#e05a5099}95.5%{opacity:0;left:calc(var(--hx-impact-x) - 18px)}to{opacity:0;left:-2%}}@keyframes hx-strike{0%,88.5%{transform:scaleX(0)}91%{transform:scaleX(1)}95%{transform:scaleX(1)}96%,to{transform:scaleX(0)}}@keyframes hx-ripple-a1{0%,5.8%{opacity:0;transform:translate(-50%,-50%)scale(.2)}6.2%{opacity:.85}11.5%{opacity:0;transform:translate(-50%,-50%)scale(3.6)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@keyframes hx-ripple-a2{0%,6.6%{opacity:0;transform:translate(-50%,-50%)scale(.2)}7%{opacity:.6}12.3%{opacity:0;transform:translate(-50%,-50%)scale(3.2)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@keyframes hx-ripple-b1{0%,35.8%{opacity:0;transform:translate(-50%,-50%)scale(.2)}36.2%{opacity:.85}41.5%{opacity:0;transform:translate(-50%,-50%)scale(3.6)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@keyframes hx-ripple-b2{0%,36.6%{opacity:0;transform:translate(-50%,-50%)scale(.2)}37%{opacity:.6}42.3%{opacity:0;transform:translate(-50%,-50%)scale(3.2)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@keyframes hx-ripple-c1{0%,69.6%{opacity:0;transform:translate(-50%,-50%)scale(.2)}70%{opacity:.9}75%{opacity:0;transform:translate(-50%,-50%)scale(3.4)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@keyframes hx-ripple-c2{0%,70.4%{opacity:0;transform:translate(-50%,-50%)scale(.2)}70.8%{opacity:.65}75.8%{opacity:0;transform:translate(-50%,-50%)scale(3)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}.hx-static .hx-pill{opacity:1}.hx-prompt-static{top:50%;left:14px;transform:translateY(-50%)}.hx-response-static{top:52%;left:66%;transform:translate(-50%)}.hx-struck-static{text-decoration:line-through 1.5px #e05a50}@media (prefers-reduced-motion:reduce){.hx-anim{display:none}.hx-static{display:block}}.hx-play{--hx-play-green:var(--brand);cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:absolute;inset:0;container-type:inline-size}.hx-play__poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hx-play__scrim{transition:opacity .3s var(--ease-out);background:linear-gradient(to top right,oklch(12% .01 200/.55),#0000 55%);position:absolute;inset:0}.hx-play:hover .hx-play__scrim{opacity:.7}.hx-play__cta{backdrop-filter:blur(14px)saturate(1.4);transition:border-color .25s var(--ease-out), transform .25s var(--ease-out);background:oklch(16% .01 200/.55);border:1px solid oklch(100% 0 0/.16);border-radius:9999px;align-items:center;gap:14px;padding:7px 22px 7px 7px;display:inline-flex;position:absolute;bottom:clamp(14px,3cqi,32px);left:clamp(14px,3cqi,32px);box-shadow:0 10px 30px oklch(0% 0 0/.35),inset 0 1px oklch(100% 0 0/.08)}.hx-play:hover .hx-play__cta{border-color:color-mix(in oklab, var(--hx-play-green) 55%, transparent);transform:translateY(-2px)}.hx-play__orb{width:52px;height:52px;color:var(--brand-fg);background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--hx-play-green), white 28%), var(--hx-play-green) 60%);box-shadow:0 0 0 1px oklch(100% 0 0/.2) inset, 0 6px 24px color-mix(in oklab, var(--hx-play-green) 45%, transparent);transition:transform .25s var(--ease-out);border-radius:9999px;flex:none;place-items:center;display:grid;position:relative}.hx-play__orb svg{width:20px;height:20px}.hx-play__orb:after{content:"";border-radius:inherit;border:1.5px solid var(--hx-play-green);animation:hx-play-ring 2.6s var(--ease-out) infinite;position:absolute;inset:0}.hx-play:hover .hx-play__orb{transform:scale(1.06)}.hx-play__text{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.hx-play__label{font-family:var(--font-display);color:oklch(97% .003 324);font-size:16px;font-weight:600;line-height:1.2}.hx-play__time{font-family:var(--font-mono);letter-spacing:.06em;color:oklch(100% 0 0/.6);font-size:12px}.hx-play:focus-visible{outline:none}.hx-play:focus-visible .hx-play__cta{outline:2px solid var(--hx-play-green);outline-offset:3px}@keyframes hx-play-ring{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(1.55)}}@media (width<=480px){.hx-play__cta{gap:10px;padding:5px 16px 5px 5px}.hx-play__orb{width:40px;height:40px}.hx-play__orb svg{width:16px;height:16px}.hx-play__label{font-size:14px}}@media (prefers-reduced-motion:reduce){.hx-play__orb:after{opacity:0;animation:none}.hx-play__cta,.hx-play__orb{transition:none}}.hx-cta{--hx-cta-cycle:9s;position:relative}.hx-cta:hover{--hx-cta-cycle:3.2s}.hx-cta:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(105deg, transparent 40%, color-mix(in oklab, var(--brand) 60%, transparent) 46%, color-mix(in oklab, var(--brand), white 40%) 50%, color-mix(in oklab, var(--brand) 60%, transparent) 54%, transparent 60%) no-repeat;animation:hx-cta-glint var(--hx-cta-cycle) linear 1.2s infinite;background-position:100% 0;background-size:300% 100%;padding:1px;position:absolute;inset:-1px;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes hx-cta-glint{0%{background-position:100% 0}22.5%,to{background-position:0 0}}.hx-cta__arrow{animation:hx-cta-arrow var(--hx-cta-cycle) linear 1.2s infinite}@keyframes hx-cta-arrow{13%{color:inherit;filter:none}15.25%{color:color-mix(in oklab, var(--brand), white 40%);filter:drop-shadow(0 0 4px color-mix(in oklab, var(--brand) 80%, transparent))}17.5%{color:inherit;filter:none}}@media (prefers-reduced-motion:reduce){.hx-cta:before{opacity:0;animation:none}.hx-cta__arrow{animation:none}}.hx-feat-card{transition:border-color .16s var(--ease-out)}.hx-feat-card:hover{border-color:var(--border-strong)}.hx-feat-strip{border-radius:var(--radius-button);background:var(--surface-subtle);height:3.5rem;margin-bottom:16px;overflow:hidden}.dark .hx-feat-strip{background:var(--surface-sunken)}.hx-feat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-size:10px;line-height:1}.hx-feat-scale{position:relative}.hx-feat-scale>*{position:absolute}.hx-feat-scale__off,.hx-feat-scale__safe{top:6px}.hx-feat-scale__off{left:12px}.hx-feat-scale__safe{color:var(--green-500);right:12px}.hx-feat-zone{background:color-mix(in oklch, var(--green-500) 12%, transparent);inset:0 0 0 60%}.hx-feat-threshold{background:var(--green-500);width:1.5px;top:0;bottom:0;left:60%}.hx-feat-track{background:var(--border-strong);height:1px;top:70%;left:12px;right:12px}.hx-feat-dot{top:70%;left:calc(12px + (100% - 2 * 12px) * var(--score));border-radius:var(--radius-pill);background:color-mix(in oklch, var(--red-500) 70%, transparent);width:8px;height:8px;margin:-4px 0 0 -4px}.hx-feat-dot.is-safe{background:var(--green-500)}.hx-feat-stats{grid-template-columns:1fr 1px 1fr;align-items:center;gap:16px;padding:0 16px;display:grid}.hx-feat-stat{flex-direction:column;gap:2px;display:flex}.hx-feat-stat__num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.125rem;line-height:1.1}.hx-feat-stat__num--blue{color:var(--blue-500)}.hx-feat-stat__num--green{color:var(--green-500)}.hx-feat-divider{background:var(--border);height:60%}.hx-feat-log{font-family:var(--font-mono);flex-direction:column;justify-content:center;gap:6px;padding:0 12px;font-size:11px;display:flex}.hx-feat-log__row{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.hx-feat-log__time{color:var(--text-muted);font-variant-numeric:tabular-nums}.hx-feat-log__dir{text-align:center;border-radius:var(--radius-pill);width:2rem;font-size:10px}.hx-feat-log__dir--in{color:var(--green-500);background:color-mix(in oklch, var(--green-500) 16%, transparent)}.hx-feat-log__dir--out{color:var(--blue-500);background:color-mix(in oklch, var(--blue-500) 16%, transparent)}.hx-feat-log__reason{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hx-feat-log__verdict{color:var(--red-500)}