.pool-calculator[data-tone]{border:1px solid var(--border);background:var(--surface-raised);border-radius:1.25rem;padding:clamp(1rem,3vw,2rem);font-size:1rem;line-height:1.6}.pool-calculator[data-tone] [hidden]{display:none}.pool-calculator[data-tone] .calculator-heading{align-items:center;gap:.875rem;margin-bottom:2rem;display:flex}.pool-calculator[data-tone] .calculator-icon{height:2.75rem;color:var(--section-color);background:var(--section-tint);border-radius:.75rem;flex:0 0 2.75rem;place-items:center;display:grid}.pool-calculator[data-tone] .calculator-heading h2{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;line-height:1.3}.pool-calculator[data-tone] .calculator-heading p{color:var(--ink-muted);margin:0;font-size:.875rem}.pool-calculator[data-tone] .metres-badge{border:1px solid var(--border);color:var(--ink-muted);white-space:nowrap;border-radius:999px;margin-left:auto;padding:.375rem .75rem;font-size:.6875rem}.pool-calculator[data-tone] fieldset{border:0;min-width:0;margin:0;padding:0}.pool-calculator[data-tone] .calculator-workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"shape guide""dimensions guide""depth guide""actions result";align-items:start;gap:1.75rem 3rem;display:grid}.pool-calculator[data-tone] .shape-selection{grid-area:shape}.pool-calculator[data-tone] .dimension-entry{grid-area:dimensions}.pool-calculator[data-tone] .depth-selection{grid-area:depth}.pool-calculator[data-tone] .calculator-actions{grid-area:actions}.pool-calculator[data-tone] .measurement-guide{grid-area:guide}.pool-calculator[data-tone] .calculator-result{grid-area:result}.pool-calculator[data-tone] legend,.pool-calculator[data-tone] .step-label{color:var(--ink);align-items:center;gap:.625rem;margin:0 0 .875rem;padding:0;font-size:.9375rem;font-weight:600;display:flex}.pool-calculator[data-tone] .step-number{height:1.5rem;color:var(--section-color);background:var(--section-tint);border-radius:50%;flex:0 0 1.5rem;place-items:center;font-size:.6875rem;display:grid}.pool-calculator[data-tone] .shape-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;display:grid}.pool-calculator[data-tone] .shape-option{border:1px solid var(--border);cursor:pointer;border-radius:.875rem;flex-direction:column;align-items:center;gap:.375rem;min-width:0;padding:.75rem .5rem;display:flex}.pool-calculator[data-tone] .shape-option svg{width:100%;max-width:7rem}.pool-calculator[data-tone] .shape-option span{font-size:.8125rem;font-weight:600}.pool-calculator[data-tone] .shape-option:has(:checked){border-color:var(--section-color);box-shadow:inset 0 0 0 1px var(--section-color);background:#fff6f7}.pool-calculator[data-tone] .shape-option:has(:focus-visible){outline:3px solid var(--water);outline-offset:4px}.pool-calculator[data-tone] .dimension-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;display:grid}.pool-calculator[data-tone] .measure-field{min-width:0}.pool-calculator[data-tone] .measure-field label{color:var(--ink);margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}.pool-calculator[data-tone] .measure-input{position:relative}.pool-calculator[data-tone] .measure-input input{background:var(--surface-raised);width:100%;min-height:3rem;color:var(--ink);font:400 1rem/1.6 var(--font-body);border:1px solid #7b8d9c;border-radius:.625rem;padding:.625rem 2.5rem .625rem .875rem}.pool-calculator[data-tone] .measure-input input::placeholder{color:#64748b}.pool-calculator[data-tone] .measure-input span{color:var(--ink-muted);pointer-events:none;font-size:.875rem;position:absolute;top:50%;right:.875rem;transform:translateY(-50%)}.pool-calculator[data-tone] .measure-input input[aria-invalid=true]{border-color:#9f1239}.pool-calculator[data-tone] .floor-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.875rem;display:grid}.pool-calculator[data-tone] .floor-options label{border:1px solid var(--border);cursor:pointer;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem;font-size:.8125rem;display:flex}.pool-calculator[data-tone] .floor-options label:has(:checked){border-color:var(--section-color);background:#fff6f7}.pool-calculator[data-tone] .floor-options input{width:1rem;height:1rem;accent-color:var(--section-color);flex-shrink:0;margin:0}.pool-calculator[data-tone] .field-help,.pool-calculator[data-tone] .oval-note,.pool-calculator[data-tone] .slope-note{color:var(--ink-muted);margin:0 0 .875rem;font-size:.8125rem;line-height:1.65}.pool-calculator[data-tone] .oval-note,.pool-calculator[data-tone] .slope-note{margin:.75rem 0 0}.pool-calculator[data-tone] .field-error{color:#9f1239;margin:.375rem 0 0;font-size:.75rem;line-height:1.6}.pool-calculator[data-tone] .measurement-guide{border:1px solid var(--border);background:#f7fbfd;border-radius:1rem;align-self:stretch}.pool-calculator[data-tone] .measurement-guide summary{min-height:3rem;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.875rem;font-weight:600;list-style:none;display:flex}.pool-calculator[data-tone] summary::-webkit-details-marker{display:none}.pool-calculator[data-tone] summary::marker{content:""}.pool-calculator[data-tone] .measurement-guide[open] summary svg{transform:rotate(90deg)}.pool-calculator[data-tone] .guide-content{padding:0 1.25rem 1.25rem}.pool-calculator[data-tone] .guide-content svg{max-width:20rem;margin-inline:auto}.pool-calculator[data-tone] .view-label{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.625rem;font-weight:600}.pool-calculator[data-tone] .profile-label{border-top:1px solid var(--border);margin-top:.75rem;padding-top:1rem}.pool-calculator[data-tone] .guide-note{color:var(--ink-muted);margin:.375rem 0 0;font-size:.75rem;line-height:1.6}.pool-calculator[data-tone] .form-status{color:#9f1239;margin:0 0 .75rem;font-size:.875rem}.pool-calculator[data-tone] .form-status:empty{display:none}.pool-calculator[data-tone] .action-buttons{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.pool-calculator[data-tone] button{min-height:3rem;font:600 .875rem/1.5 var(--font-body);cursor:pointer;border-radius:.625rem;padding:.75rem 1rem}.pool-calculator[data-tone] .calculate-button{border:1px solid var(--section-color);background:var(--section-color);color:#fff;justify-content:center;align-items:center;gap:.75rem;display:inline-flex}.pool-calculator[data-tone] .calculate-button:hover{background:#881337}.pool-calculator[data-tone] .reset-button{color:var(--ink-muted);text-underline-offset:.25em;background:0 0;border:0;padding-inline:0;text-decoration:underline}.pool-calculator[data-tone] .estimate-note{color:var(--ink-muted);margin:1rem 0 0;font-size:.75rem;line-height:1.7}.pool-calculator[data-tone] .calculator-result{background:var(--ink);color:#fff;border-radius:1rem;min-width:0;padding:1.5rem;scroll-margin-block:1rem}.pool-calculator[data-tone] .calculator-result h3{color:#d2e6f1;font:500 .875rem/1.5 var(--font-body);margin:0 0 1rem}.pool-calculator[data-tone] .result-values{gap:1rem;display:grid}.pool-calculator[data-tone] .result-values>div{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.pool-calculator[data-tone] output{color:#fff;max-width:100%;font-family:var(--font-heading);letter-spacing:-.025em;overflow-wrap:anywhere;font-size:clamp(2.75rem,4vw,4rem);font-weight:500;line-height:1.1}.pool-calculator[data-tone] .result-unit{color:#c2dcea;font-size:1.25rem}.pool-calculator[data-tone] .litres-result output{color:#9bddf1;font-size:1.875rem}.pool-calculator[data-tone] .litres-result .result-unit{font-size:.875rem}.pool-calculator[data-tone] .result-sentence{color:#d2e6f1;margin:1.25rem 0 0;font-size:.8125rem;line-height:1.8}.pool-calculator[data-tone] .result-depth{color:#d2e6f1;margin:.75rem 0 0;font-size:.75rem}.pool-calculator[data-tone] .calculator-noscript{border:1px solid var(--border);color:var(--ink);border-radius:.75rem;padding:1rem;font-size:.875rem}@media (width<=59.99rem){.pool-calculator[data-tone] .metres-badge{display:none}.pool-calculator[data-tone] .calculator-workspace{column-gap:1.5rem}}@media (width<=47.99rem){.pool-calculator[data-tone] .calculator-heading{align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.pool-calculator[data-tone] .calculator-heading h2{font-size:1.25rem}.pool-calculator[data-tone] .calculator-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"shape""guide""dimensions""depth""actions""result";gap:1.5rem}.pool-calculator[data-tone] .shape-option{padding-inline:.25rem}.pool-calculator[data-tone] .shape-option span{font-size:.75rem}.pool-calculator[data-tone] .guide-content{max-width:28rem;margin-inline:auto}.pool-calculator[data-tone] .measurement-guide{align-self:start}.pool-calculator[data-tone] .calculator-result{padding:1.25rem}.pool-calculator[data-tone] .calculate-button{width:100%}.pool-calculator[data-tone] .reset-button{margin-inline:auto}}@media (width<=23rem){.pool-calculator[data-tone] .floor-options{grid-template-columns:minmax(0,1fr)}.pool-calculator[data-tone] .dimension-fields{gap:.625rem}}.pool-calculator.compact-calculator .calculator-workspace{grid-template-areas:"fields result""actions result"}.pool-calculator.compact-calculator .calculator-fields{grid-area:fields;gap:1.5rem;display:grid}.pool-calculator.compact-calculator .field-help{margin:.5rem 0 0}.pool-calculator.compact-calculator .calculator-result{align-self:stretch}.pool-calculator.compact-calculator .result-calculation{color:#9bddf1;overflow-wrap:anywhere;margin:1rem 0 0;font-size:.9375rem}.pool-calculator.compact-calculator .result-guidance{color:#d2e6f1;border-top:1px solid #456173;margin:1.25rem 0 0;padding-top:1.25rem;font-size:.8125rem;line-height:1.8}@media (width<=47.99rem){.pool-calculator.compact-calculator .calculator-workspace{grid-template-areas:"fields""actions""result"}}