diff --git a/README.md b/README.md
index d34d88c..069f2f5 100644
--- a/README.md
+++ b/README.md
@@ -37,7 +37,7 @@ The tab bar is Start, Compare, Usage, Bill?, Free? and Solar+?. Hovering a tab s
 ### Compare
 
 - Pick a plan to compare with: pre-built templates for each state (including 2026-27 Default Market Offer and Victorian Default Offer rates, market offers, and the Solar Sharer Offer), or your own flat or time-of-use plan with controlled load, optional demand tariffs, time-varying feed-in (for example Synergy DEBS 10c peak / 2c off-peak) with optional daily kWh caps, and free-window plans (a free or cheap window with an optional daily cap, a super off-peak / EV window, and seasonal peak windows).
-- The answer for the chosen dates, every plan for your network ranked, and month by month. Demand charges are worked out per calendar month from each month's own peak, and Ausgrid EA029 exports are settled as on the bill (free midday allowance, export charge on usage). GST can be shown or hidden.
+- The answer for the chosen dates, every plan for your network ranked, and month by month. Demand charges are worked out per calendar month from each month's own peak, and Ausgrid EA029 exports are settled as on the bill (free midday allowance, export charge on usage), one calendar month at a time, so the answer, month by month and the Free? tab give the same Amber total. GST can be shown or hidden.
 - Download every meter reading, daily totals or the comparison table as CSV.
 
 ### Usage
