:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20332d;background:#b8c9c0;font-synthesis:none;text-rendering:optimizeLegibility;--page: #b8c9c0;--page-deep: #9fb5aa;--paper: #e9e3cf;--paper-bright: #f5efdb;--ink: #20332d;--ink-soft: #50645d;--roof: #a84f38;--roof-dark: #773b2e;--rain: #315d6a;--water: #28788b;--water-light: #5ea2ad;--barrel: #d19a35;--barrel-dark: #845f26;--metal: #72817d;--metal-dark: #40514c;--danger: #8d3c2c;--focus: #0d4a59;--shadow: rgba(32, 51, 45, .18);--pressed: rgba(32, 51, 45, .12);--cue-host-badge-width: 130px;--cue-host-badge-height: 48px;--cue-host-badge-gutter: 12px;--cue-host-badge-clearance: calc(var(--cue-host-badge-height) + var(--cue-host-badge-gutter) * 2)}*{box-sizing:border-box}html{min-height:100%;background:var(--page)}body{margin:0;min-width:320px;min-height:100vh;background:var(--page)}button,input,textarea{font:inherit}button,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:active:not(:disabled){background-color:var(--pressed)}#root{min-height:100vh}.app-shell{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:58px 16px calc(var(--cue-host-badge-clearance) + 28px);overflow-x:hidden}.masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 4px 16px}.title-lockup{display:grid;width:min-content;font-family:Impact,Arial Narrow,Avenir Next Condensed,sans-serif;font-size:clamp(34px,11vw,66px);line-height:1.02;letter-spacing:.035em;transform:rotate(-1deg)}.title-rain{color:var(--ink)}.title-barrel{margin-left:21px;color:var(--roof-dark)}.masthead p{max-width:154px;margin:0 0 2px;color:var(--ink-soft);font-size:15px;line-height:1.35;text-align:right}.catchment-scene{position:relative;height:330px;overflow:hidden;isolation:isolate;background:var(--paper);border:1px solid var(--ink);clip-path:polygon(0 8px,7% 5px,16% 9px,27% 4px,42% 8px,58% 3px,73% 7px,88% 4px,100% 9px,100% calc(100% - 7px),91% calc(100% - 4px),78% calc(100% - 8px),64% calc(100% - 3px),51% calc(100% - 7px),35% calc(100% - 4px),20% calc(100% - 9px),8% calc(100% - 4px),0 calc(100% - 8px))}.catchment-scene:before{position:absolute;inset:18px 20px;z-index:-1;content:"";background:radial-gradient(circle at 30% 20%,var(--page-deep) 0 .8px,transparent 1.2px) 0 0 / 15px 17px;opacity:.38;pointer-events:none}.rain-field{position:absolute;top:24px;left:10px;width:57%;height:126px;transform:skew(-10deg)}.rain-drop{position:absolute;top:0;width:3px;height:40px;background:var(--rain);border-radius:3px;opacity:0;transform:rotate(12deg)}.rain-drop.is-active{opacity:var(--rain-opacity);animation:rainfall 1.25s linear infinite}.rain-drop:nth-child(1){left:5%;animation-delay:-.2s}.rain-drop:nth-child(2){left:13%;top:38px;animation-delay:-.8s}.rain-drop:nth-child(3){left:21%;top:9px;animation-delay:-.5s}.rain-drop:nth-child(4){left:29%;top:56px;animation-delay:-1.1s}.rain-drop:nth-child(5){left:37%;top:24px;animation-delay:-.1s}.rain-drop:nth-child(6){left:45%;top:68px;animation-delay:-.7s}.rain-drop:nth-child(7){left:53%;top:8px;animation-delay:-1.2s}.rain-drop:nth-child(8){left:61%;top:43px;animation-delay:-.4s}.rain-drop:nth-child(9){left:69%;top:16px;animation-delay:-.9s}.rain-drop:nth-child(10){left:77%;top:61px;animation-delay:-.25s}.rain-drop:nth-child(11){left:85%;top:31px;animation-delay:-.65s}.rain-drop:nth-child(12){left:93%;top:2px;animation-delay:-1s}@keyframes rainfall{0%{transform:translateY(-28px) rotate(12deg)}to{transform:translateY(42px) rotate(12deg)}}.roof-wrap{position:absolute;top:118px;left:-24px;width:69%;height:118px}.roof-paper{position:absolute;top:0;left:0;width:88%;height:64px;overflow:hidden;background:var(--roof);border-bottom:8px solid var(--roof-dark);clip-path:polygon(0 22%,80% 0,100% 55%,11% 100%);filter:drop-shadow(2px 3px 1px var(--shadow))}.roof-seam{position:absolute;width:3px;height:78px;background:var(--roof-dark);transform:rotate(76deg)}.roof-seam-one{top:-8px;left:31%}.roof-seam-two{top:-2px;left:62%}.gutter{position:absolute;top:59px;right:0;width:58px;height:17px;background:var(--metal);border:1px solid var(--metal-dark);transform:rotate(-7deg)}.downspout{position:absolute;top:69px;right:7px;width:19px;height:91px;background:var(--metal);border:1px solid var(--metal-dark)}.downspout span{position:absolute;right:-20px;bottom:-1px;width:27px;height:18px;background:var(--metal);border:1px solid var(--metal-dark);border-left:0}.barrel-bank{position:absolute;right:23px;bottom:48px;display:flex;align-items:flex-end;gap:5px;width:43%;height:137px}.barrel{position:relative;flex:1;min-width:0;height:126px;overflow:hidden;background:var(--barrel);border:2px solid var(--barrel-dark);border-radius:8px 8px 13px 13px;clip-path:polygon(4% 0,96% 0,100% 8%,97% 92%,89% 100%,11% 100%,3% 92%,0 8%)}.barrel-water{position:absolute;right:0;bottom:0;left:0;height:var(--water-level);background:var(--water);border-top:3px solid var(--water-light);transition:height .42s cubic-bezier(.2,.75,.25,1)}.barrel-band{position:absolute;right:0;left:0;height:5px;background:var(--barrel-dark);opacity:.72}.band-top{top:12px}.band-middle{top:59px}.band-bottom{bottom:12px}.barrel-tick{position:absolute;right:4px;width:9px;height:2px;background:var(--paper-bright)}.tick-one{top:31px}.tick-two{top:55px}.tick-three{top:84px}.overflow-stream{position:absolute;right:8px;bottom:22px;width:47px;height:63px;opacity:0;transition:opacity .18s ease}.overflow-stream.is-active{opacity:1}.overflow-stream:before,.overflow-stream span{position:absolute;content:"";background:var(--water)}.overflow-stream:before{top:0;left:0;width:35px;height:7px}.overflow-stream span{top:0;right:5px;width:7px;height:56px;border-radius:0 0 7px 7px}.flow-caption{position:absolute;z-index:2;display:grid;gap:1px;color:var(--ink);font-size:12px;line-height:1.25;pointer-events:none}.flow-caption span{color:var(--ink-soft)}.flow-caption strong{font-size:15px;font-variant-numeric:tabular-nums}.runoff-caption{top:26px;right:21px;text-align:right}.storage-caption{right:24px;bottom:16px}.overflow-caption{bottom:16px;left:21px}.result-ledger{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:-2px 10px 24px;padding:18px 13px 16px;background:var(--paper-bright);border:1px solid var(--ink);border-top:0;box-shadow:3px 4px 3px var(--shadow);transform:rotate(.35deg)}.result-ledger>div{min-width:0;padding:7px 9px 9px}.result-ledger>div:nth-child(odd){border-right:1px dashed var(--ink-soft)}.result-ledger>div:nth-child(-n+2){border-bottom:1px dashed var(--ink-soft)}.result-ledger span{display:block;color:var(--ink-soft);font-size:12px;line-height:1.3}.result-ledger strong{display:block;margin-top:2px;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:clamp(22px,7vw,34px);line-height:1.1;font-variant-numeric:tabular-nums}.barrel-equivalent{grid-column:1 / -1;margin:10px 8px 0;color:var(--ink-soft);font-size:13px;line-height:1.45}.controls-section{padding:0 4px}.controls-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.controls-heading h1{max-width:210px;margin:0;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:29px;line-height:1.12;letter-spacing:-.025em}.unit-switch{display:flex;margin:0;padding:0;border:1px solid var(--ink)}.unit-switch legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.unit-switch button{min-width:68px;min-height:48px;padding:0 10px;background:transparent;border:0;cursor:pointer}.unit-switch button+button{border-left:1px solid var(--ink)}.unit-switch button[aria-pressed=true]{color:var(--paper-bright);background:var(--ink);font-weight:700}.field-list{border-top:1px solid var(--ink)}.measurement-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--ink)}.measurement-row label{display:grid;gap:3px;min-width:0}.measurement-row label strong{font-size:16px;line-height:1.3}.measurement-row label span{max-width:270px;color:var(--ink-soft);font-size:12px;line-height:1.4}.stepper{display:flex;align-items:stretch;min-width:236px;height:50px;border:1px solid var(--ink)}.step-button{width:50px;min-width:50px;padding:0;background:transparent;border:0;font-size:24px;line-height:1.1;cursor:pointer}.step-button:first-child{border-right:1px solid var(--ink)}.step-button:last-child{border-left:1px solid var(--ink)}.step-button:disabled{color:var(--ink-soft);cursor:not-allowed;opacity:.48}.number-wrap{position:relative;display:flex;flex:1;align-items:center;min-width:0}.number-wrap input{width:100%;height:48px;padding:0 45px 0 10px;color:var(--ink);background:var(--paper);border:0;border-radius:0;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;appearance:textfield;-moz-appearance:textfield}.number-wrap input::-webkit-outer-spin-button,.number-wrap input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.number-wrap span{position:absolute;right:9px;color:var(--ink-soft);font-size:12px;pointer-events:none}.rain-stops{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.rain-stops button{min-height:48px;padding:8px 4px;color:var(--ink);background:var(--paper);border:1px solid var(--ink);cursor:pointer}.rain-stops button[aria-pressed=true]{color:var(--paper-bright);background:var(--rain);font-weight:700}.share-section{position:relative;margin-top:34px;padding:24px 20px 22px;background:var(--roof-dark);color:var(--paper-bright);clip-path:polygon(0 6px,12% 2px,25% 7px,39% 3px,56% 8px,71% 2px,86% 6px,100% 3px,100% calc(100% - 7px),84% calc(100% - 3px),68% calc(100% - 8px),50% calc(100% - 3px),31% calc(100% - 7px),14% calc(100% - 2px),0 calc(100% - 6px))}.share-section h2{margin:0;padding-top:6px;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:26px;line-height:1.15}.share-section>p:not(.share-status){max-width:440px;margin:7px 0 18px;color:var(--paper);font-size:14px;line-height:1.5}.share-button{width:100%;min-height:52px;padding:12px 18px;color:var(--ink);background:var(--paper-bright);border:1px solid var(--paper-bright);border-radius:0;font-weight:800;cursor:pointer}.share-button:active{color:var(--paper-bright);background:var(--roof)}.share-status{min-height:21px;margin:10px 0 0;color:var(--paper);font-size:13px;line-height:1.45}.manual-share{width:100%;min-height:164px;margin-top:10px;padding:12px;color:var(--ink);background:var(--paper-bright);border:1px solid var(--paper-bright);border-radius:0;resize:vertical;line-height:1.45}.assumptions{margin-top:20px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.assumptions summary{min-height:52px;padding:15px 36px 14px 2px;font-weight:750;cursor:pointer}.assumptions div{padding:0 2px 15px}.assumptions p{margin:0 0 10px;color:var(--ink-soft);font-size:14px;line-height:1.55}.assumptions p:last-child{margin-bottom:0}footer{display:flex;justify-content:space-between;gap:20px;margin-top:20px;color:var(--ink-soft);font-size:12px;line-height:1.45}@media(max-width:520px){.masthead{align-items:start}.catchment-scene{height:310px}.measurement-row{grid-template-columns:1fr;gap:9px}.measurement-row label span{max-width:none}.stepper{width:100%;min-width:0}.controls-section{margin-top:190px}.assumptions div{padding-right:calc(var(--cue-host-badge-width) + var(--cue-host-badge-gutter))}}@media(max-width:370px){.app-shell{padding-right:12px;padding-left:12px}.masthead p{max-width:118px;font-size:13px}.catchment-scene{height:292px}.result-ledger{grid-template-columns:1fr;margin-right:150px}.result-ledger>div{border-right:0!important;border-bottom:1px dashed var(--ink-soft)}.result-ledger>div:nth-child(4){border-bottom:0}.barrel-bank{right:18px;width:45%}.controls-heading{align-items:stretch;flex-direction:column}.controls-heading h1{max-width:none}.unit-switch{width:100%}.unit-switch button{flex:1}}@media(min-width:700px){.app-shell{padding-right:28px;padding-left:28px}.catchment-scene{height:390px}.roof-wrap{top:155px}.barrel-bank{height:155px}}@media(prefers-color-scheme:dark){:root{--page: #273b34;--page-deep: #344e45;--paper: #c9c4ad;--paper-bright: #e5dfc7;--ink: #1d302a;--ink-soft: #52645e;--roof: #a75039;--roof-dark: #773a2d;--rain: #254e5b;--water: #236c7d;--water-light: #64a8b0;--barrel: #bd8932;--barrel-dark: #715124;--metal: #65746f;--metal-dark: #334640;--danger: #a64e3b;--focus: #d4b95d;--shadow: rgba(13, 26, 22, .25);--pressed: rgba(229, 223, 199, .15)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}