.hf-demo{--dvT:30s;--surface:var(--hf-surface);--surface-sunken:var(--hf-surface-sunken);--ink:var(--hf-ink);--ink-muted:var(--hf-ink-muted);--olive-ink:var(--hf-olive-ink);--glow-a:var(--hf-glow-a);--glow-b:var(--hf-glow-b);--on-night:var(--hf-on-night);--on-night-muted:var(--hf-on-night-muted);--night-line:var(--hf-night-line);--shadow-float:var(--hf-shadow-float);--font-sans:var(--font-inter),ui-sans-serif,system-ui,sans-serif;--font-display:var(--font-inter-tight),var(--font-inter),sans-serif;--font-mono:var(--font-plex-mono),ui-monospace,monospace;--space-2:8px;--space-4:16px;--space-8:32px}.mac{aspect-ratio:6974/4054;max-width:1040px;margin:0 auto;position:relative}.mac-img{z-index:2;pointer-events:none;filter:drop-shadow(0 30px 40px #00000073);width:100%;height:100%;display:block;position:absolute;inset:0}.mac-screen{z-index:1;background:#f7f8fa;width:76.083%;height:81.549%;position:absolute;top:7.079%;left:11.959%;overflow:hidden;container-type:inline-size}.dv{font-size:1.66667cqw;font-family:var(--font-sans);color:var(--ink);text-align:left;position:absolute;inset:0}.dv *{box-sizing:border-box}.dv-scene{opacity:0;position:absolute;inset:0;overflow:hidden}.dv-s3{opacity:1}.dv-stage{aspect-ratio:1424/900;width:100%;position:absolute;top:0;left:0}.dv-stage>img{width:100%;height:100%;display:block}.dv-ring{border:.16em solid var(--harvest);box-shadow:0 0 0 .3em color-mix(in srgb,var(--harvest) 22%,transparent);pointer-events:none;opacity:0;border-radius:.6em;position:absolute}.dv-ring-round{border-radius:50%}.dv-cur{z-index:5;transform-origin:0 0;width:1.5em;height:1.5em;position:absolute}.dv-halo{background:radial-gradient(circle,color-mix(in srgb,var(--harvest) 45%,transparent) 0,color-mix(in srgb,var(--harvest) 18%,transparent) 45%,transparent 70%);pointer-events:none;border-radius:50%;width:3.2em;height:3.2em;position:absolute;top:.2em;left:.3em;transform:translate(-50%,-50%)}.dv-clk{border:.18em solid var(--harvest);background:color-mix(in srgb,var(--harvest) 20%,transparent);opacity:0;pointer-events:none;border-radius:50%;width:2.6em;height:2.6em;position:absolute;top:.2em;left:.3em;transform:translate(-50%,-50%)scale(.2)}.dv-tg{border:.14em dashed var(--harvest);background:color-mix(in srgb,var(--harvest) 12%,transparent);opacity:0;pointer-events:none;border-radius:50%;width:2.2em;height:2.2em;position:absolute;transform:translate(-50%,-50%)}.dv-cur svg{filter:drop-shadow(0 .1em .15em #00000059);width:100%;height:100%;display:block;position:relative}.dv-chapters{gap:var(--space-4);max-width:1040px;margin:var(--space-8) auto 0;grid-template-columns:repeat(6,1fr);display:grid}.dv-ch{align-items:center;gap:var(--space-2);font:600 14px/20px var(--font-sans);color:var(--on-night-muted);flex-wrap:wrap;display:flex}.dv-ch span{font:500 12px/16px var(--font-mono);color:var(--harvest)}.dv-ch em{background:var(--night-line);border-radius:3px;flex-basis:100%;height:3px;display:block;overflow:hidden}.dv-ch em i{background:linear-gradient(90deg,var(--glow-a),var(--glow-b));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.dv-cur{opacity:1}@media (prefers-reduced-motion:no-preference){.dv-s1{animation:dvS1 var(--dvT) infinite}.dv-s2{animation:dvS2 var(--dvT) infinite}.dv-s3{animation:dvS3 var(--dvT) infinite}.dv-s4{animation:dvS4 var(--dvT) infinite}.dv-s5{animation:dvS5 var(--dvT) infinite}.dv-s6{animation:dvS6 var(--dvT) infinite}.dv-cur1{animation:dvCur1 var(--dvT) infinite}.dv-cur2{animation:dvCur2 var(--dvT) infinite}.dv-cur3{animation:dvCur3 var(--dvT) infinite}.dv-cur4{animation:dvCur4 var(--dvT) infinite}.dv-cur5{animation:dvCur5 var(--dvT) infinite}.dv-cur6{animation:dvCur6 var(--dvT) infinite}.dv-r1a{animation:dvR1a var(--dvT) infinite}.dv-r1b{animation:dvR1b var(--dvT) infinite}.dv-r2a{animation:dvR2a var(--dvT) infinite}.dv-r2b{animation:dvR2b var(--dvT) infinite}.dv-r2c{animation:dvR2c var(--dvT) infinite}.dv-r3a{animation:dvR3a var(--dvT) infinite}.dv-r3b{animation:dvR3b var(--dvT) infinite}.dv-r3c{animation:dvR3c var(--dvT) infinite}.dv-r4a{animation:dvR4a var(--dvT) infinite}.dv-r4b{animation:dvR4b var(--dvT) infinite}.dv-r4c{animation:dvR4c var(--dvT) infinite}.dv-r5a{animation:dvR5a var(--dvT) infinite}.dv-r5b{animation:dvR5b var(--dvT) infinite}.dv-r6a{animation:dvR6a var(--dvT) infinite}.dv-r6b{animation:dvR6b var(--dvT) infinite}.dv-r6c{animation:dvR6c var(--dvT) infinite}.dv-clk1{animation:dvClk1 var(--dvT) infinite}.dv-clk2{animation:dvClk2 var(--dvT) infinite}.dv-clk3{animation:dvClk3 var(--dvT) infinite}.dv-clk4{animation:dvClk4 var(--dvT) infinite}.dv-clk5{animation:dvClk5 var(--dvT) infinite}.dv-clk6{animation:dvClk6 var(--dvT) infinite}.dv-tg0{animation:dvTg0 var(--dvT) infinite}.dv-tg1{animation:dvTg1 var(--dvT) infinite}.dv-tg2{animation:dvTg2 var(--dvT) infinite}.dv-tg3{animation:dvTg3 var(--dvT) infinite}.dv-tg4{animation:dvTg4 var(--dvT) infinite}.dv-tg5{animation:dvTg5 var(--dvT) infinite}.dv-ch1 em i{animation:dvCh1 var(--dvT) infinite linear}.dv-ch2 em i{animation:dvCh2 var(--dvT) infinite linear}.dv-ch3 em i{animation:dvCh3 var(--dvT) infinite linear}.dv-ch4 em i{animation:dvCh4 var(--dvT) infinite linear}.dv-ch5 em i{animation:dvCh5 var(--dvT) infinite linear}.dv-ch6 em i{animation:dvCh6 var(--dvT) infinite linear}.dv-ch1{animation:dvCh1t var(--dvT) infinite}.dv-ch2{animation:dvCh2t var(--dvT) infinite}.dv-ch3{animation:dvCh3t var(--dvT) infinite}.dv-ch4{animation:dvCh4t var(--dvT) infinite}.dv-ch5{animation:dvCh5t var(--dvT) infinite}.dv-ch6{animation:dvCh6t var(--dvT) infinite}}@media (prefers-reduced-motion:reduce){.dv-cur,.dv-ring{display:none}.dv-ch3{color:var(--on-night)}.dv-ch3 em i{transform:none}}@media (max-width:900px){.dv-chapters{grid-template-columns:repeat(3,1fr)}}@keyframes dvS1{0%,15.67%{opacity:1}16.67%,99%{opacity:0}to{opacity:1}}@keyframes dvS2{0%,15.67%{opacity:0}16.67%,32.33%{opacity:1}33.33%,to{opacity:0}}@keyframes dvS3{0%,32.33%{opacity:0}33.33%,49%{opacity:1}50%,to{opacity:0}}@keyframes dvS4{0%,49%{opacity:0}50%,65.67%{opacity:1}66.67%,to{opacity:0}}@keyframes dvS5{0%,65.67%{opacity:0}66.67%,82.33%{opacity:1}83.33%,to{opacity:0}}@keyframes dvS6{0%,82.33%{opacity:0}83.33%,99%{opacity:1}to,to{opacity:0}}@keyframes dvCur1{0%{top:91.11%;left:63.2%;transform:scale(1)}1%{top:91.11%;left:63.2%;transform:scale(1)}5%{top:60.67%;left:25.56%;transform:scale(1)}5.5%{top:60.67%;left:25.56%;transform:scale(.8)}6%{top:60.67%;left:25.56%;transform:scale(1)}9%{top:33.33%;left:86.38%;transform:scale(1)}15.5%{top:33.33%;left:86.38%;transform:scale(1)}to{top:91.11%;left:63.2%;transform:scale(1)}}@keyframes dvR1a{0%,5%{opacity:0;transform:scale(1.04)}5.6%{opacity:1;transform:none}9%{opacity:1;transform:none}9.5%,to{opacity:0;transform:none}}@keyframes dvR1b{0%,9.5%{opacity:0;transform:scale(1.04)}10.1%{opacity:1;transform:none}15.67%{opacity:1;transform:none}16.17%,to{opacity:0;transform:none}}@keyframes dvCur2{0%{top:33.33%;left:86.38%;transform:scale(1)}16.67%{top:33.33%;left:86.38%;transform:scale(1)}19.67%{top:69.44%;left:39.33%;transform:scale(1)}23.67%{top:86.67%;left:39.33%;transform:scale(1)}27.67%{top:72.22%;left:87.08%;transform:scale(1)}32.17%{top:72.22%;left:87.08%;transform:scale(1)}to{top:72.22%;left:87.08%;transform:scale(1)}}@keyframes dvR2a{0%,19.27%{opacity:0;transform:scale(1.04)}19.87%{opacity:1;transform:none}23.17%{opacity:1;transform:none}23.67%,to{opacity:0;transform:none}}@keyframes dvR2b{0%,23.47%{opacity:0;transform:scale(1.04)}24.07%{opacity:1;transform:none}27.17%{opacity:1;transform:none}27.67%,to{opacity:0;transform:none}}@keyframes dvR2c{0%,27.67%{opacity:0;transform:scale(1.04)}28.27%{opacity:1;transform:none}32.33%{opacity:1;transform:none}32.83%,to{opacity:0;transform:none}}@keyframes dvCur3{0%{top:77.78%;left:63.2%;transform:scale(1)}33.33%{top:77.78%;left:63.2%;transform:scale(1)}36.33%{top:26.67%;left:30.2%;transform:scale(1)}40.33%{top:40.22%;left:56.18%;transform:scale(1)}45.33%{top:95.56%;left:23.17%;transform:scale(1)}45.83%{top:95.56%;left:23.17%;transform:scale(.8)}46.33%{top:95.56%;left:23.17%;transform:scale(1)}48.83%{top:95.56%;left:23.17%;transform:scale(1)}to{top:95.56%;left:23.17%;transform:scale(1)}}@keyframes dvR3a{0%,36.33%{opacity:0;transform:scale(1.04)}36.93%{opacity:1;transform:none}40.13%{opacity:1;transform:none}40.63%,to{opacity:0;transform:none}}@keyframes dvR3b{0%,40.33%{opacity:0;transform:scale(1.04)}40.93%{opacity:1;transform:none}44.33%{opacity:1;transform:none}44.83%,to{opacity:0;transform:none}}@keyframes dvR3c{0%,44.73%{opacity:0;transform:scale(1.04)}45.33%{opacity:1;transform:none}49%{opacity:1;transform:none}49.5%,to{opacity:0;transform:none}}@keyframes dvCur4{0%{top:55.56%;left:35.11%;transform:scale(1)}50%{top:55.56%;left:35.11%;transform:scale(1)}52.5%{top:21.22%;left:4.78%;transform:scale(1)}53%{top:21.22%;left:4.78%;transform:scale(.8)}53.5%{top:21.22%;left:4.78%;transform:scale(1)}56.5%{top:57.78%;left:33.01%;transform:scale(1)}60.5%{top:91.11%;left:66.36%;transform:scale(1)}65.5%{top:91.11%;left:66.36%;transform:scale(1)}to{top:91.11%;left:66.36%;transform:scale(1)}}@keyframes dvR4a{0%,52.6%{opacity:0;transform:scale(1.04)}53.2%{opacity:1;transform:none}56%{opacity:1;transform:none}56.5%,to{opacity:0;transform:none}}@keyframes dvR4b{0%,56.5%{opacity:0;transform:scale(1.04)}57.1%{opacity:1;transform:none}60.2%{opacity:1;transform:none}60.7%,to{opacity:0;transform:none}}@keyframes dvR4c{0%,60.6%{opacity:0;transform:scale(1.04)}61.2%{opacity:1;transform:none}65.67%{opacity:1;transform:none}66.17%,to{opacity:0;transform:none}}@keyframes dvCur5{0%{top:77.78%;left:49.16%;transform:scale(1)}66.67%{top:77.78%;left:49.16%;transform:scale(1)}69.67%{top:54.22%;left:29.92%;transform:scale(1)}70.17%{top:54.22%;left:29.92%;transform:scale(.8)}70.67%{top:54.22%;left:29.92%;transform:scale(1)}74.67%{top:60%;left:70.22%;transform:scale(1)}82.17%{top:60%;left:70.22%;transform:scale(1)}to{top:60%;left:70.22%;transform:scale(1)}}@keyframes dvR5a{0%,69.67%{opacity:0;transform:scale(1.04)}70.27%{opacity:1;transform:none}74.17%{opacity:1;transform:none}74.67%,to{opacity:0;transform:none}}@keyframes dvR5b{0%,74.67%{opacity:0;transform:scale(1.04)}75.27%{opacity:1;transform:none}82.33%{opacity:1;transform:none}82.83%,to{opacity:0;transform:none}}@keyframes dvCur6{0%{top:66.67%;left:56.18%;transform:scale(1)}83.33%{top:66.67%;left:56.18%;transform:scale(1)}86.33%{top:74.22%;left:22.61%;transform:scale(1)}86.83%{top:74.22%;left:22.61%;transform:scale(.8)}87.33%{top:74.22%;left:22.61%;transform:scale(1)}90.33%{top:53.33%;left:87.08%;transform:scale(1)}94.33%{top:3.67%;left:91.01%;transform:scale(1)}94.83%{top:3.67%;left:91.01%;transform:scale(.8)}95.33%{top:3.67%;left:91.01%;transform:scale(1)}98.83%{top:3.67%;left:91.01%;transform:scale(1)}to{top:3.67%;left:91.01%;transform:scale(1)}}@keyframes dvR6a{0%,86.33%{opacity:0;transform:scale(1.04)}86.93%{opacity:1;transform:none}90.33%{opacity:1;transform:none}90.83%,to{opacity:0;transform:none}}@keyframes dvR6b{0%,90.73%{opacity:0;transform:scale(1.04)}91.33%{opacity:1;transform:none}94.13%{opacity:1;transform:none}94.63%,to{opacity:0;transform:none}}@keyframes dvR6c{0%,94.33%{opacity:0;transform:scale(1.04)}94.93%{opacity:1;transform:none}99%{opacity:1;transform:none}99.5%,to{opacity:0;transform:none}}@keyframes dvCh1{0%,0%{transform:scaleX(0)}16.37%{transform:scaleX(1)}16.67%,to{transform:scaleX(0)}}@keyframes dvCh1t{0%,16.37%{color:var(--on-night)}16.67%,to{color:var(--on-night-muted)}}@keyframes dvCh2{0%,16.67%{transform:scaleX(0)}33.03%{transform:scaleX(1)}33.33%,to{transform:scaleX(0)}}@keyframes dvCh2t{0%,16.67%{color:var(--on-night-muted)}16.97%,33.03%{color:var(--on-night)}33.33%,to{color:var(--on-night-muted)}}@keyframes dvCh3{0%,33.33%{transform:scaleX(0)}49.7%{transform:scaleX(1)}50%,to{transform:scaleX(0)}}@keyframes dvCh3t{0%,33.33%{color:var(--on-night-muted)}33.63%,49.7%{color:var(--on-night)}50%,to{color:var(--on-night-muted)}}@keyframes dvCh4{0%,50%{transform:scaleX(0)}66.37%{transform:scaleX(1)}66.67%,to{transform:scaleX(0)}}@keyframes dvCh4t{0%,50%{color:var(--on-night-muted)}50.3%,66.37%{color:var(--on-night)}66.67%,to{color:var(--on-night-muted)}}@keyframes dvCh5{0%,66.67%{transform:scaleX(0)}83.03%{transform:scaleX(1)}83.33%,to{transform:scaleX(0)}}@keyframes dvCh5t{0%,66.67%{color:var(--on-night-muted)}66.97%,83.03%{color:var(--on-night)}83.33%,to{color:var(--on-night-muted)}}@keyframes dvCh6{0%,83.33%{transform:scaleX(0)}99.7%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes dvCh6t{0%,83.33%{color:var(--on-night-muted)}83.63%,99.7%{color:var(--on-night)}to,to{color:var(--on-night-muted)}}@keyframes dvClk1{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}5.49%{opacity:0;transform:translate(-50%,-50%)scale(.2)}5.5%{opacity:.95;transform:translate(-50%,-50%)scale(.3)}7.7%{opacity:0;transform:translate(-50%,-50%)scale(2.6)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@keyframes dvClk2{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@keyframes dvClk3{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}45.82%{opacity:0;transform:translate(-50%,-50%)scale(.2)}45.83%{opacity:.95;transform:translate(-50%,-50%)scale(.3)}48.03%{opacity:0;transform:translate(-50%,-50%)scale(2.6)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@keyframes dvClk4{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}52.99%{opacity:0;transform:translate(-50%,-50%)scale(.2)}53%{opacity:.95;transform:translate(-50%,-50%)scale(.3)}55.2%{opacity:0;transform:translate(-50%,-50%)scale(2.6)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@keyframes dvClk5{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}70.16%{opacity:0;transform:translate(-50%,-50%)scale(.2)}70.17%{opacity:.95;transform:translate(-50%,-50%)scale(.3)}72.37%{opacity:0;transform:translate(-50%,-50%)scale(2.6)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@keyframes dvClk6{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}86.82%{opacity:0;transform:translate(-50%,-50%)scale(.2)}86.83%{opacity:.95;transform:translate(-50%,-50%)scale(.3)}89.03%{opacity:0;transform:translate(-50%,-50%)scale(2.6)}94.82%{opacity:0;transform:translate(-50%,-50%)scale(.2)}94.83%{opacity:.95;transform:translate(-50%,-50%)scale(.3)}97.03%{opacity:0;transform:translate(-50%,-50%)scale(2.6)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@keyframes dvTg0{0%,2.3%{opacity:0;transform:translate(-50%,-50%)scale(.6)}2.9%{opacity:1;transform:translate(-50%,-50%)scale(1)}5.5%{opacity:1;transform:translate(-50%,-50%)scale(1)}5.9%,to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@keyframes dvTg1{0%,42.63%{opacity:0;transform:translate(-50%,-50%)scale(.6)}43.23%{opacity:1;transform:translate(-50%,-50%)scale(1)}45.83%{opacity:1;transform:translate(-50%,-50%)scale(1)}46.23%,to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@keyframes dvTg2{0%,49.8%{opacity:0;transform:translate(-50%,-50%)scale(.6)}50.4%{opacity:1;transform:translate(-50%,-50%)scale(1)}53%{opacity:1;transform:translate(-50%,-50%)scale(1)}53.4%,to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@keyframes dvTg3{0%,66.97%{opacity:0;transform:translate(-50%,-50%)scale(.6)}67.57%{opacity:1;transform:translate(-50%,-50%)scale(1)}70.17%{opacity:1;transform:translate(-50%,-50%)scale(1)}70.57%,to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@keyframes dvTg4{0%,83.63%{opacity:0;transform:translate(-50%,-50%)scale(.6)}84.23%{opacity:1;transform:translate(-50%,-50%)scale(1)}86.83%{opacity:1;transform:translate(-50%,-50%)scale(1)}87.23%,to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@keyframes dvTg5{0%,91.63%{opacity:0;transform:translate(-50%,-50%)scale(.6)}92.23%{opacity:1;transform:translate(-50%,-50%)scale(1)}94.83%{opacity:1;transform:translate(-50%,-50%)scale(1)}95.23%,to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}