.cv-app{gap:var(--sp-4);grid-template-columns:minmax(0,1fr);grid-template-areas:"result""inputs""chart""share";display:grid}.cv-app>*{min-width:0}.cv-area-result{grid-area:result}.cv-inputs{grid-area:inputs}.cv-area-chart{grid-area:chart}.cv-area-share{grid-area:share}@media (width>=880px){.cv-app{grid-template:"inputs result""inputs chart""inputs share""inputs."1fr/minmax(300px,380px) minmax(0,1fr);align-items:start}}.cv-inputs{padding:var(--sp-5)}.cv-inputs-head{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.cv-inputs-head .eyebrow{margin:0}.cv-field{padding:var(--sp-3) 0;border-top:1px solid var(--border)}.cv-inputs-head+.cv-field{border-top:0}.cv-label{font-size:var(--fs-sm);margin-bottom:var(--sp-2);font-weight:650;display:block}.cv-help{font-size:var(--fs-xs);color:var(--text-3);margin:var(--sp-2) 0 0}.cv-warn{color:var(--caution)}.cv-numrow{gap:var(--sp-2);align-items:stretch;display:flex}.cv-num,.cv-select,.cv-embed textarea{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:44px;padding:0 var(--sp-3)}.cv-num{min-width:0;font-size:var(--fs-lg);flex:1;font-weight:700}.cv-num::placeholder{color:var(--text-3);font-weight:500;font-size:var(--fs-md)}.cv-num:focus,.cv-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.is-warn .cv-num{border-color:var(--caution)}.cv-select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-2) 50%), linear-gradient(135deg, var(--text-2) 50%, transparent 50%);width:100%;padding-right:var(--sp-6);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px}.cv-units,.cv-seg{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.cv-unit,.cv-seg-btn{font:inherit;font-size:var(--fs-sm);color:var(--text-2);min-width:40px;min-height:36px;padding:0 var(--sp-2);cursor:pointer;background:0 0;border:0;border-radius:6px;font-weight:650}.cv-seg-btn{min-height:30px;padding:0 var(--sp-3)}.cv-unit[aria-pressed=true],.cv-seg-btn[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.cv-unit-static{color:var(--text-2);padding:0 var(--sp-2);align-self:center;font-weight:650}.cv-slider{width:100%;margin:var(--sp-3) 0 0;appearance:none;cursor:pointer;background:0 0;height:28px}.cv-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--pct), var(--border-strong) var(--pct));border-radius:2px;height:4px}.cv-slider::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--pct), var(--border-strong) var(--pct));border-radius:2px;height:4px}.cv-slider::-webkit-slider-thumb{appearance:none;background:var(--surface);border:2px solid var(--accent);border-radius:50%;width:22px;height:22px;margin-top:-9px;box-shadow:0 1px 3px #0003}.cv-slider::-moz-range-thumb{background:var(--surface);border:2px solid var(--accent);border-radius:50%;width:20px;height:20px}.cv-output-card{padding:var(--sp-5)}.cv-result .eyebrow{margin:0 0 var(--sp-1)}.cv-big{align-items:baseline;gap:var(--sp-2);margin:0;line-height:1;display:flex}.cv-big-num{font-size:var(--fs-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:800}.cv-big-unit{font-size:var(--fs-xl);color:var(--text-2);font-weight:700}.cv-range{margin:var(--sp-2) 0 0;color:var(--accent);font-weight:650}.cv-context{margin:var(--sp-2) 0 0;color:var(--text-2)}.cv-status{gap:var(--sp-2);margin:var(--sp-4) 0 0;padding:var(--sp-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);align-items:baseline;font-weight:600;display:flex}.cv-status-dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px;transform:translateY(-1px)}.cv-status.is-ok{background:var(--ok-soft);color:var(--ok)}.cv-status.is-caution{background:var(--caution-soft);color:var(--caution)}.cv-status.is-over{background:var(--over-soft);color:var(--over)}.cv-chips{gap:var(--sp-2);margin:var(--sp-5) 0 0;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.cv-chip{background:var(--surface-2);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3)}.cv-chip dt{font-size:var(--fs-xs);color:var(--text-3);font-weight:600}.cv-chip dd{margin:0;font-weight:750}fieldset.cv-field{border-bottom:0;border-left:0;border-right:0;min-width:0;margin:0;padding-left:0;padding-right:0}.cv-shapes legend{padding:0}.cv-shape-grid{gap:var(--sp-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cv-shape{padding:var(--sp-2) var(--sp-1);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-xs);cursor:pointer;text-align:center;justify-items:center;gap:2px;font-weight:650;display:grid;position:relative}.cv-shape input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.cv-shape-icon{width:40px;height:28px;fill:color-mix(in srgb, currentColor 12%, transparent);stroke:currentColor;stroke-width:1.75px;stroke-linejoin:round}.cv-shape:hover{border-color:var(--border-strong)}.cv-shape:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.cv-shape:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.cv-links{margin:var(--sp-4) 0 0;padding:0;list-style:none}.cv-links a{font-weight:700;font-size:var(--fs-sm)}.cv-chartcard{margin:0}.cv-chart-title{margin-bottom:var(--sp-3);font-weight:700}.cv-chart{width:100%;height:auto;display:block;overflow:visible}.cv-chart-summary{font-size:var(--fs-sm);color:var(--text-2);margin:var(--sp-3) 0 0}.cv-grid{stroke:var(--chart-grid);stroke-width:1px}.cv-tick{fill:var(--chart-axis);font-size:12px;font-family:var(--font-mono)}.cv-axis-label{fill:var(--text-2);font-size:12px;font-weight:600}.cv-band{fill:var(--chart-band)}.cv-line{fill:none;stroke:var(--chart-1);stroke-width:2.5px;stroke-linejoin:round}.cv-line-lo{stroke:var(--chart-2);stroke-width:1.5px;stroke-dasharray:5 4}.cv-marker{stroke:var(--text-3);stroke-dasharray:3 3}.cv-dot{fill:var(--surface);stroke:var(--chart-1);stroke-width:2.5px}.cv-dot-lo{stroke:var(--chart-2)}.cv-marker-label{fill:var(--text);font-size:13px;font-weight:700}.cv-stack-track{border-radius:var(--radius-sm);background:var(--surface-2);height:40px;margin-top:var(--sp-6);display:flex;position:relative}.cv-stack-seg{height:100%;transition:width .35s}.cv-stack-seg:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.cv-stack-seg.is-est,.cv-swatch.is-est{background-blend-mode:normal;background-image:repeating-linear-gradient(135deg,#ffffff47 0 4px,#0000 4px 8px)!important}.cv-stack-limit{border-left:2px solid var(--ok);width:0;transition:left .35s;position:absolute;top:-8px;bottom:-8px}.cv-stack-limit.is-over{border-color:var(--over)}.cv-stack-limit span{white-space:nowrap;font-size:var(--fs-xs);color:var(--text-2);margin-bottom:2px;font-weight:700;position:absolute;bottom:100%;transform:translate(-50%)}.cv-legend{margin:var(--sp-4) 0 0;gap:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:0;list-style:none;display:grid}.cv-legend li{align-items:center;gap:var(--sp-2);display:flex}.cv-legend strong{margin-left:auto}.cv-swatch{border-radius:3px;flex:none;width:12px;height:12px}.cv-gauge-track{fill:none;stroke:var(--surface-2);stroke-width:16px}.cv-gauge-zone{fill:none;stroke-width:4px}.cv-gauge-zone.is-ok{stroke:var(--ok)}.cv-gauge-zone.is-caution{stroke:var(--caution)}.cv-gauge-zone.is-over{stroke:var(--over)}.cv-gauge-value{fill:none;stroke:var(--chart-1);stroke-width:16px;stroke-linecap:round}.cv-gauge-num{fill:var(--text);font-size:28px;font-weight:800}.cv-tank{aspect-ratio:4/3;width:100%;max-height:440px;position:relative}.cv-tank>svg,.cv-tank>canvas{width:100%;height:100%;position:absolute;inset:0}.cv-tank>canvas{opacity:0;touch-action:pan-y;cursor:grab;transition:opacity .3s}.cv-tank>canvas:active{cursor:grabbing}.cv-tank[data-mode="3d"]>canvas{opacity:1}.cv-tank[data-mode="3d"]>svg{visibility:hidden}.cv-tank-hint{right:var(--sp-2);bottom:var(--sp-1);font-size:var(--fs-xs);color:var(--text-3);pointer-events:none;position:absolute}.cv-tank-glass{fill:color-mix(in srgb, var(--tank-glass) 35%, transparent)}.cv-tank-sand{fill:var(--tank-sand)}.cv-tank-sand-top{fill:color-mix(in srgb, var(--tank-sand) 80%, white)}.cv-tank-water{fill:color-mix(in srgb, var(--chart-1) 45%, transparent)}.cv-tank-surface{fill:color-mix(in srgb, var(--chart-2) 45%, transparent);stroke:var(--chart-2);stroke-width:1px}.cv-tank-edge{fill:none;stroke:var(--tank-edge);stroke-width:1.5px;stroke-linejoin:round}.cv-tank-edge.is-faint{stroke-width:1px;stroke-dasharray:4 4;opacity:.6}@media (prefers-reduced-motion:reduce){.cv-tank>canvas{transition:none}}.cv-share{gap:var(--sp-2);flex-wrap:wrap;display:flex}.cv-btn{font:inherit;font-weight:700;font-size:var(--fs-sm);min-height:40px;padding:0 var(--sp-4);border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:999px}.cv-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.cv-btn-ghost{color:var(--accent);background:0 0}.cv-btn-ghost:hover{background:var(--accent-soft);color:var(--accent)}.cv-embed{gap:var(--sp-2);flex-basis:100%;justify-items:start;display:grid}.cv-embed textarea{width:100%;padding:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-xs);resize:vertical}.cv-embed-credit{font-size:var(--fs-sm);margin:0}.cv-layers-glass{fill:none;stroke:var(--border-strong);stroke-width:4px}.cv-layer-water{fill:var(--chart-band)}.cv-layer-substrate{fill:var(--chart-4)}.cv-layer-label{fill:var(--text);font-size:13px;font-weight:700}.cv-layer-label.is-on-fill{fill:var(--surface)}.cv-layer-dim{stroke:var(--text-3);stroke-width:1.5px}.cv-refr-field{fill:var(--surface);stroke:var(--border-strong);stroke-width:2px}.cv-refr-blue{fill:var(--chart-2);opacity:.85}.cv-refr-target{fill:var(--ok);opacity:.25}.cv-refr-target-label{fill:var(--ok);font-size:12px;font-weight:700}.cv-refr-edge{stroke:var(--chart-4);stroke-width:3px}.cv-refr-tick{stroke:var(--text-2);stroke-width:1.5px}.cv-refr-tick.is-minor{stroke:var(--text-3);stroke-width:1px}.cv-plan-water{fill:color-mix(in srgb, var(--chart-1) 35%, transparent);stroke:var(--chart-1);stroke-width:2px;stroke-linejoin:round}.cv-plan-area{fill:var(--text);font-size:13px;font-weight:700}.cv-liner-lap{fill:color-mix(in srgb, var(--text-3) 22%, transparent);stroke:var(--text-3);stroke-width:1px}.cv-liner-wall{fill:color-mix(in srgb, var(--text-3) 12%, var(--surface));stroke:var(--text-3);stroke-width:1px;stroke-dasharray:4 3}.cv-liner-fold{fill:var(--surface);stroke:var(--text-3);stroke-width:1px;stroke-dasharray:4 3}.cv-profile-water{fill:color-mix(in srgb, var(--chart-1) 30%, transparent)}.cv-profile-ground{fill:color-mix(in srgb, var(--text-3) 18%, transparent)}.cv-profile-floor{fill:none;stroke:var(--chart-1);stroke-width:2.5px;stroke-linejoin:round}.cv-profile-avg{stroke:var(--text-3);stroke-dasharray:4 4}