:root{--sky: #e8f4fb;--navy: #16324f;--coral: #ff6f61;--coral-hover: #ff8577;--yellow: #ffd23f;--mint: #7fdc9f;--card: #ffffff;--line: #c9dcea;--error: #b3261e;--success: #1d7a44}*{box-sizing:border-box}body{margin:0;background:var(--sky);color:var(--navy);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}main{max-width:1020px;margin:0 auto;padding:24px 16px 56px}.hero h1{font-size:1.9rem;margin:0 0 6px}.lede{margin:0 0 22px;max-width:60ch}.layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media(max-width:760px){.layout{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:18px;box-shadow:0 2px 0 var(--line);overflow:hidden}h2{font-size:1.15rem;margin:0 0 12px}.tanks{border:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}.tanks legend{font-weight:600;padding:0;margin-bottom:8px}.tank-option{position:relative;cursor:pointer}.tank-option input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.tank-option span{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:2px solid var(--line);border-radius:999px;background:var(--card);font-weight:700}.tank-option input:checked+span{background:var(--yellow);border-color:var(--navy)}.tank-option input:focus-visible+span{outline:3px solid var(--coral);outline-offset:2px}.field{margin-bottom:14px}.field label{display:block;font-weight:600;margin-bottom:4px}input[type=number]{width:100%;min-height:44px;padding:8px 10px;border:2px solid var(--line);border-radius:10px;font:inherit;color:inherit;background:var(--card)}input[type=number]:focus-visible{outline:3px solid var(--coral);outline-offset:1px;border-color:var(--navy)}input[aria-invalid]{border-color:var(--error)}.hint{font-size:.85rem;margin:4px 0 0;color:#3d5a76}.error{color:var(--error);font-size:.9rem;font-weight:600;margin:4px 0 0}button{font:inherit;cursor:pointer;min-height:44px;border-radius:10px;font-weight:700}.primary{width:100%;border:none;background:var(--coral);color:var(--navy);padding:10px 20px}.primary:hover{background:var(--coral-hover)}button:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.rows{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}.row{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:8px;background:#fbfdff}.row-title{font-weight:700}.row-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row-fields label{font-size:.85rem;font-weight:600;display:grid;gap:2px}.row-result{font-weight:700;color:var(--success)}.remove{background:none;border:2px solid var(--line);color:var(--navy);padding:8px 12px;justify-self:start}.remove:hover{border-color:var(--coral)}.result{position:sticky;top:20px}.estimate{font-size:1.25rem;font-weight:700;background:var(--yellow);border-radius:10px;padding:12px 14px;margin:0 0 14px}.summary p{margin:6px 0}.fillable strong{font-size:1.2rem}.coverage{font-weight:700;color:var(--success)}.coverage.short{color:var(--error)}.balloons{position:relative;height:96px;margin-top:10px}.balloon{position:absolute;top:0;width:36px;height:44px;border-radius:50%/55% 55% 45% 45%;animation:floaty 3s ease-in-out infinite}.balloon:before{content:"";position:absolute;top:100%;left:50%;width:8px;height:6px;border-radius:2px;background:inherit;transform:translate(-50%)}.balloon:after{content:"";position:absolute;top:calc(100% + 5px);left:50%;width:2px;height:44px;background:var(--navy);opacity:.35;transform:translate(-50%)}.b1{left:12%;background:var(--coral)}.b2{left:44%;background:var(--yellow);animation-delay:.6s}.b3{left:76%;background:var(--mint);animation-delay:1.2s}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bump{40%{transform:scale(1.02)}}.bump .estimate,.bump .summary{animation:bump .2s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}