.XnsXXq_frame{aspect-ratio:800/620;border-radius:var(--radius-lg);background:radial-gradient(28rem 18rem at 80% 10%,#fa542129,#0000 70%),radial-gradient(26rem 18rem at 10% 95%,#19b4f229,#0000 70%),linear-gradient(160deg,#0d2744,#081a2f);border:1px solid #a8c6e340;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 40px 80px -40px #000000b3,0 0 0 1px #19b4f20f}.XnsXXq_svg{--line:#9ccff2;--line-soft:#9ccff273;width:100%;height:100%;display:block}.XnsXXq_svg [data-system~=heating]{--sys:var(--heat);--sys-glow:#fa5421bf}.XnsXXq_svg [data-system~=cooling]{--sys:var(--cool);--sys-glow:#19b4f2bf}.XnsXXq_svg [data-system~=hot-water]{--sys:var(--water);--sys-glow:#ffb21fbf}.XnsXXq_frame[data-active=cooling] .XnsXXq_svg [data-system~=cooling]{--sys:var(--cool);--sys-glow:#19b4f2bf}.XnsXXq_frame[data-active=heating] .XnsXXq_svg [data-system~=heating]{--sys:var(--heat);--sys-glow:#fa5421bf}.XnsXXq_paper{fill:#0000}.XnsXXq_room{fill:#ffffff09}.XnsXXq_basement{fill:#19b4f20f}.XnsXXq_eq{fill:color-mix(in oklab, var(--sys,#9ccff2) 14%, #0b2140);transition:fill .25s,filter .25s;stroke:var(--sys,var(--line))!important}.XnsXXq_cut{fill:var(--sys,#9ccff2)}.XnsXXq_hatchLine{stroke:#9ccff238;stroke-width:1px}.XnsXXq_flow{fill:none;stroke:var(--sys,var(--heat));stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:3 8;filter:drop-shadow(0 0 3px var(--sys-glow,#fa5421b3))}.XnsXXq_flowReturn{stroke-opacity:.6}.XnsXXq_tag{fill:#0b2140;stroke:var(--sys,#9ccff2);stroke-width:1.5px}.XnsXXq_tagText{fill:#fff;font-family:var(--font-sans);font-size:15px;font-weight:700}.XnsXXq_note{fill:#c8e1f5bf;font-family:var(--font-sans);letter-spacing:.14em;font-size:12px;font-weight:700}.XnsXXq_leader{stroke:#c8e1f599;stroke-width:.9px;fill:none}.XnsXXq_frame [data-system]{transition:opacity .25s}.XnsXXq_frame[data-active=heating] [data-system]:not([data-system~=heating]),.XnsXXq_frame[data-active=cooling] [data-system]:not([data-system~=cooling]),.XnsXXq_frame[data-active=hot-water] [data-system]:not([data-system~=hot-water]){opacity:.18}.XnsXXq_frame[data-active=heating] [data-structure],.XnsXXq_frame[data-active=cooling] [data-structure],.XnsXXq_frame[data-active=hot-water] [data-structure]{opacity:.5}:is(.XnsXXq_frame[data-active=heating] [data-system~=heating] .ln,.XnsXXq_frame[data-active=cooling] [data-system~=cooling] .ln,.XnsXXq_frame[data-active=hot-water] [data-system~=hot-water] .ln){stroke:var(--sys);stroke-width:2px}.XnsXXq_frame[data-active=heating] [data-system~=heating] .XnsXXq_eq,.XnsXXq_frame[data-active=cooling] [data-system~=cooling] .XnsXXq_eq,.XnsXXq_frame[data-active=hot-water] [data-system~=hot-water] .XnsXXq_eq{fill:color-mix(in oklab, var(--sys) 30%, #0b2140);filter:drop-shadow(0 0 6px var(--sys-glow))}.XnsXXq_frame[data-active=heating] [data-system~=heating] .XnsXXq_tag,.XnsXXq_frame[data-active=cooling] [data-system~=cooling] .XnsXXq_tag,.XnsXXq_frame[data-active=hot-water] [data-system~=hot-water] .XnsXXq_tag{fill:var(--sys);stroke:var(--sys);filter:drop-shadow(0 0 6px var(--sys-glow))}.XnsXXq_frame[data-active=heating] [data-system~=heating] .XnsXXq_tagText,.XnsXXq_frame[data-active=cooling] [data-system~=cooling] .XnsXXq_tagText,.XnsXXq_frame[data-active=hot-water] [data-system~=hot-water] .XnsXXq_tagText{fill:#061325}@media (prefers-reduced-motion:no-preference){.XnsXXq_frame[data-active=heating] [data-system~=heating] .XnsXXq_flow,.XnsXXq_frame[data-active=cooling] [data-system~=cooling] .XnsXXq_flow,.XnsXXq_frame[data-active=hot-water] [data-system~=hot-water] .XnsXXq_flow{animation:1s linear infinite XnsXXq_flow}}@keyframes XnsXXq_flow{to{stroke-dashoffset:-22px}}.XnsXXq_layer{position:absolute;inset:0}.XnsXXq_canvasHost{touch-action:none;cursor:grab;position:absolute;inset:0}.XnsXXq_canvasHost:active{cursor:grabbing}.XnsXXq_canvasHost canvas{width:100%;height:100%;display:block}