@@ -56,7 +56,7 @@ The tab bar is Start, Compare, Usage, Bill?, Free? and Solar+?. Hovering a tab s
 
 The solar and battery planner. From the last 12 months of meter readings (Amber's, an imported Amber CSV, or a NEM12 file) it tries every mix of new solar size, battery size and plan for the network, half hour by half hour, and ranks them by 20-year value, payback or yearly bill.
 
-- **What you can set**: panels, battery and plan can each be "find the best", "a size I choose", "none", or one plan. Companies, or single plans, can be ticked or unticked; only ticked plans are searched and shown. Roof size, facing, pitch, shade, town, export limit, whether panels switch off at negative feed-in prices, battery round trip and power, prices and rebates, wear and replacement, price rises, the interest rate and planned changes (an electric car, heat-pump hot water, gas heating and cooking to electric with the gas bill saved).
+- **What you can set**: panels, battery and plan can each be "find the best", "a size I choose", "none", or one plan. Companies, or single plans, can be ticked or unticked; only ticked plans are searched and shown. Roof size, facing, pitch, shade, town, export limit, whether panels switch off at negative feed-in prices, battery round trip and power, prices and rebates (the battery rebate is tiered by size: the full rate on the first 14 kWh, 60% from 14 to 28 kWh, 15% from 28 to 50 kWh), wear and replacement, price rises, the interest rate and planned changes (an electric car, heat-pump hot water, gas heating and cooking to electric with the gas bill saved).
 - **The yardstick**: every option is measured against nothing new on the plan you compare against; by default that's whichever ticked plan is cheapest for you with nothing new, since switching is free.
 - **What it shows**:
   - the best option, with what to ask installers for (panel, inverter and battery sizes; a "curtailable" inverter where the feed-in price goes below zero, and on Amber a battery SmartShift can run);
@@ -78,14 +78,16 @@ The solar and battery planner. From the last 12 months of meter readings (Amber'
 ## Data completeness and CSV backups
 
 - When the selected dates contain days without readings, Compare labels the result **Incomplete comparison**. Usage costs leave out missing readings, while fixed charges and export allowances cover the full period, so savings are provisional until the missing readings arrive. The calendar labels missing days **No readings** rather than treating them as zero use. Daily CSV and calendar totals cover only dates with readings and may differ from an incomplete full-period comparison.
-- Daily free-power and feed-in caps are shared across the household's meter channels. Ausgrid export settlement adjustments are allocated to days in proportion to midday exports, so daily totals reconcile with the period's settlement; they aren't separate daily allowances.
+- Daily free-power and feed-in caps are shared across the household's meter channels. Ausgrid export settlement adjustments are allocated to days in proportion to midday exports, so daily totals reconcile with each month's settlement; they aren't separate daily allowances. The free allowance is counted per calendar month (a bill is checked as one settlement of its own), so a quiet month doesn't lend its allowance to a sunny one.
 - **Download → Every meter reading** produces a versioned CSV that can be restored through the Amber usage CSV import on the Start tab, for the same Amber site. It keeps the original NEM interval-end times, duration, quality, renewables and demand flags, including zero-use channels. Whole-day backups can restore recent and estimated readings; cached final API days are kept, and estimated readings can still be refreshed from the API. Incomplete days aren't restored. App exports from before the version column aren't supported as backups (Amber's own usage export is). For a non-Amber household, keep its original NEM12 file to re-import.
 
 ## Privacy
 
 - The API key is stored only in this browser (localStorage, or sessionStorage if **Remember key on this device** is unticked). It is obfuscated, not encrypted.
 - Usage data is requested directly from `https://api.amber.com.au` and never sent anywhere else; the page's Content Security Policy allows no other connections. Imported files (Amber CSV, NEM12, bills) are read in the browser and stay there.
-- Meter readings are cached in IndexedDB; settings, saved plans, imported households and the last checked bill (until **Clear**) are in localStorage. The settings menu (cog) can clear the cache and saved plans.
+- Meter readings are cached in IndexedDB; settings, saved plans, imported households and the last checked bill (until **Clear**) are in localStorage. The settings menu (cog) can clear the cache and saved plans. Clearing the saved meter readings also removes imported Amber CSV history and households imported from NEM12, which then need importing again.
+- The state follows your Amber site's network when the state showing has no plans for it (a Victorian site opens on VIC, not NSW). Changing state swaps a built-in plan for one from the new state; rates you typed yourself stay. If you pick a state with no plans for your network, a note says which state has them.
+- A built-in plan you've selected keeps any prices you change yourself, but when a new version of the app changes that plan's published prices, the saved form is filled again from the new prices.
 
 ## For developers
 
diff --git a/css/app.css b/css/app.css
index b06b6f0..077f7a1 100644
--- a/css/app.css
+++ b/css/app.css
@@ -1 +1 @@
-*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif}button:disabled{opacity:.5;cursor:not-allowed}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.plan-input{margin-top:.25rem;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.plan-input:focus{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.plan-multi>summary{list-style:none}.plan-multi>summary::-webkit-details-marker{display:none}.main-tab{flex-shrink:0;white-space:nowrap;padding:.5rem .375rem;border-radius:.375rem;font-size:.8125rem;font-weight:600;color:#4b5563;transition:background-color .15s ease,color .15s ease}@media (min-width:640px){.main-tab{padding:.5rem 1rem;font-size:.875rem}}.main-tab:hover{background-color:#f3f4f6;color:#111827}.main-tab[aria-selected=true]{background-color:#4f46e5;color:#fff}.main-tab:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.jump-link{font-size:.75rem;padding:.25rem .75rem;border-radius:9999px;border:1px solid #d1d5db;background:#fff;color:#4338ca}.jump-link:hover{background:#eef2ff}.calendar-day{min-height:85px;transition:background-color .2s}.calendar-day.has-data{cursor:pointer}#day-tooltip{pointer-events:none;transition:opacity .2s}.day-checkbox-label{display:flex;align-items:center;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s}.day-checkbox-label input:checked+span{font-weight:700;color:#1a56db}.day-checkbox-label:hover{background-color:#f0f0f0}.gst-switch{position:relative;display:inline-flex;width:2.75rem;height:1.5rem;flex-shrink:0;cursor:pointer}.gst-switch input{position:absolute;inset:0;z-index:1;margin:0;opacity:0;cursor:pointer}.gst-switch-track{display:block;width:100%;height:100%;border-radius:9999px;background:#e5e7eb;transition:background-color .15s ease}.gst-switch-track:after{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;border-radius:9999px;background:#fff;border:1px solid #d1d5db;transition:transform .15s ease}.gst-switch input:checked+.gst-switch-track{background:#2563eb}.gst-switch input:checked+.gst-switch-track:after{transform:translateX(1.25rem);border-color:#fff}.gst-switch input:focus-visible+.gst-switch-track{box-shadow:0 0 0 4px rgba(147,197,253,.8)}.help-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.125rem;height:1.125rem;margin-left:.3rem;border-radius:9999px;border:1px solid #a5b4fc;background:#eef2ff;color:#4338ca;font-size:.7rem;font-weight:700;line-height:1;vertical-align:middle;cursor:help;text-transform:none;letter-spacing:0}.help-btn:hover,.help-btn[aria-expanded=true]{background:#4f46e5;border-color:#4f46e5;color:#fff}.help-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@media (pointer:coarse){.help-btn{position:relative}.help-btn:after{content:"";position:absolute;inset:-.6rem}}.help-row{display:flex;align-items:baseline;flex-wrap:nowrap}.help-row>h1,.help-row>h2,.help-row>h3,.help-row>h4,.help-row>label{min-width:0}.help-bubble{position:absolute;z-index:60;padding:.65rem .8rem;border-radius:.5rem;background:#1f2937;color:#f9fafb;font-size:.8125rem;font-weight:400;line-height:1.45;text-align:left;box-shadow:0 10px 25px rgba(0,0,0,.18)}.choice-card{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;border-radius:.75rem;border:2px solid #e5e7eb;background:#fff;text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.choice-card:focus-visible,.choice-card:hover{border-color:#6366f1;box-shadow:0 4px 14px rgba(79,70,229,.15);outline:none}.step-num{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:9999px;background:#eef2ff;color:#4338ca;font-size:.75rem;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.right-0{right:0}.right-1{right:.25rem}.top-1{top:.25rem}.top-10{top:2.5rem}.z-10{z-index:10}.z-20{z-index:20}.float-right{float:right}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-\[38vh\]{height:38vh}.h-\[50vh\]{height:50vh}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[80vh\]{max-height:80vh}.w-0{width:0}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-2\.5{width:.625rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-auto{width:auto}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-\[200px\]{max-width:200px}.max-w-full{max-width:100%}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.shrink{flex-shrink:1}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dotted{border-style:dotted}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-sky-200{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity,1))}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pr-2{padding-right:.5rem}.pr-6{padding-right:1.5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-sky-700{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.text-sky-900{--tw-text-opacity:1;color:rgb(12 74 110/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-amber-400{--tw-ring-opacity:1;--tw-ring-color:rgb(251 191 36/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-2:focus{left:.5rem}.focus\:top-2:focus{top:.5rem}.focus\:z-50:focus{z-index:50}.focus\:rounded:focus{border-radius:.25rem}.focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.focus\:px-3:focus{padding-left:.75rem;padding-right:.75rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:left-auto{left:auto}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:mb-0{margin-bottom:0}.sm\:hidden{display:none}.sm\:h-14{height:3.5rem}.sm\:w-14{width:3.5rem}.sm\:w-80{width:20rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-wrap{flex-wrap:wrap}.sm\:gap-1{gap:.25rem}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.sm\:p-6{padding:1.5rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:768px){.md\:h-\[58vh\]{height:58vh}.md\:h-\[70vh\]{height:70vh}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:p-8{padding:2rem}}
\ No newline at end of file
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif}button:disabled{opacity:.5;cursor:not-allowed}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.plan-input{margin-top:.25rem;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.plan-input:focus{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.plan-multi>summary{list-style:none}.plan-multi>summary::-webkit-details-marker{display:none}.main-tab{flex-shrink:0;white-space:nowrap;padding:.5rem .375rem;border-radius:.375rem;font-size:.8125rem;font-weight:600;color:#4b5563;transition:background-color .15s ease,color .15s ease}@media (min-width:640px){.main-tab{padding:.5rem 1rem;font-size:.875rem}}.main-tab:hover{background-color:#f3f4f6;color:#111827}.main-tab[aria-selected=true]{background-color:#4f46e5;color:#fff}.main-tab:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.jump-link{font-size:.75rem;padding:.25rem .75rem;border-radius:9999px;border:1px solid #d1d5db;background:#fff;color:#4338ca}.jump-link:hover{background:#eef2ff}.calendar-day{min-height:85px;transition:background-color .2s}.calendar-day.has-data{cursor:pointer}#day-tooltip{pointer-events:none;transition:opacity .2s}.day-checkbox-label{display:flex;align-items:center;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s}.day-checkbox-label input:checked+span{font-weight:700;color:#1a56db}.day-checkbox-label:hover{background-color:#f0f0f0}.gst-switch{position:relative;display:inline-flex;width:2.75rem;height:1.5rem;flex-shrink:0;cursor:pointer}.gst-switch input{position:absolute;inset:0;z-index:1;margin:0;opacity:0;cursor:pointer}.gst-switch-track{display:block;width:100%;height:100%;border-radius:9999px;background:#e5e7eb;transition:background-color .15s ease}.gst-switch-track:after{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;border-radius:9999px;background:#fff;border:1px solid #d1d5db;transition:transform .15s ease}.gst-switch input:checked+.gst-switch-track{background:#2563eb}.gst-switch input:checked+.gst-switch-track:after{transform:translateX(1.25rem);border-color:#fff}.gst-switch input:focus-visible+.gst-switch-track{box-shadow:0 0 0 4px rgba(147,197,253,.8)}.help-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.125rem;height:1.125rem;margin-left:.3rem;border-radius:9999px;border:1px solid #a5b4fc;background:#eef2ff;color:#4338ca;font-size:.7rem;font-weight:700;line-height:1;vertical-align:middle;cursor:help;text-transform:none;letter-spacing:0}.help-btn:hover,.help-btn[aria-expanded=true]{background:#4f46e5;border-color:#4f46e5;color:#fff}.help-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@media (pointer:coarse){.help-btn{position:relative}.help-btn:after{content:"";position:absolute;inset:-.6rem}}.help-row{display:flex;align-items:baseline;flex-wrap:nowrap}.help-row>h1,.help-row>h2,.help-row>h3,.help-row>h4,.help-row>label{min-width:0}.help-bubble{position:absolute;z-index:60;padding:.65rem .8rem;border-radius:.5rem;background:#1f2937;color:#f9fafb;font-size:.8125rem;font-weight:400;line-height:1.45;text-align:left;box-shadow:0 10px 25px rgba(0,0,0,.18)}.choice-card{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;border-radius:.75rem;border:2px solid #e5e7eb;background:#fff;text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.choice-card:focus-visible,.choice-card:hover{border-color:#6366f1;box-shadow:0 4px 14px rgba(79,70,229,.15);outline:none}.step-num{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:9999px;background:#eef2ff;color:#4338ca;font-size:.75rem;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.right-0{right:0}.right-1{right:.25rem}.top-1{top:.25rem}.top-10{top:2.5rem}.z-10{z-index:10}.z-20{z-index:20}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-\[38vh\]{height:38vh}.h-\[50vh\]{height:50vh}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[80vh\]{max-height:80vh}.w-0{width:0}.w-12{width:3rem}.w-2\.5{width:.625rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-auto{width:auto}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-\[200px\]{max-width:200px}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.shrink{flex-shrink:1}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dotted{border-style:dotted}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-sky-200{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity,1))}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pr-2{padding-right:.5rem}.pr-6{padding-right:1.5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-sky-700{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.text-sky-900{--tw-text-opacity:1;color:rgb(12 74 110/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-amber-400{--tw-ring-opacity:1;--tw-ring-color:rgb(251 191 36/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-2:focus{left:.5rem}.focus\:top-2:focus{top:.5rem}.focus\:z-50:focus{z-index:50}.focus\:rounded:focus{border-radius:.25rem}.focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.focus\:px-3:focus{padding-left:.75rem;padding-right:.75rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:left-auto{left:auto}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:mb-0{margin-bottom:0}.sm\:hidden{display:none}.sm\:h-14{height:3.5rem}.sm\:w-14{width:3.5rem}.sm\:w-80{width:20rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-wrap{flex-wrap:wrap}.sm\:gap-1{gap:.25rem}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.sm\:p-6{padding:1.5rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:768px){.md\:h-\[58vh\]{height:58vh}.md\:h-\[70vh\]{height:70vh}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:p-8{padding:2rem}}
\ No newline at end of file
diff --git a/docs/ARCHITECTURE.md b/docs/ARCHITECTURE.md
index 5c87d10..40c96bf 100644
--- a/docs/ARCHITECTURE.md
+++ b/docs/ARCHITECTURE.md
@@ -99,7 +99,7 @@ Imports (Amber CSV, NEM12 estimate) produce the same shape, so every feature wor
 
 ### The cache
 
-IndexedDB `AmberDataCacheDB`, store `dailyUsage`, one record per site and NEM date (`id = "<siteId>_<date>"`). Compare reads the cache first and fetches only missing or stale days, in 7-day chunks, 3 at a time (`Amber.FETCH_CHUNK_DAYS`, `FETCH_CONCURRENCY`). Final whole days are cached. Old days with no data are remembered as empty (`emptyDayCutoff`). Estimated readings stay eligible for refetch (`cachedDayUsable`).
+IndexedDB `AmberDataCacheDB`, store `dailyUsage`, one record per site and NEM date (`id = "<siteId>_<date>"`). Connections aren't closed after use; each closes itself on `versionchange`, so "Clear saved meter readings" (`deleteDatabase`) isn't blocked. Every transaction rejects its promise on `abort` as well as `error` (a full disk aborts without an error event), and a Compare whose readings can't be saved still shows its results. Compare reads the cache first and fetches only missing or stale days, in 7-day chunks, 3 at a time (`Amber.FETCH_CHUNK_DAYS`, `FETCH_CONCURRENCY`). Final whole days are cached. Old days with no data are remembered as empty (`emptyDayCutoff`). Estimated readings stay eligible for refetch (`cachedDayUsable`).
 
 ### Channel totals
 
@@ -134,7 +134,7 @@ Missing days (up to 31) are filled from the nearest whole day on the same weekda
 
 ### Start (`app.js`: `setupStartTab`, imports, sites)
 
-- API key: `Amber.setApiKey` stores an obfuscated key in localStorage (or sessionStorage); `Amber.fetchSites` lists sites.
+- API key: `Amber.setApiKey` stores an obfuscated key in localStorage (or sessionStorage); `Amber.fetchSites` lists sites. The state selector follows the site's network (`siteNetworkState`, from `Amber.NETWORKS`) when the state showing has no plans for it, unless the user picked the state by hand for that site.
 - Amber's fixed charges: `loadAmberChargeFields` / `readAmberRates`. The two years' connection, subscription and demand rates are split at `Amber.AMBER_RATES_CHANGE_DATE` (1 July 2026). Uploading a bill (`handleAmberBillFile` → `bill.js`) fills the year it belongs to.
 - Amber CSV import: `handleUsageCsvFile` → `import.js` → `setUsageDataMany`.
 - NEM12: `handleNem12File` → `estimate.js` parses the file and rebuilds Amber's interval prices from `data/prices` and `networks.js`. The result becomes a local site whose days are written to the cache.
@@ -142,7 +142,7 @@ Missing days (up to 31) are filled from the nearest whole day on the same weekda
 ### Compare (`app.js`: `fetchAndCompare`, `displayResults`, `renderAllPlansTable`, `renderMonthly`)
 
 1. Read the cache for the dates, fetch what's missing (`api.js`) and write final days back.
-2. `processUsageData` → channel totals; `applyAmberFeedInSettlement` (Ausgrid EA029 export settlement).
+2. `processUsageData` → channel totals; `applyAmberFeedInSettlement` (Ausgrid EA029 export settlement, one calendar month at a time via `Amber.monthsInRange`; Bill? settles the bill's own period with `billPeriod`).
 3. `calculateOtherSupplierCosts` (the chosen plan), `calculateDemandTariff` / `calculateOtherDemandTariff` (monthly peaks), `precalculateDailySummaries` (daily rows and calendar).
 4. Render the answer, every plan for the network (`computePlanTotals` per template), then month by month (`monthly.js`, after the main results).
 
@@ -181,7 +181,7 @@ Key pieces:
 - **Battery** (`simulateBattery`): one day at a time with that day's prices known (perfect daily foresight). It searches a charge threshold and a discharge threshold per day. It charges from solar over the export cap first, then from cheap or free grid; it discharges into dear use and high feed-in. Charge and discharge share the power limit, and a small wear cost per kWh stops pointless cycling. `limited` counts what's thrown away at the export limit.
 - **Existing battery**: `plannerDetectExisting` guesses panels and battery from the readings. `plannerUnwindBattery` removes the battery's effect (grid sales are seen directly; what it covered at home is estimated), and the search re-runs it on every plan with any new battery. `plannerExistingCheck` compares the planner's version with the real readings.
 - **Search** (`plannerSearch`): every solar size on every plan without a battery. A probe battery ranks plans, then the full battery search runs on the best `keepPlans` (6) plus any that must be included. `allowPlans` limits the plans considered to those ticked.
-- **Money** (`plannerCapex`, `plannerFinance`): the up-front cost after rebates. Then year by year: savings grow with price rises and shrink with panel and battery wear, the battery and inverter are replaced, and a battery replaced inside the period is credited with its remaining life. The results are NPV, IRR, payback "ahead for good" (and the first time it reaches $0), and `plannerWaitAYear`.
+- **Money** (`plannerCapex`, `plannerFinance`): the up-front cost after rebates (the battery rebate follows `Amber.BATTERY_REBATE_TIERS`: full to 14 kWh, 60% to 28 kWh, 15% to 50 kWh). Then year by year: savings grow with price rises and shrink with panel and battery wear, the battery and inverter are replaced, and a battery replaced inside the period is credited with its remaining life. The results are NPV, IRR, payback "ahead for good" (and the first time it reaches $0), and `plannerWaitAYear`.
 - **Ratings** (`plannerKeenLevel`): the value per $1 up front (≥1.75 Strong, ≥1.4 Good, ≥1.15 Modest). Strong and Good also need the result to hold with prices 20% lower and with 10am–3pm feed-in halved (`dayFeedInScale`), and payback within 8 years.
 - **UI** (`planner-ui.js`): `search()` gathers inputs, `analyse()` builds options against the yardstick, and the `render*` functions build each card as HTML strings (escaped with `esc`).
 
@@ -193,6 +193,7 @@ Key pieces:
 | localStorage | `amberApiKey` (or sessionStorage) | Obfuscated API key |
 | localStorage | `selectedSiteId`, `startDate`, `endDate`, `activeTab` | Where the user was |
 | localStorage | `selectedState`, `selectedPlan`, `rateType`, `planName`, `flatRate`, `flatFeedInRate`, `flatControlledLoad`, `dailyConnectionRate`, `touConfig`, `feedInWindows`, `enableFeedInTou`, `demandSettings`, `ratesDetailsOpen` | The Compare plan form |
+| localStorage | `selectedPlanSig` | Fingerprint (`Amber.templateSignature`) of the built-in plan the form was filled from. If it no longer matches on load, the plan's prices have changed and the form is filled again |
 | localStorage | `customSupplierPlans` | Saved custom plans |
 | localStorage | Amber charge field IDs | Amber's fixed charges (this year and last) |
 | localStorage | `localSites` | Imported NEM12 households |
@@ -200,6 +201,8 @@ Key pieces:
 | localStorage | `amberBillCheck` | The last bill check |
 | localStorage | `plannerSettings` | Every Solar+? input and the company ticks |
 
+Saved JSON is read through `storedJson` / `storedCustomPlans` in `app.js`: a value that is missing, damaged or the wrong shape falls back to the default instead of stopping `init()`.
+
 ## External data
 
 - **AEMO prices**: `scripts/update-prices.js` downloads `PRICE_AND_DEMAND_<YYYYMM>_<REGION>.csv` from AEMO into `data/prices/<REGION>/<YYYY-MM>.json` as `{ region, month, interval: 5, rrp: [...] }` ($/MWh, interval ending `month-01 00:00 + (i+1)×5 min` NEM time). `.github/workflows/update-prices.yml` runs it daily at 1:17 am AEST and commits changes.
@@ -210,7 +213,7 @@ Key pieces:
 
 - The CSP (`index.html` `<meta http-equiv="Content-Security-Policy">`) is `default-src 'self'; script-src 'self'; style-src 'self'; connect-src 'self' https://api.amber.com.au; img-src 'self' data:; …`. This means no inline scripts, no inline `<style>` and no `style="…"` attributes (setting `element.style.x` from JS is fine), and no third-party hosts.
 - All data stays in the browser. The API key is obfuscated (XOR with a fixed key, then base64), not encrypted.
-- Dynamic HTML is built with template strings. Anything from data or user input goes through `Amber.escapeHTML` (aliased `esc` in `planner-ui.js`).
+- Dynamic HTML is built with template strings. Anything from data or user input goes through `Amber.escapeHTML` (aliased `esc` in `planner-ui.js`), which escapes `& < > " '`, so it is safe inside an element and inside a quoted attribute.
 
 ## Build, test and CI
 
diff --git a/docs/FRONTEND.md b/docs/FRONTEND.md
index a175fb8..3e27753 100644
--- a/docs/FRONTEND.md
+++ b/docs/FRONTEND.md
@@ -15,7 +15,8 @@ What the UI is today, what any redesign has to keep working, and where it could
 ## Page structure
 
 ```
-header        title, one-line description, version, settings cog (#settingsBtn → #settingsMenu)
+header        title, one-line description, version, settings cog (#settingsBtn → #settingsMenu),
+              #cacheMessage (what a settings action did; in the header so it shows on every tab)
 #configSection  "Dates to look at": #startDate, #endDate, #fetchData (Compare costs), [data-preset] quick picks,
                 #messageContainer, #progressBar; hidden until there's something to look at
 #mainTabs     role="tablist": #tab-setup … #tab-plan (data-tab), scrolls sideways on a phone, never wraps
@@ -31,7 +32,7 @@ The layout is a single centred column (`max-w-4xl`) of white cards (`bg-white ro
 | Tab | Button / panel | What's on it |
 |---|---|---|
 | Start | `#tab-setup` / `#panel-setup` | `#welcomeCard` (two choice cards: with Amber / thinking about Amber), `#connectedCard`, `#setupSection` (API key `#apiKey`, `#rememberApiKey`, site picker `#siteSelectorRow`, `<details id="amberChargesDetails">` Amber's fixed charges and bill upload), `#usageImportSection` (Amber CSV), NEM12 import (`#nem12File`, `#nem12Build`, `#localSitesList`), `<details id="glossarySection">` jargon buster |
-| Compare | `#tab-compare` / `#panel-compare` | Jump links (`[data-jump]`), `#planChooser` (`#planSelector`, `#ratesDetails`: flat / TOU / feed-in windows / demand forms), `#resultsSection` (`#estimateBanner`, `#qualityBanner`, the answer `#results-table-container`), `#allPlansSection`, `#monthlySection`, `#freePowerPointer` |
+| Compare | `#tab-compare` / `#panel-compare` | Jump links (`[data-jump]`), `#planChooser` (`#stateSelector`, `#planStateNote`, `#planSelector`, `#ratesDetails`: flat / TOU / feed-in windows / demand forms), `#resultsSection` (`#estimateBanner`, `#qualityBanner`, the answer `#results-table-container`), `#allPlansSection`, `#monthlySection`, `#freePowerPointer` |
 | Usage | `#tab-check` / `#panel-check` | `#dailyGraphSection` (`#dailyChart`, day selector), `#averageGraphContainer` (`#usagePriceChart`), `#calendarSection`, `#moreStatsSection` |
 | Bill? | `#tab-bill` / `#panel-bill` | `#billCheckSection` (upload, `#billCheckBody` line-by-line table) |
 | Free? | `#tab-free` / `#panel-free` | `#freePowerEmpty` (nothing to show yet), `#batteryShiftSection` (budgets, battery size, `#batteryShiftTable`, `#batteryShiftMonthly`) |
@@ -80,7 +81,7 @@ Most result content is built as HTML strings and set with `innerHTML`:
   - every plan (`renderAllPlansTable`) and month by month (`renderMonthly`);
   - Free? (`drawBatteryShift`), bill check (`renderBillCheck`) and More Stats (`renderMoreStats`);
   - imported households (`renderLocalSites`);
-  - the settings menu (`buildSettingsMenu`) and the modal (`showModal`).
+  - the settings menu (`buildSettingsMenu`).
 - **`planner-ui.js`**: every Solar+? results card (`renderRecommendation`, `renderExistingCheck`, `renderOptions`, `renderDetail` + `breakdownHtml`, `renderNumbers`, `renderPayback`, `renderAssumptions`), and the company tick panel. Small helpers `th()` and `td()` keep its tables consistent.
 - **`calendar.js`**: the calendar grid and its tooltips (appended to `body`).
 - **`charts.js`** and `planner-ui.js` `renderPayback`: Chart.js charts (`#dailyChart` and `#usagePriceChart` with zoom and pan via chartjs-plugin-zoom, and `#planPaybackChart` with the $0 line drawn darker).
@@ -95,7 +96,7 @@ Text from data or the user goes through `Amber.escapeHTML` (`esc`). Keep that wh
 
 ## Accessibility today
 
-- Skip link to the tabs; ARIA tabs with keyboard support; labelled inputs; the GST switch is a real checkbox; help buttons are buttons with `aria-expanded` and can be opened by keyboard and closed with Escape.
+- Skip link to the tabs; ARIA tabs with keyboard support; labelled inputs; the GST switch is a real checkbox; help buttons are buttons with `aria-expanded` and can be opened by keyboard and closed with Escape. The settings and Download menus also close with Escape, and focus returns to their button.
 - The planner options table rows are `role="button"` with `tabindex="0"`, and Enter/Space select them.
 - Charts have an `aria-label` on the canvas. The numbers are also in nearby tables (month table, payback notes), but there's no table alternative for the Usage charts.
 - The rating dots have `role="img"` and an `aria-label` ("3 of 4").
@@ -119,7 +120,6 @@ The app is written for everyday Australian householders:
 - **Charts**: the payback chart's x labels rotate on narrow screens. The Usage charts would benefit from a legend and colour review. Chart colours are hard-coded hex values in `charts.js` and `planner-ui.js`.
 - **Visual hierarchy**: every card has the same weight; the main answer on each tab could stand out more.
 - **Help bubbles** are everywhere, which helps beginners but adds visual noise. Consider showing them only on hover or focus on wider screens.
-- **The settings menu** mixes user actions (clear cache, clear saved plans) with maintainer tools ("Save custom plans", "Show stats"; IDs `saveCustomPlansForRick`, `showStatsForRick`).
 - **Loading and progress**: Compare and Solar+? each have their own progress bar and message area.
 - **No dark mode**; no print stylesheet, though a print or PDF view of the planner result could be useful to take to installers.
 
diff --git a/docs/REVIEW.md b/docs/REVIEW.md
index d301970..57e6341 100644
--- a/docs/REVIEW.md
+++ b/docs/REVIEW.md
@@ -21,9 +21,9 @@ These are the properties the tests guard and that users rely on. A change that b
 2. **Missing readings are never zero.** Days without readings are left out of usage costs and flagged ("Incomplete comparison", "No readings"). Fixed charges still cover the whole period. The planner fills at most 31 missing days from the same weekday and says so.
 3. **Time is explicit.** Amber's `nemTime` is an interval's end in NEM time (UTC+10, no daylight saving). Plan windows are local wall-clock time unless a plan says `clock: 'nem'`. Interval-end semantics matter at window edges (`Amber.intervalEndInWindow`, `timeInWindow`). The planner's slots are NEM half hours.
 4. **GST is consistent.** Templates are GST-inclusive; `networks.js` figures are ex GST and GST is added in `estimate.js`; household feed-in is GST-free. The GST toggle only changes the display (`adjustForGst`).
-5. **The cache is trustworthy.** Only final whole days are cached. Estimated readings stay refetchable, and empty old days are remembered as empty. The CSV backup round-trips (`tests/review.spec.js`).
+5. **The cache is trustworthy.** Only final whole days are cached. Clearing it also removes what was worked out from it (results, imported households). Estimated readings stay refetchable, and empty old days are remembered as empty. The CSV backup round-trips (`tests/review.spec.js`).
 6. **Nothing leaves the browser** except requests to Amber's API with the user's key. The CSP enforces this; keep it.
-7. **User and data text is escaped** (`Amber.escapeHTML` / `esc`) before going into `innerHTML`.
+7. **User and data text is escaped** (`Amber.escapeHTML` / `esc`) before going into `innerHTML`, including inside attribute values (quotes are escaped).
 8. **The planner is fair between options.** Every option is measured against the same yardstick, and the same rules (export limit, negative feed-in switch-off, battery dispatch) apply on every plan.
 
 ## Where the risk is
@@ -50,7 +50,6 @@ These are the properties the tests guard and that users rely on. A change that b
 - **Yearly maintenance is manual.** Each 1 July: the default offers and VDO in `templates.js`, Amber's network tariffs in `networks.js` (FY2026-27 today), Amber's default fixed charges and `AMBER_RATES_CHANGE_DATE` in `constants.js`, rebate and hardware defaults in `PLANNER_FINANCE_DEFAULTS`, and `TEMPLATES_AS_AT`. Market offers drift during the year.
 - **Vendored libraries** are pinned copies: Chart.js 4.4.2, chartjs-plugin-zoom 2.0.1, pdf.js 3.11.174. Updating them is manual.
 - **The price-update workflow** uses Node 20 actions, which GitHub is deprecating (a warning only). `test.yml` already uses Node 22.
-- **Maintainer tools in the settings menu** ("Save custom plans", "Show stats"; IDs `saveCustomPlansForRick`, `showStatsForRick`) sit alongside user actions.
 - **The API key** is obfuscated, not encrypted. That's fine for a browser-only tool, but it shouldn't be described as secure.
 - **Number formatting** varies: percentages are "20%" in most places but "20 %" on Solar+?. Money uses `toLocaleString('en-AU')` in some places and `toFixed` in others.
 
@@ -80,4 +79,5 @@ These are the properties the tests guard and that users rely on. A change that b
 | `autoload`, `cache`, `import`, `review` specs | Opening state, the cache, CSV import and backup round trip |
 | `ui`, `tabs`, `graphs`, `stats`, `performance` specs | Tabs, help bubbles, disclaimer, phone layout, charts, More Stats, fetch behaviour |
 | `billcheck`, `shift`, `v140` specs | Bill?, Free?, financial-year rate switching |
+| `v162` spec | Saved plan prices refreshed when a built-in plan changes, the answer and month by month agreeing on Amber's total, clearing saved readings, no maintainer tools in the menu, plan names with quotes or tags, changing state (and a site outside NSW), the bill check's pointer to Start, damaged saved settings, a Compare when the readings can't be saved, Escape closing the menus |
 | `nem12`, `planner` specs | The NEM12 path and every Solar+? flow |
diff --git a/index.html b/index.html
index dd3a2d3..163ecb6 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,9 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self'; connect-src 'self' https://api.amber.com.au; img-src 'self' data:; font-src 'self'; worker-src 'self'; base-uri 'self'; form-action 'self'">
-    <title>Amber Compare &amp; Export v1.61</title>
+    <title>Amber Compare &amp; Export v1.62</title>
     <link rel="icon" href="favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="css/app.css?v=1.61">
+    <link rel="stylesheet" href="css/app.css?v=1.62">
 </head>
 <body class="bg-gray-100 text-gray-800">
     <a href="#mainTabs" class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-50 focus:bg-white focus:px-3 focus:py-2 focus:rounded">Skip to the tabs</a>
@@ -19,7 +19,7 @@ <h1 class="text-2xl sm:text-3xl font-bold text-gray-900 flex items-center">
                         <img src="favicon.ico" alt="" class="mr-3 h-12 w-12 sm:h-14 sm:w-14"> Amber Compare &amp; Export
                     </h1>
                     <p class="mt-2 text-gray-600">See what your electricity really costs on Amber, check an Amber bill, and find out whether another plan (or Amber) would be cheaper for you.</p>
-                    <p class="mt-1 text-xs text-gray-500">Free and private: everything runs in this browser and nothing is uploaded. Version 1.61.</p>
+                    <p class="mt-1 text-xs text-gray-500">Free and private: everything runs in this browser and nothing is uploaded. Version 1.62.</p>
                 </div>
                 <div class="relative flex items-center">
                     <button id="settingsBtn" type="button" aria-label="Settings" aria-haspopup="true" aria-expanded="false" class="p-2 rounded-full text-gray-500 hover:bg-gray-100 hover:text-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
@@ -29,6 +29,7 @@ <h1 class="text-2xl sm:text-3xl font-bold text-gray-900 flex items-center">
                     <div id="settingsMenu" class="hidden absolute right-0 top-10 mt-2 w-72 bg-white rounded-md shadow-lg py-1 z-20 border border-gray-200" role="menu"></div>
                 </div>
             </div>
+            <p id="cacheMessage" class="text-sm mt-2 font-medium" role="status"></p>
         </header>
 
         <main>
@@ -275,6 +276,7 @@ <h3 id="otherSupplierHeading" class="text-lg font-bold text-gray-900 mb-1">Compa
                         <div>
                             <label for="stateSelector" class="block text-sm font-medium text-gray-700 mb-1" data-help="state">Your state</label>
                             <select id="stateSelector" class="w-full px-3 py-2 bg-gray-50 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"></select>
+                            <p id="planStateNote" class="hidden mt-2 text-xs text-amber-800" role="status"></p>
                         </div>
                         <div id="planSelectorContainer">
                             <label id="planSelectorLabel" for="planSelector" class="block text-sm font-medium text-gray-700 mb-1" data-help="plan">Plan to compare with</label>
@@ -506,9 +508,6 @@ <h2 class="text-xl sm:text-2xl font-bold text-gray-900" data-help="calendar">Cal
                     </div>
                     <p class="text-sm text-gray-500 mb-3"><span class="text-blue-600">↓ kWh bought</span> · <span class="text-green-600">↑ kWh of solar sent out</span> · Amber cost that day. Tap a day to see its graph.</p>
                     <div id="calendar-container" class="space-y-6"></div>
-                    <div class="mt-4 pt-4 border-t text-center">
-                        <p id="cacheMessage" class="text-sm mt-2 font-medium"></p>
-                    </div>
                 </div>
 
                 <div id="moreStatsSection" class="hidden bg-white rounded-lg shadow-md p-6 mb-6 overflow-x-auto">
@@ -798,26 +797,26 @@ <h3 class="text-xl font-bold text-gray-900 mb-1" data-help="planPayback">Paying
 
     <script src="chart.umd.min.js"></script>
     <script src="chartjs-plugin-zoom.min.js"></script>
-    <script src="js/constants.js?v=1.61"></script>
-    <script src="js/help.js?v=1.61"></script>
-    <script src="js/time.js?v=1.61"></script>
-    <script src="js/templates.js?v=1.61"></script>
-    <script src="js/storage.js?v=1.61"></script>
-    <script src="js/costs.js?v=1.61"></script>
-    <script src="js/api.js?v=1.61"></script>
-    <script src="js/bill.js?v=1.61"></script>
-    <script src="js/csv.js?v=1.61"></script>
-    <script src="js/charts.js?v=1.61"></script>
-    <script src="js/calendar.js?v=1.61"></script>
-    <script src="js/stats.js?v=1.61"></script>
-    <script src="js/monthly.js?v=1.61"></script>
-    <script src="js/redispatch.js?v=1.61"></script>
-    <script src="js/import.js?v=1.61"></script>
-    <script src="js/networks.js?v=1.61"></script>
-    <script src="js/estimate.js?v=1.61"></script>
-    <script src="js/solar.js?v=1.61"></script>
-    <script src="js/planner.js?v=1.61"></script>
-    <script src="js/planner-ui.js?v=1.61"></script>
-    <script src="js/app.js?v=1.61"></script>
+    <script src="js/constants.js?v=1.62"></script>
+    <script src="js/help.js?v=1.62"></script>
+    <script src="js/time.js?v=1.62"></script>
+    <script src="js/templates.js?v=1.62"></script>
+    <script src="js/storage.js?v=1.62"></script>
+    <script src="js/costs.js?v=1.62"></script>
+    <script src="js/api.js?v=1.62"></script>
+    <script src="js/bill.js?v=1.62"></script>
+    <script src="js/csv.js?v=1.62"></script>
+    <script src="js/charts.js?v=1.62"></script>
+    <script src="js/calendar.js?v=1.62"></script>
+    <script src="js/stats.js?v=1.62"></script>
+    <script src="js/monthly.js?v=1.62"></script>
+    <script src="js/redispatch.js?v=1.62"></script>
+    <script src="js/import.js?v=1.62"></script>
+    <script src="js/networks.js?v=1.62"></script>
+    <script src="js/estimate.js?v=1.62"></script>
+    <script src="js/solar.js?v=1.62"></script>
+    <script src="js/planner.js?v=1.62"></script>
+    <script src="js/planner-ui.js?v=1.62"></script>
+    <script src="js/app.js?v=1.62"></script>
 </body>
 </html>
diff --git a/js/app.js b/js/app.js
index aa41b0c..555afae 100644
--- a/js/app.js
+++ b/js/app.js
@@ -46,6 +46,33 @@
         return document.getElementById(id);
     }
 
+    /** JSON saved in the browser, or the fallback when it is missing, damaged or the wrong kind of thing. */
+    function storedJson(key, fallback) {
+        try {
+            const value = JSON.parse(localStorage.getItem(key));
+            if (value == null || typeof value !== 'object' || Array.isArray(value) !== Array.isArray(fallback)) return fallback;
+            return value;
+        } catch (e) {
+            return fallback;
+        }
+    }
+
+    /** Plans the user typed in, by state: { NSW: { 'My plan': { rateType, ... } } }. Damaged entries are left out. */
+    function storedCustomPlans() {
+        const saved = storedJson('customSupplierPlans', {});
+        const out = {};
+        Object.keys(saved).forEach((stateCode) => {
+            const plans = saved[stateCode];
+            if (!plans || typeof plans !== 'object' || Array.isArray(plans)) return;
+            Object.keys(plans).forEach((name) => {
+                const plan = plans[name];
+                if (!plan || typeof plan !== 'object' || (plan.rateType !== 'flat' && plan.rateType !== 'tou')) return;
+                (out[stateCode] || (out[stateCode] = {}))[name] = plan;
+            });
+        });
+        return out;
+    }
+
     function gstInclusive() {
         const toggle = $('gstToggle');
         return !toggle || toggle.checked;
@@ -466,6 +493,7 @@
             }
             planSelector.appendChild(option);
         });
+        syncPlanStateNote(selectedState, names);
         if (previous === '' || names.indexOf(previous) !== -1) {
             planSelector.value = previous;
             return;
@@ -478,9 +506,31 @@
         }
         if (planSelector.value && planSelector.value !== previous) {
             applyPlanTemplate();
+        } else if (!planSelector.value) {
+            // The plan that was showing isn't offered here and nothing takes its place: don't
+            // leave its name and prices behind under "Enter my own rates".
+            clearPlanInputs();
         }
     }
 
+    /** The state a site's network is in (Ausgrid → NSW), or null when the network isn't known. */
+    function siteNetworkState(site) {
+        const net = site && Amber.NETWORKS && Amber.NETWORKS[Amber.canonicalNetwork(site.network)];
+        return net ? net.state : null;
+    }
+
+    /** Say why the plan list is empty when the state chosen isn't the one the site's network is in. */
+    function syncPlanStateNote(selectedState, names) {
+        const note = $('planStateNote');
+        const site = selectedSite();
+        const home = siteNetworkState(site);
+        const show = !!home && home !== selectedState && !names.length;
+        note.classList.toggle('hidden', !show);
+        note.textContent = show
+            ? `Your meter is on the ${site.network} network, which is in ${home}, so there are no ${selectedState} plans to compare it with. Choose ${home} to see its plans, or enter your own rates.`
+            : '';
+    }
+
     function isBuiltInPlan(stateCode, planName) {
         return !!(state.originalTemplates[stateCode] && state.originalTemplates[stateCode][planName]);
     }
@@ -556,7 +606,14 @@
         list.forEach((win) => addWindowRow(container, win, true));
     }
 
-    function applyPlanTemplate() {
+    // The fingerprint of the built-in plan the form was last filled from (Amber.templateSignature).
+    const PLAN_SIGNATURE_KEY = 'selectedPlanSig';
+
+    /**
+     * Fill the plan form from the selected plan. opts.planOnly: save just the plan form (used
+     * while the page is still loading, before the site and Amber's charges are in their fields).
+     */
+    function applyPlanTemplate(opts) {
         const stateCode = $('stateSelector').value;
         const planName = $('planSelector').value;
         if (!stateCode || !planName) {
@@ -565,6 +622,7 @@
         }
         const template = state.templates[stateCode][planName];
         if (!template) return;
+        localStorage.setItem(PLAN_SIGNATURE_KEY, Amber.templateSignature(template));
 
         $('planName').value = planName;
         updateOtherSupplierHeading();
@@ -621,10 +679,12 @@
         } else {
             $('demandTariffInputs').classList.add('hidden');
         }
-        saveAllSettings();
+        if (opts && opts.planOnly) savePlanSettings();
+        else saveAllSettings();
     }
 
     function clearPlanInputs() {
+        localStorage.removeItem(PLAN_SIGNATURE_KEY);
         $('planName').value = '';
         updateOtherSupplierHeading();
         document.querySelector('input[name="rateType"][value="flat"]').checked = true;
@@ -660,12 +720,18 @@
     }
 
     function saveAllSettings() {
+        savePlanSettings();
+        if (!state.localChargesShown) AMBER_CHARGE_FIELDS.forEach((id) => localStorage.setItem(id, $(id).value));
+        localStorage.setItem('selectedSiteId', $('siteSelector').value || '');
+    }
+
+    /** The plan form on Compare: state, plan, name and every price and time in it. */
+    function savePlanSettings() {
         localStorage.setItem('rateType', document.querySelector('input[name="rateType"]:checked').value);
         localStorage.setItem('flatRate', $('otherSupplierRate').value);
         localStorage.setItem('flatFeedInRate', $('otherSupplierFeedInRateFlat').value);
         localStorage.setItem('flatControlledLoad', $('otherSupplierControlledLoadFlat').value);
         localStorage.setItem('dailyConnectionRate', $('dailyConnectionRate').value);
-        if (!state.localChargesShown) AMBER_CHARGE_FIELDS.forEach((id) => localStorage.setItem(id, $(id).value));
 
         const getPeriodSettings = (period) => {
             const container = document.querySelector(`[data-tou-period="${period}"]`);
@@ -687,7 +753,6 @@
         localStorage.setItem('selectedState', $('stateSelector').value);
         localStorage.setItem('selectedPlan', $('planSelector').value);
         localStorage.setItem('planName', $('planName').value);
-        localStorage.setItem('selectedSiteId', $('siteSelector').value || '');
         localStorage.setItem('demandSettings', JSON.stringify({
             enabled: $('enableDemandTariff').checked,
             rate: $('demandRate').value,
@@ -709,7 +774,7 @@
             updateOtherSupplierHeading();
         }
         const savedRateType = localStorage.getItem('rateType');
-        if (savedRateType) {
+        if (savedRateType === 'flat' || savedRateType === 'tou') {
             document.querySelector(`input[name="rateType"][value="${savedRateType}"]`).checked = true;
             if (savedRateType === 'tou') {
                 $('flatRateSection').classList.add('hidden');
@@ -723,13 +788,14 @@
         const savedFlatCl = localStorage.getItem('flatControlledLoad');
         if (savedFlatCl) $('otherSupplierControlledLoadFlat').value = savedFlatCl;
 
-        const savedTouConfig = localStorage.getItem('touConfig');
-        if (savedTouConfig) {
-            const config = JSON.parse(savedTouConfig);
-            $('otherSupplierFeedInRateTou').value = config.feedIn;
-            $('tou_controlled_load_rate').value = config.controlledLoad;
+        // Saved settings that can't be read (damaged, or from a much older version) are skipped,
+        // leaving that part of the form as it starts out, rather than stopping the page loading.
+        const config = storedJson('touConfig', null);
+        if (config) {
+            if (config.feedIn != null) $('otherSupplierFeedInRateTou').value = config.feedIn;
+            if (config.controlledLoad != null) $('tou_controlled_load_rate').value = config.controlledLoad;
             const setPeriodSettings = (period, settings) => {
-                if (!settings) return;
+                if (!settings || typeof settings !== 'object') return;
                 $(`tou_${period}_rate`).value = settings.rate || 0;
                 if (period === 'free') $('tou_free_cap').value = settings.capKwh || '';
                 if (period !== 'offpeak') {
@@ -751,27 +817,36 @@
         if (savedDaily) $('dailyConnectionRate').value = savedDaily;
         loadAmberChargeFields();
 
-        const savedDemand = localStorage.getItem('demandSettings');
-        if (savedDemand) {
-            const settings = JSON.parse(savedDemand);
-            $('enableDemandTariff').checked = settings.enabled;
-            $('demandRate').value = settings.rate;
-            $('demandWindowStart').value = settings.start;
-            $('demandWindowEnd').value = settings.end;
+        const settings = storedJson('demandSettings', null);
+        if (settings) {
+            $('enableDemandTariff').checked = !!settings.enabled;
+            if (settings.rate != null) $('demandRate').value = settings.rate;
+            if (settings.start) $('demandWindowStart').value = settings.start;
+            if (settings.end) $('demandWindowEnd').value = settings.end;
             if (settings.enabled) $('demandTariffInputs').classList.remove('hidden');
+            const days = Array.isArray(settings.days) ? settings.days : [];
             $('demandDaysContainer').querySelectorAll('input[type="checkbox"]').forEach((cb) => {
-                cb.checked = (settings.days || []).includes(parseInt(cb.value, 10));
+                cb.checked = days.includes(parseInt(cb.value, 10));
             });
         }
 
-        const feedInWindows = JSON.parse(localStorage.getItem('feedInWindows') || '[]');
+        const feedInWindows = storedJson('feedInWindows', []).filter((win) => win && typeof win === 'object');
         if (localStorage.getItem('enableFeedInTou') === 'true' || feedInWindows.length) {
             applyFeedInWindows(feedInWindows);
         }
+
+        // The saved form was filled from a built-in plan whose published prices have changed since
+        // (a newer version of the app): fill it again, so old prices can't stay under the plan's
+        // name. Prices the user changed themselves are kept until the plan itself changes.
+        const plan = $('planSelector').value;
+        if (plan && isBuiltInPlan(savedState, plan)
+            && localStorage.getItem(PLAN_SIGNATURE_KEY) !== Amber.templateSignature(state.templates[savedState][plan])) {
+            applyPlanTemplate({ planOnly: true });
+        }
     }
 
     function mergeCustomPlans() {
-        const customPlans = JSON.parse(localStorage.getItem('customSupplierPlans') || '{}');
+        const customPlans = storedCustomPlans();
         Object.keys(customPlans).forEach((stateCode) => {
             if (!state.templates[stateCode]) state.templates[stateCode] = {};
             Object.keys(customPlans[stateCode]).forEach((planName) => {
@@ -786,7 +861,7 @@
         if (!stateCode || !planName) return;
         if (isBuiltInPlan(stateCode, planName)) return;
         const plan = createPlanObjectFromForm();
-        const customPlans = JSON.parse(localStorage.getItem('customSupplierPlans') || '{}');
+        const customPlans = storedCustomPlans();
         if (!customPlans[stateCode]) customPlans[stateCode] = {};
         customPlans[stateCode][planName] = plan;
         localStorage.setItem('customSupplierPlans', JSON.stringify(customPlans));
@@ -915,6 +990,15 @@
                 loadAmberChargeFields();
             }
             note.classList.add('hidden');
+            // An Amber site in another state than the one showing (a new user starts on NSW), where
+            // that state has no plans for the site's network: show the site's own state instead.
+            // A state the user picked by hand for this site is left alone.
+            const home = siteNetworkState(site);
+            const shown = $('stateSelector').value;
+            if (home && home !== shown && state.templates[home] && !state.stateChosenByHand && !visiblePlanNames(shown).length) {
+                $('stateSelector').value = home;
+                localStorage.setItem('selectedState', home);
+            }
         }
     }
 
@@ -948,36 +1032,6 @@
         $('messageContainer').classList.add('hidden');
     }
 
-    function injectFakeControlledLoad(channels, usageData, startDate, endDate) {
-        let clChannel = channels.find((c) => c.type === 'controlledLoad');
-        if (!clChannel) {
-            clChannel = { identifier: 'C', type: 'controlledLoad' };
-            channels.push(clChannel);
-        }
-        let loopDate = new Date(startDate + 'T00:00:00');
-        const end = new Date(endDate + 'T00:00:00');
-        while (loopDate <= end) {
-            const dateStr = Amber.formatForInput(loopDate);
-            for (let hour = 1; hour < 5; hour++) {
-                for (let minute = 0; minute < 60; minute += 5) {
-                    const endMinute = minute + 5;
-                    const endHour = endMinute >= 60 ? hour + 1 : hour;
-                    const endMin = endMinute >= 60 ? 0 : endMinute;
-                    usageData.push({
-                        nemTime: Amber.toNemIso(dateStr, endHour, endMin, 0),
-                        date: dateStr,
-                        channelIdentifier: clChannel.identifier,
-                        kwh: 0.25,
-                        perKwh: 15,
-                        quality: 'billable',
-                        tariffInformation: { demandWindow: false }
-                    });
-                }
-            }
-            loopDate.setDate(loopDate.getDate() + 1);
-        }
-    }
-
     function planTotalsOptions(planConfig, numDays, startDateStr, endDateStr) {
         return {
             startDateStr,
@@ -1351,7 +1405,7 @@
                 <td class="px-3 py-3 whitespace-nowrap text-sm text-gray-500 text-right">
                     <div class="text-xs">Busiest: ${maxDemandKw} kW</div>
                     <div class="text-xs text-blue-600 font-normal">on ${maxDemandDateTime}</div>
-                    ${demandMonthsHtml(demandTariffInfo.months, 'demandDays') || `<div class="text-xs">X ${demandTariffInfo.demandDays} days</div>`}
+                    ${demandMonthsHtml(demandTariffInfo.months, 'demandDays') || `<div class="text-xs">× ${demandTariffInfo.demandDays} days</div>`}
                 </td>
                 <td class="px-3 py-3 whitespace-nowrap text-sm text-gray-900 text-right">${money(adjustedDemandCost)}</td>
                 <td class="px-3 py-3 whitespace-nowrap text-sm text-gray-500"></td>
@@ -1369,7 +1423,7 @@
                 <td class="px-3 py-3 whitespace-nowrap text-sm text-gray-500 text-right">
                     <div class="text-xs">Busiest: ${maxDemandKw} kW</div>
                     <div class="text-xs text-blue-600 font-normal">${Amber.escapeHTML(String(maxDemandDateTime))}</div>
-                    ${demandMonthsHtml(otherDemandTariffInfo.months, 'applicableDaysCount') || `<div class="text-xs">X ${dayCount} applicable days</div>`}
+                    ${demandMonthsHtml(otherDemandTariffInfo.months, 'applicableDaysCount') || `<div class="text-xs">× ${dayCount} applicable days</div>`}
                 </td>
                 <td class="px-3 py-3 whitespace-nowrap text-sm text-gray-900"></td>
                 <td class="px-3 py-3 whitespace-nowrap text-sm text-gray-500 text-right">${money(adjustedOtherDemandCost)}</td>
@@ -1559,6 +1613,8 @@
         const adj = (v) => Amber.adjustForGst(v || 0, gst, false);
         const money = (v) => `${v < -0.004 ? '−' : ''}$${Math.abs(v).toFixed(2)}`;
         const planName = $('planName').value.trim() || 'your plan';
+        // The plan's name as the plan list shows it (without the network), for the Difference column.
+        const planShort = Amber.escapeHTML($('planName').value.trim() ? Amber.planListLabel($('planName').value.trim(), currentSiteNetwork()) : 'Your plan');
         const view = (r) => {
             const amberTotal = adj(r.amberUsage) + (r.amberFeedIn || 0) + adj(r.amberDemand) + adj(r.amberConnection + r.amberSubscription);
             const otherTotal = gst ? r.otherTotal : r.otherTotalExGst;
@@ -1576,7 +1632,7 @@
             const v = view(r);
             const isTotal = r.month === 'Total';
             const diffCls = Math.abs(v.diff) < 0.005 ? 'text-gray-600' : (v.diff > 0 ? 'text-green-700' : 'text-red-700');
-            const diffText = Math.abs(v.diff) < 0.005 ? '—' : `${v.diff > 0 ? 'Amber ' : 'Other plan '}${money(Math.abs(v.diff))} cheaper`;
+            const diffText = Math.abs(v.diff) < 0.005 ? '—' : `${v.diff > 0 ? 'Amber' : planShort} ${money(Math.abs(v.diff))} cheaper`;
             const td = (content, right, extra) => `<td class="px-3 py-2 whitespace-nowrap ${right ? 'text-right' : ''} ${extra || ''}">${content}</td>`;
             html += `<tr class="${isTotal ? 'bg-gray-50 font-semibold' : ''}">
                 ${td(label(r))}${td(daysCell(r), 1)}${td(r.importKwh.toFixed(1), 1)}${td(r.exportKwh.toFixed(1), 1)}
@@ -2200,7 +2256,7 @@
             if (!billPeriodFinished(bill)) {
                 msg = 'The bill period hasn\'t finished yet, so there is no complete meter data to check against.';
             } else if (!$('apiKey').value.trim()) {
-                msg = 'Add your Amber API key on the Setup tab to check this bill against your meter data.';
+                msg = 'Add your Amber API key on the <button type="button" data-go-start class="text-indigo-600 hover:underline font-medium">Start</button> tab to check this bill against your meter data.';
             } else if (state.fetching || state.pendingBillLoad) {
                 msg = 'Fetching your meter data for the bill period…';
             } else if (state.billLoadFailed === billKey(bill)) {
@@ -2213,7 +2269,8 @@
             if (reload) reload.addEventListener('click', () => ensureBillLoaded());
             return;
         }
-        const totals = Amber.periodTotals(state.cachedChannelData, bill.start, bill.end, periodOpts());
+        // A bill is one settlement of the export allowance, whatever calendar months it covers.
+        const totals = Amber.periodTotals(state.cachedChannelData, bill.start, bill.end, Object.assign(periodOpts(), { billPeriod: true }));
         const rows = Amber.compareBill(bill, totals);
         const fmtVal = (v, unit) => (unit === '$' ? `$${v.toFixed(2)}` : `${v.toFixed(unit === 'kW' || Math.abs(v) < 10 ? 2 : 1)} ${unit}`);
         const fmtDiff = (v, unit) => {
@@ -2337,7 +2394,7 @@
         const numDays = Amber.inclusiveDayCount(startDateStr, endDateStr);
         const planConfig = createPlanObjectFromForm();
         const rates = readAmberRates();
-        Amber.applyAmberFeedInSettlement(state.cachedChannelData, selectedSite(), numDays);
+        Amber.applyAmberFeedInSettlement(state.cachedChannelData, selectedSite(), numDays, { from: startDateStr, to: endDateStr });
         Amber.calculateOtherSupplierCosts(state.cachedChannelData, planConfig, currentStateCode());
         const otherDemand = Amber.calculateOtherDemandTariff(state.cachedChannelData, startDateStr, endDateStr, planConfig, currentStateCode());
         const demandTariffInfo = Amber.calculateDemandTariff(state.cachedChannelData, rates);
@@ -2349,25 +2406,21 @@
         await displayResults(state.cachedChannelData, startDateStr, endDateStr, numDays, demandTariffInfo, otherDemand, skipGraphs === true);
     }
 
+    /** Take the results off every tab (before a new Compare, or when the readings are cleared). */
+    function hideResults() {
+        ['resultsSection', 'calendarSection', 'averageGraphContainer', 'dailyGraphSection', 'allPlansSection',
+            'batteryShiftSection', 'freePowerEmpty', 'moreStatsSection'].forEach((id) => $(id).classList.add('hidden'));
+        $('downloadCsvButton').disabled = true;
+        $('results-table-container').innerHTML = '';
+        destroyCharts();
+    }
+
     async function fetchAndCompare() {
         if (state.fetching) return;
         saveCustomPlan();
         saveAllSettings();
 
-        const resultsSection = $('resultsSection');
-        const calendarSection = $('calendarSection');
-        const downloadCsvButton = $('downloadCsvButton');
-        resultsSection.classList.add('hidden');
-        calendarSection.classList.add('hidden');
-        $('averageGraphContainer').classList.add('hidden');
-        $('dailyGraphSection').classList.add('hidden');
-        $('allPlansSection').classList.add('hidden');
-        $('batteryShiftSection').classList.add('hidden');
-        $('freePowerEmpty').classList.add('hidden');
-        $('moreStatsSection').classList.add('hidden');
-        downloadCsvButton.disabled = true;
-        $('results-table-container').innerHTML = '';
-        destroyCharts();
+        hideResults();
 
         const apiKey = $('apiKey').value.trim();
         const startDateValue = $('startDate').value;
@@ -2511,13 +2564,18 @@
                     return [];
                 }
             });
-            if (cacheWrites.length) await Amber.setUsageDataMany(db, cacheWrites);
-            chunkResults.forEach((data) => selectedUsageData.push(...data));
-
-            const params = new URLSearchParams(root.location.search);
-            if (params.has('fakeControlledLoad')) {
-                injectFakeControlledLoad(channels, selectedUsageData, startDateValue, clampedEnd);
+            // The readings are in hand either way: if the browser can't save them (its storage is
+            // full, say), compare anyway and say they'll download again next time.
+            let cacheWriteFailed = false;
+            if (cacheWrites.length) {
+                try {
+                    await Amber.setUsageDataMany(db, cacheWrites);
+                } catch (err) {
+                    console.error(err);
+                    cacheWriteFailed = true;
+                }
             }
+            chunkResults.forEach((data) => selectedUsageData.push(...data));
 
             if (!selectedUsageData.length) {
                 if (localMode) throw new Error(`No imported meter data for NMI ${site.nmi} in these dates. Its data covers ${fmtDate(site.firstDay || '')} – ${fmtDate(site.lastDay || '')}.`);
@@ -2534,7 +2592,7 @@
 
             Amber.processUsageData(selectedUsageData, channelTotalsSelectedPeriod, true);
             Object.values(channelTotalsSelectedPeriod).forEach((c) => c.usageData.sort((a, b) => a.nemTime.localeCompare(b.nemTime)));
-            Amber.applyAmberFeedInSettlement(channelTotalsSelectedPeriod, site, numDays);
+            Amber.applyAmberFeedInSettlement(channelTotalsSelectedPeriod, site, numDays, { from: startDateValue, to: clampedEnd });
 
             const planConfig = createPlanObjectFromForm();
             const rates = readAmberRates();
@@ -2556,6 +2614,8 @@
                 showMessage(failedChunksMessage(failedRanges, chunkErrors), true);
             } else if (localMode && localMissing) {
                 showMessage(`${localMissing} of ${numDays} days have no imported meter data for NMI ${site.nmi}, so this comparison is incomplete. Fixed charges still cover the full selected period.`, true);
+            } else if (cacheWriteFailed) {
+                showMessage('Your results are below, but this browser couldn\'t save the meter readings (its storage may be full), so they will download again next time.', true);
             } else {
                 hideMessage();
             }
@@ -2602,109 +2662,82 @@
         return `Couldn't load ${days} day(s): ${spans}. ${reason} Totals below leave those days out. Loaded days are cached, so click Compare again in a few minutes to fill the gaps.`;
     }
 
-    function formatBytes(bytes, decimals) {
-        if (!+bytes) return '0 Bytes';
-        const k = 1024;
-        const dm = decimals < 0 ? 0 : decimals || 2;
-        const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
-        const i = Math.floor(Math.log(bytes) / Math.log(k));
-        return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
-    }
-
-    function showModal(title, bodyNode) {
-        const modal = document.createElement('div');
-        modal.style.cssText = 'position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;';
-        const content = document.createElement('div');
-        content.className = 'bg-white rounded-lg p-5 w-11/12 max-w-xl text-gray-800';
-        const closeBtn = document.createElement('button');
-        closeBtn.type = 'button';
-        closeBtn.textContent = '×';
-        closeBtn.className = 'float-right text-2xl text-gray-500';
-        closeBtn.setAttribute('aria-label', 'Close');
-        closeBtn.onclick = () => document.body.removeChild(modal);
-        const header = document.createElement('h2');
-        header.className = 'text-xl font-bold mb-4';
-        header.textContent = title;
-        content.appendChild(closeBtn);
-        content.appendChild(header);
-        content.appendChild(bodyNode);
-        modal.appendChild(content);
-        modal.addEventListener('click', (e) => { if (e.target === modal) document.body.removeChild(modal); });
-        document.body.appendChild(modal);
-    }
-
-    async function showStatsForRick() {
-        let totalLocalStorageSize = 0;
-        for (let i = 0; i < localStorage.length; i++) {
-            const key = localStorage.key(i);
-            totalLocalStorageSize += key.length + (localStorage.getItem(key) || '').length;
-        }
-        const customPlans = JSON.parse(localStorage.getItem('customSupplierPlans') || '{}');
-        let planCount = 0;
-        Object.keys(customPlans).forEach((s) => { planCount += Object.keys(customPlans[s]).length; });
-        let storageEstimate = { usage: 'N/A', quota: 'N/A' };
-        if (navigator.storage && navigator.storage.estimate) {
-            const estimate = await navigator.storage.estimate();
-            storageEstimate.usage = formatBytes(estimate.usage);
-            storageEstimate.quota = formatBytes(estimate.quota);
-        }
-        const wrap = document.createElement('div');
-        wrap.innerHTML = `<table class="min-w-full text-sm">
-            <tr><td class="py-1 font-medium">LocalStorage</td><td>${formatBytes(totalLocalStorageSize)}</td><td>${localStorage.length} keys, ${planCount} custom plans</td></tr>
-            <tr><td class="py-1 font-medium">Origin storage</td><td>${storageEstimate.usage} of ${storageEstimate.quota}</td><td>Cached daily usage</td></tr>
-        </table>`;
-        showModal('Application storage', wrap);
-    }
-
-    function saveCustomPlansForRick() {
-        const customPlans = JSON.parse(localStorage.getItem('customSupplierPlans') || '{}');
-        const outputLines = [];
-        Object.keys(customPlans).forEach((stateCode) => {
-            Object.keys(customPlans[stateCode]).forEach((planName) => {
-                outputLines.push(`"${planName}": ${JSON.stringify(customPlans[stateCode][planName])}`);
-            });
-        });
-        if (!outputLines.length) {
-            alert('No custom plans to save.');
+    // A short note under the page title for the settings menu's actions, so it shows on every tab.
+    let settingsMessageTimer = null;
+    function showSettingsMessage(text, colourClass, clearAfterMs) {
+        const msg = $('cacheMessage');
+        msg.textContent = text;
+        msg.className = `text-sm mt-2 font-medium ${colourClass}`;
+        clearTimeout(settingsMessageTimer);
+        if (clearAfterMs) settingsMessageTimer = setTimeout(() => { msg.textContent = ''; }, clearAfterMs);
+    }
+
+    function closeSettingsMenu() {
+        $('settingsMenu').classList.add('hidden');
+        $('settingsBtn').setAttribute('aria-expanded', 'false');
+    }
+
+    /** "Clear saved meter readings": empty the cache, and everything worked out from it. */
+    async function clearSavedReadings() {
+        closeSettingsMenu();
+        if (state.fetching) {
+            showSettingsMessage('Wait for the Compare in progress to finish, then try again.', 'text-orange-600', 8000);
+            return;
+        }
+        const households = loadLocalSites().length;
+        const question = 'Clear all saved meter readings?\n\n'
+            + 'Readings from Amber download again next time (about the last 3 months). Older readings you imported from a file will need importing again.'
+            + (households ? `\n\n${households === 1 ? 'The household' : `The ${households} households`} imported from NEM12 files will be removed.` : '');
+        if (!window.confirm(question)) return;
+        showSettingsMessage('Clearing saved meter readings…', 'text-yellow-600');
+        try {
+            await Amber.deleteDatabase();
+        } catch (err) {
+            // Only a tab still running an older version of the app holds the database open.
+            if (err && err.message === 'blocked') showSettingsMessage('Couldn\'t clear the readings yet: the app is open in another tab or window. Close it there, then try again.', 'text-orange-600', 12000);
+            else showSettingsMessage('Couldn\'t clear the saved meter readings.', 'text-red-600', 12000);
             return;
         }
-        const wrap = document.createElement('div');
-        const pre = document.createElement('pre');
-        pre.className = 'bg-gray-100 p-3 text-xs whitespace-pre-wrap break-all';
-        pre.textContent = outputLines.join(',\n');
-        const copy = document.createElement('button');
-        copy.type = 'button';
-        copy.className = 'mt-3 bg-indigo-600 text-white px-3 py-2 rounded';
-        copy.textContent = 'Copy to clipboard';
-        copy.onclick = () => navigator.clipboard.writeText(pre.textContent);
-        wrap.appendChild(pre);
-        wrap.appendChild(copy);
-        showModal('Custom plans for code', wrap);
+        // An imported household is only its readings, so it goes too.
+        saveLocalSites([]);
+        state.cachedChannelData = null;
+        state.cachedAllChannelData = null;
+        state.lastResultDataPayload = null;
+        state.monthly = null;
+        state.dailySummaries = {};
+        state.lastFetchedStartDate = null;
+        state.lastFetchedEndDate = null;
+        state.lastFetchTimestamp = null;
+        state.batteryShift = null;
+        state.batteryDetect = null;
+        hideResults();
+        hideMessage();
+        $('calendar-container').innerHTML = '';
+        $('monthlySection').classList.add('hidden');
+        populateSites(state.sites);
+        syncConnectedUi();
+        updatePlanSavings();
+        renderBillCheck();
+        updateCacheSummary();
+        // Solar+? has no dates bar, and shows what it can still work from.
+        if (state.activeTab === 'plan') {
+            $('configSection').classList.add('hidden');
+            $('resultTools').classList.add('hidden');
+            if (Amber.plannerUi) Amber.plannerUi.show();
+        }
+        showSettingsMessage('Saved meter readings cleared.', 'text-green-600', 8000);
     }
 
     function buildSettingsMenu() {
-        const settingsMenu = $('settingsMenu');
-        let html = `
-            <button type="button" id="clearCacheBtn" class="w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" role="menuitem">Clear saved meter readings<span class="block text-xs text-gray-500">They download again from Amber next time (about the last 3 months only)</span></button>
+        $('settingsMenu').innerHTML = `
+            <button type="button" id="clearCacheBtn" class="w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" role="menuitem">Clear saved meter readings<span class="block text-xs text-gray-500">They download again from Amber next time (about the last 3 months only). Imported files need importing again</span></button>
             <div class="border-t border-gray-100"></div>
             <button type="button" id="clearCustomPlansBtn" class="w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" role="menuitem">Delete plans I typed in<span class="block text-xs text-gray-500">The built-in plans stay</span></button>
         `;
-        const urlParams = new URLSearchParams(root.location.search);
-        if (urlParams.get('name') === 'Rick') {
-            html += `
-                <div class="border-t border-gray-100"></div>
-                <button type="button" id="saveCustomPlansForRick" class="w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" role="menuitem">Save custom plans</button>
-                <button type="button" id="showStatsForRick" class="w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" role="menuitem">Show stats</button>
-            `;
-        }
-        settingsMenu.innerHTML = html;
-        if (urlParams.get('name') === 'Rick') {
-            $('saveCustomPlansForRick').addEventListener('click', saveCustomPlansForRick);
-            $('showStatsForRick').addEventListener('click', showStatsForRick);
-        }
         $('clearCustomPlansBtn').addEventListener('click', () => {
+            closeSettingsMenu();
             if (!window.confirm('Delete ALL saved custom plans? This cannot be undone.')) return;
-            const oldCustomPlans = JSON.parse(localStorage.getItem('customSupplierPlans') || '{}');
+            const oldCustomPlans = storedCustomPlans();
             localStorage.removeItem('customSupplierPlans');
             Object.keys(oldCustomPlans).forEach((stateCode) => {
                 if (!state.templates[stateCode]) return;
@@ -2718,42 +2751,9 @@
                 $('planSelector').value = '';
                 clearPlanInputs();
             }
-            const msg = $('cacheMessage');
-            msg.textContent = 'Custom plans cleared successfully!';
-            msg.className = 'text-sm mt-2 font-medium text-green-600';
-            setTimeout(() => { msg.textContent = ''; }, 3000);
-        });
-        $('clearCacheBtn').addEventListener('click', async () => {
-            if (!window.confirm('Clear all cached usage data? This cannot be undone.')) return;
-            const msg = $('cacheMessage');
-            msg.textContent = 'Clearing cache...';
-            msg.className = 'text-sm mt-2 font-medium text-yellow-600';
-            try {
-                await Amber.deleteDatabase();
-                state.cachedChannelData = null;
-                state.cachedAllChannelData = null;
-                state.monthly = null;
-                state.dailySummaries = {};
-                state.lastFetchedStartDate = null;
-                state.lastFetchedEndDate = null;
-                $('calendar-container').innerHTML = '';
-                $('monthlySection').classList.add('hidden');
-                $('batteryShiftSection').classList.add('hidden');
-                $('freePowerEmpty').classList.add('hidden');
-                state.batteryShift = null;
-                msg.textContent = 'Cache cleared successfully!';
-                msg.className = 'text-sm mt-2 font-medium text-green-600';
-            } catch (err) {
-                if (err && err.message === 'blocked') {
-                    msg.textContent = 'Cache is busy. Refresh the page and try again.';
-                    msg.className = 'text-sm mt-2 font-medium text-orange-600';
-                } else {
-                    msg.textContent = 'Error clearing cache.';
-                    msg.className = 'text-sm mt-2 font-medium text-red-600';
-                }
-            }
-            setTimeout(() => { msg.textContent = ''; }, 4000);
+            showSettingsMessage('The plans you typed in were deleted.', 'text-green-600', 8000);
         });
+        $('clearCacheBtn').addEventListener('click', clearSavedReadings);
     }
 
     function init() {
@@ -2807,9 +2807,13 @@
             if (file) handleAmberBillFile(file);
         });
         $('stateSelector').addEventListener('change', (e) => {
+            // A plan from the old state gives way to the new state's usual plan (or to blank own
+            // rates when the state has none for this network); rates typed in by hand stay.
+            state.stateChosenByHand = true;
             updatePlanSelector(e.target.value);
-            $('planSelector').value = '';
             saveAllSettings();
+            if (state.cachedChannelData && state.lastFetchedStartDate && !state.fetching) recalculateAndShow(false);
+            else updatePlanSavings();
         });
         $('planSelector').addEventListener('change', () => {
             selectSupplierPlan($('planSelector').value, { fromChange: true });
@@ -2870,6 +2874,7 @@
             state.monthly = null;
             state.lastFetchTimestamp = null;
             state.batteryShift = null;
+            state.stateChosenByHand = false;
             syncSiteMode();
             updatePlanSelector(currentStateCode());
             saveAllSettings();
@@ -2906,6 +2911,18 @@
                 $('settingsBtn').setAttribute('aria-expanded', 'false');
             }
         });
+        // Escape closes whichever menu is open and hands the keyboard back to its button.
+        document.addEventListener('keydown', (event) => {
+            if (event.key !== 'Escape') return;
+            if (!csvMenu.classList.contains('hidden')) {
+                csvMenu.classList.add('hidden');
+                $('downloadCsvButton').focus();
+            }
+            if (!$('settingsMenu').classList.contains('hidden')) {
+                closeSettingsMenu();
+                $('settingsBtn').focus();
+            }
+        });
         $('downloadFullIntervalCsv').addEventListener('click', (e) => {
             e.preventDefault();
             if (!state.cachedChannelData) return;
diff --git a/js/calendar.js b/js/calendar.js
index e7c74fc..47e9bd6 100644
--- a/js/calendar.js
+++ b/js/calendar.js
@@ -232,15 +232,6 @@
         container.innerHTML = '';
         container.className = 'relative space-y-6 max-h-[80vh] overflow-y-auto pr-2';
         const availableDateSet = new Set(Object.keys(context.dailySummaries));
-        const selectedDateSet = new Set();
-        if (context.startDate && context.endDate) {
-            let d = new Date(context.startDate + 'T00:00:00');
-            const endD = new Date(context.endDate + 'T00:00:00');
-            while (d <= endD) {
-                selectedDateSet.add(Amber.formatForInput(d));
-                d.setDate(d.getDate() + 1);
-            }
-        }
         const allDates = [...availableDateSet].sort();
         if (allDates.length === 0) {
             if (context.siteId) container.innerHTML = '<p class="text-center text-gray-500">No data available to display.</p>';
@@ -320,8 +311,8 @@
             let dayHtml;
             if (availableDateSet.has(dateStr)) {
                 const summary = context.dailySummaries[dateStr];
-                const isSelected = selectedDateSet.has(dateStr);
-                const borderClass = isSelected ? 'border-4 border-indigo-500' : 'border border-gray-200';
+                // Every day shown is inside the chosen dates, so none is marked out from the rest.
+                const borderClass = 'border border-gray-200';
                 const estimatedClass = summary && summary.estimatedCount > 0 ? ' ring-1 ring-amber-400' : '';
                 if (summary && (summary.totalInKwh > 0 || summary.totalOutKwh > 0)) {
                     const totalAmberCost = summary.amberCost + (summary.amberDemandCost || 0) + Amber.amberFixedDaily(context.amberRates, dateStr);
diff --git a/js/constants.js b/js/constants.js
index bb1f1e0..63a0264 100644
--- a/js/constants.js
+++ b/js/constants.js
@@ -20,7 +20,7 @@
     // Compare "This month" when the page opens with a saved API key (a test can preset
     // window.Amber.AUTO_COMPARE = false to start idle).
     Amber.AUTO_COMPARE = Amber.AUTO_COMPARE !== false;
-    Amber.APP_VERSION = '1.61';
+    Amber.APP_VERSION = '1.62';
     Amber.TEMPLATES_AS_AT = '2026-07-01';
     // All editable rates (plans, custom, Amber fixed charges) are GST-inclusive,
     // matching Energy Made Easy, DMO/VDO, retailer fact sheets and Amber perKwh.
diff --git a/js/costs.js b/js/costs.js
index b4fbe2d..85c7e14 100644
--- a/js/costs.js
+++ b/js/costs.js
@@ -668,20 +668,19 @@
             });
         });
 
-        // Allocate the period's export charge in proportion to midday exports.
-        // Keep it on general usage, just as the comparison and bill settlement do.
+        // Allocate each settlement's export charge (each calendar month's, in Compare) in proportion
+        // to its midday exports. Keep it on general usage, just as the comparison and bill do.
         const general = Object.values(channelData).find((c) => c.type === 'general');
         if (general) Object.values(channelData).forEach((channel) => {
             const settled = channel.amberFeedInSettlement;
             if (!settled || !settled.charge) return;
             channel.usageData.forEach((item) => {
-                const share = Amber.exportSettlementShare(channel, item);
+                const charge = Amber.exportChargeForItem(channel, item);
                 const day = summaries[Amber.usageDateStr(item)];
-                if (!share || !day) return;
+                if (!charge || !day) return;
                 const line = day.channels[general.identifier] || (day.channels[general.identifier] = {
                     type: 'general', kwh: 0, amberCost: 0, otherCost: 0
                 });
-                const charge = settled.charge * share;
                 day.amberCost += charge;
                 line.amberCost += charge;
             });
@@ -795,12 +794,20 @@
         return null;
     };
 
-    Amber.settleAmberFeedIn = function (channel, site, numDays) {
+    /**
+     * Settle a feed-in channel's export tariff the way the bill does. With range ({ from, to },
+     * inclusive dates) each calendar month is settled on its own, as Amber bills it: that month's
+     * midday exports against the free allowance for its days in the range (months: { 'YYYY-MM':
+     * { days, middayKwh, chargedKwh, charge } }). Without a range the whole period is one
+     * settlement over numDays (one bill, or one month).
+     */
+    Amber.settleAmberFeedIn = function (channel, site, numDays, range) {
         if (!channel || channel.type !== 'feedIn') return null;
         const tariff = Amber.resolveExportTariff(site, channel);
         if (!tariff) return null;
         const days = Number(numDays) || 0;
         const opts = { clock: tariff.clock || 'local', timeZone: tariff.timeZone || 'Australia/Sydney' };
+        const byMonth = range && range.from && range.to ? Object.create(null) : null;
         let intervalCost = 0;
         let middayKwh = 0;
         let rewardKwh = 0;
@@ -811,6 +818,10 @@
             const parts = Amber.itemClockParts(item, opts);
             if (Amber.intervalEndInWindow(parts, tariff.middayStart, tariff.middayEnd)) {
                 middayKwh += kwh;
+                if (byMonth) {
+                    const key = Amber.usageDateStr(item).substring(0, 7);
+                    byMonth[key] = (byMonth[key] || 0) + kwh;
+                }
             }
             if (tariff.rewardStart && Amber.intervalEndInWindow(parts, tariff.rewardStart, tariff.rewardEnd)) {
                 rewardKwh += kwh;
@@ -823,11 +834,27 @@
          * embedded charge back onto the credit for all midday kWh, and charge the kWh above BEL
          * on usage. Checked against an Amber bill: credit $6.70, export charge $0.26 ex GST.
          */
-        const bel = (tariff.belKwhPerDay || 0) * days;
-        const freeKwh = Math.min(middayKwh, bel);
-        const chargedKwh = Math.max(0, middayKwh - bel);
+        const belPerDay = tariff.belKwhPerDay || 0;
         const exRate = tariff.chargeExGst != null ? tariff.chargeExGst : (tariff.chargeIncGst || 0) / 1.1;
         const rate = tariff.chargeIncGst != null ? tariff.chargeIncGst : exRate * 1.1;
+        let chargedKwh;
+        let months = null;
+        if (byMonth) {
+            months = {};
+            chargedKwh = 0;
+            const add = (key, monthDays) => {
+                const kwh = byMonth[key] || 0;
+                const over = Math.max(0, kwh - belPerDay * monthDays);
+                months[key] = { days: monthDays, middayKwh: kwh, chargedKwh: over, charge: over * rate / 100 };
+                chargedKwh += over;
+            };
+            Amber.monthsInRange(range.from, range.to).forEach((m) => add(m.key, m.days));
+            // Readings outside the range (there shouldn't be any) get no allowance.
+            Object.keys(byMonth).forEach((key) => { if (!months[key]) add(key, 0); });
+        } else {
+            chargedKwh = Math.max(0, middayKwh - belPerDay * days);
+        }
+        const freeKwh = middayKwh - chargedKwh;
         const addBack = middayKwh * exRate / 100;
         const charge = chargedKwh * rate / 100;
         return {
@@ -840,7 +867,8 @@
             chargedKwh,
             charge,
             addBack,
-            chargeRate: rate
+            chargeRate: rate,
+            months
         };
     };
 
@@ -852,13 +880,29 @@
         return Amber.intervalEndInWindow(parts, t.middayStart, t.middayEnd) ? Amber.absKwh(item.kwh) / s.middayKwh : 0;
     };
 
+    /** The export charge ($) that falls on one interval: its share of its settlement's midday exports. */
+    Amber.exportChargeForItem = function (channel, item) {
+        const s = channel.amberFeedInSettlement;
+        if (!s || !s.charge) return 0;
+        if (!s.months) return s.charge * Amber.exportSettlementShare(channel, item);
+        const month = s.months[Amber.usageDateStr(item).substring(0, 7)];
+        if (!month || !month.charge || !month.middayKwh) return 0;
+        // exportSettlementShare is the interval's share of every midday kWh; rescale to its month.
+        return month.charge * Amber.exportSettlementShare(channel, item) * s.middayKwh / month.middayKwh;
+    };
+
     Amber.settledFeedInItemCost = function (channel, item) {
         const raw = Amber.absKwh(item.kwh) * (parseFloat(item.perKwh) || 0) / 100;
         const s = channel.type === 'feedIn' && channel.amberFeedInSettlement;
         return s ? raw - s.addBack * Amber.exportSettlementShare(channel, item) : raw;
     };
 
-    Amber.applyAmberFeedInSettlement = function (channelTotals, site, numDays) {
+    /**
+     * Settle every feed-in channel (see settleAmberFeedIn) and book any export charge on general
+     * usage. range ({ from, to }): settle each calendar month in it on its own, as Compare, month
+     * by month and the planner do; leave it out to settle numDays as one period (a bill).
+     */
+    Amber.applyAmberFeedInSettlement = function (channelTotals, site, numDays, range) {
         Object.keys(channelTotals || {}).forEach((id) => {
             const channel = channelTotals[id];
             delete channel.amberFeedInSettlement;
@@ -871,7 +915,7 @@
         });
         Object.keys(channelTotals || {}).forEach((id) => {
             const channel = channelTotals[id];
-            const settled = Amber.settleAmberFeedIn(channel, site, numDays);
+            const settled = Amber.settleAmberFeedIn(channel, site, numDays, range);
             if (!settled) return;
             channel.totalAmberCost = settled.cost;
             channel.amberFeedInSettlement = settled;
diff --git a/js/help.js b/js/help.js
index 9dde1ad..a8d70fb 100644
--- a/js/help.js
+++ b/js/help.js
@@ -70,7 +70,7 @@
         rowOtherDemand: 'The other plan\'s demand charge, from the settings under "Show this plan\'s prices".',
         rowDaily: 'The fixed daily charge for being connected, for every day in the period.',
         rowSubscription: 'Amber\'s membership fee, about $25 a month. Other retailers don\'t have one; their margin is built into their prices instead.',
-        rowExportCharge: 'Some networks (such as Ausgrid) charge a small fee for solar sent out in the middle of the day above a free daily amount. Amber passes it on.',
+        rowExportCharge: 'Some networks (such as Ausgrid) charge a small fee for solar sent out in the middle of the day above a free daily amount. The free amount is added up over each calendar month, as on your bill. Amber passes the fee on.',
         rowTotal: 'Everything added up for the period.',
         allPlans: 'Your exact usage priced on every plan we have for your network, cheapest first. Tap a plan to show it in full in the table above.',
         monthly: 'The same comparison month by month, for each whole calendar month within the dates you chose. Pick Last 12 months to see summer against winter.',
@@ -109,8 +109,8 @@
         planHotWater: 'A heat-pump hot-water system uses about a third of the power of an ordinary electric one. Pick what it would replace: an electric system on a controlled load (your controlled load readings shrink) or a gas one (new electricity use, and your gas bill shrinks).',
         planGasHeating: 'Your gas use for heating, in megajoules (MJ) a year, from your gas bill. The app works out the power a reverse-cycle air conditioner would need for the same warmth, mostly in winter. Leave at 0 if you don\'t heat with gas.',
         planStc: 'The federal Small-scale Technology Certificates (STCs) that lower the price of solar, usually taken off the installer\'s quote. Roughly $280 per kW; the amount shrinks every year until the scheme ends in 2030.',
-        planBatteryRebate: 'The federal Cheaper Home Batteries rebate (started July 2025), paid per usable kWh and usually taken off the quote. It shrinks every year to 2030 and the rules for very large batteries have changed, so check the current figure with your installer. Some states add their own rebate.',
-        planRebateStepDown: 'How much smaller the rebates get each year. Used for the "wait a year" comparison and for buying a replacement battery later.',
+        planBatteryRebate: 'The federal Cheaper Home Batteries rebate, paid per usable kWh and usually taken off the quote. About $255 a kWh from May 2026. Bigger batteries get less: the full amount on the first 14 kWh, 60% of it from 14 to 28 kWh, 15% from 28 to 50 kWh and nothing above that. The app works this out for each battery size. The rebate shrinks every January and July until 2030, so check the current figure with your installer. Some states add their own rebate.',
+        planRebateStepDown: 'How much smaller the rebates get each year. Used for the "wait a year" comparison only: a replacement battery, years from now, is costed with no rebate. The battery rebate now steps down every January and July, so it may shrink faster than this.',
         planRte: 'A battery loses a little energy on the way in and out. 90% means 10 kWh in gives 9 kWh back out. Most lithium home batteries are 88 to 92%.',
         planBatteryPower: 'How fast the battery can charge or discharge, compared with its size. 0.4 means a 13.5 kWh battery runs at about 5.4 kW. The app keeps this between 2.5 kW and 15 kW.',
         planBatteryWear: 'Batteries slowly hold less. 2% a year means a 10 kWh battery holds about 8 kWh after 10 years. The app also replaces it at the end of its life.',
diff --git a/js/monthly.js b/js/monthly.js
index d7894b1..e3f39a6 100644
--- a/js/monthly.js
+++ b/js/monthly.js
@@ -19,7 +19,10 @@
      * monthly demand, daily connection and subscription for every day in the period.
      * All dollar values are GST-inclusive; feed-in is negative when it is a credit.
      *
-     * opts: { site, planConfig, state, amberRates }
+     * The feed-in export allowance is settled per calendar month, each month clipped to the
+     * period, like demand. A bill is one settlement whatever months it covers: pass billPeriod.
+     *
+     * opts: { site, planConfig, state, amberRates, billPeriod }
      */
     Amber.periodTotals = function (channelTotals, from, to, opts) {
         const o = opts || {};
@@ -41,7 +44,7 @@
             items.forEach((item) => dataDays.add(Amber.usageDateStr(item)));
             Amber.processUsageData(items, ct, true);
         });
-        Amber.applyAmberFeedInSettlement(ct, o.site, days);
+        Amber.applyAmberFeedInSettlement(ct, o.site, days, o.billPeriod ? null : { from, to });
         const demand = Amber.calculateDemandTariff(ct, rates);
         const fixed = Amber.amberFixedForPeriod(rates, from, to);
 
diff --git a/js/planner-ui.js b/js/planner-ui.js
index 93a102b..b1c57dc 100644
--- a/js/planner-ui.js
+++ b/js/planner-ui.js
@@ -69,10 +69,15 @@
         try { localStorage.setItem(SETTINGS_KEY, JSON.stringify(out)); } catch (e) { /* ignore */ }
     }
 
+    // Defaults that were saved untouched before they were updated: the battery rebate was $330 a
+    // kWh until v1.62 (the rate before 1 May 2026). A saved 330 moves to the current default.
+    const RETIRED_DEFAULTS = { planBatteryRebatePerKwh: '330' };
+
     function applySettings(saved) {
         FIELDS.forEach((id) => {
             const el = $(id);
             if (!el || saved[id] == null) return;
+            if (RETIRED_DEFAULTS[id] != null && String(saved[id]) === RETIRED_DEFAULTS[id]) return;
             if (el.type === 'checkbox') el.checked = !!saved[id];
             else if (el.tagName !== 'SELECT' || Array.from(el.options).some((o) => o.value === saved[id])) el.value = saved[id];
         });
@@ -93,6 +98,7 @@
     function customPlanNames() {
         try {
             const custom = JSON.parse(localStorage.getItem('customSupplierPlans') || '{}') || {};
+            if (typeof custom !== 'object') return new Set();
             return new Set([].concat(...Object.values(custom).map((byName) => Object.keys(byName || {}))));
         } catch (e) { return new Set(); }
     }
@@ -1006,7 +1012,12 @@
         const f = ui.results.f;
         const parts = [];
         if (x.solarKw > 0) parts.push(`panels ${dollars(f.solarFixed + f.solarPerKw * x.solarKw)} (${dollars(f.solarPerKw)} a kW plus ${dollars(f.solarFixed)}) less a ${dollars(f.stcPerKw * x.solarKw)} rebate`);
-        if (x.batteryKwh > 0) parts.push(`battery ${dollars(f.batteryFixed + f.batteryPerKwh * x.batteryKwh)} (${dollars(f.batteryPerKwh)} a kWh plus ${dollars(f.batteryFixed)}) less a ${dollars(f.batteryRebatePerKwh * x.batteryKwh)} rebate`);
+        if (x.batteryKwh > 0) {
+            // Over 14 kWh the rebate is smaller per kWh: say how it was worked out.
+            const tiers = x.batteryKwh > Amber.BATTERY_REBATE_TIERS[0].upTo
+                ? ` (${dollars(f.batteryRebatePerKwh)} a kWh on the first 14 kWh, 60% of that from 14 to 28 kWh, 15% from 28 to 50 kWh)` : '';
+            parts.push(`battery ${dollars(f.batteryFixed + f.batteryPerKwh * x.batteryKwh)} (${dollars(f.batteryPerKwh)} a kWh plus ${dollars(f.batteryFixed)}) less a ${dollars(x.fin.capex.batteryRebate)} rebate${tiers}`);
+        }
         return `${parts.join('; ')}: ${dollars(x.fin.capex.total)} in all`;
     }
 
diff --git a/js/planner.js b/js/planner.js
index 81e4a20..542c351 100644
--- a/js/planner.js
+++ b/js/planner.js
@@ -367,36 +367,42 @@
 
     /**
      * Amber's cost ($, inc GST) for half-hourly kWh: interval prices, the export settlement,
-     * monthly network demand and the daily charges. Matches Amber.periodTotals on the same readings.
+     * monthly network demand and the daily charges. Matches Amber.periodTotals on the same readings
+     * (the export allowance and demand are both settled per calendar month).
      * Returns { total, usage, controlled, feedIn, exportCharge, demand, connection, subscription }.
      */
     Amber.amberCardCost = function (year, model, imp, exp, cl, range) {
         const r = rangeOf(year, range);
-        const days = r.to - r.from + 1;
         let usage = 0;
         let controlled = 0;
         let feedIn = 0;
-        let midday = 0;
         for (let i = r.from * SLOTS; i < (r.to + 1) * SLOTS; i++) {
             usage += imp[i] * year.amberImp[i];
             if (cl) controlled += cl[i] * year.amberCl[i];
             feedIn += exp[i] * year.amberExp[i];
-            if (model.midday && model.midday[i]) midday += exp[i];
         }
         usage /= 100;
         controlled /= 100;
         feedIn /= 100;
+        const months = monthsOf(year).filter((m) => m.endDay >= r.from && m.startDay <= r.to);
         let exportCharge = 0;
         if (model.tariff) {
+            // Each calendar month is settled on its own (as Amber bills it): its midday exports
+            // against the free allowance for its days in the range.
             const t = model.tariff;
             const exRate = t.chargeExGst != null ? t.chargeExGst : (t.chargeIncGst || 0) / 1.1;
             const rate = t.chargeIncGst != null ? t.chargeIncGst : exRate * 1.1;
-            const charged = Math.max(0, midday - (t.belKwhPerDay || 0) * days);
-            feedIn -= midday * exRate / 100;
-            exportCharge = charged * rate / 100;
+            months.forEach((m) => {
+                const from = Math.max(m.startDay, r.from);
+                const to = Math.min(m.endDay, r.to);
+                let midday = 0;
+                for (let i = from * SLOTS; i < (to + 1) * SLOTS; i++) if (model.midday[i]) midday += exp[i];
+                feedIn -= midday * exRate / 100;
+                exportCharge += Math.max(0, midday - (t.belKwhPerDay || 0) * (to - from + 1)) * rate / 100;
+            });
         }
         let demand = 0;
-        monthsOf(year).filter((m) => m.endDay >= r.from && m.startDay <= r.to).forEach((m) => {
+        months.forEach((m) => {
             let peak = 0;
             const demandDays = new Set();
             for (let i = m.startDay * SLOTS; i < (m.endDay + 1) * SLOTS; i++) {
@@ -1328,23 +1334,45 @@
 
     // ---------- Money over the years ----------
 
+    // batteryRebatePerKwh: the federal Cheaper Home Batteries rebate on the first 14 kWh. From
+    // 1 May 2026 it is 6.8 certificates per usable kWh (8.4 before, which was about $330), at
+    // about $37.50 a certificate after fees. It steps down again each January and July.
     Amber.PLANNER_FINANCE_DEFAULTS = {
         solarPerKw: 1150, solarFixed: 1500, stcPerKw: 280,
-        batteryPerKwh: 900, batteryFixed: 1500, batteryRebatePerKwh: 330,
+        batteryPerKwh: 900, batteryFixed: 1500, batteryRebatePerKwh: 255,
         rebateStepDown: 10, hardwareDecline: 4,
         escalation: 3, discount: 5, years: 20,
         solarDegradation: 0.5, batteryFade: 2, batteryLife: 12, batteryCostDecline: 4,
         inverterLife: 12, inverterCost: 2000
     };
 
-    /** Up-front cost of a system after rebates: { solar, battery, total, rebates, gross }. */
+    // Since 1 May 2026 the battery rebate is tiered by usable size: the full rate on the first
+    // 14 kWh, 60 % of it from 14 to 28 kWh, 15 % from 28 to 50 kWh and nothing above that.
+    Amber.BATTERY_REBATE_TIERS = [{ upTo: 14, share: 1 }, { upTo: 28, share: 0.6 }, { upTo: 50, share: 0.15 }];
+
+    /** The kWh of a new battery that earn the full per-kWh rebate, after the size tiers. */
+    Amber.batteryRebateKwh = function (batteryKwh) {
+        let from = 0;
+        let counted = 0;
+        Amber.BATTERY_REBATE_TIERS.forEach((tier) => {
+            if (batteryKwh > from) counted += (Math.min(batteryKwh, tier.upTo) - from) * tier.share;
+            from = tier.upTo;
+        });
+        return counted;
+    };
+
+    /**
+     * Up-front cost of a system after rebates: { solar, battery, total, rebates, gross,
+     * solarRebate, batteryRebate }. The battery rebate follows the size tiers above.
+     */
     Amber.plannerCapex = function (solarKw, batteryKwh, f) {
         const solarGross = solarKw > 0 ? f.solarFixed + f.solarPerKw * solarKw : 0;
         const solarRebate = solarKw > 0 ? f.stcPerKw * solarKw : 0;
         const batteryGross = batteryKwh > 0 ? f.batteryFixed + f.batteryPerKwh * batteryKwh : 0;
-        const batteryRebate = batteryKwh > 0 ? f.batteryRebatePerKwh * batteryKwh : 0;
+        const batteryRebate = batteryKwh > 0 ? f.batteryRebatePerKwh * Amber.batteryRebateKwh(batteryKwh) : 0;
         return {
             solar: solarGross - solarRebate, battery: batteryGross - batteryRebate,
+            solarRebate, batteryRebate,
             gross: solarGross + batteryGross, rebates: solarRebate + batteryRebate,
             total: solarGross + batteryGross - solarRebate - batteryRebate
         };
diff --git a/js/redispatch.js b/js/redispatch.js
index 114b980..9759262 100644
--- a/js/redispatch.js
+++ b/js/redispatch.js
@@ -57,10 +57,14 @@
             const c = channelTotals[id];
             if (!c || c.type !== 'feedIn') return;
             (c.usageData || []).forEach((item) => {
+                // "After dark" goes by the local clock, but days are counted as everywhere else in
+                // the app (the reading's own date), so a year is 365 days here too: with daylight
+                // saving, local dates would add a day at the end.
                 const parts = Amber.clockPartsForItem(item, null, state);
-                all[parts.dateStr] = true;
+                const date = Amber.usageDateStr(item);
+                all[date] = true;
                 const kwh = Amber.absKwh(item.kwh);
-                if (kwh > 0 && darkExport(parts, item)) dark[parts.dateStr] = (dark[parts.dateStr] || 0) + kwh;
+                if (kwh > 0 && darkExport(parts, item)) dark[date] = (dark[date] || 0) + kwh;
             });
         });
         const days = Object.keys(all).length;
diff --git a/js/storage.js b/js/storage.js
index 2af8a66..e659d9a 100644
--- a/js/storage.js
+++ b/js/storage.js
@@ -16,11 +16,12 @@
 
     Amber.DB_NAME = DB_NAME;
 
+    const HTML_ESCAPES = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', '\'': '&#39;' };
+
+    /** Text made safe for HTML, inside an element or a quoted attribute (so quotes are escaped too). */
     Amber.escapeHTML = function (str) {
         if (str == null) return '';
-        const div = document.createElement('div');
-        div.textContent = String(str);
-        return div.innerHTML;
+        return String(str).replace(/[&<>"']/g, (ch) => HTML_ESCAPES[ch]);
     };
 
     Amber.obfuscate = function (str) {
@@ -51,7 +52,13 @@
                     db.createObjectStore(STORE_NAME, { keyPath: 'id' });
                 }
             };
-            request.onsuccess = (event) => resolve(event.target.result);
+            request.onsuccess = (event) => {
+                const db = event.target.result;
+                // Connections aren't closed after use, so let go when the database is being deleted
+                // ("Clear saved meter readings"): an open connection would block the delete.
+                db.onversionchange = () => db.close();
+                resolve(db);
+            };
             request.onerror = (event) => {
                 console.error('IndexedDB error:', event.target.error);
                 reject(event.target.error);
@@ -74,6 +81,8 @@
             entries.forEach((entry) => store.put({ id: entry.id, data: entry.data }));
             transaction.oncomplete = () => resolve();
             transaction.onerror = (event) => reject(event.target.error || transaction.error);
+            // A write that runs out of room is aborted, often with no error event first.
+            transaction.onabort = () => reject(transaction.error || new Error('The browser could not save the readings.'));
         });
     };
 
@@ -108,6 +117,7 @@
                 request.onerror = () => done(request.error);
             });
             transaction.onerror = (event) => done(event.target.error || transaction.error);
+            transaction.onabort = () => done(transaction.error || new Error('The saved readings could not be read.'));
         });
     };
 
@@ -175,6 +185,7 @@
                 resolve({ byDate, dates });
             };
             request.onerror = (event) => reject(event.target.error);
+            transaction.onabort = () => reject(transaction.error || new Error('The saved readings could not be read.'));
         });
     };
 
@@ -187,6 +198,7 @@
             transaction.objectStore(STORE_NAME).delete(IDBKeyRange.bound(prefix, `${prefix}￿`));
             transaction.oncomplete = () => resolve();
             transaction.onerror = (event) => reject(event.target.error);
+            transaction.onabort = () => reject(transaction.error || new Error('The saved readings could not be removed.'));
         });
     };
 
diff --git a/js/templates.js b/js/templates.js
index 7534962..93d685c 100644
--- a/js/templates.js
+++ b/js/templates.js
@@ -555,6 +555,18 @@
         return JSON.parse(JSON.stringify(Amber.supplierTemplates));
     };
 
+    /**
+     * A short fingerprint of a plan's prices and times. The plan form remembers the fingerprint
+     * of the built-in plan it was filled from, so a later version of the app with new prices for
+     * that plan can tell the saved form is out of date (app.js loadAllSettings).
+     */
+    Amber.templateSignature = function (plan) {
+        const text = JSON.stringify(plan || null);
+        let hash = 5381;
+        for (let i = 0; i < text.length; i++) hash = ((hash * 33) ^ text.charCodeAt(i)) >>> 0;
+        return `${text.length}.${hash.toString(36)}`;
+    };
+
     Amber.templateAsAt = function (plan) {
         if (plan && plan.asAt) return plan.asAt;
         return Amber.TEMPLATES_AS_AT;
diff --git a/js/time.js b/js/time.js
index 86e6ec2..fb58b73 100644
--- a/js/time.js
+++ b/js/time.js
@@ -40,6 +40,30 @@
         return Amber.formatForInput(d);
     };
 
+    /**
+     * The calendar months that [from, to] (inclusive YYYY-MM-DD dates) touches, oldest first, each
+     * clipped to the range: [{ key: 'YYYY-MM', from, to, days }].
+     */
+    Amber.monthsInRange = function (from, to) {
+        const out = [];
+        if (!from || !to || to < from) return out;
+        let y = parseInt(from.substring(0, 4), 10);
+        let m = parseInt(from.substring(5, 7), 10);
+        const endKey = to.substring(0, 7);
+        for (;;) {
+            const key = `${y}-${pad(m)}`;
+            const first = `${key}-01`;
+            const last = `${key}-${pad(new Date(y, m, 0).getDate())}`;
+            const start = from > first ? from : first;
+            const end = to < last ? to : last;
+            out.push({ key, from: start, to: end, days: Amber.inclusiveDayCount(start, end) });
+            if (key >= endKey) break;
+            m += 1;
+            if (m > 12) { m = 1; y += 1; }
+        }
+        return out;
+    };
+
     /**
      * NEM timestamps are the END of the interval in UTC+10.
      * Shift back one second so midnight-ending intervals bucket on the usage day.
diff --git a/tailwind.config.js b/tailwind.config.js
index e9740d7..b74bc90 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -23,8 +23,6 @@ module.exports = {
         'text-amber-800',
         'text-orange-600',
         'text-yellow-600',
-        'border-4',
-        'border-indigo-500',
         'ring-1',
         'ring-amber-400',
         'font-semibold',
diff --git a/tests/unit-billcheck.js b/tests/unit-billcheck.js
index dffc875..580150f 100644
--- a/tests/unit-billcheck.js
+++ b/tests/unit-billcheck.js
@@ -170,6 +170,50 @@ const ea025Totals = { importKwh: 480.092, amberUsage: 85.848, amberDemand: 0, am
 const ea025Rows = Amber.compareBill(ea025, ea025Totals);
 assert(ea025Rows.every((r) => r.ok), `EA025 bill checks out line by line (${ea025Rows.filter((r) => !r.ok).map((r) => r.key).join(', ')})`);
 
+// The Ausgrid export allowance is settled per calendar month (as demand is), so the answer for a
+// longer period, month by month and the Free? tab agree. A bill is one settlement of its own.
+{
+    const site = { network: 'Ausgrid', channels: [{ identifier: 'E1', type: 'general', tariff: 'EA116' }, { identifier: 'B1', type: 'feedIn', tariff: 'EA029' }] };
+    const two = { E1: Amber.emptyChannel(site.channels[0]), B1: Amber.emptyChannel(site.channels[1]) };
+    const items = [];
+    const addDay = (date, middayKwh) => {
+        // Midday (10am–3pm Sydney summer time) is 9am–2pm NEM time: the 10 half hours ending 09:30–14:00.
+        const next = new Date(Date.parse(date + 'T00:00:00Z') + 86400000).toISOString().substring(0, 10);
+        for (let i = 1; i <= 48; i++) {
+            const h = Math.floor(i / 2);
+            const nemTime = i === 48 ? `${next}T00:00:00+10:00` : `${date}T${String(h).padStart(2, '0')}:${i % 2 ? '30' : '00'}:00+10:00`;
+            items.push({ nemTime, date, kwh: 0.3, perKwh: 25, duration: 30, channelIdentifier: 'E1', quality: 'billable' });
+            items.push({ nemTime, date, kwh: i >= 19 && i <= 28 ? middayKwh / 10 : 0, perKwh: -4, duration: 30, channelIdentifier: 'B1', quality: 'billable' });
+        }
+    };
+    for (let d = 1; d <= 31; d++) addDay(`2025-12-${String(d).padStart(2, '0')}`, 20); // well over the free 6.83 kWh a day
+    for (let d = 1; d <= 31; d++) addDay(`2026-01-${String(d).padStart(2, '0')}`, 2); // well under it
+    Amber.processUsageData(items, two, true);
+    const o = { amberRates: rates, state: 'NSW', site, planConfig: plan };
+    const t = Amber.EXPORT_TARIFFS.EA029;
+    const decCharge = (31 * 20 - 31 * t.belKwhPerDay) * t.chargeIncGst / 100;
+    const pooledCharge = (31 * 20 + 31 * 2 - 62 * t.belKwhPerDay) * t.chargeIncGst / 100;
+    const period = Amber.periodTotals(two, '2025-12-01', '2026-01-31', o);
+    const months = Amber.monthlyBreakdown(two, ['2025-12', '2026-01'], o);
+    assert(near(period.amberExportCharge, decCharge) && near(months.rows[0].amberExportCharge, decCharge) && months.rows[1].amberExportCharge === 0,
+        `export charge is settled month by month: $${period.amberExportCharge.toFixed(2)}, all of it December's (a quiet January doesn't lend its allowance)`);
+    assert(near(months.total.amberTotal, period.amberTotal), `so the months add up to the period ($${months.total.amberTotal.toFixed(2)} vs $${period.amberTotal.toFixed(2)})`);
+    const bill = Amber.periodTotals(two, '2025-12-01', '2026-01-31', Object.assign({ billPeriod: true }, o));
+    assert(near(bill.amberExportCharge, pooledCharge) && bill.amberExportCharge < period.amberExportCharge,
+        `a bill covering both months is one settlement: $${bill.amberExportCharge.toFixed(2)}`);
+    // Part months get the allowance for their days in the range.
+    const part = Amber.periodTotals(two, '2025-12-22', '2026-01-10', o);
+    assert(near(part.amberExportCharge, (10 * 20 - 10 * t.belKwhPerDay) * t.chargeIncGst / 100), 'a part month gets the allowance for its own days in the dates');
+    assert(Amber.monthsInRange('2025-12-22', '2026-02-03').map((m) => `${m.key}:${m.days}`).join() === '2025-12:10,2026-01:31,2026-02:3', 'months in a range, clipped to it');
+    // Daily rows: each month's charge lands on that month's days.
+    Amber.applyAmberFeedInSettlement(two, site, 62, { from: '2025-12-01', to: '2026-01-31' });
+    const daily = Amber.precalculateDailySummaries(two, plan, rates, 'NSW').summaries;
+    const amberOf = (prefix) => Object.keys(daily).filter((d) => d.startsWith(prefix)).reduce((sum, d) => sum + daily[d].amberCost, 0);
+    const energyOnly = (kwhPerDay) => 31 * (48 * 0.3 * 25 - kwhPerDay * (4 + t.chargeExGst)) / 100;
+    assert(near(amberOf('2025-12'), energyOnly(20) + decCharge) && near(amberOf('2026-01'), energyOnly(2)),
+        'daily rows carry December\'s export charge in December and none in January');
+}
+
 const fromName = Amber.parseBillPeriod('no dates here', '20260801-20260831.pdf');
 assert(fromName.start === '2026-08-01' && fromName.end === '2026-08-31' && fromName.fromFileName, 'period from Amber file name');
 const viaFile = Amber.parseAmberBillText('Usage 744.00 kWh 0.2000 $/kWh $148.80\nCHARGES TOTAL $254.95', '20260801-20260831.pdf').check;
diff --git a/tests/unit-import.js b/tests/unit-import.js
index 79fd6a5..de3f8af 100644
--- a/tests/unit-import.js
+++ b/tests/unit-import.js
@@ -147,6 +147,10 @@ assert(Amber.isCompleteDay(halfHours('E1', 48).concat(halfHours('B1', 48))), 'fu
 assert(!Amber.isCompleteDay(halfHours('E1', 48).concat(halfHours('B1', 1))), 'a full general day with one solar reading is not complete (so not cached)');
 assert(!Amber.coversWholeDay(halfHours('E1', 48).concat(halfHours('B1', 47))), 'nor is it a whole day for Month by month');
 
+// (storage.js) Text is escaped for use inside an element and inside a quoted attribute.
+assert(Amber.escapeHTML('My "special" <b>plan</b> & Tom\'s') === 'My &quot;special&quot; &lt;b&gt;plan&lt;/b&gt; &amp; Tom&#39;s'
+    && Amber.escapeHTML(null) === '' && Amber.escapeHTML(12) === '12', 'escapeHTML escapes quotes as well as tags');
+
 if (failed) {
     console.error(`${failed} import test(s) failed`);
     process.exit(1);
diff --git a/tests/unit-planner.js b/tests/unit-planner.js
index 7f6ebfd..4a15212 100644
--- a/tests/unit-planner.js
+++ b/tests/unit-planner.js
@@ -210,8 +210,16 @@ assert(plans.some((p) => p.config.tou && p.config.tou.free && p.config.tou.free.
             batteryBills: [0, 5, 13.5].map((b) => ({ kwh: b, bill: pick(6, b, 'Flat') }))
         };
         const fin = Amber.plannerFinance(opt, f);
-        const capex = 1500 + 1150 * 6 - 280 * 6 + 1500 + 900 * 13.5 - 330 * 13.5;
+        const capex = 1500 + 1150 * 6 - 280 * 6 + 1500 + 900 * 13.5 - f.batteryRebatePerKwh * 13.5;
         assert(near(fin.capex.total, capex) && fin.flows.length === 20, `capex after rebates $${fin.capex.total.toFixed(0)}`);
+        // The battery rebate is tiered by size: full on the first 14 kWh, 60 % to 28 kWh, 15 % to 50 kWh.
+        const rebateKwh = [5, 14, 20, 28, 30, 50, 60].map((b) => Amber.batteryRebateKwh(b));
+        assert(rebateKwh.every((v, i) => near(v, [5, 14, 17.6, 22.4, 22.7, 25.7, 25.7][i])),
+            `battery rebate tiers: 20 kWh earns it on ${rebateKwh[2].toFixed(1)} kWh, 30 kWh on ${rebateKwh[4].toFixed(1)}, nothing more past 50 kWh`);
+        const cap20 = Amber.plannerCapex(0, 20, f);
+        assert(near(cap20.batteryRebate, f.batteryRebatePerKwh * 17.6) && near(cap20.rebates, cap20.batteryRebate) && near(cap20.total, 1500 + 900 * 20 - cap20.batteryRebate)
+            && near(Amber.plannerCapex(6, 0, f).solarRebate, 280 * 6),
+            `a 20 kWh battery gets $${cap20.batteryRebate.toFixed(0)} off, not the flat $${(f.batteryRebatePerKwh * 20).toFixed(0)}`);
         assert(fin.flows[12].spend > 0 && fin.flows[12].capacity === 1 && fin.flows[11].capacity < 0.8, 'battery replaced after 12 years (capacity back to full)');
         assert(fin.payback > 0 && fin.payback < 20 && Number.isFinite(fin.npv) && fin.irr > 0, `payback ${fin.payback.toFixed(1)} years, NPV $${fin.npv.toFixed(0)}, IRR ${(fin.irr * 100).toFixed(1)}%`);
         const never = Amber.plannerFinance(Object.assign({}, opt, { solarOnly: opt.planOnly, batteryBills: [] , solarKw: 6, batteryKwh: 0 }), f);
@@ -220,7 +228,9 @@ assert(plans.some((p) => p.config.tou && p.config.tou.free && p.config.tou.free.
         // 10 kW + 30 kWh: back to $0 in year 11, behind again when the battery is replaced in year 13,
         // ahead for good later. The replacement's 4 unused years count toward its worth.
         const big = { solarKw: 10, batteryKwh: 30, today: 4000, free: 3200, planOnly: 3200, solarOnly: 2200, batteryBills: [{ kwh: 0, bill: 2200 }, { kwh: 30, bill: 900 }] };
-        const bigFin = Amber.plannerFinance(big, f);
+        // (With a battery rebate that leaves $28,800 up front, whatever the current rate is.)
+        const bigF = Object.assign({}, f, { batteryRebatePerKwh: 9900 / Amber.batteryRebateKwh(30) });
+        const bigFin = Amber.plannerFinance(big, bigF);
         assert(near(bigFin.capex.total, 28800) && bigFin.firstPayback > 9 && bigFin.firstPayback < 13 && bigFin.payback > 13 && bigFin.payback <= 20 && bigFin.flows[12].cumulative < 0,
             `ahead for good: first back to $0 at ${bigFin.firstPayback.toFixed(1)} years, behind again after the year-13 replacement, ahead for good at ${bigFin.payback.toFixed(1)}`);
         const replacement = 900 * 30 * Math.pow(0.96, 12);
@@ -236,7 +246,7 @@ assert(plans.some((p) => p.config.tou && p.config.tou.free && p.config.tou.free.
             && keen(14000, 17000, 9, 8000) === 3 && keen(9000, 17000, 7, -50) === 2 && keen(1500, 17000, 15, -3000) === 1
             && keen(-500, 17000, null, -4000) === 0 && keen(0, 0, 0, 0) === null,
             'how keen to be: Not worth it, Marginal, Modest, Good, Strong from value per $1, robustness and payback');
-        const short = Amber.plannerFinance(big, Object.assign({}, f, { years: 12 }));
+        const short = Amber.plannerFinance(big, Object.assign({}, bigF, { years: 12 }));
         assert(short.residual.total === 0 && short.payback === short.firstPayback, 'nothing replaced within 12 years: no credit, one payback');
 
         // One option in full: its months add up to its year, and the search's bill for it.
@@ -246,7 +256,7 @@ assert(plans.some((p) => p.config.tou && p.config.tou.free && p.config.tou.free.
             `an option's 12 months add up to its year ($${one.cost.total.toFixed(2)})`);
         const amberOne = Amber.plannerEvaluate(res.prep, 'Amber', 6, 13.5);
         const amberMonths = amberOne.months.reduce((s, m) => s + m.bill, 0);
-        assert(Math.abs(amberMonths - amberOne.cost.total) < 0.02 * Math.abs(amberOne.cost.total), `Amber's months within 2 % of its year (export settlement is yearly): $${amberMonths.toFixed(2)} vs $${amberOne.cost.total.toFixed(2)}`);
+        assert(near(amberMonths, amberOne.cost.total, 1e-6), `Amber's 12 months add up to its year too (the export allowance and demand are both monthly): $${amberMonths.toFixed(2)} vs $${amberOne.cost.total.toFixed(2)}`);
 
         const allowedOnly = await Amber.plannerSearch(Object.assign({}, ctx, { allowPlans: ['Flat', 'Amber'] }));
         assert(allowedOnly.searchedPlans.sort().join() === 'Amber,Flat' && allowedOnly.rows.filter((r) => r.batteryKwh > 0).every((r) => r.plan !== free.name)
diff --git a/tests/unit-redispatch.js b/tests/unit-redispatch.js
index 5f652c7..5a2468a 100644
--- a/tests/unit-redispatch.js
+++ b/tests/unit-redispatch.js
@@ -155,6 +155,18 @@ assert(Amber.detectBattery(solarOnly, 'NSW').darkDays === 0, 'October 6:30pm exp
 // dayData assumes daylight saving, so '19:30' is 6:30pm in June.
 const winter = channels(dayData('2026-06-14', evening, { '19:30': 0.4 }));
 assert(Amber.detectBattery(winter, 'NSW').darkDays === 1, 'June 6:30pm export is after dark');
+// Days are the readings' own dates: in daylight saving the last hour of a day is already tomorrow
+// on the local clock, which used to make a year "366 days".
+{
+    const items = [];
+    for (let i = 1; i <= 48; i++) {
+        const h = Math.floor(i / 2);
+        const nemTime = i === 48 ? '2026-01-11T00:00:00+10:00' : `2026-01-10T${pad(h)}:${i % 2 ? '30' : '00'}:00+10:00`;
+        items.push({ nemTime, date: '2026-01-10', kwh: 0.5, duration: 30, channelIdentifier: 'B1' });
+    }
+    const found = Amber.detectBattery({ B1: { type: 'feedIn', usageData: items } }, 'NSW');
+    assert(found.days === 1 && found.darkDays === 1, `one day of summer readings counts as one day (${found.darkDays} of ${found.days})`);
+}
 
 assert(Amber.redispatchForPlan(base, nsw['2026-27 DMO (Ausgrid, TOU)'], 'NSW', { budgetKwh: 10 }) === null, 'plans without a free window are skipped');
 assert(Amber.windowHoursOn([{ start: '22:00', end: '02:00', days: [] }], 1, 1) === 4, 'overnight window hours wrap');
diff --git a/tests/unit-time.js b/tests/unit-time.js
index 0fba87a..ee66775 100644
--- a/tests/unit-time.js
+++ b/tests/unit-time.js
@@ -78,7 +78,7 @@ const clockA = Amber.clockPartsForItem(clockItem, vicLocal, 'VIC');
 const clockB = Amber.clockPartsForItem(clockItem, vicLocal, 'VIC');
 assert(clockA === clockB, 'clock parts are cached on the usage item');
 assert(clockA.hours === 17, 'cached Melbourne DST hour is 17');
-assert(Amber.APP_VERSION === '1.61', 'app version is 1.61');
+assert(Amber.APP_VERSION === '1.62', 'app version is 1.62');
 assert(Amber.DEFAULT_AMBER_CONNECTION_CENTS === 125.367 && Amber.PREVIOUS_AMBER_CONNECTION_CENTS === 116.787, 'Amber daily connection defaults (2026-27 and 2025-26)');
 assert(Amber.DEFAULT_AMBER_SUBSCRIPTION_CENTS === 82.181, 'Amber subscription default');
 assert(Amber.DEFAULT_AMBER_DEMAND_CENTS === 43.431 && Amber.PREVIOUS_AMBER_DEMAND_CENTS === 42.345, 'Amber demand defaults (2026-27 and 2025-26)');
diff --git a/tests/v162.spec.js b/tests/v162.spec.js
new file mode 100644
index 0000000..054bfee
--- /dev/null
+++ b/tests/v162.spec.js
@@ -0,0 +1,343 @@
+const { test, expect } = require('@playwright/test');
+
+const pad = (n) => String(n).padStart(2, '0');
+const addDays = (d, n) => new Date(Date.parse(d + 'T00:00:00Z') + n * 86400000).toISOString().substring(0, 10);
+
+// Whole days of half-hourly readings for an Ausgrid home with solar. Even months send out far
+// more than the free midday allowance (6.83 kWh a day); odd months stay well under it.
+function usageFor(start, end) {
+    const out = [];
+    for (let d = start; d <= end; d = addDays(d, 1)) {
+        const sunny = parseInt(d.substring(5, 7), 10) % 2 === 0;
+        for (let i = 1; i <= 48; i++) {
+            const h = Math.floor(i / 2);
+            const endDate = h === 24 ? addDays(d, 1) : d;
+            const nemTime = `${endDate}T${pad(h % 24)}:${pad((i % 2) * 30)}:00+10:00`;
+            out.push({ type: 'Usage', nemTime, date: d, kwh: 0.3, perKwh: 25, duration: 30, channelIdentifier: 'E1', channelType: 'general', quality: 'billable' });
+            out.push({ type: 'Usage', nemTime, date: d, kwh: i >= 21 && i <= 30 ? (sunny ? 3 : 0.2) : 0, perKwh: -4, duration: 30, channelIdentifier: 'B1', channelType: 'feedIn', quality: 'billable' });
+        }
+    }
+    return out;
+}
+
+const AUSGRID_SITE = {
+    id: 'site123', nmi: '4102000000', network: 'Ausgrid', status: 'active',
+    channels: [{ identifier: 'E1', type: 'general', tariff: 'EA116' }, { identifier: 'B1', type: 'feedIn', tariff: 'EA029' }]
+};
+
+async function amberCustomer(page, site) {
+    const calls = { usage: 0 };
+    await page.addInitScript(() => {
+        const key = 'amber-compare-export-secure-key';
+        const ob = (s) => btoa(s.split('').map((c, i) => String.fromCharCode(c.charCodeAt(0) ^ key.charCodeAt(i % key.length))).join(''));
+        window.Amber = Object.assign(window.Amber || {}, { AUTO_COMPARE: false });
+        if (!localStorage.getItem('amberApiKey')) localStorage.setItem('amberApiKey', ob('fake-api-key'));
+    });
+    await page.route('**/sites', (route) => route.fulfill({
+        status: 200, contentType: 'application/json',
+        body: JSON.stringify([site || AUSGRID_SITE])
+    }));
+    await page.route('**/usage*', (route) => {
+        calls.usage += 1;
+        const url = new URL(route.request().url());
+        return route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(usageFor(url.searchParams.get('startDate'), url.searchParams.get('endDate'))) });
+    });
+    return calls;
+}
+
+const compared = (page) => page.waitForFunction(() => document.querySelector('#fetchData').textContent === 'Compare costs'
+    && !document.querySelector('#resultsSection').classList.contains('hidden')
+    && !!document.querySelector('#monthlyTable table'), null, { timeout: 60000 });
+
+test('a built-in plan\'s saved prices are refreshed when its published prices change', async ({ page }) => {
+    await amberCustomer(page);
+    await page.goto('/');
+    await expect(page.locator('#planSelector option')).not.toHaveCount(1);
+    const plan = await page.evaluate(() => Object.keys(window.Amber.supplierTemplates.NSW).find((name) => /Ausgrid/.test(name) && window.Amber.supplierTemplates.NSW[name].rateType === 'flat'));
+    const published = await page.evaluate((name) => String(window.Amber.supplierTemplates.NSW[name].flat), plan);
+    await page.selectOption('#planSelector', plan);
+    await page.click('#ratesDetailsToggle');
+    await expect(page.locator('#otherSupplierRate')).toHaveValue(published);
+
+    // A price the user changes is theirs: it's still there after a reload.
+    await page.fill('#otherSupplierRate', '31.5');
+    await page.reload();
+    await expect(page.locator('#planSelector')).toHaveValue(plan);
+    await expect(page.locator('#otherSupplierRate')).toHaveValue('31.5');
+
+    // The same saved form under a plan whose published prices have changed since (as after an
+    // update to the app, or a form saved before v1.62): the plan's current prices replace it.
+    for (const signature of ['an older version of this plan', null]) {
+        await page.evaluate((sig) => {
+            localStorage.setItem('flatRate', '12.34');
+            if (sig) localStorage.setItem('selectedPlanSig', sig); else localStorage.removeItem('selectedPlanSig');
+        }, signature);
+        await page.reload();
+        await expect(page.locator('#planSelector')).toHaveValue(plan);
+        await expect(page.locator('#otherSupplierRate')).toHaveValue(published);
+        expect(await page.evaluate(() => localStorage.getItem('flatRate'))).toBe(published);
+    }
+
+    // The site and Amber's own charges were left alone.
+    expect(await page.evaluate(() => localStorage.getItem('selectedSiteId'))).toBe('site123');
+});
+
+test('Amber\'s total is the same in the answer and month by month when the export allowance is used up', async ({ page }) => {
+    test.setTimeout(90000);
+    await amberCustomer(page);
+    await page.goto('/');
+    await page.click('[data-preset="3m"]');
+    await compared(page);
+    await expect(page.locator('#results-table-container')).toContainText('Network export charge');
+    const totals = await page.evaluate(() => {
+        const cells = (row) => Array.from(row.querySelectorAll('td')).map((td) => td.textContent.trim());
+        const answer = cells(Array.from(document.querySelectorAll('#results-table-container tbody tr')).pop());
+        const months = cells(Array.from(document.querySelectorAll('#monthlyTable tbody tr')).pop());
+        return { answer: answer[1], months: months[8], monthsLabel: months[0], rows: document.querySelectorAll('#monthlyTable tbody tr').length };
+    });
+    expect(totals.rows).toBe(4);
+    expect(totals.monthsLabel).toBe('Total');
+    expect(totals.answer).toMatch(/^\$\d+\.\d\d$/);
+    expect(totals.months).toBe(totals.answer);
+});
+
+test('clearing saved meter readings works after a Compare and says so on any tab', async ({ page }) => {
+    test.setTimeout(90000);
+    const calls = await amberCustomer(page);
+    page.on('dialog', (dialog) => dialog.accept());
+    await page.goto('/');
+    await page.click('[data-preset="lastMonth"]');
+    await compared(page);
+    const first = calls.usage;
+    expect(first).toBeGreaterThan(0);
+    await page.click('#fetchData');
+    await compared(page);
+    expect(calls.usage).toBe(first); // every day came from the saved readings
+
+    // From the Compare tab: the readings go, the results go with them, and a note says so.
+    await page.click('#settingsBtn');
+    await page.click('#clearCacheBtn');
+    await expect(page.locator('#cacheMessage')).toBeVisible();
+    await expect(page.locator('#cacheMessage')).toHaveText('Saved meter readings cleared.');
+    await expect(page.locator('#settingsMenu')).toBeHidden();
+    await expect(page.locator('#resultsSection')).toBeHidden();
+    await expect(page.locator('#downloadCsvButton')).toBeDisabled();
+    await expect(page.locator('#panel-compare [data-results-placeholder]').first()).toBeVisible();
+
+    // Nothing is left saved, so the same dates download again.
+    await page.click('#fetchData');
+    await compared(page);
+    expect(calls.usage).toBe(first * 2);
+});
+
+test('clearing saved meter readings removes households imported from NEM12', async ({ page }) => {
+    test.setTimeout(90000);
+    page.on('dialog', (dialog) => dialog.accept());
+    await page.route('**/api.amber.com.au/**', (route) => route.abort());
+    const rows = [];
+    for (let d = '2026-05-01'; d <= '2026-06-30'; d = addDays(d, 1)) {
+        const ymd = d.replace(/-/g, '');
+        rows.push(`300,${ymd},${Array.from({ length: 48 }, (_, i) => (i >= 34 && i < 42 ? 1.2 : 0.3)).join(',')},A,,,${ymd}235959,`);
+    }
+    const file = ['100,NEM12,202607010000,MDP,RETAILER', '200,4102123456,E1,E1,E1,N1,M1,kWh,30,', ...rows, '900'].join('\n');
+    await page.goto('/');
+    await page.setInputFiles('#nem12File', { name: 'meter.csv', mimeType: 'text/csv', buffer: Buffer.from(file) });
+    await expect(page.locator('#nem12Summary')).toContainText('NMI 4102123456: 61 days');
+    await page.click('#nem12Build');
+    await page.waitForSelector('#resultsSection:not(.hidden)', { timeout: 30000 });
+    await page.click('#tab-setup');
+    await expect(page.locator('#localSitesList')).toContainText('NMI 4102123456');
+
+    await page.click('#settingsBtn');
+    await page.click('#clearCacheBtn');
+    await expect(page.locator('#cacheMessage')).toHaveText('Saved meter readings cleared.');
+    await expect(page.locator('#localSitesList')).toBeEmpty();
+    await expect(page.locator('#welcomeCard')).toBeVisible();
+    expect(await page.evaluate(() => localStorage.getItem('localSites'))).toBe('[]');
+    await page.reload();
+    await expect(page.locator('#welcomeCard')).toBeVisible();
+    await expect(page.locator('#siteSelectorRow')).toBeHidden();
+});
+
+test('the settings menu has no maintainer tools, whatever the address says', async ({ page }) => {
+    await amberCustomer(page);
+    await page.goto('/?name=Rick&fakeControlledLoad=1');
+    await page.click('#settingsBtn');
+    await expect(page.locator('#settingsMenu [role="menuitem"]')).toHaveCount(2);
+    await expect(page.locator('#clearCacheBtn')).toBeVisible();
+    await expect(page.locator('#clearCustomPlansBtn')).toBeVisible();
+});
+
+test('a plan name with quotes or tags in it stays text everywhere it is shown', async ({ page }) => {
+    test.setTimeout(90000);
+    const errors = [];
+    page.on('pageerror', (e) => errors.push(e.message));
+    await amberCustomer(page);
+    await page.goto('/');
+    const name = 'My "special" <b>plan</b> & Tom\'s';
+    await expect(page.locator('#planSelector option')).not.toHaveCount(1);
+    await page.selectOption('#planSelector', '');
+    if (await page.locator('#planName').isHidden()) await page.click('#ratesDetailsToggle');
+    await page.fill('#planName', name);
+    await page.fill('#otherSupplierRate', '30');
+    await page.fill('#dailyConnectionRate', '100');
+    await page.fill('#otherSupplierFeedInRateFlat', '5');
+    await page.click('[data-preset="lastMonth"]');
+    await compared(page);
+
+    const shown = await page.evaluate(() => {
+        const answer = document.querySelector('#results-table-container thead th:last-child [data-help]');
+        const month = Array.from(document.querySelectorAll('#monthlyTable thead th [data-help]')).slice(-2)[0];
+        const attrs = (el) => el.getAttributeNames().filter((a) => a !== 'data-help-done').sort().join();
+        return {
+            answerLabel: answer.getAttribute('data-help-label'), answerAttrs: attrs(answer),
+            monthLabel: month.getAttribute('data-help-label'), monthAttrs: attrs(month),
+            boldTags: document.querySelectorAll('#panel-compare b').length
+        };
+    });
+    expect(shown.answerLabel).toBe(name);
+    expect(shown.answerAttrs).toBe('data-help,data-help-label');
+    expect(shown.monthLabel).toBe(name);
+    expect(shown.monthAttrs).toBe('data-help,data-help-label');
+    expect(shown.boldTags).toBe(0);
+    await expect(page.locator('#results-table-container')).toContainText(name);
+    expect(errors).toEqual([]);
+});
+
+test('changing state swaps the plan too, and a state with no plans for the network says why', async ({ page }) => {
+    await amberCustomer(page);
+    await page.goto('/');
+    await expect(page.locator('#planSelector option')).not.toHaveCount(1);
+    const plan = await page.evaluate(() => Object.keys(window.Amber.supplierTemplates.NSW).find((name) => /Ausgrid/.test(name)));
+    await page.selectOption('#planSelector', plan);
+    await expect(page.locator('#otherSupplierHeading')).toHaveText(`Compare Amber with ${plan}`);
+    await expect(page.locator('#planStateNote')).toBeHidden();
+
+    // Victoria has no plans for an Ausgrid meter: the old plan's name and prices go, with a reason.
+    await page.selectOption('#stateSelector', 'VIC');
+    await expect(page.locator('#planSelector')).toHaveValue('');
+    await expect(page.locator('#planSelector option')).toHaveCount(1);
+    await expect(page.locator('#otherSupplierHeading')).toHaveText('Compare Amber with…');
+    await expect(page.locator('#planName')).toHaveValue('');
+    await expect(page.locator('#otherSupplierRate')).toHaveValue('');
+    await expect(page.locator('#planStateNote')).toBeVisible();
+    await expect(page.locator('#planStateNote')).toContainText('Ausgrid network, which is in NSW');
+
+    // Back to NSW: its plans return, and the note goes.
+    await page.selectOption('#stateSelector', 'NSW');
+    await expect(page.locator('#planStateNote')).toBeHidden();
+    await expect(page.locator('#planSelector option')).not.toHaveCount(1);
+    await page.selectOption('#planSelector', plan);
+    await expect(page.locator('#otherSupplierHeading')).toHaveText(`Compare Amber with ${plan}`);
+
+    // A state with plans of its own: one of them replaces the NSW plan, name and prices together.
+    await page.selectOption('#stateSelector', 'TAS');
+    const chosen = await page.inputValue('#planSelector');
+    expect(Object.keys(await page.evaluate(() => window.Amber.supplierTemplates.TAS))).toContain(chosen);
+    await expect(page.locator('#otherSupplierHeading')).toHaveText(`Compare Amber with ${chosen}`);
+    await expect(page.locator('#planName')).toHaveValue(chosen);
+    await expect(page.locator('#planStateNote')).toBeHidden();
+
+    // Rates typed in by hand are the user's own: a change of state leaves them alone.
+    await page.selectOption('#planSelector', '');
+    await page.fill('#planName', 'My own plan');
+    await page.fill('#otherSupplierRate', '29.5');
+    await page.selectOption('#stateSelector', 'QLD');
+    await expect(page.locator('#planName')).toHaveValue('My own plan');
+    await expect(page.locator('#otherSupplierRate')).toHaveValue('29.5');
+});
+
+test('an Amber site outside NSW opens on its own state\'s plans', async ({ page }) => {
+    await amberCustomer(page, { id: 'vic1', nmi: '6203000000', network: 'Powercor', status: 'active', channels: [{ identifier: 'E1', type: 'general', tariff: 'D1' }] });
+    await page.goto('/');
+    await expect(page.locator('#stateSelector')).toHaveValue('VIC');
+    await expect(page.locator('#planSelector option')).not.toHaveCount(1);
+    await expect(page.locator('#planStateNote')).toBeHidden();
+    expect(await page.evaluate(() => localStorage.getItem('selectedState'))).toBe('VIC');
+    const labels = await page.locator('#planSelector option').allTextContents();
+    expect(labels.some((t) => /VDO/.test(t))).toBe(true);
+});
+
+test('the bill check points to the Start tab for the API key', async ({ page }) => {
+    await page.route('**/api.amber.com.au/**', (route) => route.abort());
+    await page.addInitScript(() => {
+        localStorage.setItem('amberBillCheck', JSON.stringify({ ok: true, start: '2026-01-01', end: '2026-01-31', found: [] }));
+    });
+    await page.goto('/');
+    await page.click('#tab-bill');
+    await expect(page.locator('#billCheckBody')).toContainText('Add your Amber API key on the Start tab');
+    await page.click('#billCheckBody [data-go-start]');
+    await expect(page.locator('#tab-setup')).toHaveAttribute('aria-selected', 'true');
+});
+
+test('damaged saved settings don\'t stop the page loading', async ({ page }) => {
+    const errors = [];
+    page.on('pageerror', (e) => errors.push(e.message));
+    await amberCustomer(page);
+    await page.addInitScript(() => {
+        localStorage.setItem('touConfig', '{"peak": ');
+        localStorage.setItem('demandSettings', 'not json');
+        localStorage.setItem('feedInWindows', '{"oops": true}');
+        localStorage.setItem('customSupplierPlans', JSON.stringify({ NSW: { 'Broken plan': null, 'Half a plan': { flat: 30 }, 'Good plan': { rateType: 'flat', flat: 30, daily: 100, feedIn: 5 } }, VIC: 'nope' }));
+        localStorage.setItem('rateType', 'sideways');
+    });
+    await page.goto('/');
+    await expect(page.locator('#tab-compare')).toHaveAttribute('aria-selected', 'true');
+    await expect(page.locator('#planSelector option')).not.toHaveCount(1);
+    const plans = await page.locator('#planSelector option').allTextContents();
+    expect(plans).toContain('Good plan');
+    expect(plans.some((t) => /Broken|Half/.test(t))).toBe(false);
+    await page.click('[data-preset="lastMonth"]');
+    await compared(page);
+    expect(errors).toEqual([]);
+});
+
+test('a Compare still shows its results when the browser can\'t save the readings', async ({ page }) => {
+    test.setTimeout(90000);
+    const calls = await amberCustomer(page);
+    await page.goto('/');
+    await expect(page.locator('#planSelector option')).not.toHaveCount(1);
+    // As when storage is full: every write to the readings store is aborted.
+    await page.evaluate(() => {
+        const put = IDBObjectStore.prototype.put;
+        IDBObjectStore.prototype.put = function (...args) {
+            const request = put.apply(this, args);
+            this.transaction.abort();
+            return request;
+        };
+    });
+    await page.click('[data-preset="lastMonth"]');
+    await compared(page);
+    await expect(page.locator('#message')).toContainText('couldn\'t save the meter readings');
+    await expect(page.locator('#results-table-container')).toContainText('Total');
+    const first = calls.usage;
+    await page.evaluate(() => { window.Amber._appState.lastFetchTimestamp = null; });
+    await page.click('#fetchData');
+    await compared(page);
+    expect(calls.usage).toBe(first * 2); // nothing was saved, so the same days download again
+});
+
+test('Escape closes the settings and Download menus, and no calendar day is marked out', async ({ page }) => {
+    await amberCustomer(page);
+    await page.goto('/');
+    await page.click('[data-preset="lastMonth"]');
+    await compared(page);
+    await page.click('#settingsBtn');
+    await expect(page.locator('#settingsMenu')).toBeVisible();
+    await page.keyboard.press('Escape');
+    await expect(page.locator('#settingsMenu')).toBeHidden();
+    await expect(page.locator('#settingsBtn')).toBeFocused();
+    await expect(page.locator('#settingsBtn')).toHaveAttribute('aria-expanded', 'false');
+    await page.click('#downloadCsvButton');
+    await expect(page.locator('#csvDropdownMenu')).toBeVisible();
+    await page.keyboard.press('Escape');
+    await expect(page.locator('#csvDropdownMenu')).toBeHidden();
+    await expect(page.locator('#downloadCsvButton')).toBeFocused();
+
+    // Month by month names the plan in its Difference column.
+    await expect(page.locator('#monthlyTable')).not.toContainText('Other plan');
+    await page.click('#tab-check');
+    const days = page.locator('#calendar-container [data-date]');
+    expect(await days.count()).toBeGreaterThan(27);
+    expect(await page.evaluate(() => Array.from(document.querySelectorAll('#calendar-container [data-date]')).filter((d) => getComputedStyle(d).borderTopWidth !== '1px').length)).toBe(0);
+});