body:has(.hx) .site-header{background:0 0;position:absolute;left:0;right:0}body:has(.hx) .site-bar{background:0 0}main.hx{width:100%;max-width:none;padding:0}.hx{isolation:isolate;color:var(--text);position:relative;overflow-x:clip;container-type:inline-size}.hx a{color:inherit}.hx-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hx-top{background-image:var(--fx-glow), var(--fx-arc);background-position:50%,bottom;background-repeat:no-repeat;background-size:100% 100%,100% 260px}.hx-s1{max-width:var(--page-max);padding:calc(var(--site-header-h,64px) + var(--s-5)) var(--page-gutter) 150px;box-sizing:border-box;gap:var(--s-6);flex-direction:column;margin:0 auto;display:flex}.hx-copy{align-items:center;gap:var(--s-5);text-align:center;flex-direction:column;display:flex}.hx h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(40px,5.2vw,64px);font-weight:500;line-height:1.04}.hx h1 span,.hx-end b{color:var(--accent-text);font-weight:inherit}.hx-sub{max-width:460px;color:var(--muted);margin:0;font-size:18px;line-height:1.5}.hx-down{align-items:center;gap:var(--s-2);min-height:var(--tap-min);border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--fs-body);padding:0 20px;font-weight:500;text-decoration:none;display:inline-flex}.hx-down:hover{background:var(--panel)}.hx-down span{animation:1.6s ease-in-out infinite hx-nudge;display:inline-block}.hx-vid{aspect-ratio:4/5;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);align-self:center;width:100%;max-width:460px;position:relative;overflow:hidden}.hx-layer{box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.hx-layer[data-on]{opacity:1;pointer-events:auto}.hx-pad{padding:var(--s-6);flex-direction:column;justify-content:center;display:flex}.hx-brand{margin:0 0 var(--s-3);font-size:var(--fs-overline);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--muted);font-weight:500}.hx-prompt{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-2) var(--s-2) 20px;border:1px solid var(--halo-ring);box-shadow:var(--glow-field);background:var(--surface);border-radius:30px;display:flex}.hx-typed{box-sizing:border-box;overflow-wrap:anywhere;flex:1;min-width:0;min-height:44px;padding:10px 0;font-size:16px;line-height:1.35}.hx-caret{vertical-align:-4px;background:var(--text);width:2px;height:20px;margin-left:2px;animation:1s step-end infinite hx-blink;display:inline-block}.hx-send{background:var(--brand);width:44px;height:44px;color:var(--on-brand);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .15s;display:flex}.hx-send[data-pressed]{transform:scale(.9)}.hx-demo{margin:0 0 var(--s-4);font-size:var(--fs-body);color:var(--muted)}.hx-step{align-items:center;gap:var(--s-3);padding:var(--s-3) 0;border-top:1px solid var(--line);color:var(--muted);font-size:16px;display:flex}.hx-step i{width:24px;height:24px;color:var(--on-brand);background:var(--panel);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-style:normal;display:flex}.hx-step[data-state=now],.hx-step[data-state=done]{color:var(--text)}.hx-step[data-state=now] i{background:var(--halo-soft);animation:.8s ease-in-out infinite hx-blink}.hx-step[data-state=done] i{background:var(--text)}.hx-vtitle{font-size:var(--fs-body-sm);font-weight:500}.hx-hook{height:2.6em;margin:0 0 var(--s-3);text-align:center;text-wrap:balance;text-shadow:0 1px 10px var(--bg);justify-content:center;align-items:center;font-size:16px;font-weight:500;line-height:1.3;display:flex;overflow:hidden}.hx-player{align-items:center;gap:var(--s-3);display:flex}.hx-bar{background:#2b303a;border-radius:99px;flex:1;height:4px;overflow:hidden}.hx-bar i{background:var(--text);height:100%;display:block}.hx-time{font:400 var(--fs-caption) / 1 var(--font-mono-stack);font-variant-numeric:tabular-nums;color:var(--muted)}.hx-sound{z-index:2;right:var(--s-4);top:var(--s-3);border:1px solid var(--line);background:var(--bg);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.hx-sound:hover{background:#1a1d24}.hx-sound:focus-visible{outline:2px solid var(--halo-ring);outline-offset:2px}.hx-sound[aria-pressed=true]{color:var(--accent-text);border-color:var(--halo-ring)}.hx-sound[data-pulse]:after{content:"";border:2px solid var(--halo-ring);pointer-events:none;border-radius:50%;animation:1.6s ease-out infinite hx-ping;position:absolute;inset:-1px}@keyframes hx-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.hx-sound[data-pulse]:after{opacity:0;animation:none}}.hx-voice{gap:var(--s-4);padding:var(--s-4) var(--s-5) var(--s-4);flex-direction:column;display:flex}.hx-voice .hx-vtitle{align-items:center;min-height:44px;padding-right:52px;display:flex}.hx-vboard{flex:1;place-items:center;min-height:0;display:grid}.hx .hx-vboard .xr-static{border-radius:var(--r-sm);width:auto;max-width:100%;height:100%;max-height:100%;box-shadow:var(--glow-board)}.hx .xr-sprite{width:0;height:0;position:absolute;overflow:hidden}.hx .xr-static{aspect-ratio:1;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid;overflow:hidden;container-type:inline-size}.hx .xr-sq{aspect-ratio:1;background:var(--sq-light);position:relative}.hx .xr-sq[data-dark="1"]{background:var(--sq-dark)}.hx .xr-sq>svg{width:100%;height:100%}.hx .xr-coord{font:500 clamp(6px, 1.6cqi, 10px) / 1 var(--font-sans-stack);color:var(--board-coord-on-light);pointer-events:none;font-style:normal;position:absolute}.hx .xr-sq[data-dark="1"] .xr-coord{color:var(--board-coord-on-dark)}.hx .xr-coord[data-edge=file]{bottom:1px;right:2px}.hx .xr-coord[data-edge=rank]{top:2px;left:2px}.hx-end{justify-content:center;align-items:center;gap:var(--s-5);padding:var(--s-5);text-align:center;flex-direction:column;text-decoration:none;display:flex}.hx-end>span:first-child{letter-spacing:-.03em;text-wrap:balance;font-size:32px;font-weight:500;line-height:1.1}.hx-cta{min-height:var(--tap-min);border-radius:var(--r-pill);background:var(--brand);color:var(--on-brand);font-size:var(--fs-body);align-items:center;padding:0 20px;font-weight:500;display:inline-flex}.hx-s2{max-width:560px;padding:var(--s-8) var(--page-gutter) var(--s-9);box-sizing:content-box;margin:0 auto;scroll-margin-top:24px}.hx h2{margin:0 0 var(--s-6);letter-spacing:-.03em;text-align:center;text-wrap:balance;font-size:clamp(28px,3.2vw,40px);font-weight:500;line-height:1.1}.hx-form{gap:var(--s-4);padding:var(--s-6);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;display:flex}.hx-sites{gap:var(--s-1);padding:var(--s-1);border:1px solid var(--line);border-radius:var(--r-pill);grid-template-columns:1fr 1fr;display:grid}.hx-sites button{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--tap-min);border-radius:var(--r-pill);font:inherit;font-size:var(--fs-body);cursor:pointer;color:var(--muted);background:0 0;border:0;font-weight:500;display:flex}.hx-sites button[aria-checked=true]{background:var(--panel);color:var(--text)}.hx-sites button:focus-visible,.hx-chips button:focus-visible,.hx-ask button:focus-visible{outline:2px solid var(--halo-ring);outline-offset:2px}.hx-user{box-sizing:border-box;min-height:48px;padding:0 var(--s-4);border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--text);font:inherit;outline:none;font-size:16px}.hx-user:focus{border-color:var(--border-strong)}.hx-ask{align-items:flex-end;gap:var(--s-2);padding:var(--s-2) var(--s-2) var(--s-2) 0;border:1px solid var(--halo-ring);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--glow-field);display:flex}.hx-ask textarea{field-sizing:content;resize:none;box-sizing:border-box;min-width:0;min-height:calc(2.8em + 14px);max-height:calc(7em + 14px);padding:7px 0 7px var(--s-4);color:var(--text);line-height:1.4;font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:16px}.hx-user::placeholder,.hx-ask textarea::placeholder{color:var(--muted);opacity:1}.hx-user[aria-invalid]{border-color:var(--bad)}.hx-ask:has(textarea[aria-invalid]){border-color:var(--bad)}.hx-ask button{background:var(--brand);width:44px;height:44px;color:var(--on-brand);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.hx-note{min-height:20px;font-size:var(--fs-body-sm);color:var(--bad);margin:0}.hx-note:empty{display:none}.hx-try{margin-top:var(--s-5);gap:var(--s-2);flex-direction:column;display:flex}.hx-try>p{font-size:var(--fs-overline);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--muted);margin:0;font-weight:500}.hx-chips{gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.hx-chips button{min-height:var(--tap-min);padding:var(--s-2) var(--s-4);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--text);font:inherit;font-size:var(--fs-body-sm);text-align:left;cursor:pointer;background:0 0}.hx-chips button:hover{background:var(--panel)}@keyframes hx-blink{50%{opacity:.35}}@keyframes hx-nudge{50%{transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.hx-down span,.hx-caret,.hx-step i{animation:none}}@container (max-width:640px){.hx-form{padding:var(--s-5)}.hx-voice{padding:var(--s-3) var(--s-4) var(--s-4);gap:var(--s-3)}}@container (min-width:900px){.hx-s1{align-items:center;gap:var(--s-8);padding-block:calc(var(--site-header-h,64px) + var(--s-5)) 180px;grid-template-columns:minmax(0,1fr) minmax(0,460px);display:grid}.hx-copy{text-align:left;align-items:flex-start}.hx-vid{align-self:auto}}