.air-app{color:#e1eeed;background:#061e27;border-radius:9px;overflow:hidden;font-size:14px}.air-app[hidden]{display:none}.air-top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#081e24;gap:12px}.air-top strong{letter-spacing:.17em;font-size:19px;font-weight:500}.air-top strong span{font-size:10px;color:#82e4d3}.air-top>span{font-size:11px;color:#afc9cb}.air-title{padding:20px 28px 0}.air-title strong{display:block;font-size:clamp(19px,2.5vw,29px);font-weight:450}.air-title>span{display:block;color:#aac3c7;font-size:12px;margin-top:5px}.air-scene{position:relative;container-type:inline-size}.air-scene>img{display:block;width:100%;height:auto}.air-temp{position:absolute;min-width:10%;padding:1% 1.4%;border-left:1px solid #82e4d3;border-radius:12px;background:#08252de8;box-shadow:0 5px 20px #0002}.air-temp small,.air-central small{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:clamp(8px,1.05cqw,12px);color:#bad0d1}.air-temp>span{color:#82e4d3;font-size:clamp(15px,2.4cqw,28px);font-variant-numeric:tabular-nums}.air-outside{left:3%;top:27%}.air-supply{left:37%;top:14%}.air-return{left:39%;top:66%}.air-exhaust{left:3%;top:79%}.air-return>span,.air-exhaust>span{color:#efce98}.air-bypass{position:absolute;left:23%;top:33%;font-size:clamp(7px,1cqw,12px);color:#c7dada;background:#08252dcf;border-radius:5px;padding:5px}.air-central{position:absolute;left:18%;top:76%;display:grid;gap:6px}.air-central strong{font-size:clamp(20px,3cqw,35px);font-weight:450;color:#82e4d3}.air-central em{font-size:12px;font-style:normal}.air-central>span{font-size:clamp(7px,1cqw,12px);color:#efce98}.air-app button,.air-app select{font:inherit;cursor:pointer;color:#c6dbdd;border:1px solid #33565b;background:#102e35;border-radius:8px}.air-app button:focus-visible,.air-app select:focus-visible,.air-app summary:focus-visible,.air-app input:focus-visible{outline:3px solid #82e4d3;outline-offset:3px}.air-app button:hover{background:#21464c}.air-room{position:absolute;padding:7px 10px;font-size:clamp(8px,1.15cqw,13px)!important;background:#08252ddd!important;transform:translateX(-50%);white-space:nowrap;min-height:32px}.air-room:hover{border-color:#82e4d3}.room-one{left:62%;top:48%}.room-two{left:86%;top:48%}.room-three{left:62%;top:80%}.room-four{left:86%;top:80%}.air-flow{position:absolute;color:#82e4d3;letter-spacing:5px;font-size:2.7cqw;line-height:1;animation:air-flow 1.6s linear infinite;text-shadow:0 0 8px #82e4d3}.flow-one{left:57%;top:24%}.flow-two{left:83%;top:28%}.flow-three{left:57%;top:60%}.flow-four{left:83%;top:60%}@keyframes air-flow{from{transform:translateY(-6px);opacity:.2}50%{opacity:.85}to{transform:translateY(12px);opacity:.1}}.air-app.is-still .air-flow{animation-play-state:paused}.air-app.is-paused .air-flow{visibility:hidden}.air-modes{display:flex;gap:6px;flex-wrap:wrap;margin:0 22px;background:#102a31;border:1px solid #28454d;border-radius:12px;padding:7px}.air-modes button{flex:1;padding:12px 10px;border-color:transparent;background:transparent;font-size:12px}.air-modes button[aria-pressed=true]{background:#82e4d3;color:#07242a;box-shadow:0 0 20px #82e4d31a}.air-description{padding:14px 26px;color:#a8c6c8;font-size:12px;min-height:48px}.air-settings{margin:0 22px;border-top:1px solid #29464c}.air-settings summary{cursor:pointer;padding:16px 4px;color:#d2e4e2}.air-sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:4px 4px 20px}.air-slider label{display:flex;justify-content:space-between;gap:8px;font-size:12px}.air-slider output{color:#82e4d3;font-variant-numeric:tabular-nums}.air-slider input{width:100%;accent-color:#82e4d3;margin-top:13px;cursor:pointer}.air-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 26px 22px;border-top:1px solid #203e45;font-size:11px}.air-tools label{margin-right:auto;color:#aac5c7}.air-tools select{padding:9px;margin-left:8px}.air-tools button{padding:10px}.air-presentation:fullscreen{overflow:auto;background:#071b21;padding:16px;border:0;border-radius:0}.air-presentation:fullscreen .air-app{max-width:1100px;margin:auto}.air-presentation:fullscreen figcaption{text-align:center}@media(max-width:600px){.air-top{padding:14px}.air-title{padding:16px 14px 0}.air-title>span{font-size:10px}.air-top>span{font-size:9px}.air-scene{margin-top:10px}.air-temp{padding:1%;border-radius:5px}.air-central{left:25%;top:79%;gap:2px}.air-central em{font-size:8px}.air-room{padding:4px;min-height:28px}.air-bypass{padding:2px}.air-modes{margin:10px;gap:4px}.air-modes button{flex:1 0 28%;padding:12px 4px}.air-description{padding:8px 14px 14px;min-height:55px}.air-settings{margin:0 14px}.air-sliders{grid-template-columns:repeat(2,minmax(0,1fr))}.air-tools{padding:14px;gap:8px}.air-tools label{width:100%}.air-flow{letter-spacing:2px}.air-exhaust{top:83%}.air-return{left:40%;top:65%}}
@media(prefers-reduced-motion:reduce){.air-flow{animation:none}}

/* Animated installation paths follow the original VELIO artwork. */
.air-circulation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.air-pipe-stream,.air-room-stream{fill:none;stroke:#9cfff0;stroke-width:7;stroke-linecap:round;stroke-dasharray:12 23;filter:drop-shadow(0 0 5px #40e8d4);animation:air-stream 1.1s linear infinite}
.air-pipe-stream .air-warm-stream{stroke:#ffd095;filter:drop-shadow(0 0 4px #ffad57)}
.air-room-stream{stroke-width:5;stroke-dasharray:14 24;animation-duration:1.5s}
@keyframes air-stream{to{stroke-dashoffset:-70}}
.air-heater-glow{opacity:0;transition:opacity 1s;fill:#ff8c2444;stroke:#ffb44f;stroke-width:4;filter:drop-shadow(0 0 10px #ff791d)}
.air-heater-glow path{fill:none}.is-heating .air-heater-glow{opacity:1}
.air-bypass-route{fill:none;stroke:#8bfff0;stroke-width:6;stroke-dasharray:12 23;opacity:0;filter:drop-shadow(0 0 5px #40e8d4);animation:air-stream 1.1s linear infinite;transition:opacity .7s}
.is-bypass-open .air-bypass-route{opacity:1}.air-damper circle{fill:#08252d;stroke:#bdd3d4;stroke-width:2}.air-damper path{stroke:#d9eeee;stroke-width:5;transform-origin:426px 411px;transition:transform 1s,stroke 1s}.is-bypass-open .air-damper path{transform:rotate(90deg);stroke:#82e4d3}
.is-heating [data-heater]{color:#ffc16c;text-shadow:0 0 12px #ff8b3366}.is-bypass-open .air-bypass{color:#9cfff0;border:1px solid #82e4d3}
.air-app.is-still .air-circulation *{animation-play-state:paused;transition:none}.air-app.is-paused .air-pipe-stream,.air-app.is-paused .air-room-stream{visibility:hidden}
.air-tools>span{margin-right:auto;color:#adcacc}.air-room{border:1px solid #33565b;border-radius:8px;color:#c6dbdd;display:flex;align-items:center;gap:4px}.air-room:hover{border-color:#33565b}
@media(prefers-reduced-motion:reduce){.air-circulation *{animation:none!important;transition:none!important}}
.air-temp,.air-central,.air-bypass,.air-room{z-index:2}
