.water-piston-animation_lab__5qCGy{margin:28px 0;padding:clamp(18px,2.5vw,30px);overflow:hidden;border:1px solid #554d80;border-radius:25px;color:#f5f6ff;background:radial-gradient(circle at 15% 10%,#243e60 0,transparent 30%),radial-gradient(circle at 90% 0,#412b59 0,transparent 25%),linear-gradient(145deg,#111827,#171727 70%,#111827);box-shadow:0 24px 55px #151b3629}.water-piston-animation_diagramHeading__uIGu0,.water-piston-animation_heading__3ntXw,.water-piston-animation_readoutTop__38RS1,.water-piston-animation_sceneFooter__58VP4,.water-piston-animation_sliderHeading__Y6nEw,.water-piston-animation_topline__JakJN{display:flex;justify-content:space-between;align-items:center;gap:16px}.water-piston-animation_topline__JakJN{flex-wrap:wrap;color:#a9dff0;font-size:11px;font-weight:850;letter-spacing:.12em}.water-piston-animation_case__Hzhhg{padding:7px 11px;border:1px solid #698ba3;border-radius:999px;color:#dbeaf5;font-size:11px;letter-spacing:.05em}.water-piston-animation_heading__3ntXw{align-items:end;margin:20px 0 22px}.water-piston-animation_heading__3ntXw h2{max-width:690px;margin:0 0 8px;font-size:clamp(26px,3.4vw,42px);line-height:1.08;letter-spacing:-.035em;color:#fff}.water-piston-animation_heading__3ntXw p{max-width:650px;margin:0;color:#c6d2e0;line-height:1.45}.water-piston-animation_stageBadge__WE2eX{flex:none;padding:12px 16px;border:1px solid #64bed790;border-radius:14px;background:#3cc5e113;color:#85edff;font-size:15px;font-weight:850}.water-piston-animation_stageBadge__WE2eX small{display:block;margin-top:3px;color:#d9eaf2;font-size:11px;font-weight:600}.water-piston-animation_mainGrid__NhWde{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(275px,.8fr);gap:18px}.water-piston-animation_sceneColumn__J11_A{min-width:0}.water-piston-animation_scenePanel__qgYMP{position:relative;min-width:0;min-height:440px;overflow:hidden;border:1px solid #54748a;border-radius:18px;background:radial-gradient(ellipse at 46% 36%,#304b65 0,#172335 48%,#111c2c 100%)}.water-piston-animation_scene__4zLHT{position:absolute;inset:0}.water-piston-animation_scene__4zLHT canvas{display:block;width:100%;height:100%;touch-action:pan-y}.water-piston-animation_fallback__Kq_wf{display:grid;height:100%;place-items:center;padding:30px;text-align:center;color:#e6f6ff}.water-piston-animation_heatLabel__b5z4t,.water-piston-animation_stopLabel__4p_Hm,.water-piston-animation_workLabel___8LMF{position:absolute;padding:7px 10px;border:1px solid #ffffff45;border-radius:8px;background:#0e1926db;font-size:11px;font-weight:800;letter-spacing:.07em;pointer-events:none}.water-piston-animation_heatLabel__b5z4t{left:3%;bottom:25%;color:#ffc590}.water-piston-animation_heatLabel__b5z4t b{color:#ff9e63;font-size:18px}.water-piston-animation_heatLabel__b5z4t small,.water-piston-animation_workLabel___8LMF small{display:block;margin-top:3px;color:#dce9ef;font-size:10px;letter-spacing:0;font-weight:600}.water-piston-animation_stopLabel__4p_Hm{top:9%;right:3%;color:#dce8f3}.water-piston-animation_workLabel___8LMF{top:32%;right:3%;color:#d4bfff}.water-piston-animation_sceneFooter__58VP4{position:absolute;bottom:10px;left:12px;right:12px;flex-wrap:wrap;color:#d5e4ef;font-size:11px;text-shadow:0 1px 3px #07131d;pointer-events:none}.water-piston-animation_readout__hkcUw{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid #5b7285;border-radius:18px;background:linear-gradient(155deg,#ffffff13,#ffffff06)}.water-piston-animation_readoutTop__38RS1{padding-bottom:16px;border-bottom:1px solid #ffffff26;color:#a7e9f9;font-size:11px;font-weight:850;letter-spacing:.1em}.water-piston-animation_readoutTop__38RS1 span{color:#f9d3b5;font-size:12px;letter-spacing:0}.water-piston-animation_metrics__MNQxb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;padding:25px 0}.water-piston-animation_metrics__MNQxb div{display:grid;gap:5px;min-width:0}.water-piston-animation_metrics__MNQxb span{color:#c7d4df;font-size:12px}.water-piston-animation_metrics__MNQxb strong{font-size:clamp(21px,2vw,29px);font-weight:750;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.03em;white-space:nowrap}.water-piston-animation_metrics__MNQxb small{color:#bcd0dd;font-size:.55em;font-weight:550}.water-piston-animation_energy__Vi1ev{display:grid;gap:11px;margin-top:auto;padding:15px;border:1px solid #c18a5e99;border-radius:13px;background:#eb9e5611}.water-piston-animation_energy__Vi1ev>span{color:#ffc48c;font-size:10px;font-weight:850;letter-spacing:.1em}.water-piston-animation_energy__Vi1ev>div{display:grid;gap:7px}.water-piston-animation_energy__Vi1ev>div span{display:flex;justify-content:space-between;gap:10px;color:#d9e4ee;font-size:12px}.water-piston-animation_energy__Vi1ev b{color:#fff;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.water-piston-animation_energy__Vi1ev>strong{padding-top:7px;border-top:1px solid #ffffff24;color:#ffc893;font-size:22px}.water-piston-animation_controls__1UbFg{margin-top:18px;padding:18px 20px;border:1px solid #526b84;border-radius:17px;background:#112237ba}.water-piston-animation_sliderHeading__Y6nEw{flex-wrap:wrap;color:#f4f8fb;font-size:14px;font-weight:750}.water-piston-animation_sliderHeading__Y6nEw span{color:#92ddeb;font-size:12px}.water-piston-animation_controls__1UbFg input{width:100%;margin:17px 0 8px;accent-color:#6bdaee;cursor:pointer}.water-piston-animation_marks__6_BpK{display:flex;justify-content:space-between;gap:5px;color:#bdcedc;font-size:11px}.water-piston-animation_marks__6_BpK span:nth-child(2){color:#ffcb99}.water-piston-animation_buttons___FOYW{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}.water-piston-animation_buttons___FOYW button{min-width:125px;padding:11px 16px;border:1px solid #66859e;border-radius:9px;background:#233a4d;color:#f7fbff;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.water-piston-animation_buttons___FOYW button:hover:not(:disabled){background:#31546d}.water-piston-animation_buttons___FOYW button:disabled{opacity:.42;cursor:default}.water-piston-animation_buttons___FOYW .water-piston-animation_play__lHUSI{border-color:#82e1ed;background:#5cc9dc;color:#081b2a}.water-piston-animation_buttons___FOYW .water-piston-animation_play__lHUSI:hover{background:#8ae8f5}.water-piston-animation_controls__1UbFg>p{margin:17px 0 0;color:#b8cbd6;font-size:11px;line-height:1.5;text-align:center}.water-piston-animation_diagrams__qIF1t{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.water-piston-animation_diagram__s3Pne{min-width:0;padding:14px;border:1px solid #5b7187;border-radius:16px;background:#ffffff08}.water-piston-animation_diagramHeading__uIGu0 strong{font-size:15px}.water-piston-animation_diagramHeading__uIGu0 span{color:#addceb;font-size:10px}.water-piston-animation_diagram__s3Pne svg{display:block;width:100%;height:auto;margin-top:5px;overflow:visible}.water-piston-animation_axis__bnl1A{stroke:#c1d4e0;stroke-width:1.4}.water-piston-animation_grid__d9Loa{stroke:#ffffff20;stroke-width:1}.water-piston-animation_axisTitle__buI8a,.water-piston-animation_refLabel__x1F6N,.water-piston-animation_stateLabel__nMMf_,.water-piston-animation_tick__NmdkU{fill:#d7e3ef;font:12px Arial,sans-serif}.water-piston-animation_axisTitle__buI8a{font-weight:700}.water-piston-animation_refLabel__x1F6N{fill:#8fc9dc;font-size:10px}.water-piston-animation_reference__gnIz_{stroke:#75b6ca;stroke-width:1.4;stroke-dasharray:5 5;opacity:.7}.water-piston-animation_path__jklB_{fill:none;stroke:#ffffff80;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.water-piston-animation_activePath__IcHpP{fill:none;stroke:#ffae7c;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.water-piston-animation_endpoint__7l_Bt{fill:#e7ebf4}.water-piston-animation_stateLabel__nMMf_{fill:#f7e6d6;font-weight:700}.water-piston-animation_halo__ivH9Q{fill:#ffb87a44}.water-piston-animation_dot__XYIu_{fill:#ffc28f;stroke:#fff;stroke-width:1.5}.water-piston-animation_diagram__s3Pne>p{margin:0 4px 3px;color:#bfcfda;font-size:11px;line-height:1.4}.water-piston-animation_footer__xamJV{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.water-piston-animation_footer__xamJV>div{display:grid;gap:4px;padding:12px;border:1px solid #ffffff27;border-radius:11px;background:#ffffff08}.water-piston-animation_footer__xamJV b{color:#9be2ed;font-size:12px}.water-piston-animation_footer__xamJV span{color:#e4edf3;font-size:12px}.water-piston-animation_source__kvTwg{margin:16px 0 0;color:#b5c6d3;font-size:11px;line-height:1.5}@media(max-width:850px){.water-piston-animation_heading__3ntXw{align-items:start;flex-direction:column}.water-piston-animation_diagrams__qIF1t,.water-piston-animation_mainGrid__NhWde{grid-template-columns:1fr}.water-piston-animation_scenePanel__qgYMP{min-height:0}.water-piston-animation_scene__4zLHT{position:relative;inset:auto;height:390px}.water-piston-animation_metrics__MNQxb{grid-template-columns:repeat(4,minmax(0,1fr))}.water-piston-animation_readout__hkcUw{gap:0}}@media(max-width:620px){.water-piston-animation_lab__5qCGy{padding:16px;border-radius:17px}.water-piston-animation_heading__3ntXw h2{font-size:27px}.water-piston-animation_scene__4zLHT{height:340px}.water-piston-animation_metrics__MNQxb{grid-template-columns:repeat(2,minmax(0,1fr))}.water-piston-animation_footer__xamJV{grid-template-columns:1fr}.water-piston-animation_marks__6_BpK{font-size:9px}.water-piston-animation_diagramHeading__uIGu0{align-items:start;flex-direction:column;gap:4px}.water-piston-animation_diagram__s3Pne svg{width:calc(100% + 20px);margin-left:-10px}.water-piston-animation_heatLabel__b5z4t{top:12%;bottom:auto;left:2%}.water-piston-animation_workLabel___8LMF{top:25%}.water-piston-animation_buttons___FOYW{flex-wrap:nowrap}.water-piston-animation_buttons___FOYW button{flex:1 1;min-width:0;padding:10px 4px;font-size:11px}}@media(prefers-reduced-motion:reduce){.water-piston-animation_buttons___FOYW button{transition:none}}.water-piston-animation_axisTitle__buI8a,.water-piston-animation_stateLabel__nMMf_,.water-piston-animation_tick__NmdkU{font-size:14px}.water-piston-animation_refLabel__x1F6N{font-size:12px}.water-piston-animation_currentReference__Y0pP4{stroke:#ffba86;stroke-width:1.8;stroke-dasharray:3 4;opacity:.85}.water-piston-animation_currentRefLabel__2A8Bm{fill:#ffc59e;font:700 12px Arial,sans-serif}.water-piston-animation_overview__Lc7nM{margin-top:12px;padding:10px;border:1px solid #80b7cb57;border-radius:12px;background:radial-gradient(circle at 65% 37%,#4b94a51b,transparent 48%),#09192b7a}.water-piston-animation_overviewHeading__QQJub,.water-piston-animation_overviewLegend__TViAp,.water-piston-animation_zoomHeading__edqvw{display:flex;justify-content:space-between;align-items:center;gap:8px}.water-piston-animation_overviewHeading__QQJub b{color:#aeeeff;font-size:12px}.water-piston-animation_overviewHeading__QQJub span{color:#bacfdf;font-size:10px}.water-piston-animation_overview__Lc7nM svg{display:block;width:100%;height:auto;overflow:visible;margin:5px 0 1px}.water-piston-animation_domeFill__E8Ei9{fill:#63cbe41c}.water-piston-animation_domeLine__jPol2{fill:none;stroke:#7be3f5;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.water-piston-animation_focusBreak__GQyNp{stroke:#b7d6e89c;stroke-width:1;stroke-dasharray:4 5}.water-piston-animation_domeTick__AsHJB{fill:#cfdeeb;font:11px Arial,sans-serif}.water-piston-animation_criticalDot__B5DRg{fill:#f2f6fc}.water-piston-animation_criticalLabel__tlSDe{fill:#e2eef7;font:10px Arial,sans-serif}.water-piston-animation_zoomBox__ifQc3{fill:#ffc18515;stroke:#ffb47b;stroke-width:1.6;stroke-dasharray:4 3}.water-piston-animation_overviewTrack__w2G9v{fill:none;stroke:#ffffffa6;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.water-piston-animation_overviewActive__DpYE4{fill:none;stroke:#ffae7c;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.water-piston-animation_overviewLegend__TViAp{flex-wrap:wrap;color:#bfd6e5;font-size:10px;line-height:1.3}.water-piston-animation_zoomHeading__edqvw{margin:15px 1px 0;color:#f8d5b8;font-size:12px;font-weight:800}.water-piston-animation_zoomHeading__edqvw span{color:#bcd1df;font-size:10px;font-weight:500}@media(max-width:620px){.water-piston-animation_overviewHeading__QQJub,.water-piston-animation_zoomHeading__edqvw{align-items:start;flex-direction:column;gap:3px}.water-piston-animation_overview__Lc7nM{padding:8px}.water-piston-animation_overview__Lc7nM svg{width:calc(100% + 14px);margin-left:-7px}.water-piston-animation_overviewLegend__TViAp{font-size:9px}}.water-piston-animation_phaseMasses__L1GpF{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:-5px 0 18px}.water-piston-animation_phaseMasses__L1GpF>div{display:grid;gap:5px;padding:11px;border:1px solid #7fb9ce72;border-radius:10px;background:#80c9dd10}.water-piston-animation_phaseMasses__L1GpF span{color:#9de7f2;font-size:11px;font-weight:800}.water-piston-animation_phaseMasses__L1GpF strong{font-size:18px;color:#f4fdff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.water-piston-animation_phaseMasses__L1GpF small{color:#b6cddd;font-size:10px}@media(max-width:620px){.water-piston-animation_phaseMasses__L1GpF{grid-template-columns:1fr}.water-piston-animation_phaseMasses__L1GpF>div{grid-template-columns:1fr auto;align-items:center}.water-piston-animation_phaseMasses__L1GpF small{grid-column:1/-1}}.water-piston-animation_phaseBadge__JE3cU{position:absolute;top:9%;left:3%;width:205px;max-width:calc(100% - 135px);padding:10px 12px;border:1px solid #85dcec99;border-radius:12px;background:#0c2232e8;box-shadow:0 8px 25px #07131d70;pointer-events:none}.water-piston-animation_phaseBadge__JE3cU>span{display:block;margin-bottom:7px;color:#95efff;font-size:10px;font-weight:850;letter-spacing:.1em}.water-piston-animation_phaseBadge__JE3cU>div:not(.water-piston-animation_vaporTrack__CPQmA){display:flex;justify-content:space-between;gap:6px;margin-top:4px;color:#d9eff5;font-size:11px}.water-piston-animation_phaseBadge__JE3cU strong{color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.water-piston-animation_vaporTrack__CPQmA{height:7px;margin-top:9px;overflow:hidden;border-radius:999px;background:#87d9e638}.water-piston-animation_vaporTrack__CPQmA i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#65d9ed,#aff8ff);box-shadow:0 0 12px #86edff;transition:width .15s linear}.water-piston-animation_phaseBadge__JE3cU small{display:block;margin-top:5px;color:#bdd8e2;font-size:9px;line-height:1.25}@media(max-width:620px){.water-piston-animation_phaseBadge__JE3cU{top:7%;left:2%;width:164px;max-width:calc(100% - 110px);padding:8px}.water-piston-animation_phaseBadge__JE3cU>div:not(.water-piston-animation_vaporTrack__CPQmA){flex-wrap:wrap}.water-piston-animation_heatLabel__b5z4t{top:auto;bottom:17%;left:2%}}