.hm{--hm-panel:#0b1220;--hm-panel-2:#111a2e;--hm-panel-line:#1e293b;--hm-panel-ink:#e2e8f0;--hm-panel-muted:#7c8aa0;--hm-panel-soft:#94a3b8;--hm-line:#e2e8f0;--hm-green:#4ade80;--hm-amber:#fbbf24;--hm-sky:#60a5fa;--hm-string:#86efac;--hm-key:#93c5fd;--hm-fn:#c4b5fd;--hm-ease:cubic-bezier(.16, 1, .3, 1)}.hm .dog{transform-origin:50% 92%;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.hm .dog>span{opacity:0;transition:opacity .24s var(--hm-ease);position:absolute;inset:0}.hm .dog svg{width:100%;height:100%;display:block}.hm .dog[data-mood=sleep] .m-sleep,.hm .dog[data-mood=curious] .m-curious,.hm .dog[data-mood=active] .m-active,.hm .dog[data-mood=happy] .m-happy,.hm .dog[data-mood=relaxed] .m-relaxed{opacity:1}.hm .dog[data-mood=sleep],.hm .dog.dozing{animation:3.2s ease-in-out infinite hm-breathe}.hm .dog.dozing{--b:.1}.hm .dog.hop{animation:hm-hop .56s var(--hm-ease)}@keyframes hm-breathe{50%{transform:scale(1.025,.985)}}@keyframes hm-hop{40%{transform:translateY(-14px)}70%{transform:translateY(0)scale(1.03,.97)}}.hm .dog .hd,.hm .dog .eye,.hm .dog .ear{transform-box:fill-box}.hm .dog .hd{transform-origin:50% 90%;translate:calc(var(--lx,0) * 4px) calc(var(--ly,0) * 2.5px);rotate:calc(var(--lx,0) * 5deg + var(--tilt,0deg));transition:translate .42s var(--hm-ease), rotate .42s var(--hm-ease)}.hm .dog .eye{transform-origin:50%;translate:calc(var(--lx,0) * 3.5px) calc(var(--ly,0) * 2.5px);scale:1 var(--b,1);transition:translate .11s ease-out,scale 70ms}.hm .dog.blink{--b:.1}.hm .dog[data-mood=curious]{--tilt:-11deg}.hm .dog .ear{transition:rotate .22s var(--hm-ease)}.hm .dog .el{transform-origin:100% 0}.hm .dog .er{transform-origin:0 0}.hm .dog .m-happy .el{transform-origin:70% 100%}.hm .dog .m-happy .er{transform-origin:30% 100%}.hm .dog.perk .el{rotate:14deg}.hm .dog.perk .er{rotate:-14deg}.hm .dog.tw-l .el{animation:hm-twl .34s var(--hm-ease)}.hm .dog.tw-r .er{animation:hm-twr .34s var(--hm-ease)}@keyframes hm-twl{30%{transform:rotate(20deg)}60%{transform:rotate(-5deg)}}@keyframes hm-twr{30%{transform:rotate(-20deg)}60%{transform:rotate(5deg)}}.hm .dog.nod .hd{animation:hm-nod .3s var(--hm-ease)}.hm .dog.pant .hd{animation:.21s ease-in-out 7 hm-pant}@keyframes hm-nod{45%{transform:translateY(4px)rotate(3deg)}}@keyframes hm-pant{50%{transform:translateY(2px)}}.hm .walker .lot{width:100%;height:100%}.hm .walker[data-dir="-1"] .lot{transform:scaleX(-1)}.hm .walker.dig .lot{animation:.16s ease-in-out infinite alternate hm-scuff}@keyframes hm-scuff{to{translate:0 1.5px}}.hm .thought{border:1px solid var(--hm-line);opacity:0;transform-origin:0 100%;width:92px;transition:opacity .26s var(--hm-ease), scale .42s var(--hm-ease);pointer-events:none;background:#fff;border-radius:14px;padding:8px 10px;position:absolute;bottom:56px;left:116px;scale:.6;box-shadow:0 10px 24px -12px #0f172a59}.hm .thought:before,.hm .thought:after{content:"";border:1px solid var(--hm-line);background:#fff;border-radius:50%;position:absolute}.hm .thought:before{width:10px;height:10px;bottom:-10px;left:-6px}.hm .thought:after{width:6px;height:6px;bottom:-18px;left:-14px}.hm .thought svg{width:100%;height:auto;display:block}.hm .thought rect{fill:#eff6ff;stroke:#2563eb;stroke-width:1.5px;opacity:0;transition:opacity .3s}.hm .thought path{stroke:#2563eb;stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .6s var(--hm-ease)}.hm .thought.on{opacity:1;scale:1}.hm .thought.s1 rect:first-of-type,.hm .thought.s2 rect:nth-of-type(-n+2),.hm .thought.s3 rect{opacity:1}.hm .thought.s2 path:first-of-type,.hm .thought.s3 path{stroke-dashoffset:0}.hm .thought.pop{opacity:0;transition-duration:.38s;scale:1.25}.hm .facepack{z-index:1;width:calc(100px * var(--k) * var(--m,1));height:calc(142px * var(--k) * var(--m,1));translate:var(--px,0px) 0;transition:translate var(--dur,0s) linear;position:absolute;bottom:calc(100% + 18px);left:0}.hm .facepack.bound>span{animation:.3s ease-in-out infinite hm-bound}@keyframes hm-bound{50%{transform:translateY(-12px)}}.hm .yard{pointer-events:none;height:150px;position:absolute;bottom:0;left:0;right:0}.hm .yardface{width:calc(100px * var(--k));height:calc(142px * var(--k));translate:var(--px,0px) var(--py,0px);transition:translate .7s var(--hm-ease);pointer-events:auto;position:absolute;bottom:4px;left:0}.hm .bit,.hm .confetti{pointer-events:none;z-index:3;position:absolute;top:0;left:0}.hm .bit{border-radius:1px;width:4px;height:4px}.hm .ep{transition:border-color .3s,background .3s}.hm .ep.hit{border-color:var(--hm-green);background:#4ade801a}.hm .stage{margin-top:150px;position:relative}.hm .track{background:var(--hm-line);border-radius:3px;height:6px;margin-bottom:12px;position:absolute;bottom:100%;left:0;right:0;overflow:hidden}.hm .track i{transform-origin:0;transform:scaleX(var(--f,1));transition:transform var(--dur,0s) cubic-bezier(.42, 0, .32, 1);background:#2563eb;position:absolute;inset:0}.hm .rider{z-index:2;width:124px;height:142px;translate:var(--x,0px) 0;transition:translate var(--dur,0s) cubic-bezier(.42, 0, .32, 1);position:absolute;bottom:calc(100% + 18px);left:0}.hm .rider .dog{width:100px;height:142px;transition:opacity .14s;position:absolute;bottom:0;left:12px}.hm .rider .walker{opacity:0;width:160px;height:160px;transition:opacity .18s;position:absolute;bottom:-41px;left:-20px}.hm .rider.on-foot .dog{opacity:0;pointer-events:none}.hm .rider.on-foot .walker{opacity:1}.hm .panel{background:var(--hm-panel);color:var(--hm-panel-ink);z-index:1;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #0f172a59}.hm .bar{border-bottom:1px solid var(--hm-panel-line);font:500 13px var(--font-mono);color:#9ca3af;align-items:center;gap:8px;padding:14px 24px;display:flex}.hm .dots{gap:8px;margin-right:6px;display:flex}.hm .dots i{background:#ef4444;border-radius:50%;width:10px;height:10px}.hm .dots i:nth-child(2){background:#f59e0b}.hm .dots i:nth-child(3){background:#22c55e}.hm .status{white-space:nowrap;color:#9ca3af;align-items:center;gap:8px;margin-left:auto;display:flex}.hm .pulse{background:var(--hm-green);border-radius:50%;flex:none;width:8px;height:8px}.hm .armed .pulse{background:var(--hm-panel-muted)}.hm .running .pulse{background:var(--hm-amber);animation:.9s infinite hm-blink}.hm .done .pulse{background:var(--hm-green);animation:none}@keyframes hm-blink{50%{opacity:.3}}.hm .flow{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hm .col{min-width:0;padding:28px;position:relative}.hm .col+.col{border-left:1px solid var(--hm-panel-line)}.hm .col-head{font:500 13px var(--font-mono);color:#e5e7eb;align-items:center;gap:10px;margin-bottom:20px;display:flex}.hm .num{color:#fff;width:28px;height:24px;font:500 12px var(--font-mono);transition:background .24s var(--hm-ease), color .24s;background:#2563eb;border-radius:14px;flex:none;place-items:center;display:grid}.hm .armed .col:not(.on) .num{background:var(--hm-panel-line);color:var(--hm-panel-soft)}.hm .sub{color:#9ca3af;font-size:11px;font-weight:400}.hm .col:after{content:"";transform-origin:0;height:2px;transition:transform .5s var(--hm-ease);background:#2563eb;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.hm .col.on:after{transform:scaleX(1)}.hm .intent{font:700 26px/1.2 var(--font-display);color:#fff;min-height:2.4em;margin:0 0 18px}.hm .caret{background:var(--hm-sky);vertical-align:-.12em;opacity:0;width:2px;height:1em;margin-left:2px;display:inline-block}.hm .typing .caret{opacity:1;animation:.7s step-end infinite hm-blink}.hm .checks{color:#d1d5db;gap:10px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.hm .checks li{align-items:center;gap:10px;display:flex}.hm .checks svg{color:var(--hm-green);flex:none}.hm pre{font:14px/1.75 var(--font-mono);white-space:pre;color:var(--hm-panel-ink);margin:0;overflow:auto hidden}.hm .k{color:var(--hm-key)}.hm .s{color:var(--hm-string)}.hm .p{color:var(--hm-panel-muted)}.hm .f{color:var(--hm-fn)}.hm .c{color:var(--hm-panel-muted);font-style:italic}.hm .ln{display:block}.hm .ln.hl{background:#2563eb38;box-shadow:inset 2px 0 #2563eb}.hm .eps{gap:10px;display:grid}.hm .ep{background:var(--hm-panel-2);border:1px solid var(--hm-panel-line);font:14px var(--font-mono);color:#e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:9px 14px;display:flex}.hm .verb{min-width:44px;font-size:13px;font-weight:500}.hm .verb.post{color:var(--hm-sky)}.hm .verb.get{color:var(--hm-green)}.hm .verb.patch{color:var(--hm-amber)}.hm .code{color:var(--hm-green);margin-left:auto;font-size:11px}.hm .reveal{transition:opacity .36s var(--hm-ease), transform .46s var(--hm-ease)}.hm .armed .reveal{opacity:0;transform:translateY(6px)}.hm .armed .reveal.in{opacity:1;transform:none}.hm .v2{transition:opacity .36s var(--hm-ease), transform .46s var(--hm-ease), background .3s, border-color .3s}.hm .armed .v2:not(.in){opacity:0;transform:translateY(6px)}.hm .t-more{display:none}.hm .grown .t-more{display:inline}.hm .grown .t-end{display:none}.hm .armed .code{opacity:0}.hm .armed .live .code{opacity:1;transition:opacity .2s .22s}.hm .chain{display:block}.hm .armed .chain:not(.in){opacity:0;transform:translateY(6px)}.hm .chain{transition:opacity .36s var(--hm-ease), transform .46s var(--hm-ease)}.hm .arrow{background:var(--hm-panel-line);border-radius:2px;width:48px;height:2px;position:relative;overflow:hidden}.hm .arrow:after{content:"";background:var(--hm-sky);transform-origin:0;position:absolute;inset:0}.hm .armed .arrow:after{transform:scaleX(0)}.hm .armed.go .arrow.a1:after{animation:hm-run .52s var(--hm-ease) forwards}.hm .armed.go .arrow.a2:after{animation:hm-run .52s var(--hm-ease) .6s forwards}@keyframes hm-run{to{transform:scaleX(1)}}.hm .ok{font:500 11px var(--font-mono);color:var(--hm-green);background:#4ade801f;border-radius:4px;margin-top:4px;padding:2px 6px;display:inline-block}.hm .armed .ok{opacity:0;transition:opacity .26s var(--hm-ease), transform .26s var(--hm-ease);transform:translateY(4px)}.hm .go .ok{opacity:1;transition-delay:1.15s;transform:none}.hm .step-top{align-items:flex-end;gap:16px;height:150px;margin-bottom:30px;display:flex;position:relative}.hm .step-top .dog{flex:none;width:72px;height:104px}.hm .rail{background:var(--hm-panel-line);border-radius:2px;height:2px;position:absolute;bottom:-12px;left:0;right:0;overflow:hidden}.hm .rail i{transform-origin:0;transform:scaleX(var(--p,1));background:#2563eb;position:absolute;inset:0}.hm .scene{flex:1;min-width:0;height:100%;position:relative}.hm .sc-rules{flex-wrap:wrap;align-content:flex-end;gap:6px;padding-bottom:6px;display:flex}.hm .rule{font:500 11px var(--font-mono);color:#bfdbfe;transition:opacity .26s var(--hm-ease), transform .46s var(--hm-ease);transition-delay:calc(var(--i) * .16s);background:#13213d;border:1px solid #1e3a8a;border-radius:999px;padding:4px 9px}.hm .scrolly .sc-rules:not(.on) .rule{opacity:0;transition-delay:0s;transform:translateY(-18px)}.hm .cable{background:repeating-linear-gradient(90deg, var(--hm-sky) 0 6px, transparent 6px 11px);transform-origin:0;height:2px;transition:transform .46s var(--hm-ease);animation:.7s linear infinite hm-flow;position:absolute;bottom:36px;left:0;right:calc(58% + 6px)}.hm .cable b{font:500 10px var(--font-mono);color:var(--hm-sky);letter-spacing:.06em;position:absolute;bottom:7px;left:50%;translate:-50%}.hm .scrolly .sc-mcp:not(.on) .cable{transform:scaleX(0)}@keyframes hm-flow{to{background-position:11px 0}}.hm .mini{background:var(--hm-panel-2);border:1px solid var(--hm-panel-line);width:58%;font:11px var(--font-mono);color:var(--hm-panel-ink);border-radius:10px;gap:4px;padding:8px 10px;display:grid;position:absolute;bottom:6px;right:0}.hm .mini-h{color:var(--hm-panel-soft);align-items:center;gap:6px;display:flex}.hm .mini .dot{background:var(--hm-green);border-radius:50%;width:6px;height:6px;transition:background .3s}.hm .scrolly .sc-mcp:not(.on) .dot{background:var(--hm-panel-muted)}.hm .ent{transition:opacity .26s;transition-delay:calc(.5s + var(--i) * .26s)}.hm .scrolly .sc-mcp:not(.on) .ent{opacity:0;transition-delay:0s}.hm .sc-ask{flex-direction:column;justify-content:flex-end;gap:8px;padding-bottom:6px;display:flex}.hm .ask{color:#0f172a;font:500 12px var(--font-body);min-height:30px;transition:opacity .26s, transform .36s var(--hm-ease);background:#fff;border-radius:12px 12px 12px 4px;align-self:flex-start;padding:6px 11px}.hm .scrolly .sc-ask:not(.on) .ask{opacity:0;transform:translateY(6px)}.hm .ticks{font:12px var(--font-mono);color:var(--hm-panel-soft);flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;list-style:none;display:flex}.hm .ticks li{align-items:center;gap:5px;transition:opacity .24s;display:flex}.hm .ticks svg{color:var(--hm-green);transition:opacity .24s}.hm .scrolly .sc-ask li:not(.t) svg{opacity:0}.hm .step .step-num{transition:background .3s var(--hm-ease), color .3s}.hm .step h3,.hm .step p{transition:color .3s}.hm .scrolly .step:not(.awake) .step-num{background:var(--hm-panel-line);color:var(--hm-panel-soft)}.hm .scrolly .step:not(.awake) h3{color:var(--hm-panel-soft)}.hm .scrolly .step:not(.awake) p{color:var(--hm-panel-muted)}@media (max-width:860px){.hm .stage{margin-top:120px}.hm .rider{width:100px;height:108px}.hm .rider .dog{width:76px;height:108px;left:12px}.hm .rider .walker{width:128px;height:128px;bottom:-33px;left:-14px}.hm .facepack{--m:.8}.hm .flow{grid-template-columns:minmax(0,1fr)}.hm .col+.col{border-left:0;border-top:1px solid var(--hm-panel-line)}.hm .intent{min-height:0}.hm .step-top{height:140px}.hm .arrow{width:20px}}@media (max-width:480px){.hm .col{padding:22px 20px}.hm .panel pre{font-size:12.5px}.hm .bar{padding:12px 18px;font-size:12px}}.hm.rm .dog,.hm.rm .dog *,.hm.rm .walker *{animation:none!important}.hm.rm .dog{--lx:0!important;--ly:0!important;--tilt:0deg!important}.hm.rm .dog .ear{rotate:none!important}.hm.rm .rider,.hm.rm .track i,.hm.rm .yardface,.hm.rm .facepack{transition:none}.hm.rm .reveal,.hm.rm .chain{transform:none!important}.hm.rm .rule,.hm.rm .cable,.hm.rm .ask{transition:none;animation:none}
