.hmStage{--hm-paper:#e8eef4;--hm-ink:#191916;--hm-accent:#3a5490;--wr-paper:var(--hm-paper);--wr-ink:var(--hm-ink);--wr-accent:var(--hm-accent);--hm-col:26px;background:var(--hm-paper);background-image:repeating-linear-gradient(to right, transparent 0 43px, color-mix(in srgb, var(--hm-ink) 3.5%, transparent) 43px 44px), repeating-linear-gradient(to bottom, transparent 0 43px, color-mix(in srgb, var(--hm-ink) 3.5%, transparent) 43px 44px);color:var(--hm-ink);position:fixed;inset:0;overflow:hidden}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hmStage{--hm-paper:#131415;--hm-ink:#f3f1e9;--hm-accent:#8fa8dd}}:root[data-theme=dark] .hmStage{--hm-paper:#131415;--hm-ink:#f3f1e9;--hm-accent:#8fa8dd}.hmColumn{padding:calc(48px + env(safe-area-inset-top)) 18px calc(16px + env(safe-area-inset-bottom));grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);place-items:start center;gap:8px;display:grid;position:absolute;inset:0}.hmPrompt{text-align:center;justify-items:center;gap:4px;max-width:640px;display:grid}.hmPromptEyebrow{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--hm-ink) 62%, transparent);margin:0;font-size:.72rem;font-weight:560}.hmPromptName{font-family:var(--display-stack);letter-spacing:-.014em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,4.6vw,2.35rem);font-weight:580;line-height:1.12}.hmScaleZone{grid-template-rows:auto auto minmax(0,1fr);align-self:stretch;width:min(100%,680px);height:100%;display:grid}.hmReadout{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:6px;margin-top:6px;display:grid}.hmReadoutValue{-webkit-user-select:none;user-select:none;text-align:center;letter-spacing:-.05em;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:0;margin:0;font-weight:850;line-height:1;transition:color .2s;animation:.22s cubic-bezier(.2,1.2,.4,1) both hmMagTick}.hmReadoutValue[data-size=l]{font-size:clamp(2.6rem,12vw,4.2rem)}.hmReadoutValue[data-size=m]{font-size:clamp(2rem,9vw,3.4rem)}.hmReadoutValue[data-size=s]{font-size:clamp(1.5rem,6.6vw,2.6rem)}@keyframes hmMagTick{0%{transform:translateY(-3px)scale(1.06)}to{transform:translateY(0)scale(1)}}.hmReadout[data-committed=true] .hmReadoutValue{color:color-mix(in srgb, var(--hm-ink) 58%, transparent)}.hmReadoutUnit{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--hm-ink) 66%, transparent);margin:4px 0 16px;font-size:.76rem;font-weight:620}.hmNudge{border:1.5px solid color-mix(in srgb, var(--hm-ink) 30%, transparent);width:44px;height:44px;color:color-mix(in srgb, var(--hm-ink) 74%, transparent);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0;font-size:1.45rem;font-weight:500;line-height:1;transition:opacity .18s,transform .12s,border-color .16s}.hmNudge:hover{border-color:color-mix(in srgb, var(--hm-ink) 52%, transparent);color:var(--hm-ink)}.hmNudge:active{transform:scale(.94)}.hmNudge:focus-visible{outline:3px solid var(--hm-ink);outline-offset:3px}.hmNudge:disabled{opacity:0;pointer-events:none}.hmTrack{-webkit-user-select:none;user-select:none;touch-action:none;cursor:ns-resize;outline:none;justify-self:center;width:100%;max-width:440px;height:100%;min-height:260px;position:relative}.hmTrack:focus-visible{outline:3px solid var(--hm-ink);outline-offset:8px;border-radius:10px}.hmTrackLine{width:var(--hm-col);border-radius:calc(var(--hm-col) / 2);background:color-mix(in srgb, var(--hm-ink) 11%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hm-ink) 12%, transparent);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.hmFill{width:var(--hm-col);border-radius:calc(var(--hm-col) / 2);background:linear-gradient(180deg, color-mix(in srgb, var(--hm-accent) 52%, var(--hm-paper)) 0%, color-mix(in srgb, var(--hm-accent) 88%, var(--hm-paper)) 100%);transition:background .2s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hmFill[data-committed=true]{background:linear-gradient(180deg, color-mix(in srgb, var(--hm-accent) 68%, transparent) 0%, color-mix(in srgb, var(--hm-accent) 26%, transparent) 100%)}.hmTick{width:0;height:0;position:absolute;left:50%}.hmTick:before{content:"";background:color-mix(in srgb, var(--hm-ink) 13%, transparent);height:1px;position:absolute;top:-.5px;left:calc(9px - 50vw);right:calc(9px - 50vw)}.hmTick span{left:calc(var(--hm-col) / 2 + 9px);background:var(--hm-paper);letter-spacing:.02em;color:color-mix(in srgb, var(--hm-ink) 64%, transparent);padding:0 4px;font-size:.72rem;font-weight:700;transition:color .16s;position:absolute;transform:translateY(-50%)}.hmTick[data-passed=true] span{color:color-mix(in srgb, var(--hm-ink) 94%, transparent)}.hmGrad{left:calc(50% + var(--hm-col) / 2 + 2px);background:color-mix(in srgb, var(--hm-ink) 34%, transparent);width:6px;height:1px;position:absolute;transform:translateY(.5px)}.hmGrad[data-tier=mid]{background:color-mix(in srgb, var(--hm-ink) 44%, transparent);width:10px}.hmMarker{border:3px solid var(--hm-ink);background:var(--hm-paper);border-radius:999px;width:34px;height:34px;transition:border-color .16s;position:absolute;left:50%;transform:translate(-50%,50%)}.hmMarker[data-committed=true]{background:var(--hm-ink)}.hmMarkerLabel{letter-spacing:.02em;color:color-mix(in srgb, var(--hm-ink) 70%, transparent);font-size:.82rem;font-weight:800;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.hmTruth{width:0;height:0;position:absolute;left:50%}.hmTruth:before{content:"";background:var(--hm-accent);width:18px;height:18px;box-shadow:0 0 0 3.5px var(--hm-paper);border-radius:999px;animation:.48s cubic-bezier(.2,1.4,.4,1) both hmTruthLand;position:absolute;top:-9px;left:-9px}.hmTruthLabel{white-space:nowrap;color:var(--hm-accent);font-size:.92rem;font-weight:800;animation:.3s .26s both hmFadeIn;position:absolute;right:20px;transform:translateY(-50%)}.hmGap{background:color-mix(in srgb, var(--hm-accent) 30%, var(--hm-paper));border-radius:4px;width:7px;animation:.24s .18s both hmFadeIn;position:absolute;left:50%;transform:translate(-50%)}.hmNotch{width:calc(var(--hm-col) - 8px);background:var(--hm-paper);height:2px;box-shadow:0 0 0 1px color-mix(in srgb, var(--hm-accent) 70%, transparent);animation:hmNotchIn .24s calc(.38s + var(--hm-i,0) * 70ms) cubic-bezier(.2, 1.2, .4, 1) both;border-radius:1px;position:absolute;left:50%;transform:translate(-50%,50%)}@keyframes hmNotchIn{0%{opacity:0;transform:translate(-50%,50%)scaleX(.2)}to{opacity:1;transform:translate(-50%,50%)scaleX(1)}}.hmActions{align-content:end;justify-items:center;gap:8px;width:100%;min-height:96px;transition:min-height .42s cubic-bezier(.16,1,.3,1);display:grid}.hmActions[data-reserve=true]{min-height:clamp(240px,36vh,330px)}.hmCommit{animation:.2s both wrRise}.hmHudTop{padding:calc(12px + env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent);pointer-events:none;justify-content:space-between;align-items:baseline;display:flex;position:absolute;top:0;left:0;right:0}.hmHudTop a,.hmHudTop button{pointer-events:auto}.hmHudSide{align-items:center;gap:12px;display:flex}.hmHudSide .unitToggle{border-color:color-mix(in srgb, var(--hm-ink) 24%, transparent);min-width:34px;height:28px;color:color-mix(in srgb, var(--hm-ink) 62%, transparent)}.hmHudSide .unitToggle:hover{color:var(--hm-ink);border-color:color-mix(in srgb, var(--hm-ink) 40%, transparent)}.hmWordmark{font-family:var(--display-stack);font-variation-settings:"WONK" 1;letter-spacing:-.008em;color:var(--hm-ink);font-size:1.02rem;font-weight:640;text-decoration:none}.hmRound{letter-spacing:.15em;text-transform:uppercase;color:color-mix(in srgb, var(--hm-ink) 55%, transparent);margin:0;font-size:.75rem;font-weight:560}.hmLoading,.hmError{color:color-mix(in srgb, var(--hm-ink) 60%, transparent);place-items:center;margin:0;font-weight:650;display:grid;position:absolute;inset:0}.hmError{text-align:center;place-content:center;justify-items:center;gap:14px}.hmError p{color:var(--hm-ink);margin:0;font-size:1.1rem}@keyframes hmTruthLand{0%{opacity:0;transform:translateY(-26px)scale(.4)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hmFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hmReadoutValue,.hmTruth:before,.hmTruthLabel,.hmGap,.hmNotch,.hmCommit{animation:none}.hmActions{transition:none}}@media (min-width:860px){.hmStage{--hm-col:34px}.hmTrack{max-width:620px}.hmMarker{width:44px;height:44px}}