/* LWM: short, non-blocking motion. Content never depends on animation. */
@keyframes lwmw-step-in{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes lwmw-confirm{from{opacity:.3;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
#waarde-form .step:not([hidden]){animation:lwmw-step-in .3s cubic-bezier(.2,.7,.2,1) both}
.calculator #success:not([hidden]){animation:lwmw-confirm .38s ease-out both}
.calculator #progress-bar{transition:width .4s cubic-bezier(.2,.7,.2,1)}
.calculator input,.calculator select,.calculator .type-card,.calculator .energy-btn{transition:border-color .18s,box-shadow .18s,background-color .18s}
.calculator button{transition:transform .16s,box-shadow .18s,background-color .18s}
.calculator button:active:not(:disabled){transform:scale(.98)}
#lwmv-dialog[open]{animation:lwmw-confirm .25s ease-out}
#lwmv-launch{transition:transform .2s,box-shadow .2s}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#lwmv-launch:hover{transform:translateY(-2px);box-shadow:0 10px 28px #082b6326}}
@media(prefers-reduced-motion:reduce){
.calculator,.calculator *,#lwmv-dialog,#lwmv-launch,#lwm-home-waarde{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html{scroll-behavior:auto!important}
}