:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7f1ef;background:#0d1516;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #e7f1ef;--muted: #9aadaa;--line: #263638;--surface: #151f20;--surface-soft: #10191a;--primary: #25c7b5;--primary-strong: #1ba596;--primary-soft: #123b38;--blue: #69a7ff;--coral: #ff9478;--shadow: 0 14px 40px rgba(0, 0, 0, .28)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 90% -10%,rgba(15,118,110,.12),transparent 30rem),#eef4f3}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}.app-shell{min-height:100vh;padding-bottom:calc(104px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:88px;padding:calc(16px + env(safe-area-inset-top)) 20px 14px;background:#0d1516f0;backdrop-filter:blur(16px);border-bottom:1px solid rgba(38,54,56,.9)}.topbar h1,.modal-head h2,.section-heading h2,.pond-title-card h2,.empty-card h2{margin:0;letter-spacing:-.035em}.topbar h1{margin-top:3px;font-size:1.65rem}.eyebrow{display:inline-block;color:var(--primary);font-size:.73rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.eyebrow.light{color:#bff4eb}.local-badge{display:inline-flex;gap:6px;align-items:center;padding:7px 10px;color:var(--primary);background:var(--primary-soft);border-radius:999px;font-size:.76rem;font-weight:800}.page{width:min(100%,760px);margin:0 auto;padding:18px 16px 28px}.hero-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:22px;overflow:hidden;color:#fff;background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.18),transparent 40%),linear-gradient(135deg,#0b615b,#12887e);border-radius:26px;box-shadow:var(--shadow)}.hero-card h2{max-width:18ch;margin:7px 0 9px;font-size:clamp(1.45rem,6vw,2.1rem);line-height:1.03;letter-spacing:-.045em}.hero-card p{max-width:43ch;margin:0;color:#fffc;font-size:.88rem;line-height:1.5}.hero-stat{display:grid;justify-items:center;min-width:74px;padding:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:20px}.hero-stat strong{font-size:2rem;line-height:1}.hero-stat span{margin-top:5px;font-size:.72rem;opacity:.78}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:26px 2px 12px}.section-heading h2{font-size:1.12rem}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:.8rem}.text-button,.icon-button{border:0;background:transparent;cursor:pointer}.text-button{padding:7px 2px;color:var(--primary);font-size:.82rem;font-weight:800}.icon-button{display:grid;place-items:center;width:42px;height:42px;color:var(--ink);border-radius:14px;font-size:1.55rem}.icon-button:hover{background:#0f766e14}.pond-list{display:grid;gap:12px}.pond-card{width:100%;padding:17px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:21px;box-shadow:0 5px 18px #1c464209;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.pond-card:active{transform:scale(.99)}.pond-card:hover{box-shadow:0 10px 26px #1c464212}.pond-card-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.pond-card-head>div{display:grid;gap:4px}.pond-name{font-size:1.16rem;font-weight:850;letter-spacing:-.025em}.pond-meta{color:var(--muted);font-size:.76rem}.status{flex:0 0 auto;padding:6px 9px;border-radius:999px;font-size:.7rem;font-weight:800}.status.ready{color:#73e5d8;background:#123b38}.status.waiting{color:#f4cf75;background:#3a3118}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-grid.compact{margin-top:15px}.metric{min-width:0;padding:12px;background:var(--surface-soft);border:1px solid #e7efee;border-radius:16px}.metric.featured{background:#e9f5f3;border-color:#d2ebe7}.metric span{display:block;margin-bottom:5px;overflow:hidden;color:var(--muted);font-size:.68rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.metric strong{display:block;overflow:hidden;font-size:1rem;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.empty-inline{margin-top:14px;padding:13px;color:var(--muted);background:var(--surface-soft);border-radius:14px;font-size:.78rem}.note-card,.source-card{display:flex;gap:12px;margin-top:18px;padding:15px;color:#aab9b7;background:#111b1c;border:1px dashed #344749;border-radius:17px;font-size:.79rem;line-height:1.45}.note-card{display:block}.note-card strong,.source-card strong{color:var(--ink)}.note-card p,.source-card p{margin:4px 0 0}.source-card>span{display:grid;place-items:center;flex:0 0 38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:12px;font-weight:900}.pond-title-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:22px}.pond-title-card h2{margin-top:5px;font-size:1.55rem}.pond-title-card p{margin:3px 0 0;color:var(--muted);font-size:.78rem}.day-orb{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;color:#fff;background:var(--primary);border-radius:50%}.day-orb strong{font-size:1.3rem;line-height:1}.day-orb span{margin-top:-4px;font-size:.61rem;opacity:.76}.info-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:10px;overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:18px}.info-item{min-width:0;padding:12px 7px;text-align:center;background:var(--surface)}.info-item span{display:block;color:var(--muted);font-size:.61rem}.info-item strong{display:block;margin-top:3px;overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.chart-card{margin-top:20px;padding:3px 15px 10px;background:var(--surface);border:1px solid var(--line);border-radius:22px}.chart-heading{margin-top:15px}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;margin:0 2px 4px;color:var(--muted);font-size:.7rem}.chart-legend span{display:inline-flex;gap:6px;align-items:center}.dot{display:inline-block;width:8px;height:8px;border-radius:50%}.dot.biomass{background:var(--blue)}.dot.feed{background:var(--coral)}.chart-card svg{display:block;width:100%;height:auto}.axis-line{stroke:#304244;stroke-width:1}.chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.biomass-line{stroke:var(--blue)}.feed-line{stroke:var(--coral)}.chart-point{stroke:#10191a;stroke-width:2}.biomass-point{fill:var(--blue)}.feed-point{fill:var(--coral)}.chart-label{fill:#8ea3a0;font-size:9px;font-weight:700}.empty-card{margin-top:22px;padding:28px 20px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:24px}.empty-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 13px;color:var(--primary);background:var(--primary-soft);border-radius:18px;font-size:1.8rem;font-weight:900}.empty-card p{max-width:44ch;margin:8px auto 18px;color:var(--muted);font-size:.82rem;line-height:1.5}.history-list{display:grid;gap:9px}.history-card{display:grid;grid-template-columns:78px minmax(0,1fr);gap:11px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:17px}.history-date{display:grid;align-content:center;gap:3px}.history-date strong{font-size:.8rem}.history-date span{color:var(--muted);font-size:.66rem}.history-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.history-values span{overflow:hidden;font-size:.74rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.history-values small{display:block;margin-bottom:2px;color:var(--muted);font-size:.58rem;font-weight:600}.fab{position:fixed;right:max(18px,calc((100vw - 760px)/2 + 18px));bottom:calc(20px + env(safe-area-inset-bottom));z-index:25;display:inline-flex;gap:8px;align-items:center;min-height:52px;padding:0 18px;color:#fff;background:var(--primary);border:0;border-radius:18px;box-shadow:0 14px 32px #0f766e4d;cursor:pointer;font-size:.84rem;font-weight:850}.fab span{font-size:1.2rem;line-height:1}.primary-button{min-height:50px;padding:0 18px;color:#fff;background:var(--primary);border:0;border-radius:15px;cursor:pointer;font-weight:850}.primary-button:hover,.fab:hover{background:var(--primary-strong)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:end;justify-content:center;padding-top:32px;background:#0d21207a;backdrop-filter:blur(4px)}.modal-sheet{width:min(100%,640px);max-height:92vh;padding:8px 18px calc(24px + env(safe-area-inset-bottom));overflow:auto;background:#10191a;border-radius:26px 26px 0 0;box-shadow:0 -18px 55px #0a2b2833}.modal-handle{width:42px;height:5px;margin:1px auto 10px;background:#3b4e50;border-radius:999px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-head h2{margin-top:4px;font-size:1.38rem}.form-grid{display:grid;gap:13px}.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field{display:grid;gap:6px}.field>span{color:#b9c8c6;font-size:.72rem;font-weight:800}.field input{width:100%;min-height:48px;padding:0 13px;color:var(--ink);background:#0f1819;border:1px solid #304345;border-radius:13px}.field small{color:var(--muted);font-size:.68rem;line-height:1.4}.preview-card{padding:14px;background:#102a28;border:1px solid #20534d;border-radius:18px}.preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}.preview-grid .metric{padding:9px 7px;background:#172223}.preview-grid .metric strong{font-size:.82rem}@media (min-width: 640px){.page{padding:26px 22px 36px}.topbar{padding-left:max(24px,calc((100vw - 760px)/2 + 22px));padding-right:max(24px,calc((100vw - 760px)/2 + 22px))}.metric-grid,.metric-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.modal-backdrop{align-items:center;padding:24px}.modal-sheet{max-height:min(88vh,760px);border-radius:26px}}@media (max-width: 430px){.hero-card{grid-template-columns:1fr}.hero-stat{grid-template-columns:auto auto;justify-content:start;justify-items:start;gap:7px;width:max-content;min-width:0}.hero-stat span{margin-top:0;align-self:end;padding-bottom:2px}.history-card{grid-template-columns:1fr}.history-date{display:flex;align-items:baseline;gap:7px}}@media (max-width: 360px){.two-cols{grid-template-columns:1fr}.preview-grid,.info-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.device-badge{display:inline-flex;align-items:center;padding:7px 10px;color:var(--primary);background:var(--primary-soft);border-radius:999px;font-size:.72rem;font-weight:850}.summary-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 6px 20px #1c46420a}.summary-bar>div{min-width:0;padding:14px 10px;text-align:center;border-right:1px solid var(--line)}.summary-bar>div:last-child{border-right:0}.summary-bar strong{display:block;font-size:1.24rem;letter-spacing:-.04em}.summary-bar span{display:block;margin-top:2px;color:var(--muted);font-size:.63rem;line-height:1.2}.compact-heading{margin-top:18px}.report-context{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding:9px 11px;background:#f1f7f6;border-radius:12px;color:var(--muted);font-size:.68rem}.report-context strong{color:var(--ink);font-size:.72rem}.latest-label{margin:12px 2px -5px;color:var(--muted);font-size:.69rem;font-weight:700}.empty-inline{display:grid;gap:4px}.empty-inline strong{color:var(--ink);font-size:.78rem}.empty-inline span{color:var(--muted);font-size:.72rem}.planned-inline{margin-top:10px;padding:9px 11px;color:#6e5b1a;background:#fff7dc;border-radius:12px;font-size:.68rem;line-height:1.35}.storage-note{display:grid;gap:3px;margin-top:18px;padding:14px 15px;color:var(--muted);background:#ffffff94;border:1px dashed #cbdad7;border-radius:16px;font-size:.72rem}.storage-note strong{color:var(--ink)}.report-summary-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 5px 18px #1c464209}.report-summary-card h2{margin:4px 0 0;font-size:1.2rem;letter-spacing:-.03em}.report-summary-card p{margin:4px 0 0;color:var(--muted);font-size:.76rem}.summary-orb{display:grid;place-items:center;flex:0 0 76px;min-height:66px;padding:9px;color:var(--primary);background:var(--primary-soft);border-radius:16px;text-align:center}.summary-orb strong{font-size:1.1rem}.summary-orb span{margin-top:-2px;font-size:.58rem;line-height:1.05}.facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fact{min-width:0;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.fact span{display:block;color:var(--muted);font-size:.62rem}.fact strong{display:block;margin-top:4px;overflow:hidden;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.next-action-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:14px 15px;color:#5c4c17;background:#fff8df;border:1px solid #f1e2a4;border-radius:17px}.next-action-card>div{display:grid;gap:3px}.next-action-card .eyebrow{color:#8a6b09}.next-action-card strong{font-size:.83rem}.next-action-card p{margin:0;font-size:.75rem}.secondary-button{flex:0 0 auto;min-height:38px;padding:0 12px;color:#6f5607;background:#ffffffbf;border:1px solid #e6d58a;border-radius:11px;cursor:pointer;font-size:.72rem;font-weight:850}.scheduled-highlight{margin:0 auto 16px;padding:10px 12px;color:#6f5a14;background:#fff7dc;border-radius:12px;font-size:.75rem}.planning-card,.calculation-details{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:17px}.planning-card summary,.calculation-details summary{list-style:none;cursor:pointer}.planning-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px}.planning-card summary>span:first-child{display:grid;gap:2px}.planning-card summary strong{font-size:.8rem}.planning-card summary small,.planning-card summary>span:last-child{color:var(--muted);font-size:.67rem}.planning-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;margin:0 12px 12px;background:var(--line);border:1px solid var(--line);border-radius:12px}.planning-list>div{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;background:var(--surface-soft);font-size:.68rem}.planning-list span{color:var(--muted)}.calculation-details{padding:0}.calculation-details summary{padding:14px 15px;color:var(--primary);font-size:.75rem;font-weight:850}.calculation-details p{margin:0;padding:0 15px 15px;color:var(--muted);font-size:.72rem;line-height:1.5}.planned-date-button{display:grid;gap:3px;width:100%;padding:12px 13px;text-align:left;color:#66520e;background:#fff8df;border:1px solid #ead991;border-radius:14px;cursor:pointer}.planned-date-button span{font-size:.65rem;font-weight:700}.planned-date-button strong{font-size:.82rem}.planned-date-button small{color:#8a6b09;font-size:.65rem;font-weight:800}.form-error{padding:10px 12px;color:#8d2b24;background:#fff0ee;border:1px solid #f2c8c3;border-radius:12px;font-size:.72rem;line-height:1.4}@media (min-width: 640px){.facts-grid,.planning-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 360px){.summary-bar span{font-size:.58rem}.report-context,.next-action-card{align-items:flex-start;flex-direction:column}.planning-list{grid-template-columns:1fr}}.metric-section-label{margin:14px 2px 8px;color:var(--muted);font-size:.67rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.calculated-label{color:var(--primary)}.bar-biomass{fill:var(--blue);opacity:.88}.bar-feed{fill:var(--coral);opacity:.88}.card-change-summary{margin-top:10px;padding:9px 11px;color:var(--ink);background:#eef6f5;border-radius:12px;font-size:.7rem;font-weight:750;line-height:1.35}.change-card{margin-top:20px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 5px 18px #1c464209}.change-card-head h2{margin:5px 0 0;font-size:1rem;letter-spacing:-.025em}.change-card-head p{margin:4px 0 0;color:var(--muted);font-size:.7rem}.change-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.change-item{display:flex;align-items:center;gap:9px;min-width:0;padding:11px;background:var(--surface-soft);border:1px solid #e7efee;border-radius:14px}.change-arrow{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;color:var(--primary);background:var(--primary-soft);border-radius:10px;font-size:1rem;font-weight:900}.change-item>div{min-width:0}.change-item small,.change-item span{display:block}.change-item small{overflow:hidden;color:var(--muted);font-size:.59rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.change-item strong{display:block;margin-top:2px;font-size:.9rem;letter-spacing:-.02em}.change-item>div>span{margin-top:1px;color:var(--muted);font-size:.62rem}.change-footnote{margin:12px 1px 0;color:var(--muted);font-size:.65rem;line-height:1.45}@media (max-width: 360px){.change-grid{grid-template-columns:1fr}}.form-step{display:flex;align-items:center;gap:10px;margin-top:2px;padding-top:2px}.form-step-number{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;color:#fff;background:var(--primary);border-radius:10px;font-size:.75rem;font-weight:900}.form-step>div{display:grid;gap:1px}.form-step strong{font-size:.82rem}.form-step small{color:var(--muted);font-size:.67rem;line-height:1.35}.sample-result{display:grid;gap:3px;padding:13px 14px;color:#164b47;background:#e6f5f2;border:1px solid #cde9e4;border-radius:15px}.sample-result span{color:var(--muted);font-size:.64rem;font-weight:750}.sample-result strong{font-size:1.18rem;letter-spacing:-.03em}.sample-result small{color:#607b78;font-size:.66rem}.technical-adjustment{overflow:hidden;background:#fbfcfc;border:1px solid var(--line);border-radius:15px}.technical-adjustment summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;list-style:none;cursor:pointer}.technical-adjustment summary::-webkit-details-marker{display:none}.technical-adjustment summary>span{display:grid;gap:2px}.technical-adjustment summary strong{font-size:.76rem}.technical-adjustment summary small{color:var(--muted);font-size:.62rem;line-height:1.3}.technical-adjustment summary b{flex:0 0 auto;color:var(--primary);font-size:.85rem}.technical-adjustment-body{display:grid;gap:10px;padding:0 13px 13px}.technical-adjustment-body p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.45}.inline-reset-button{justify-self:start;padding:0;color:var(--primary);background:transparent;border:0;cursor:pointer;font-size:.68rem;font-weight:800}.auto-preview-card{background:#eaf7f4}.auto-preview-card .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rate-note{margin-top:8px;padding:9px 11px;color:var(--muted);background:#ffffff8c;border:1px dashed #ccdad8;border-radius:12px;font-size:.66rem;line-height:1.45}.rate-note strong{color:var(--ink)}@media (min-width: 640px){.auto-preview-card .preview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.history-card{grid-template-columns:78px minmax(0,1fr) auto;align-items:center}.history-edit-button{align-self:center;min-height:34px;padding:0 10px;color:var(--primary);background:#eef7f5;border:1px solid #d5e9e5;border-radius:10px;cursor:pointer;font-size:.66rem;font-weight:850}.history-edit-button:hover{background:var(--primary-soft)}.correction-note{display:grid;gap:4px;padding:12px 13px;color:#315b57;background:#eef7f5;border:1px solid #d4e9e5;border-radius:14px}.correction-note.historical{color:#66520e;background:#fff8df;border-color:#ead991}.correction-note strong{font-size:.76rem}.correction-note span{font-size:.67rem;line-height:1.45}@media (max-width: 430px){.history-card{grid-template-columns:1fr auto}.history-values{grid-column:1 / -1}.history-edit-button{grid-column:2;grid-row:1}}.device-badge.synced{color:#0d635d;background:#dff3ef}.sync-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 18px #1c464209}.sync-card.connected{background:#f4fbf9;border-color:#d2e9e5}.sync-card.has-error{background:#fff9f4;border-color:#efd8c3}.sync-card-copy{display:grid;gap:4px;min-width:0}.sync-card-copy>strong{font-size:.86rem}.sync-card-copy p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.45}.sync-card-copy small{color:var(--muted);font-size:.62rem;line-height:1.4}.sync-title-row{display:flex;align-items:center;gap:7px}.sync-dot{width:8px;height:8px;background:#9caeab;border-radius:999px}.sync-dot.synced{background:#1b9c7f}.sync-dot.connecting,.sync-dot.syncing{background:#d8a91e}.sync-dot.error{background:#c75d45}.sync-message{display:block;margin-top:2px;color:#4a6561!important;font-weight:650}.sync-card.has-error .sync-message{color:#8a513f!important}.sync-primary-action{min-width:100px}.sync-actions{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;gap:5px}.sync-actions .secondary-button{white-space:nowrap}.sync-text-button{min-height:30px;padding:0 8px;color:var(--primary);background:transparent;border:0;cursor:pointer;font-size:.65rem;font-weight:800}.sync-text-button.danger{color:#8a5b52}button:disabled{cursor:not-allowed;opacity:.58}@media (max-width: 430px){.sync-card{align-items:stretch;flex-direction:column}.sync-primary-action{width:100%}.sync-actions{display:grid;grid-template-columns:1fr 1fr}.sync-actions .secondary-button{grid-column:1 / -1}}.pond-card.actionable{position:relative;padding-top:15px}.pond-card-open-hint{display:block;margin-bottom:9px;color:var(--primary);font-size:.62rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.pond-card-action{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid var(--line)}.pond-card-action span{color:var(--muted);font-size:.67rem}.pond-card-action strong{flex:0 0 auto;color:var(--primary);font-size:.7rem;letter-spacing:.04em}.product-tracker-card,.product-tracker-inline{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;background:var(--surface);border:1px solid #d5e9e5;border-radius:18px;box-shadow:0 5px 18px #1c464209}.product-tracker-card{margin-top:14px;background:#f4fbf9}.product-tracker-inline{margin-top:14px}.product-tracker-card>div,.product-tracker-inline>div{display:grid;gap:3px;min-width:0}.product-tracker-card strong,.product-tracker-inline strong{font-size:.84rem}.product-tracker-card p,.product-tracker-inline p{margin:0;color:var(--muted);font-size:.69rem;line-height:1.4}.usage-period-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:5px}.usage-period-head>div{display:grid;gap:3px}.usage-period-head strong{font-size:.85rem}.month-input,.field select{width:100%;min-height:48px;padding:0 12px;color:var(--ink);background:#fff;border:1px solid #d5e1df;border-radius:13px}.month-input{width:auto;min-height:40px;padding:0 9px;font-size:.72rem}.usage-totals,.usage-history{display:grid;gap:7px}.usage-total,.usage-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;background:var(--surface-soft);border:1px solid #e7efee;border-radius:13px}.usage-total>div,.usage-row>div{display:grid;gap:2px;min-width:0}.usage-total strong,.usage-row strong{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.usage-total span,.usage-row span{overflow:hidden;color:var(--muted);font-size:.62rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.usage-total b,.usage-row b{flex:0 0 auto;color:var(--primary);font-size:.76rem}.usage-history{padding-top:3px}@media (max-width: 430px){.product-tracker-card,.product-tracker-inline{align-items:flex-start;flex-direction:column}.product-tracker-card .secondary-button,.product-tracker-inline .secondary-button{width:100%}.usage-period-head{align-items:stretch;flex-direction:column}.month-input{width:100%}}.pond-card.actionable{padding:0;overflow:hidden;background:#151f20;border:1px solid #2d4143;box-shadow:0 12px 30px #00000038}.pond-card-main{display:block;width:100%;padding:17px;color:inherit;text-align:left;background:transparent;border:0;cursor:pointer}.pond-card-main:active{background:#192728}.pond-card-open-hint{display:flex;align-items:center;gap:7px;margin-bottom:11px;color:#62e2d3;font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.tap-dot{width:8px;height:8px;background:#25c7b5;border-radius:50%;box-shadow:0 0 0 5px #25c7b51f}.pond-card-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:13px 0 0;color:#9aadaa;border-top:1px solid #2a3c3e}.pond-card-action strong{color:#72eadc;font-size:.82rem;letter-spacing:.04em}.pond-card-footer{display:flex;justify-content:flex-end;padding:9px 13px;background:#111a1b;border-top:1px solid #263638}.pond-edit-button{min-height:38px;padding:0 11px;color:#a9bab7;background:transparent;border:1px solid #35494b;border-radius:11px;cursor:pointer;font-size:.7rem;font-weight:800}.pond-edit-button:active{background:#1b292a}.detail-actions{display:grid;grid-template-columns:1.35fr 1fr;gap:9px;margin-top:15px}.product-summary-card,.product-tracker-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;padding:15px;color:var(--ink);background:#122423;border:1px solid #20534d;border-radius:18px}.product-summary-card>div,.product-tracker-card>div{display:grid;gap:4px;min-width:0}.product-summary-card strong,.product-tracker-card strong{font-size:.84rem}.product-summary-card p,.product-tracker-card p{margin:0;color:#9aadaa;font-size:.69rem;line-height:1.4}.secondary-button{min-height:46px;padding:0 14px;color:#bcece7;background:#17312f;border:1px solid #2a625b;border-radius:13px;cursor:pointer;font-weight:850}.product-tracker-card{margin-top:14px}.product-tracker-card .secondary-button,.product-summary-card .secondary-button{flex:0 0 auto}.metric{background:#101a1b;border-color:#263b3d}.metric.featured{background:#12302e;border-color:#20544f}.info-item,.chart-card,.pond-title-card,.history-card,.empty-card,.summary-bar,.note-card,.source-card,.next-action-card,.report-summary-card{background:#151f20;border-color:#293d3f}.info-strip{background:#293d3f;border-color:#293d3f}.empty-inline,.storage-note,.planned-inline,.card-change-summary,.rate-note,.scheduled-highlight{background:#111b1c;border-color:#2b3f41;color:#a7b7b5}@media (max-width: 430px){.detail-actions{grid-template-columns:1fr}.product-summary-card,.product-tracker-card{align-items:stretch;flex-direction:column}.product-summary-card .secondary-button,.product-tracker-card .secondary-button{width:100%}}:root{--bg-app: #0c1517;--surface-card: #132225;--surface-raised: #182b2f;--surface-highlight: #123835;--border-card: #263d42;--border-strong: #385a61;--text-main: #ffffff;--text-body: #f1f5f9;--text-muted: #a3b8b5;--text-dim: #7d9693;--accent-teal: #2dd4bf;--accent-teal-hover: #14b8a6;--btn-primary-bg: #0d9488;--btn-primary-text: #ffffff;--btn-secondary-bg: #1a2f33;--btn-secondary-border: #355860;--btn-secondary-text: #ffffff}body{color:var(--text-body);background:var(--bg-app);overflow-x:hidden}.page{color:var(--text-body);padding-bottom:calc(110px + env(safe-area-inset-bottom))}.topbar{background:#0c1517f2;border-bottom:1px solid var(--border-card);backdrop-filter:blur(14px);min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar h1{color:var(--text-main);font-size:1.55rem;font-weight:850;margin:2px 0 0}.topbar-nav{display:flex;align-items:center;gap:12px}.back-button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;color:var(--text-main);background:#192e32;border:1.5px solid var(--border-strong);border-radius:12px;font-weight:750;font-size:.9rem;cursor:pointer;transition:background .15s ease,transform .1s ease}.back-button:active{transform:scale(.96);background:#20393e}.back-arrow{font-size:1.15rem;line-height:1}.topbar-title-block{display:flex;flex-direction:column}.eyebrow{color:var(--accent-teal);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.device-badge{background:#153432;color:var(--accent-teal);border:1px solid #1f4e4b;font-weight:800;font-size:.76rem;padding:6px 12px}.device-badge.synced{background:#0f3d36;color:#5eead4;border-color:#176359}.section-heading h2{color:var(--text-main);font-size:1.25rem;font-weight:800}.section-heading p{color:var(--text-muted);font-size:.82rem}.text-button{color:var(--accent-teal);font-size:.88rem;font-weight:800;padding:8px}.summary-bar,.sync-card,.product-tracker-card,.product-summary-card,.pond-card,.pond-header-card,.change-card,.empty-card,.planning-card,.calculation-details{background:var(--surface-card);border:1.5px solid var(--border-card);border-radius:20px;color:var(--text-body);box-shadow:0 8px 24px #00000052}.summary-bar{border-radius:18px}.summary-bar strong{color:var(--text-main);font-size:1.45rem}.summary-bar span{color:var(--text-muted);font-size:.75rem;font-weight:700}.sync-card-copy strong{color:var(--text-main);font-size:1.05rem}.sync-card-copy p{color:var(--text-muted);font-size:.82rem;line-height:1.45}.sync-message{color:#5eead4!important;font-weight:700}.sync-card.has-error .sync-message{color:#fca5a5!important}.sync-text-button{color:var(--accent-teal);font-size:.82rem;font-weight:800;min-height:38px;padding:0 12px}.sync-text-button.danger{color:#f87171}.product-tracker-card strong,.product-summary-card strong{color:var(--text-main);font-size:1.08rem}.product-tracker-card p,.product-summary-card p{color:var(--text-muted);font-size:.84rem;line-height:1.45}.primary-button{min-height:50px;padding:0 20px;color:var(--btn-primary-text);background:var(--btn-primary-bg);border:0;border-radius:14px;cursor:pointer;font-size:.95rem;font-weight:800;box-shadow:0 4px 16px #0d948866;transition:background .15s ease,transform .1s ease}.primary-button:hover{background:var(--accent-teal-hover)}.primary-button:active{transform:scale(.98)}.secondary-button{min-height:48px;padding:0 16px;color:var(--btn-secondary-text);background:var(--btn-secondary-bg);border:1.5px solid var(--btn-secondary-border);border-radius:14px;cursor:pointer;font-size:.88rem;font-weight:750;transition:background .15s ease,transform .1s ease}.secondary-button:hover{background:#213c41}.secondary-button:active{transform:scale(.98)}.pond-card.actionable{padding:0;overflow:hidden;border:1.5px solid var(--border-card);transition:border-color .15s ease,box-shadow .15s ease}.pond-card.actionable:hover,.pond-card.actionable:focus-within{border-color:var(--border-strong)}.pond-card-main{display:block;width:100%;padding:20px 18px 16px;color:inherit;text-align:left;background:transparent;border:0;cursor:pointer}.pond-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pond-name{color:var(--text-main);font-size:1.45rem;font-weight:850;letter-spacing:-.02em}.pond-meta{color:var(--text-muted);font-size:.84rem;font-weight:600;margin-top:4px}.status{padding:6px 12px;border-radius:999px;font-size:.76rem;font-weight:850;letter-spacing:.02em}.status.ready{color:#5eead4;background:#0f3a34;border:1px solid #16564e}.status.waiting{color:#fef08a;background:#392c10;border:1px solid #634d19}.report-context{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:10px 14px;background:#101c1e;border:1px solid var(--border-card);border-radius:12px;color:var(--text-muted);font-size:.8rem}.report-context strong{color:var(--text-main);font-size:.84rem}.pond-card-cta{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:13px 18px;background:#0f4f49;border:1.5px solid #1a7a72;border-radius:14px;color:#fff;font-size:.95rem;font-weight:850;letter-spacing:.03em;box-shadow:0 4px 14px #0f4f4966}.cta-arrow{font-size:1.25rem;font-weight:900;transition:transform .15s ease}.pond-card-main:hover .cta-arrow,.pond-card-main:focus .cta-arrow{transform:translate(4px)}.pond-card-footer{display:flex;justify-content:flex-end;padding:11px 18px;background:#0f1a1c;border-top:1px solid var(--border-card)}.pond-edit-button{min-height:42px;padding:0 16px;color:var(--text-body);background:#192a2d;border:1px solid var(--border-card);border-radius:12px;cursor:pointer;font-size:.82rem;font-weight:750}.pond-edit-button:hover{background:#203539;border-color:var(--border-strong)}.pond-header-card{padding:20px 18px;margin-bottom:14px}.pond-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pond-header-top h2{color:var(--text-main);font-size:1.7rem;font-weight:850;margin:3px 0 0}.pond-header-meta{color:var(--text-muted);font-size:.88rem;font-weight:600;margin:6px 0 12px}.pond-header-badges{display:flex;flex-wrap:wrap;gap:8px}.info-chip{display:inline-flex;align-items:center;padding:6px 12px;background:#101c1e;border:1px solid var(--border-card);border-radius:10px;color:var(--text-body);font-size:.78rem;font-weight:700}.info-chip.highlight{background:#0f3d36;border-color:#176359;color:#5eead4}.operational-actions{display:grid;gap:10px;margin:14px 0 20px}.operational-primary{width:100%;min-height:54px;font-size:1.05rem;display:flex;align-items:center;justify-content:center;gap:8px}.operational-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.operational-secondary-grid .secondary-button{min-height:50px;font-size:.86rem;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center}.button-icon{font-size:1.15rem;line-height:1}.facts-grid,.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.fact,.metric{background:var(--surface-raised);border:1.5px solid var(--border-card);border-radius:14px;padding:13px 12px;min-width:0}.fact span,.metric span{display:block;color:var(--text-muted);font-size:.74rem;font-weight:700;margin-bottom:4px}.fact strong,.metric strong{display:block;color:var(--text-main);font-size:1.08rem;font-weight:850;letter-spacing:-.02em}.metric.featured{background:#113c38;border-color:#1c5b54}.metric.featured strong{color:#2dd4bf}.metric-section-label{color:var(--text-muted);font-size:.75rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase;margin:18px 2px 8px}.metric-section-label.calculated-label{color:var(--accent-teal)}.next-action-card,.scheduled-highlight,.planned-date-button{background:#252211;border:1.5px solid #5a4b18;border-radius:16px;color:#fef9c3}.next-action-card strong,.scheduled-highlight strong,.planned-date-button strong{color:#fef08a;font-size:.95rem}.next-action-card p,.scheduled-highlight p{color:#fef9c3;margin:4px 0 0;font-size:.82rem}.next-action-card .eyebrow{color:#facc15}.next-action-card .secondary-button{background:#3d3413;border-color:#6d5b1d;color:#fef08a}.planned-date-button{width:100%;padding:14px 16px;text-align:left;cursor:pointer;display:grid;gap:4px}.planned-date-button span{color:#facc15;font-size:.74rem;font-weight:800;text-transform:uppercase}.planned-date-button small{color:#fde047;font-size:.78rem;font-weight:800}.empty-card{padding:32px 20px;text-align:center;margin-top:14px}.empty-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;color:var(--accent-teal);background:var(--surface-highlight);border:1px solid #194e48;border-radius:18px;font-size:2rem;font-weight:900}.empty-card h2{color:var(--text-main);font-size:1.35rem;margin:0 0 8px}.empty-card p{color:var(--text-muted);font-size:.88rem;line-height:1.5;max-width:48ch;margin:0 auto 18px}.empty-inline{padding:13px 15px;background:#101c1e;border:1px solid var(--border-card);border-radius:13px;color:var(--text-muted);font-size:.82rem;margin-top:12px}.empty-inline strong{display:block;color:var(--text-main);font-size:.88rem;margin-bottom:3px}.planned-inline{padding:11px 14px;background:#252211;border:1px solid #5a4b18;border-radius:12px;color:#fef08a;font-size:.78rem;font-weight:700;margin-top:10px}.planning-card,.calculation-details{border-radius:16px;margin-top:16px}.planning-card summary,.calculation-details summary{padding:16px 18px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.planning-card summary::-webkit-details-marker,.calculation-details summary::-webkit-details-marker{display:none}.planning-card summary strong{color:var(--text-main);font-size:.95rem}.planning-card summary small{color:var(--text-muted);font-size:.78rem}.planning-card summary>span:last-child{color:var(--accent-teal);font-size:.84rem;font-weight:800}.planning-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border-card);margin:0 14px 14px;border-radius:12px;overflow:hidden;border:1px solid var(--border-card)}.planning-list>div{padding:11px 13px;background:var(--surface-raised);display:flex;justify-content:space-between;font-size:.82rem}.planning-list strong{color:var(--text-main)}.planning-list span{color:var(--text-muted)}.calculation-details summary{color:var(--accent-teal);font-weight:800;font-size:.92rem}.calculation-details p{color:var(--text-muted);font-size:.84rem;line-height:1.55;padding:0 18px 16px;margin:0}.history-list{display:grid;gap:10px;margin-top:10px}.history-card{padding:14px 16px;display:grid;grid-template-columns:85px minmax(0,1fr) auto;align-items:center;gap:12px}.history-date strong{display:block;color:var(--text-main);font-size:.92rem}.history-date span{color:var(--text-muted);font-size:.76rem}.history-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.history-values span{color:var(--text-main);font-size:.84rem;font-weight:800}.history-values small{display:block;color:var(--text-muted);font-size:.68rem;font-weight:600}.history-edit-button{min-height:38px;padding:0 14px;color:#fff;background:#1b3539;border:1px solid var(--border-strong);border-radius:10px;cursor:pointer;font-size:.8rem;font-weight:800}.history-edit-button:hover{background:#23454b}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#050a0ccc;backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding-top:24px}.modal-sheet{width:min(100%,640px);max-height:94vh;padding:10px 20px calc(28px + env(safe-area-inset-bottom));overflow-y:auto;background:var(--surface-card);border:1px solid var(--border-card);border-radius:26px 26px 0 0;box-shadow:0 -18px 60px #0009;color:var(--text-body)}.modal-handle{width:44px;height:5px;margin:4px auto 14px;background:var(--border-strong);border-radius:999px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.modal-head h2{color:var(--text-main);font-size:1.55rem;font-weight:850;margin:3px 0 0}.modal-head .icon-button{width:44px;height:44px;color:var(--text-main);background:#192c30;border:1px solid var(--border-card);border-radius:12px;font-size:1.6rem;cursor:pointer}.modal-head .icon-button:hover{background:#223c41}.form-step{display:flex;align-items:center;gap:12px;margin-top:4px;padding-top:4px}.form-step-number{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;color:#fff;background:var(--btn-primary-bg);border-radius:10px;font-size:.9rem;font-weight:900}.form-step strong{display:block;color:var(--text-main);font-size:.96rem;font-weight:800}.form-step small{color:var(--text-muted);font-size:.78rem}.field{display:grid;gap:7px}.field>span{color:var(--text-main);font-size:.85rem;font-weight:750}.field input,.field select,.month-input{width:100%;min-height:50px;padding:0 14px;color:var(--text-main);background:#17272a;border:1.5px solid var(--border-card);border-radius:13px;font-size:1rem;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus,.month-input:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 0 0 3px #2dd4bf38}.field select option{background:#17272a;color:#fff}.field small{color:var(--text-muted);font-size:.75rem;line-height:1.4}.sample-result{padding:14px 16px;background:#0f3531;border:1.5px solid #195e56;border-radius:14px;display:grid;gap:3px}.sample-result span{color:var(--accent-teal);font-size:.75rem;font-weight:800;text-transform:uppercase}.sample-result strong{color:#fff;font-size:1.45rem;font-weight:900}.sample-result small{color:#d1f4ee;font-size:.8rem}.auto-preview-card,.preview-card{padding:16px;background:#0f3531;border:1.5px solid #195e56;border-radius:16px;margin-top:6px}.auto-preview-card .eyebrow{color:var(--accent-teal)}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.preview-grid .metric{background:#133f3a;border-color:#1e615a;padding:10px 12px}.preview-grid .metric span{color:#a7d9d2}.preview-grid .metric strong{color:#fff;font-size:.98rem}.technical-adjustment{background:#101c1e;border:1.5px solid var(--border-card);border-radius:14px;overflow:hidden}.technical-adjustment summary{padding:14px 16px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.technical-adjustment summary strong{color:var(--text-main);font-size:.9rem}.technical-adjustment summary small{color:var(--text-muted);font-size:.75rem}.technical-adjustment summary b{color:var(--accent-teal);font-size:.95rem}.technical-adjustment-body{padding:0 16px 16px;display:grid;gap:12px}.technical-adjustment-body p{color:var(--text-muted);font-size:.8rem;line-height:1.45;margin:0}.inline-reset-button{color:var(--accent-teal);font-size:.82rem;font-weight:800;background:transparent;border:0;cursor:pointer;padding:4px 0;text-align:left}.modal-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:20px}.modal-actions .secondary-button,.modal-actions .primary-button{min-height:52px;font-size:.98rem;font-weight:800;display:flex;align-items:center;justify-content:center}.form-error{padding:12px 16px;color:#fecaca;background:#3f1919;border:1.5px solid #7f2323;border-radius:12px;font-size:.84rem;font-weight:700;line-height:1.4}.correction-note{display:grid;gap:4px;padding:13px 15px;color:#d1f4ee;background:#0f3531;border:1.5px solid #195e56;border-radius:14px}.correction-note strong{color:#fff;font-size:.88rem}.correction-note span{color:#bcece4;font-size:.78rem;line-height:1.45}.correction-note.historical{background:#252211;border-color:#5a4b18;color:#fef9c3}.correction-note.historical strong{color:#fef08a}.correction-note.historical span{color:#fef9c3}.usage-period-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.usage-period-head strong{color:var(--text-main);font-size:1.05rem}.usage-total,.usage-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--surface-raised);border:1px solid var(--border-card);border-radius:13px}.usage-total strong,.usage-row strong{color:var(--text-main);font-size:.92rem}.usage-total span,.usage-row span{color:var(--text-muted);font-size:.76rem}.usage-total b,.usage-row b{color:var(--accent-teal);font-size:.95rem;font-weight:850}.storage-note{margin-top:20px;padding:14px 16px;background:#101c1e;border:1px dashed var(--border-card);border-radius:14px;color:var(--text-muted);font-size:.8rem;display:grid;gap:4px}.storage-note strong{color:var(--text-main)}.fab{position:fixed;right:max(18px,calc((100vw - 760px)/2 + 18px));bottom:calc(18px + env(safe-area-inset-bottom));z-index:25;display:inline-flex;gap:8px;align-items:center;min-height:52px;padding:0 20px;color:#fff;background:var(--btn-primary-bg);border:0;border-radius:999px;box-shadow:0 10px 28px #00000080;cursor:pointer;font-size:.92rem;font-weight:850;transition:background .15s ease,transform .1s ease}.fab:hover{background:var(--accent-teal-hover)}.fab:active{transform:scale(.96)}.fab span{font-size:1.25rem;line-height:1}@media (max-width: 430px){.page{padding-left:14px;padding-right:14px}.facts-grid,.metric-grid{gap:8px}.fact,.metric{padding:12px 10px}.history-card{grid-template-columns:1fr auto}.history-values{grid-column:1 / -1}.history-edit-button{grid-column:2;grid-row:1}.sync-card{align-items:stretch;flex-direction:column}.sync-actions{display:grid;grid-template-columns:1fr 1fr}.sync-actions .secondary-button{grid-column:1 / -1}.product-tracker-card,.product-summary-card{align-items:stretch;flex-direction:column}.product-tracker-card .secondary-button,.product-summary-card .secondary-button{width:100%}.usage-period-head{align-items:stretch;flex-direction:column}.modal-actions{grid-template-columns:1fr 1.4fr}}@media (min-width: 640px){.modal-backdrop{align-items:center;padding:24px}.modal-sheet{max-height:min(90vh,760px);border-radius:26px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.facts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}