.motion-pause{cursor:pointer;border-radius:50%;place-items:center;display:grid}.motion-pause input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.motion-pause svg{grid-area:1/1;width:40%;height:40%}.motion-pause-play{display:none}.motion-pause:has(:checked) .motion-pause-pause{display:none}.motion-pause:has(:checked) .motion-pause-play{display:block}.motion-pause:has(:focus-visible){outline-offset:2px;outline:2px solid}@media (prefers-reduced-motion:reduce){.motion-pause{display:none}}
.hf{width:100%;container:hf/inline-size}.hf-stage{--vf-l:4cqw;--vf-t:4cqw;--vf-w:58cqw;--wave-h:5.2cqw;--caps-h:6cqw;--card-l:58.8cqw;--card-t:9.6cqw;--card-w:37.2cqw;--head-h:5.6cqw;--row-h:7cqw;--foot-h:7.4cqw;--pad:2cqw;--radius:1.6cqw;--bar-w:2.5px;--cursor-w:2.2cqw;--toggle:max(24px, 2.8cqw);--toggle-r:4cqw;--toggle-b:4cqw;--t-hud:max(10px, 1.1cqw);--t-tag:max(9px, 1.02cqw);--t-cap:max(11px, 1.4cqw);--t-title:max(11px, 1.35cqw);--t-small:max(9px, 1.05cqw);--t-row:max(11px, 1.42cqw);--t-chip:max(10px, 1.2cqw);--t-dest:max(10px, 1.18cqw);--f1x:-54.99cqw;--f1y:-3.58cqw;--f2x:-49.48cqw;--f2y:5.8cqw;--f3x:-23.71cqw;--f3y:-9.37cqw;--c0x:102cqw;--c0y:58cqw;--c1x:64cqw;--c1y:26.2cqw;--c2x:90cqw;--c2y:39.6cqw;--c3x:102cqw;--c3y:47cqw;--lift:0 1.4cqw 3cqw -1cqw #06123073;--rest:0 0 0 0 #06123000;aspect-ratio:1000/540;isolation:isolate;background:radial-gradient(110% 90% at 20% 0%, color-mix(in oklab, var(--blue-400) 55%, transparent), transparent 62%), linear-gradient(165deg, var(--blue-500) 30%, var(--blue-700));font-family:var(--font-sans);border-radius:28px;position:relative;overflow:hidden;container-type:inline-size}.dark .hf-stage{background:radial-gradient(110% 90% at 20% 0%, color-mix(in oklab, var(--blue-500) 45%, transparent), transparent 62%), linear-gradient(165deg, var(--blue-700) 30%, var(--blue-900))}@container hf not (min-width:720px){.hf-stage{--vf-w:92cqw;--wave-h:7cqw;--caps-h:12cqw;--card-l:7cqw;--card-t:81.2cqw;--card-w:86cqw;--head-h:10.4cqw;--row-h:14cqw;--foot-h:13.2cqw;--pad:4cqw;--radius:3cqw;--bar-w:2px;--cursor-w:5cqw;--toggle:max(24px, 7cqw);--toggle-r:7cqw;--t-hud:max(10px, 2.9cqw);--t-tag:max(9px, 2.6cqw);--t-cap:max(11px, 3.5cqw);--t-title:max(11px, 3.6cqw);--t-small:max(9px, 2.8cqw);--t-row:max(12px, 3.8cqw);--t-chip:max(10px, 3.1cqw);--t-dest:max(10px, 3cqw);--f1x:-16.79cqw;--f1y:-76.97cqw;--f2x:-8.05cqw;--f2y:-64.98cqw;--f3x:32.81cqw;--f3y:-91.93cqw;--c0x:104cqw;--c0y:156cqw;--c1x:18cqw;--c1y:113cqw;--c2x:80cqw;--c2y:140cqw;--c3x:104cqw;--c3y:148cqw;aspect-ratio:1000/1610;max-width:30rem;margin-inline:auto}}.hf-art{position:absolute;inset:0}.hf-vf{top:var(--vf-t);left:var(--vf-l);width:var(--vf-w);isolation:isolate;border-radius:var(--radius);background:var(--stone-950);position:absolute;overflow:hidden}.hf-frame{aspect-ratio:5/3;position:relative}.hf-frame>svg,.hf-read,.hf-read>svg,.hf-vignette{width:100%;height:100%;position:absolute;inset:0}.hf-vignette{background:radial-gradient(#0000 58%,#0c0a098c)}.hf-drawing path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hf-main{stroke-width:1.15px}.hf-glaze{stroke-width:.85px}.hf-fine{stroke-width:.7px}.hf-ground{stroke-width:1.7px}.hf-defect{stroke-width:1.25px}.hf-drawing .hf-stain,.hf-drawing .hf-weep{stroke:none}.hf-ink-dim :is(.hf-main,.hf-glaze,.hf-ground){stroke:var(--stone-700)}.hf-ink-dim .hf-fine{stroke:var(--stone-900)}.hf-ink-dim .hf-defect{stroke:var(--stone-600)}.hf-ink-dim :is(.hf-stain,.hf-weep){fill:var(--stone-700)}.hf-ink-lit :is(.hf-main,.hf-ground){stroke:var(--stone-400)}.hf-ink-lit .hf-glaze{stroke:var(--stone-500)}.hf-ink-lit .hf-fine{stroke:var(--stone-600)}.hf-ink-lit .hf-defect{stroke:var(--stone-200)}.hf-ink-lit .hf-stain{fill:var(--stone-300);opacity:.6}.hf-ink-lit .hf-weep{fill:var(--stone-400)}.hf-evidence{z-index:2;position:absolute}.hf-dim{opacity:.35}.hf-dim .hf-tag{opacity:0}.hf-box{border:1.5px solid var(--blue-400);background:color-mix(in oklab, var(--blue-400) 16%, transparent);border-radius:.4cqw;position:absolute;inset:0}.hf-ping{border:1.5px solid var(--blue-400);border-radius:inherit;opacity:0;position:absolute;inset:-1.5px}.hf-tag{background:var(--blue-500);color:#fff;font-size:var(--t-tag);white-space:nowrap;border-radius:.4cqw;align-items:center;gap:.5em;padding:.38em .6em;font-weight:500;line-height:1;display:flex;position:absolute;bottom:calc(100% + .5cqw);left:-1.5px}.hf-tag-end{left:auto;right:-1.5px}.hf-tag-at{color:var(--blue-100);font-family:var(--font-mono);font-weight:400}.hf-hud{z-index:3;color:var(--stone-100);font-size:var(--t-hud);background:#0c0a09b8;border-radius:.5cqw;align-items:center;gap:.6em;padding:.5em .75em;line-height:1;display:flex;position:absolute;top:1.4cqw;left:1.4cqw}.hf-hud-play{fill:currentColor;width:.85em;height:.85em}.hf-hud-where{color:var(--stone-400)}.hf-tc{height:1em;font-family:var(--font-mono);font-variant-numeric:tabular-nums;overflow:hidden}.hf-tc-roll{flex-direction:column;display:flex;transform:translateY(-71.4286%)}.hf-tc-roll>span{height:1em}.hf-wave{height:var(--wave-h);position:relative}.hf-wave svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hf-wave path{fill:none;stroke-width:var(--bar-w);stroke-linecap:round;vector-effect:non-scaling-stroke}.hf-wave-dim path{stroke:var(--stone-700)}.hf-wave-lit path{stroke:var(--blue-400)}.hf-caps{height:var(--caps-h);padding-inline:calc(var(--vf-w) * .0983) 2cqw;align-items:center;display:grid}.hf-cap{color:var(--stone-100);font-size:var(--t-cap);text-wrap:balance;grid-area:1/1;margin:0;line-height:1.35}.hf-cap-1,.hf-cap-3{opacity:0}.hf-cap-at{color:var(--stone-400);font-family:var(--font-mono);margin-right:.6em;font-size:.86em}.hf-word{display:inline-block}.hf-mark{--hl:color-mix(in oklab, var(--flax-300) 42%, transparent);background:linear-gradient(var(--hl), var(--hl)) no-repeat;color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-size:100% 100%;border-radius:.2em;padding-inline:.12em}.hf-head{z-index:1;width:100%;height:calc(var(--vf-w) * .6 + var(--wave-h) / 2);position:absolute;top:0;left:0;transform:translate(41.26%)}.hf-head-line{background:linear-gradient(#ffffff1f,#ffffff8c);width:1px;position:absolute;top:0;bottom:0;left:-.5px}.hf-head-knob{background:#fff;border-radius:50%;width:max(7px,.9cqw);height:max(7px,.9cqw);position:absolute;bottom:0;left:0;transform:translate(-50%,50%);box-shadow:0 0 0 max(3px,.35cqw) #ffffff29}.hf-card{top:var(--card-t);left:var(--card-l);z-index:2;width:var(--card-w);height:calc(var(--head-h) + 3 * var(--row-h) + var(--foot-h));border-radius:var(--radius);background:var(--card);color:var(--card-foreground);position:absolute}.hf-card-head{height:var(--head-h);padding-inline:var(--pad);border-bottom:1px solid var(--border);font-size:var(--t-title);align-items:center;gap:.6em;display:flex}.hf-card-title{font-weight:500}.hf-badge{font-size:var(--t-small);line-height:1;display:grid}.hf-draft,.hf-sent{white-space:nowrap;border-radius:999px;grid-area:1/1;place-self:center start;padding:.35em .7em}.hf-draft{border:1px solid var(--input);color:var(--muted-foreground);opacity:0}.hf-sent{border:1px solid color-mix(in oklab, var(--success) 45%, transparent);background:color-mix(in oklab, var(--success) 10%, transparent);color:var(--success)}.hf-mono{font-family:var(--font-mono)}.hf-card-type{color:var(--muted-foreground);font-size:var(--t-small);margin-left:auto}.hf-slot,.hf-row{top:calc(var(--head-h) + var(--n) * var(--row-h));height:var(--row-h);position:absolute;left:0;right:0}.hf-slot:before,.hf-slot:after{background:var(--muted);content:"";border-radius:999px;height:max(6px,.8cqw);position:absolute;top:50%;transform:translateY(-50%)}.hf-slot:before{left:var(--pad);width:12%}.hf-slot:after{right:calc(var(--pad) + 16%);left:calc(var(--pad) + 16%)}.hf-row{padding-inline:var(--pad);border-radius:calc(var(--radius) * .6);background:var(--card);font-size:var(--t-row);isolation:isolate;align-items:center;gap:.9em;display:flex}.hf-row-1{--fx:var(--f1x);--fy:var(--f1y)}.hf-row-2{--fx:var(--f2x);--fy:var(--f2y)}.hf-row-3{--fx:var(--f3x);--fy:var(--f3y)}.hf-hot{inset:.4cqw calc(var(--pad) * .4);z-index:-1;border-radius:calc(var(--radius) * .5);background:color-mix(in oklab, var(--brand-ink) 9%, transparent);position:absolute}.hf-chip{background:color-mix(in oklab, var(--brand-ink) 10%, transparent);color:var(--brand-ink);font-family:var(--font-mono);font-size:var(--t-chip);border-radius:.45em;flex-shrink:0;padding:.35em .55em;line-height:1}.hf-line{text-wrap:pretty;line-height:1.35}.hf-action{border:1px solid var(--input);color:var(--muted-foreground);font-size:var(--t-small);vertical-align:.12em;border-radius:999px;margin-left:.45em;padding:.2em .6em;line-height:1.1;display:inline-block}.hf-foot{height:var(--foot-h);padding-inline:var(--pad);border-top:1px solid var(--border);font-size:var(--t-dest);align-items:center;gap:.9em;display:flex;position:absolute;bottom:0;left:0;right:0}.hf-dest{white-space:nowrap;align-items:center;gap:.35em;line-height:1;display:flex}.hf-dest-mark{place-items:center;width:1em;height:1em;display:grid}.hf-ring,.hf-tick{grid-area:1/1}.hf-ring{border:1.5px solid var(--muted-foreground);opacity:0;border-radius:50%;width:.8em;height:.8em}.hf-tick{width:1em;height:1em;color:var(--success)}.hf-send{background:var(--primary);color:var(--primary-foreground);border-radius:.7em;align-items:center;gap:.45em;margin-left:auto;padding:.55em .8em;font-weight:500;line-height:1;display:flex}.hf-send svg{width:1em;height:1em}.hf-traces{z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hf-traces-tall{display:none}@container hf not (min-width:720px){.hf-traces-wide{display:none}.hf-traces-tall{display:block}}.hf-trace{fill:none;stroke:var(--blue-300);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:0}.hf-traces-tall .hf-trace{stroke-width:4.5px}.hf-dot{fill:var(--blue-300);transform-box:fill-box;transform-origin:50%}.hf-cursor{z-index:4;width:var(--cursor-w);opacity:0;position:absolute;top:0;left:0}.hf-press{transform-origin:6% 4%;display:block}.hf-press svg{filter:drop-shadow(0 .15em .3em #00000059);width:100%;height:auto;display:block;overflow:visible}.hf-press path{fill:var(--stone-950);stroke:#fff;stroke-width:1.3px;stroke-linejoin:round}:root:has(#hero-film-pause:checked) .hf-art *{animation-play-state:paused}.hf-stage>.motion-pause{right:var(--toggle-r);bottom:var(--toggle-b);z-index:5;width:var(--toggle);height:var(--toggle);color:#fff;background:#ffffff29;transition:background .16s;position:absolute}.hf-stage>.motion-pause:hover{background:#ffffff42}@media (prefers-reduced-motion:no-preference){.hf-art :is(.hf-head,.hf-read,.hf-tc-roll,.hf-cap,.hf-word,.hf-mark,.hf-ping,.hf-box,.hf-dim,.hf-dim .hf-tag,.hf-row,.hf-hot,.hf-trace,.hf-dot,.hf-cursor,.hf-press,.hf-send,.hf-draft,.hf-sent,.hf-ring,.hf-tick){animation-duration:18s;animation-iteration-count:infinite;animation-fill-mode:both}.hf-head{animation-name:hf-head}.hf-read{animation-name:hf-read}.hf-tc-roll{animation-name:hf-tc}.hf-cap{animation-name:hf-cap;animation-delay:calc(var(--b) * 3.24s)}.hf-cap-2{animation-name:hf-cap-2;animation-delay:0s}.hf-word{animation-name:hf-word;animation-delay:calc(var(--b) * 3.24s + var(--i) * 45ms)}.hf-mark{animation-name:hf-mark;animation-delay:calc(var(--b) * 3.24s)}.hf-ping{animation-name:hf-ping;animation-delay:calc(var(--b) * 3.24s)}.hf-box-1{animation-name:hf-box-1}.hf-box-2{animation-name:hf-box-2}.hf-box-3{animation-name:hf-box-3}.hf-dim{animation-name:hf-dim}.hf-dim .hf-tag{animation-name:hf-untag}.hf-row-1{animation-name:hf-row-1}.hf-row-2{animation-name:hf-row-2}.hf-row-3{animation-name:hf-row-3}.hf-hot{animation-name:hf-hot}.hf-trace{animation-name:hf-trace}.hf-dot-from{animation-name:hf-dot-from}.hf-dot-to{animation-name:hf-dot-to}.hf-cursor{animation-name:hf-cursor}.hf-press{animation-name:hf-press}.hf-send{animation-name:hf-send}.hf-draft{animation-name:hf-draft}.hf-sent{animation-name:hf-sent}.hf-tick{animation-name:hf-check;animation-delay:calc(var(--n) * .18s)}.hf-ring{animation-name:hf-uncheck;animation-delay:calc(var(--n) * .18s)}}@keyframes hf-head{0%,2%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(9.83%)}7%,20%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(31.74%)}25%,38%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(41.26%)}43%,56%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(85.67%)}60%,64.5%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(92.5%)}67.5%,93%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(41.26%)}97%,to{transform:translate(9.83%)}}@keyframes hf-read{0%,2%{opacity:1;clip-path:inset(0 90.17% 0 0);animation-timing-function:cubic-bezier(.65,0,.35,1)}7%,20%{clip-path:inset(0 68.26% 0 0);animation-timing-function:cubic-bezier(.65,0,.35,1)}25%,38%{clip-path:inset(0 58.74% 0 0);animation-timing-function:cubic-bezier(.65,0,.35,1)}43%,56%{clip-path:inset(0 14.33% 0 0);animation-timing-function:cubic-bezier(.65,0,.35,1)}60%,91%{opacity:1;clip-path:inset(0)}93%{opacity:0;clip-path:inset(0)}93.1%,96%{opacity:0;clip-path:inset(0 90.17% 0 0)}97%,to{opacity:1;clip-path:inset(0 90.17% 0 0)}}@keyframes hf-tc{0%,5%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translateY(0)}7%,23%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translateY(-14.2857%)}25%,41%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translateY(-28.5714%)}43%,58%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translateY(-42.8571%)}60%,65.5%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translateY(-57.1429%)}67.5%,95%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translateY(-71.4286%)}97%,to{transform:translateY(-85.7143%)}}@keyframes hf-cap{0%,7.5%{opacity:0}8.5%,18.5%{opacity:1}19.5%,to{opacity:0}}@keyframes hf-word{0%,7.5%{opacity:0;filter:blur(3px);animation-timing-function:cubic-bezier(.23,1,.32,1);transform:translateY(.35em)}10%,to{opacity:1;filter:none;transform:none}}@keyframes hf-mark{0%,10.5%{background-size:0% 100%;animation-timing-function:cubic-bezier(.23,1,.32,1)}12%,to{background-size:100% 100%}}@keyframes hf-ping{0%,11%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(1)}11.5%{opacity:.7}15%,to{opacity:0;transform:scale(1.9)}}@keyframes hf-cap-2{0%,25.5%{opacity:0}26.5%,36.5%{opacity:1}37.5%,65.5%{opacity:0}66.5%,90%{opacity:1}91%,to{opacity:0}}@keyframes hf-box-1{0%,11%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(1.4)}13.5%,90.5%{opacity:1;transform:none}92.5%,to{opacity:0;transform:none}}@keyframes hf-box-2{0%,29%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(1.4)}31.5%,90.5%{opacity:1;transform:none}92.5%,to{opacity:0;transform:none}}@keyframes hf-box-3{0%,47%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(1.4)}49.5%,90.5%{opacity:1;transform:none}92.5%,to{opacity:0;transform:none}}@keyframes hf-dim{0%,64.5%{opacity:1}66%,90%{opacity:.35}91.5%,to{opacity:1}}@keyframes hf-untag{0%,64.5%{opacity:1}65.5%,90%{opacity:0}91.5%,to{opacity:1}}@keyframes hf-row-1{0%,13%{opacity:0;transform:translate(var(--fx), var(--fy)) scale(.2);box-shadow:var(--lift);animation-timing-function:cubic-bezier(.16,1,.3,1)}13.6%{opacity:1}17%,90.5%{opacity:1;box-shadow:var(--rest);transform:none}92.5%,to{opacity:0;box-shadow:var(--rest);transform:none}}@keyframes hf-row-2{0%,31%{opacity:0;transform:translate(var(--fx), var(--fy)) scale(.2);box-shadow:var(--lift);animation-timing-function:cubic-bezier(.16,1,.3,1)}31.6%{opacity:1}35%,90.5%{opacity:1;box-shadow:var(--rest);transform:none}92.5%,to{opacity:0;box-shadow:var(--rest);transform:none}}@keyframes hf-row-3{0%,49%{opacity:0;transform:translate(var(--fx), var(--fy)) scale(.2);box-shadow:var(--lift);animation-timing-function:cubic-bezier(.16,1,.3,1)}49.6%{opacity:1}53%,90.5%{opacity:1;box-shadow:var(--rest);transform:none}92.5%,to{opacity:0;box-shadow:var(--rest);transform:none}}@keyframes hf-hot{0%,64.5%{opacity:0}65.5%,90%{opacity:1}91%,to{opacity:0}}@keyframes hf-trace{0%,65%{opacity:0;stroke-dashoffset:1px;animation-timing-function:cubic-bezier(.65,0,.35,1)}65.3%{opacity:1}69%,90%{opacity:1;stroke-dashoffset:0;animation-timing-function:cubic-bezier(.65,0,.35,1)}92%{opacity:1;stroke-dashoffset:1px}92.3%,to{opacity:0;stroke-dashoffset:1px}}@keyframes hf-dot-from{0%,65%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(0)}66%,91.5%{opacity:1;transform:none}92.3%,to{opacity:0;transform:none}}@keyframes hf-dot-to{0%,68.6%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(0)}69.6%,90%{opacity:1;transform:none}90.8%,to{opacity:0;transform:none}}@keyframes hf-cursor{0%,59%{opacity:0;transform:translate(var(--c0x), var(--c0y));animation-timing-function:cubic-bezier(.65,0,.35,1)}60%{opacity:1}64%,70%{opacity:1;transform:translate(var(--c1x), var(--c1y));animation-timing-function:cubic-bezier(.65,0,.35,1)}74%,78%{opacity:1;transform:translate(var(--c2x), var(--c2y));animation-timing-function:cubic-bezier(.65,0,.35,1)}81%{opacity:1}82%,to{opacity:0;transform:translate(var(--c3x), var(--c3y))}}@keyframes hf-press{0%,64%{transform:none}64.5%{transform:scale(.84)}65.2%,74%{transform:none}74.5%{transform:scale(.84)}75.2%,to{transform:none}}@keyframes hf-send{0%,74.2%{transform:none}74.8%{transform:scale(.94)}75.6%,to{transform:none}}@keyframes hf-draft{0%,75%{opacity:1}76%,91.5%{opacity:0}92.5%,to{opacity:1}}@keyframes hf-sent{0%,75.5%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);transform:translateY(.35em)}76.5%,91.5%{opacity:1;transform:none}92.5%,to{opacity:0;transform:none}}@keyframes hf-check{0%,75.5%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);transform:scale(.6)}77%,91%{opacity:1;transform:none}92.5%,to{opacity:0;transform:none}}@keyframes hf-uncheck{0%,75.5%{opacity:1}77%,91%{opacity:0}92.5%,to{opacity:1}}
