.hm-window{background:var(--ht-paper);border:1px solid var(--hm-dark-raised);border-radius:var(--ht-r-panel);box-shadow:0 40px 70px -30px #0c1814bf, inset 0 1px 0 var(--hm-rim);overflow:hidden}.hm-window__chrome{align-items:center;gap:var(--ht-s3);padding:var(--ht-s2) var(--ht-s3);background:var(--hm-ink-deep);border-bottom:1px solid var(--hm-dark-raised);display:flex}.hm-window__dots{flex-shrink:0;gap:6px;display:flex}.hm-window__dots span{border-radius:50%;width:9px;height:9px}.hm-window__dots span:first-child{background:var(--hm-light-red)}.hm-window__dots span:nth-child(2){background:var(--hm-light-amber)}.hm-window__dots span:nth-child(3){background:var(--hm-light-green)}.hm-window__url{background:var(--hm-ink-well);border-radius:var(--ht-r-pill);min-width:0;padding:3px var(--ht-s3);font-family:var(--ht-font-body);font-size:var(--ht-text-caption);color:var(--hm-dark-quiet);white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;flex:1;align-items:center;gap:6px;line-height:1.6;display:flex;overflow:hidden}.hm-window__lock{width:10px;height:10px;color:var(--hm-dark-quiet);flex-shrink:0}.hm-window__page{padding:var(--ht-s4)}.hm-demo{background:var(--ht-surface);border:1px solid var(--ht-edge);border-radius:var(--ht-r-card);box-shadow:var(--ht-shadow-1);padding:var(--ht-s5) var(--ht-s5) var(--ht-s4);color:var(--ht-ink-soft);font-size:var(--ht-text-sm)}.hm-demo p{margin:0}p.hm-demo__meta{margin-top:2px}.hm-demo__head{border-bottom:1px solid var(--ht-line-soft);padding-bottom:var(--ht-s3);margin-bottom:var(--ht-s3)}.hm-demo__title{color:var(--ht-ink);margin:0;font-size:16px;font-weight:700}.hm-demo__meta{color:var(--ht-muted);font-size:var(--ht-text-caption);margin:2px 0 0}.hm-demo__track{margin-bottom:var(--ht-s3)}.hm-demo__track-rail{background:var(--ht-line);border-radius:2px;height:3px;overflow:hidden}.hm-demo__track-fill{background:var(--ht-ink);border-radius:2px;width:50%;height:3px}.hm-demo__track-names{margin:var(--ht-s2) 0 0;grid-template-columns:repeat(7,minmax(0,1fr));padding:0;list-style:none;display:none}.hm-demo__track-names li{font-size:var(--ht-text-caption);color:var(--ht-muted);text-align:center;white-space:nowrap;font-weight:500;line-height:1.3}@media (min-width:1160px){.hm-demo__track-names{display:grid}}.hm-demo__reel{height:172px;overflow:hidden}.hm-demo__roll{transform:translateY(-42.8571%)}.hm-demo__scene{flex-direction:column;height:172px;display:flex}.hm-demo__stage{align-items:center;gap:var(--ht-s2);margin-bottom:var(--ht-s2);display:flex}.hm-demo__light{background:var(--ht-success);border-radius:50%;flex-shrink:0;width:10px;height:10px}.hm-demo__stagename{color:var(--ht-ink);margin:0;font-weight:700;line-height:1.3}.hm-demo__gate{font-size:var(--ht-text-caption);text-align:right;margin-left:auto;line-height:1.3;display:grid}.hm-demo__gate-held,.hm-demo__gate-clear{grid-area:1/1}.hm-demo__gate-held{color:var(--ht-attention);opacity:0}.hm-demo__gate-clear{color:var(--ht-success);opacity:1;font-weight:600}.hm-demo__note{color:var(--ht-ink);opacity:1;font-weight:600}.hm-demo__items{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hm-demo__item{align-items:center;gap:var(--ht-s3);padding:var(--ht-s2) 0;border-bottom:1px solid var(--ht-line-soft);white-space:nowrap;text-overflow:ellipsis;display:flex;overflow:hidden}.hm-demo__tick{background:var(--ht-success);color:#fff;border:1.5px solid var(--ht-success);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:flex}@media (max-width:900px){.hm-window__page{padding:var(--ht-s3)}.hm-demo__stage{row-gap:var(--ht-s1);flex-wrap:wrap}.hm-demo__gate{text-align:left;width:100%;margin-left:0}.hm-demo__reel,.hm-demo__scene{height:190px}}@media (min-width:901px) and (prefers-reduced-motion:no-preference){.hm-demo__reel,.hm-demo__track{animation:56s infinite hm-demo-fade}.hm-demo__track-fill{animation:56s infinite hm-demo-track}@keyframes hm-demo-track{0%,13%{width:7.14%}14.3%,27.3%{width:21.43%}28.6%,41.6%{width:35.71%}42.9%,55.9%{width:50%}57.2%,70.2%{width:64.29%}71.5%,84.5%{width:78.57%}85.8%,95.5%{width:92.86%}97.5%,to{width:7.14%}}.hm-demo__roll{animation:56s infinite hm-demo-roll}.hm-demo__tick--1{animation:56s infinite both hm-demo-tick-1;animation-delay:var(--hm-scene-delay,0s)}.hm-demo__tick--2{animation:56s infinite both hm-demo-tick-2;animation-delay:var(--hm-scene-delay,0s)}.hm-demo__tick--3{animation:56s infinite both hm-demo-tick-3;animation-delay:var(--hm-scene-delay,0s)}.hm-demo__light{animation:56s infinite both hm-demo-light;animation-delay:var(--hm-scene-delay,0s)}.hm-demo__note{animation:56s infinite both hm-demo-note;animation-delay:var(--hm-scene-delay,0s)}.hm-demo__gate-held{animation:56s infinite both hm-demo-held;animation-delay:var(--hm-scene-delay,0s)}.hm-demo__gate-clear{animation:56s infinite both hm-demo-clear;animation-delay:var(--hm-scene-delay,0s)}@keyframes hm-demo-roll{0%,13%{transform:translateY(0)}14.3%,27.3%{transform:translateY(-14.2857%)}28.6%,41.6%{transform:translateY(-28.5714%)}42.9%,55.9%{transform:translateY(-42.8571%)}57.2%,70.2%{transform:translateY(-57.1428%)}71.5%,84.5%{transform:translateY(-71.4285%)}85.8%,94%{transform:translateY(-85.7142%)}97.5%,to{transform:translateY(0)}}@keyframes hm-demo-fade{0%,94%{opacity:1}95.5%,97.5%{opacity:0}to{opacity:1}}@keyframes hm-demo-tick-1{0%,1.6%{background:var(--ht-surface);border-color:var(--ht-edge);color:#0000}2.9%,94%{background:var(--ht-success);border-color:var(--ht-success);color:#fff}96.5%,to{background:var(--ht-surface);border-color:var(--ht-edge);color:#0000}}@keyframes hm-demo-tick-2{0%,3.4%{background:var(--ht-surface);border-color:var(--ht-edge);color:#0000}4.6%,94%{background:var(--ht-success);border-color:var(--ht-success);color:#fff}96.5%,to{background:var(--ht-surface);border-color:var(--ht-edge);color:#0000}}@keyframes hm-demo-tick-3{0%,5.2%{background:var(--ht-surface);border-color:var(--ht-edge);color:#0000}6.4%,94%{background:var(--ht-success);border-color:var(--ht-success);color:#fff}96.5%,to{background:var(--ht-surface);border-color:var(--ht-edge);color:#0000}}@keyframes hm-demo-light{0%,7.1%{background:var(--ht-attention)}8.2%,94%{background:var(--ht-success)}96.5%,to{background:var(--ht-attention)}}@keyframes hm-demo-note{0%,7.1%{opacity:0}8.2%,94%{opacity:1}96.5%,to{opacity:0}}@keyframes hm-demo-held{0%,7.1%{opacity:1}8.2%,94%{opacity:0}96.5%,to{opacity:1}}@keyframes hm-demo-clear{0%,7.1%{opacity:0}8.2%,94%{opacity:1}96.5%,to{opacity:0}}}