/* Water is confined to each control; its layout and pointer stay still. */
.liquid-filter-defs{position:absolute;width:0;height:0;pointer-events:none;overflow:hidden}
.liquid-control{position:var(--water-position,relative);isolation:isolate;overflow:hidden;clip-path:inset(0 round var(--water-radius,12px));user-select:none;translate:none!important;transform:none!important;scale:1!important;transition:background .2s,box-shadow .2s}
.liquid-control:hover,.liquid-control:active{translate:none!important;transform:none!important;scale:1!important}
.liquid-control:focus-visible{outline:2px solid #927332;outline-offset:3px;clip-path:none}
.button-water-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none!important;border-radius:inherit;z-index:2}
@media(prefers-reduced-motion:reduce){.liquid-control{filter:none!important}.button-water-light{display:none}}
.calc-field{position:relative;border-radius:16px;transition:background .25s,box-shadow .25s;padding:12px;margin:-12px -12px 18px}.calc-field:focus-within{background:#f7f0de;box-shadow:0 0 0 1px #d8bd7280,0 10px 32px #614e1910}.calc-field label{transition:color .2s}.calc-field:focus-within label{color:#86621e}
.calc-field input:not([type=range]){transition:border-color .2s,box-shadow .2s,background .2s}.calc-field input:not([type=range]):focus{outline:0;box-shadow:0 0 0 4px #e3bd6530;border-color:#af842d}.calc-field input[aria-invalid=true]{box-shadow:0 0 0 2px #b7323250!important}
.calculator input[type=range]{appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#bc8b2d 0%,#e4bd59 var(--range-fill,0%),#d9dde1 var(--range-fill,0%),#d9dde1 100%);height:6px;border:0;border-radius:8px;cursor:pointer;outline-offset:8px;margin-block:21px 15px;transition:box-shadow .2s}
.calculator input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:23px;height:23px;border:3px solid #fff;border-radius:50%;background:linear-gradient(135deg,#ffe59a,#c28d30);box-shadow:0 2px 7px #60451b45;transition:box-shadow .2s,scale .2s}
.calculator input[type=range]::-moz-range-thumb{width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#dfb552;box-shadow:0 2px 7px #60451b45;transition:box-shadow .2s,scale .2s}
.calculator input[type=range]:hover::-webkit-slider-thumb,.calculator input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 8px #e5bd5830,0 2px 7px #60451b45}.calculator input[type=range]:active::-webkit-slider-thumb{scale:1.12}
.calculator input[type=range]:hover::-moz-range-thumb,.calculator input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 8px #e5bd5830,0 2px 7px #60451b45}
.calculator-result{transition:box-shadow .35s,border-color .35s}.calculator-result.calculation-active{box-shadow:0 16px 45px #b2902630,inset 0 0 0 1px #e8c67580}.calculator-result output{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.liquid-control{translate:none!important;transition:none!important;scale:1!important}.calc-field,.calc-field input,.calculator-result{transition:none!important}.calculator input[type=range]::-webkit-slider-thumb{transition:none!important;scale:1!important}}

/* Keep a generous hit area while the visible rail stays fine. */
.calculator input[type=range]{height:28px;min-height:28px;background:transparent}
.calculator input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:8px;background:linear-gradient(90deg,#bc8b2d 0%,#e4bd59 var(--range-fill,0%),#d9dde1 var(--range-fill,0%),#d9dde1 100%)}
.calculator input[type=range]::-webkit-slider-thumb{margin-top:-8.5px}
.calculator input[type=range]::-moz-range-track{height:6px;border-radius:8px;background:linear-gradient(90deg,#bc8b2d 0%,#e4bd59 var(--range-fill,0%),#d9dde1 var(--range-fill,0%),#d9dde1 100%)}