@layer components{.ho{--ho-at:1.3s;--ho-band-gap:90ms;--ho-band-ms:.65s;--ho-bars-at:2.2s;--ho-bar-gap:.12s;--ho-bar-ms:.75s;--ho-peak-at:3.43s}.ho-bar[data-band=below] .ho-fill{fill:#ffffffd9}.ho-bar[data-band=gold] .ho-fill{fill:var(--color-viz-gold)}.ho-bar[data-band=watch] .ho-fill{fill:var(--color-alert-watch)}.ho-bar[data-band=sensor] .ho-fill{fill:#ffffffd9}.ho-bar[data-peak] .ho-fill{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-alert-watch) 45%, transparent))}.ho-shimmer{display:none}.ho-bar[data-idle] .ho-value{opacity:0}.ho-hit{fill:#0000;cursor:default}.ho-bar:has(.ho-hit:hover) .ho-fill{filter:brightness(1.15)}.ho-tip{left:var(--ho-x,50%);top:var(--ho-y,0%);z-index:2;border-radius:var(--radius-sm);background-color:var(--color-neutral-900);box-shadow:inset 0 0 0 1px var(--color-neutral-700), 0 10px 24px -12px #0009;color:var(--color-text-on-dark);white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;padding:6px 10px;font-size:12px;font-weight:600;line-height:16px;position:absolute;transform:translate(-50%,calc(-100% - 26px))}.ho-tip-rule{color:var(--color-viz-gold)}@media (prefers-reduced-motion:no-preference){.ho-line{animation:ho-draw var(--ho-band-ms) var(--hero-ease) calc(var(--ho-at) + var(--i,0) * var(--ho-band-gap)) backwards}.ho-line:nth-of-type(2){--i:1}.ho-line:nth-of-type(3){--i:2}.ho-line:nth-of-type(4){--i:3}.ho-line:nth-of-type(5){--i:4}.ho-caption{animation:ho-caption .8s var(--hero-ease) var(--ho-peak-at) backwards}.ho-bar[data-peak] .ho-fill{animation:ho-glow 1.6s ease-out var(--ho-peak-at) backwards}.ho-live{animation:1.8s ease-in-out infinite ho-live}.ho-shimmer{animation:motion-fade 1.2s ease-out calc(var(--ho-peak-at) + .6s) backwards;display:inline}.ho-shimmer-waves{animation:2.8s linear infinite ho-rise}.hero-fx[data-offscreen] :is(.ho-live,.ho-shimmer-waves){animation-play-state:paused}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.ho:not([data-live],[data-done]) :is(.ho-fill,.ho-value){opacity:0;animation:0s linear 4s forwards ho-show}}}@keyframes ho-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes ho-caption{0%{opacity:.01;transform:translateY(6px)}}@keyframes ho-glow{0%{filter:drop-shadow(0 0 #0000)}35%{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--color-alert-watch) 85%, transparent))}}@keyframes ho-live{0%,to{opacity:1}50%{opacity:.35}}@keyframes ho-rise{to{transform:translateY(-16px)}}@keyframes ho-show{to{opacity:1}}
@layer components{.hag{--hag-line-at:1.2s;--hag-line-ms:2s;--hag-cross:1.87s;--hag-chips-at:3.4s;--hag-chip-gap:.18s}.hag-question{position:relative}.hag-rule{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--color-alert-watch) 70%, transparent);background-color:color-mix(in srgb, var(--color-alert-watch) 14%, transparent);color:var(--color-neutral-0);letter-spacing:.02em;font-variant-numeric:tabular-nums;align-self:flex-start;align-items:center;gap:10px;padding:6px 8px 6px 12px;font-size:13px;font-weight:700;line-height:18px;display:inline-flex;position:relative}.hag-rule:before{content:"";border-radius:inherit;border:1px solid var(--color-viz-gold);opacity:0;pointer-events:none;background-color:#0a1130;position:absolute;inset:-1px}.hag-rule-text{position:relative}.hag-status{border-radius:var(--radius-xs);letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;font-size:10px;font-weight:800;line-height:14px;display:grid;position:relative}.hag-status>*{text-align:center;grid-area:1/1}.hag-armed{color:var(--color-viz-gold);opacity:0}.hag-triggered{border-radius:var(--radius-xs);background-color:var(--color-alert-watch);color:var(--color-neutral-0)}.hag-chart{width:100%;height:auto;display:block;overflow:visible}.hag-axis{fill:#8f9ab8;font-size:10px}.hag-threshold{stroke:var(--color-alert-watch);stroke-width:1px;stroke-dasharray:4 4}.hag-threshold-label{fill:var(--color-alert-watch);font-size:10px;font-weight:700}.hag-line{fill:none;stroke:var(--color-viz-gold);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.hag-line-hot{stroke:var(--color-alert-watch)}.hag-peak{fill:var(--color-neutral-0);font-size:10px;font-weight:700}.hag-cross-dot{fill:var(--color-alert-watch);stroke:var(--color-brand-navy-deep);stroke-width:2px}.hag-cross-ring{fill:none;stroke:var(--color-alert-watch);stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%}.hag-slot{fill:#7fd1a8}.hag-slot-label{fill:#7fd1a8;font-size:10px;font-weight:700}.hag-replay{border-radius:var(--radius-pill);color:#8f9ab8;cursor:pointer;align-self:flex-start;align-items:center;gap:6px;min-height:32px;padding-inline:10px;font-size:12px;font-weight:600;line-height:16px;display:none}.hag-replay:hover{color:var(--color-neutral-0);background-color:#ffffff0f}.hag-replay:focus-visible{outline:2px solid var(--color-viz-gold);outline-offset:2px}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.hag-replay{display:inline-flex}}@media (prefers-reduced-motion:no-preference){.hag[data-anim]:not([data-anim=reset]) .hag-question:after{content:"";border-radius:var(--radius-sm);background-image:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-viz-gold) 22%, transparent), transparent);pointer-events:none;animation:hag-sweep .7s ease-in-out calc(var(--motion-delay) + .2s) both;background-repeat:no-repeat;background-size:40% 100%;position:absolute;inset:-2px -6px}.hag[data-anim]:not([data-anim=reset]) .hag-rule{animation:hag-emerge .5s var(--motion-ease) calc(var(--motion-delay) + .45s) backwards, hag-flash .9s ease-out calc(var(--motion-delay) + var(--hag-cross)) backwards}.hag[data-anim]:not([data-anim=reset]) .hag-rule:before{animation:hag-arm .9s ease-out calc(var(--motion-delay) + .9s) backwards, hag-disarm .25s linear calc(var(--motion-delay) + var(--hag-cross)) backwards}.hag[data-anim]:not([data-anim=reset]) .hag-armed{animation:hag-disarm .25s linear calc(var(--motion-delay) + var(--hag-cross)) backwards}.hag[data-anim]:not([data-anim=reset]) .hag-triggered{animation:hag-trigger .35s var(--motion-ease) calc(var(--motion-delay) + var(--hag-cross)) backwards}.hag[data-anim]:not([data-anim=reset]) .hag-chart{animation:motion-fade .5s ease-out calc(var(--motion-delay) + .9s) backwards}.hag[data-anim]:not([data-anim=reset]) .hag-draw{animation:hag-draw var(--hag-line-ms) linear calc(var(--motion-delay) + var(--hag-line-at)) backwards}.hag[data-anim]:not([data-anim=reset]) .hag-peak{animation:motion-fade .4s ease-out calc(var(--motion-delay) + var(--hag-line-at) + 1.3s) backwards}.hag[data-anim]:not([data-anim=reset]) .hag-cross-dot{animation:motion-pop-in .4s var(--motion-ease) calc(var(--motion-delay) + var(--hag-cross)) backwards}.hag[data-anim]:not([data-anim=reset]) .hag-cross-ring{animation:hag-ping 1.2s ease-out calc(var(--motion-delay) + var(--hag-cross)) 2}.hag[data-anim]:not([data-anim=reset]) .hag-answer{animation:hag-rise .6s var(--motion-ease) calc(var(--motion-delay) + var(--hag-cross) + 80ms) backwards}.hag[data-anim]:not([data-anim=reset]) .hag-detail{animation:hag-rise .6s var(--motion-ease) calc(var(--motion-delay) + var(--hag-cross) + .28s) backwards}.hag[data-anim]:not([data-anim=reset]) .hag-chip{animation:hag-chip .45s var(--motion-ease) calc(var(--motion-delay) + var(--hag-chips-at) + var(--i,0) * var(--hag-chip-gap)) backwards}.hag[data-anim]:not([data-anim=reset]) .hag-chip:nth-child(2){--i:1}.hag[data-anim]:not([data-anim=reset]) .hag-chip:nth-child(3){--i:2}.hag[data-anim]:not([data-anim=reset]) .hag-chip:nth-child(4){--i:3}.hag[data-anim]:not([data-anim=reset]) .hag-slot-group{animation:hag-slot .5s var(--motion-ease) calc(var(--motion-delay) + var(--hag-chips-at)) backwards}.hag[data-anim]:not([data-anim=reset]) .hag-replay{animation:motion-fade .4s ease-out calc(var(--motion-delay) + 4.3s) backwards}}}@keyframes hag-sweep{0%{opacity:1;background-position:-60% 0}80%{opacity:1}to{opacity:0;background-position:160% 0}}@keyframes hag-emerge{0%{opacity:0;transform:translateY(-10px)scale(.96)}}@keyframes hag-arm{0%{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb, var(--color-viz-gold) 55%, transparent)}to{opacity:1;box-shadow:0 0 0 8px #0000}}@keyframes hag-disarm{0%{opacity:1}to{opacity:0}}@keyframes hag-trigger{0%{opacity:0;transform:scale(.8)}}@keyframes hag-flash{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-alert-watch) 70%, transparent);background-color:color-mix(in srgb, var(--color-alert-watch) 45%, transparent)}to{box-shadow:0 0 0 10px #0000}}@keyframes hag-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes hag-ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}@keyframes hag-rise{0%{opacity:.01;transform:translateY(6px)}}@keyframes hag-chip{0%{opacity:0;transform:translateY(6px)scale(.96)}}@keyframes hag-slot{0%{opacity:0;transform:scaleX(0)}}
@layer components{.hau{flex-direction:column;gap:40px;display:flex}@media (min-width:1024px){.hau{gap:48px}}.hau-stage{isolation:isolate;aspect-ratio:16/9;background-color:var(--color-brand-navy);border-radius:20px;position:relative;overflow:hidden}@media (min-width:768px){.hau-stage{aspect-ratio:auto;height:420px}}.hau-shot{opacity:0;transition:opacity .6s var(--motion-ease);position:absolute;inset:0}.hau-shot[data-on]{z-index:1;opacity:1}.hau-chip{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100% - 32px);color:var(--color-text-on-dark);transition:opacity .45s var(--motion-ease) .15s, translate .45s var(--motion-ease) .15s;background-color:#070d26cc;border:1px solid #ffffff29;align-items:center;gap:10px;padding:8px 14px 8px 12px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex;position:absolute;bottom:16px;left:16px}@media (min-width:768px){.hau-chip{font-size:14px;line-height:18px;bottom:24px;left:24px}}.hau-shot:not([data-on]) .hau-chip{opacity:0;translate:0 8px}.hau-chip-dot{background-color:var(--color-alert-watch);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in oklab, var(--color-alert-watch) 30%, transparent);border-radius:50%;flex-shrink:0}.hau-list{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;margin-inline:-16px;padding:4px 16px 8px;scroll-padding-inline:16px;display:flex;overflow-x:auto}@media (min-width:1024px){.hau-list{gap:0;margin-inline:0;padding:0;overflow:visible}}.hau-list::-webkit-scrollbar{display:none}.hau-col{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-neutral-0);scroll-snap-align:center;cursor:pointer;flex-direction:column;flex:0 0 82%;gap:14px;padding:24px;display:flex;position:relative}@media (min-width:640px){.hau-col{flex-basis:46%}}@media (min-width:1024px){.hau-col{background-color:#0000;border-width:1px 0 0;border-radius:0;flex:1 1 0;padding:40px 40px 0}}@media (min-width:1024px){.hau-col:first-child{padding-left:0}.hau-col:last-child{padding-right:0}.hau-col+.hau-col{border-left-width:1px}}.hau-bar{transform-origin:0;height:3px;transition:transform .45s var(--motion-ease);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}@media not (min-width:1024px){.hau-bar{border-radius:0 0 3px 3px;left:20px;right:20px}}.hau-col[data-on] .hau-bar{transform:none}@media not (min-width:1024px){.hau-col[data-on]{border-color:var(--color-border-strong)}}.hau-pick{text-align:left;cursor:pointer}.hau-pick:focus-visible{outline:2px solid var(--color-brand-blue);outline-offset:4px;border-radius:4px}.hau-clock{visibility:hidden;width:0;height:0;position:absolute}@media (prefers-reduced-motion:no-preference){.hau[data-anim]:not([data-anim=reset]) .hau-stage{animation:hau-focus 1.1s var(--motion-ease) var(--motion-delay) both}.hau[data-anim]:not([data-anim=reset]) .hau-col{animation:motion-rise .7s var(--motion-ease) calc(var(--motion-delay) + .5s + var(--i,0) * .12s) both}.hau-col:nth-child(2){--i:1}.hau-col:nth-child(3){--i:2}.hau-col:nth-child(4){--i:3}.hau[data-inview] .hau-col[data-on] .hau-clock{animation-name:hau-clock;animation-duration:5s;animation-timing-function:linear}.hau:is(:hover,:has(:focus-visible),[data-hold]) .hau-clock{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.hau-shot,.hau-chip,.hau-bar{transition:none}}}@keyframes hau-focus{0%{opacity:.01;filter:blur(14px);scale:1.04}}@keyframes hau-clock{0%{visibility:hidden}to{visibility:hidden}}
@layer components{.hd-table{isolation:isolate}.hd-row{position:relative}.hd-row>:first-child:before{content:"";z-index:-1;border-radius:var(--radius-md);background-color:var(--color-surface-sunken);opacity:0;pointer-events:none;transition:opacity .2s ease-out;position:absolute;inset:0 -12px}@media (min-width:1024px){.hd-row>:first-child:before{inset-inline:-16px}}.hd-row:hover>:first-child:before{opacity:1}.motion.hd-row{--motion-stagger:.12s;--hd-stamp-at:calc(var(--motion-delay) + .26s)}.motion[data-anim]:not([data-anim=reset])>.hd-cell{animation:motion-rise .55s var(--motion-ease) var(--motion-delay) backwards}.hd-stamp{transform-origin:0;align-items:center;gap:6px;display:inline-flex}.hd-check{color:var(--color-alert-clear);flex-shrink:0}.hd-check path{stroke-dasharray:1}.motion[data-anim]:not([data-anim=reset]) .hd-stamp{animation:hd-stamp .45s var(--motion-ease) var(--hd-stamp-at) both}.motion[data-anim]:not([data-anim=reset]) .hd-check path{animation:motion-draw .35s ease-out calc(var(--hd-stamp-at) + .12s) both}.hn{--hn-t:1}.hn-warm{mix-blend-mode:screen;opacity:var(--hn-t);background-image:radial-gradient(90% 120% at 88% 8%,#ff963c8c 0%,#ff823238 40%,#0000 72%),linear-gradient(#ff8c3c29,#ff6e280f)}.hn-shade{transform-origin:0;transform:scaleX(calc(.45 + var(--hn-t) * .55));opacity:calc(.2 + var(--hn-t) * .8);background-image:linear-gradient(100deg,#070d26b3 0%,#070d2659 35%,#0000 65%);background-image:linear-gradient(100deg,lab(4.12597% 3.50022 -16.9736/.7) 0%,lab(4.12597% 3.50022 -16.9736/.35) 35%,#0000 65%)}.hn-chips{flex-direction:column;align-items:flex-start;gap:8px;display:flex}@media (min-width:768px){.hn-chips{flex-direction:row;justify-content:space-between;align-items:flex-end}}.hn-chip{border-radius:var(--radius-pill);color:var(--color-text-on-dark);font-variant-numeric:tabular-nums;transition:opacity .45s var(--motion-ease), translate .45s var(--motion-ease);background-color:#040818c7;background-color:lab(2.32296% 1.12573 -8.69067/.78);align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff29}.hn-chip-dot{border-radius:var(--radius-pill);flex-shrink:0;width:7px;height:7px}.hn-chip-forecast .hn-chip-dot{background-color:var(--color-viz-gold)}@media not (min-width:768px){.hn-chip-sensor{align-self:flex-end}}.hn-chip-sensor .hn-chip-dot{background-color:#7fd1a8}.hn[data-armed] .hn-chip:not([data-on]){opacity:0;translate:0 6px}.hn-track{border-radius:var(--radius-pill);background-color:#ffffff38;height:2px;position:relative}.hn-fill{border-radius:inherit;background-image:linear-gradient(90deg, var(--color-viz-gold), var(--color-alert-watch));transform-origin:0;transform:scaleX(var(--hn-t));position:absolute;inset:0}.hn-run{transform:translateX(calc(var(--hn-t) * 100%));position:absolute;inset:0}.hn-handle{border-radius:var(--radius-pill);background-color:var(--color-white,#fff);width:12px;height:12px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-alert-watch) 45%, transparent), 0 2px 8px #00000059;margin:-6px 0 0 -6px;position:absolute;top:50%;left:0}.hn-time{border-radius:var(--radius-sm);background-color:var(--color-white,#fff);color:var(--color-brand-navy);font-variant-numeric:tabular-nums;white-space:nowrap;padding:2px 7px;font-size:11px;font-weight:700;line-height:14px;position:absolute;bottom:12px;left:0;translate:-50%}.hn-hours{color:#ffffff9e;font-variant-numeric:tabular-nums;letter-spacing:.02em;justify-content:space-between;margin-top:10px;font-size:11px;font-weight:600;line-height:14px;display:flex}@media not (min-width:768px){.hn-hour-mid{display:none}}}@keyframes hd-stamp{0%{opacity:0;transform:scale(1.1)}}
@layer components{.hsx{align-items:stretch;gap:32px;display:flex}.hsx>:last-child{flex:1 1 0;min-width:0}.hsx-thermo{display:none}@media (min-width:1024px){.hsx-thermo{flex-direction:column;flex-shrink:0;align-items:center;width:14px;padding-top:1px;display:flex}}.hsx-bulb{background-color:var(--color-viz-gold);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-viz-gold) 22%, transparent);border-radius:999px;flex-shrink:0}.hsx-tube{background-color:var(--color-neutral-100);border-radius:999px;flex:auto;width:4px;margin-top:-2px;position:relative}.hsx-mercury{background-image:linear-gradient(180deg, var(--color-viz-gold), var(--color-alert-watch) 66%, var(--color-alert-warning));clip-path:inset(0 0 calc((1 - var(--hsx-fill,1)) * 100%) 0 round 999px);border-radius:999px;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.hsx[data-armed] .hsx-row{transition:opacity .5s var(--motion-ease), translate .5s var(--motion-ease)}.hsx[data-armed] .hsx-row:not([data-on]){opacity:0;translate:0 8px}@media not (min-width:1024px){.motion.hsx-row[data-anim=idle]{opacity:0}.motion.hsx-row[data-anim=run]{animation:motion-rise .6s var(--motion-ease) var(--motion-delay) both}}}@media (hover:hover){.hsx-row>*{transition:background-color .2s var(--motion-ease), box-shadow .2s var(--motion-ease)}.hsx-row:hover>*{background-color:var(--color-surface-sunken)}.hsx-row:hover>:first-child{box-shadow:-12px 0 0 var(--color-surface-sunken)}.hsx-row:hover>:last-child{box-shadow:12px 0 0 var(--color-surface-sunken)}}.hsx-bands{gap:2px;max-width:260px;margin-top:12px;display:flex}.hsx-band{flex-direction:column;flex:1 1 0;gap:5px;display:flex}.hsx-seg{background-image:linear-gradient(90deg, var(--color-viz-gold), var(--color-alert-watch) 66%, var(--color-alert-warning));background-size:400% 100%;height:6px}.hsx-band:first-child .hsx-seg{background-position:0 0;border-radius:3px 0 0 3px}.hsx-band:nth-child(2) .hsx-seg{background-position:33.333% 0}.hsx-band:nth-child(3) .hsx-seg{background-position:66.667% 0}.hsx-band:nth-child(4) .hsx-seg{background-position:100% 0;border-radius:0 3px 3px 0}.hsx-temp{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;line-height:14px}}