@layer components{.hm-stage{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--fg) 3%, transparent) 0 1px, transparent 1px 3px),  linear-gradient(to top, var(--track) 0%, var(--track) 12.5%, transparent 19%), radial-gradient(42% 26% at 52% 80%, color-mix(in srgb, var(--accent2) 30%, transparent), transparent 72%), radial-gradient(38% 24% at 22% 78%, color-mix(in srgb, var(--accent1) 20%, transparent), transparent 72%), radial-gradient(38% 24% at 80% 78%, color-mix(in srgb, var(--accent1) 18%, transparent), transparent 72%), radial-gradient(120% 90% at var(--lx,50%) var(--ly,0%), var(--surface) 0%, var(--track) 62%)}.hm-stage-flat{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--fg) 3%, transparent) 0 1px, transparent 1px 3px), var(--track)}.hm-cut{aspect-ratio:1;cursor:pointer;height:auto;transition:opacity .35s,filter .35s,transform .5s cubic-bezier(.2,.7,.2,1);position:absolute}.hm-leader{background:var(--fg);opacity:.45;transform-origin:top;width:1px;transition:opacity .3s,background-color .3s;position:absolute}.hm-leader:after{content:"";background:var(--link);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:-3px}.hm-rail{border-top:1px solid var(--bezel);transform-origin:0;position:absolute;top:88.2%;left:3%;right:3%}.hm-name{text-align:center;white-space:nowrap;cursor:pointer;border:2px solid #0000;border-radius:999px;padding:4px 12px;transition:opacity .3s,background-color .3s;position:absolute;top:89.6%;transform:translate(-50%)}.hm-name:hover{background:var(--surface)}.hm-name.is-on,.hm-name-m.is-on{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(90deg, var(--accent1), var(--accent2)) border-box}.hm-name-m{text-align:left;cursor:pointer;border:2px solid #0000;border-radius:999px;min-height:44px;padding:6px 14px}.hm-stage.is-focus .hm-cut:not(.is-on){opacity:.22;filter:grayscale()}.hm-stage.is-focus .hm-cut.is-on{transform:translateY(-2%)scale(1.045)}.hm-stage.is-focus .hm-leader:not(.is-on){opacity:.2}.hm-leader.is-on{background:linear-gradient(var(--accent1), var(--accent2));opacity:1}.hm-spec{background:var(--surface);width:min(300px,30%);box-shadow:0 24px 48px -24px color-mix(in srgb, var(--fg) 45%, transparent);opacity:0;pointer-events:none;border-radius:18px;padding:16px 18px;transition:opacity .3s,transform .4s cubic-bezier(.2,.7,.2,1);position:absolute;transform:translate(-50%,8px)}.hm-spec.is-open{opacity:1;pointer-events:auto;transform:translate(-50%)}.hm-dot{border-radius:50%;width:8px;height:8px;display:inline-block}@media (max-width:1023px){.hm-spec{width:92%;padding:12px 14px;bottom:4%;top:auto!important;left:50%!important}.hm-spec .hm-spec-line{display:none}}@media (prefers-reduced-motion:no-preference){.hm-motion .hm-stage .hm-cut{animation:.9s cubic-bezier(.2,.7,.2,1) backwards hm-rise;animation-delay:calc(var(--i) * 90ms)}.hm-motion .hm-stage .hm-rail{animation:.7s cubic-bezier(.4,0,.2,1) .5s backwards hm-rail}.hm-motion .hm-stage .hm-leader{animation:.55s cubic-bezier(.4,0,.2,1) backwards hm-draw;animation-delay:calc(.7s + var(--i) * 80ms)}.hm-motion .hm-stage .hm-name{animation:.5s ease-out backwards hm-namein;animation-delay:calc(1.05s + var(--i) * 70ms)}@keyframes hm-rise{0%{opacity:0;transform:translateY(22px)}}@keyframes hm-rail{0%{transform:scaleX(0)}}@keyframes hm-draw{0%{transform:scaleY(0)}}@keyframes hm-namein{0%{opacity:0;transform:translate(-50%,8px)}}.hm-motion .hm-reveal-lines{animation:1.1s cubic-bezier(.3,.6,.2,1) .15s forwards hm-lines;-webkit-mask-image:linear-gradient(currentColor 45%,#0000 55%);mask-image:linear-gradient(currentColor 45%,#0000 55%);-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:100% 300%;mask-size:100% 300%}@keyframes hm-lines{to{-webkit-mask-position:0 0;mask-position:0 0}}.hm-motion .hm-rv:not(.is-in){opacity:0;transform:translateY(24px)}.hm-motion .hm-rv{transition:opacity .6s ease-out,transform .7s cubic-bezier(.2,.7,.2,1)}}[data-count]{font-variant-numeric:tabular-nums}.hm-tier{background:var(--surface2);border:1px solid var(--bezel);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.hm-tier:before{content:"";width:8px;height:8px;box-shadow:inset 0 0 0 2px var(--dim);border-radius:50%}.hm-tier[data-status=run]:before{background:var(--ok);box-shadow:none}.hm-tier[data-status=testing]:before{background:var(--link);box-shadow:none}.hm-row{transition:background-color .2s ease-out;position:relative;overflow:hidden}.hm-row:hover{background:color-mix(in srgb, var(--accent1) 5%, var(--bg))}.hm-row:before{content:"";background:linear-gradient(var(--accent1), var(--accent2));border-radius:999px;width:4px;transition:transform .25s ease-out;position:absolute;top:22%;bottom:22%;left:0;transform:scaleY(0)}.hm-row:hover:before,.hm-row:focus-visible:before{transform:scaleY(1)}.hm-peek{aspect-ratio:1;opacity:0;pointer-events:none;width:120px;height:auto;transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1);position:absolute;top:50%;right:56px;transform:translate(18px,-50%)}.hm-row:hover .hm-peek,.hm-row:focus-visible .hm-peek{opacity:1;transform:translateY(-50%)}.hm-tilt{transform:perspective(900px) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transition:transform .25s ease-out;position:relative}.hm-tilt:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--gx,50%) var(--gy,50%), color-mix(in srgb, var(--surface) 55%, transparent), transparent 60%);transition:opacity .25s;position:absolute;inset:0}.hm-tilt:hover:after{opacity:1}.hm-motion .hm-story-step{opacity:.38;transition:opacity .4s ease-out}.hm-motion .hm-story-step.is-on{opacity:1}.hm-story-pic{opacity:0;transition:opacity .5s ease-out;position:absolute;inset:0}.hm-story-pic.is-on{opacity:1}.hm-log{padding-left:28px;position:relative}.hm-log:before{content:"";background:linear-gradient(var(--accent1), var(--accent2));border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:5px}.hm-log>li{position:relative}.hm-log>li:before{content:"";background:var(--bg);width:12px;height:12px;box-shadow:inset 0 0 0 3px var(--link);border-radius:50%;position:absolute;top:7px;left:-28px}.hm-band-rule{border-top:2px solid var(--hm-band-fg)}.hm-band-hair{border-color:color-mix(in srgb, var(--hm-band-fg) 30%, transparent)}.hm-band .hm-dot{box-shadow:inset 0 0 0 2px var(--hm-band-fg)}.hm-band .hm-dot.is-full{background:var(--hm-band-fg)}.hm-blueprint{mix-blend-mode:multiply;aspect-ratio:550/411;border-radius:var(--r-lg);width:100%;height:auto}}