.planning-tool{--planning-ink:var(--ink,#081a38);--planning-muted:var(--muted,#5f6f84);--planning-line:var(--line,#dce7f3);--planning-paper:var(--surface,#fff);--planning-soft:var(--soft,#f5f9fd);--planning-teal:var(--navy-950,#06152f);border:1px solid var(--planning-line);border-radius:var(--radius-lg,18px);background:var(--planning-paper);color:var(--planning-ink);box-shadow:var(--shadow,0 24px 64px #071c2b1f);margin-block:clamp(2.5rem,7vw,5.5rem);overflow:hidden}.planning-tool__header{border-bottom:1px solid var(--planning-line);background:linear-gradient(90deg, #ffffffd1, #ffffff52), repeating-linear-gradient(90deg, transparent 0 19px, #0b67e814 19px 20px), var(--planning-soft);align-items:end;gap:1.25rem;padding:clamp(1.5rem,4vw,2.75rem);display:grid;position:relative}.planning-tool__header:after{background:var(--blue-600,#0b67e8);content:"";width:min(28%,14rem);height:.45rem;position:absolute;bottom:0;right:clamp(1.5rem,4vw,2.75rem)}.planning-tool__kicker,.planning-tool__result-kicker,.planning-tool__formula>span{color:var(--blue-700,#075d7a);font-family:var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:750;display:block}.planning-tool__header h2{max-width:22ch;font-family:var(--font-display,Georgia, serif);letter-spacing:-.045em;margin:.55rem 0 .7rem;font-size:clamp(2rem,5vw,3.65rem);font-weight:650;line-height:.98}.planning-tool__header p{max-width:68ch;color:var(--planning-muted);margin:0;font-size:clamp(.95rem,1.8vw,1.08rem);line-height:1.65}.planning-tool__example{border:1px solid var(--blue-300,#75bdc6);border-radius:var(--radius-sm,6px);color:var(--blue-700,#075d7a);font-family:var(--font-mono,monospace);letter-spacing:.06em;text-transform:uppercase;background:#ffffffb8;justify-self:start;padding:.42rem .62rem;font-size:.68rem;font-weight:750}.planning-tool__workspace{display:grid}.planning-tool__form{background:var(--planning-paper);padding:clamp(1.35rem,3.5vw,2.4rem)}.planning-tool__fields{gap:1rem;display:grid}.planning-tool__field{align-content:start;gap:.45rem;display:grid}.planning-tool__field>label,.planning-tool__unit-row>label{color:var(--planning-ink);font-size:.78rem;font-weight:780;line-height:1.3}.planning-tool__field label small{color:var(--planning-muted);font:inherit;font-weight:500}.planning-tool__field>small{color:var(--planning-muted);font-size:.72rem;line-height:1.45}.planning-tool__control,.planning-tool__compound-control{border:1px solid var(--planning-line);border-radius:var(--radius,12px);background:#fff;grid-template-columns:minmax(0,1fr) auto;min-height:3.15rem;transition:border-color .15s,box-shadow .15s;display:grid;overflow:hidden}.planning-tool__control:focus-within,.planning-tool__compound-control:focus-within{border-color:var(--blue-600,#0b67e8);box-shadow:0 0 0 3px #08748b29}.planning-tool input,.planning-tool select{border:1px solid var(--planning-line);border-radius:var(--radius,12px);min-width:0;min-height:3.15rem;color:var(--planning-ink);font:inherit;font-variant-numeric:tabular-nums;background:#fff}.planning-tool input{width:100%;padding:.72rem .8rem}.planning-tool select{padding:.65rem 2rem .65rem .75rem}.planning-tool__control input,.planning-tool__compound-control input,.planning-tool__compound-control select{border:0;border-radius:0}.planning-tool__control>span{border-left:1px solid var(--planning-line);background:var(--planning-soft);min-width:3rem;color:var(--blue-700,#075d7a);font-family:var(--font-mono,monospace);place-items:center;padding-inline:.75rem;font-size:.75rem;font-weight:750;display:grid}.planning-tool__compound-control select{border-left:1px solid var(--planning-line);background-color:var(--planning-soft);color:var(--blue-700,#075d7a);font-size:.76rem;font-weight:750}.planning-tool input[aria-invalid=true],.planning-tool select[aria-invalid=true]{outline-offset:-2px;outline:2px solid #b42318}.planning-tool__unit-row{border-bottom:1px solid var(--planning-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:grid}.planning-tool__actions{flex-wrap:wrap;gap:.7rem;margin-top:1.4rem;display:flex}.planning-tool__actions button{border:1px solid var(--planning-teal);border-radius:var(--radius-sm,6px);background:var(--planning-teal);color:#fff;cursor:pointer;min-height:2.9rem;font:inherit;padding:.65rem 1rem;font-size:.82rem;font-weight:800}.planning-tool__actions button+button{border-color:var(--planning-line);color:var(--planning-ink);background:0 0}.planning-tool__actions button:hover{background:var(--blue-700,#075d7a)}.planning-tool__actions button+button:hover{border-color:var(--blue-700,#075d7a);background:var(--soft-blue,#edf5f3);color:var(--blue-700,#075d7a)}.planning-tool__actions button:focus-visible,.planning-tool input:focus-visible,.planning-tool select:focus-visible{outline:3px solid var(--cyan-500,#1aa6a0);outline-offset:2px}.planning-tool__error{color:#a52a20;min-height:1.35rem;margin:.7rem 0 0;font-size:.78rem;font-weight:700}.planning-tool__result{background:radial-gradient(circle at 95% 0, #75bdc62e, transparent 30%), var(--planning-teal);color:#fff;padding:clamp(1.5rem,3.8vw,2.6rem);position:relative;overflow:hidden}.planning-tool__result:after{content:"";border-bottom:1px solid #fff3;border-right:1px solid #fff3;width:3.5rem;height:1.8rem;position:absolute;bottom:1.25rem;right:1.5rem}.planning-tool__result-kicker{color:var(--blue-300,#75bdc6)}.planning-tool__result-grid{z-index:1;background:#ffffff29;border:1px solid #ffffff29;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:1.2rem;display:grid;position:relative}.planning-tool__metric{background:#071c2bd6;min-width:0;padding:.85rem}.planning-tool__metric--primary{grid-column:1/-1;padding-block:1.2rem}.planning-tool__metric>span,.planning-tool__metric>strong{display:block}.planning-tool__metric>span{color:#b9d4d4;min-height:2.5em;font-size:.68rem;line-height:1.3}.planning-tool__metric>strong{overflow-wrap:anywhere;font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:clamp(.88rem,2.1vw,1.1rem);line-height:1.25}.planning-tool__metric--primary>span{min-height:0}.planning-tool__metric--primary>strong{color:#fff;font-family:var(--font-display,Georgia, serif);letter-spacing:-.025em;font-size:clamp(1.65rem,4vw,2.65rem);font-weight:600}.planning-tool__formula{z-index:1;border-top:1px solid #ffffff2e;margin-top:1.2rem;padding-top:1rem;position:relative}.planning-tool__formula>span{color:var(--blue-300,#75bdc6)}.planning-tool__formula code{color:#e5f2ef;font-family:var(--font-mono,monospace);white-space:normal;margin-top:.45rem;font-size:.72rem;line-height:1.6;display:block}.planning-tool__note{z-index:1;color:#b9d4d4;max-width:62ch;margin:1rem 0 0;font-size:.75rem;line-height:1.55;position:relative}.planning-tool__noscript{border-top:1px solid var(--planning-line);color:var(--planning-ink);background:#fff4e8;margin:0;padding:.8rem 1.4rem;font-size:.8rem}@media (width>=620px){.planning-tool__header{grid-template-columns:minmax(0,1fr) auto}.planning-tool__example{place-self:start end}.planning-tool__fields,.planning-tool__fields--rain{grid-template-columns:repeat(2,minmax(0,1fr))}.planning-tool__fields--tank{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=940px){.planning-tool__workspace{grid-template-columns:minmax(0,1.08fr) minmax(22rem,.92fr)}}@media (prefers-reduced-motion:reduce){.planning-tool__control,.planning-tool__compound-control{transition:none}}@media print{.planning-tool{box-shadow:none;border-color:#444}.planning-tool__actions,.planning-tool__error,.planning-tool__example{display:none}.planning-tool__result{color:#111;background:#fff}.planning-tool__result-kicker,.planning-tool__metric>span,.planning-tool__metric>strong,.planning-tool__formula>span,.planning-tool__formula code,.planning-tool__note{color:#111}.planning-tool__result-grid,.planning-tool__metric{background:#fff;border-color:#aaa}}