:root{color:#173225;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(circle at 0 0,#8cb79933,#0000 26%),radial-gradient(circle at 85% 15%,#7cadd624,#0000 18%),radial-gradient(circle at 100% 100%,#fcd1842e,#0000 24%),linear-gradient(#f6faf6 0%,#eef6ef 58%,#f6f1e6 100%);font-family:Segoe UI Variable Text,Aptos,Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.45;background-image:linear-gradient(#628a6f0b 1px,#0000 1px),linear-gradient(90deg,#628a6f0b 1px,#0000 1px);background-size:2.25rem 2.25rem;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b8,#0000 95%);mask-image:linear-gradient(#000000b8,#0000 95%)}body:after{content:"";pointer-events:none;opacity:.55;background:radial-gradient(circle at 20% 20%,#ffffffb3,#0000 16%),radial-gradient(circle at 80% 12%,#ffffff73,#0000 12%);position:fixed;inset:0}button,input,textarea,select{font:inherit}a{color:inherit}#root{min-height:100vh}.shell{width:min(1180px,100% - 1rem);margin:0 auto;padding:1rem 0 2rem;position:relative}.shell:before,.shell:after{content:"";z-index:-1;filter:blur(18px);opacity:.55;pointer-events:none;border-radius:50%;width:22rem;height:22rem;position:fixed}.shell:before{background:radial-gradient(circle,#78c2896b,#0000 70%);top:-4rem;left:-6rem}.shell:after{background:radial-gradient(circle,#f7c45e47,#0000 68%);bottom:2rem;right:-8rem}.panel{-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:linear-gradient(#ffffffdb,#f7faf7b8),#ffffffb8;border:1px solid #769e8429;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 16px 48px #2e423414,inset 0 1px #ffffffb3}.header-card{isolation:isolate;background:linear-gradient(135deg,#091610c7,#0d2a1b9e),url(../farm-hero.svg) 50%/cover no-repeat;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 1.2rem;padding:1.35rem 1.45rem;display:grid}.header-card:after{content:"";z-index:0;background:linear-gradient(135deg,#050d0aa8,#050d0a29 56%,#050d0a99);border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.header-card>*{z-index:1;position:relative}.weather-panel{background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:.6rem;padding:.45rem .65rem;display:flex;position:absolute;top:12px;right:12px}.weather-emoji{font-size:1.25rem;line-height:1}.weather-readings{flex-direction:column;gap:.05rem;display:flex}.weather-readings strong{color:#f6fff7;font-size:.95rem}.weather-readings span{color:#f6fff7c7;font-size:.8rem}.weather-caption{color:#f6fff7e6;opacity:.95;margin-top:2px;font-size:.75rem}.weather-panel.compact{color:#173225;cursor:pointer;background:linear-gradient(135deg,#fffffff5,#f7faf7eb);border:1px solid #73907b1f;border-radius:10px;gap:.5rem;padding:.45rem .6rem;position:static}.weather-panel.compact .weather-emoji{font-size:1rem}.weather-panel.compact .weather-readings strong{color:#173225}.weather-panel.compact .weather-readings span{color:#23382bb8;font-size:.78rem}.weather-panel.compact .weather-caption{color:#23382b99;font-size:.72rem}.weather-panel.compact:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2e42340f}.weather-panel.expanded{position:absolute;top:12px;right:12px}.panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#9cc4a829,#0000 28%),linear-gradient(135deg,#ffffff8c,#0000 34% 68%,#ffffff47);position:absolute;inset:0}.topbar{justify-content:space-between;align-items:center;gap:1rem;width:min(1040px,100% - 1rem);margin-bottom:1rem;padding:1rem 1.1rem}.topbar-title{flex-direction:column;gap:.2rem;display:flex}.topbar h2{font-size:1.2rem;line-height:1.2}.topbar h1{color:#173225;letter-spacing:-.04em;margin:0;font-size:clamp(1.55rem,2.5vw,2.2rem)}.topbar-subtitle{color:#354f3eb8;font-size:.92rem}.header-card .eyebrow{color:#e6f7ea}.subtext{color:#f0faf3d6;margin:.55rem 0 0;font-weight:600;line-height:1.6}.hero-badges{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.badge{letter-spacing:.01em;border:1px solid #0000;border-radius:999px;align-items:center;min-height:2.2rem;padding:0 .8rem;font-size:.84rem;font-weight:800;display:inline-flex}.badge-green{color:#215236;background:linear-gradient(135deg,#d6f1ddfa,#e7f7ece6);border-color:#70a4802e}.badge-sky{color:#1f5573;background:linear-gradient(135deg,#daeffbfa,#ecf6fdeb);border-color:#6fa5c733}.badge-gold{color:#75551b;background:linear-gradient(135deg,#fcecc6fa,#fef4dceb);border-color:#c4a05438}.topbar-actions{align-items:center;gap:.75rem;display:flex}.primary-action-compact{width:auto;margin-top:0;padding:.72rem 1rem}.hero,.section-card,.footer-card,.simple-card,.checklist-card{z-index:1;position:relative}.eyebrow{color:#4a7a5a;text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.72rem;font-weight:800;display:inline-flex}.hero h1,.section-card h2,.footer-card h2{letter-spacing:-.04em;margin:0;font-family:Aptos Display,Segoe UI Variable Display,Inter,sans-serif;font-weight:900}.header-card h1{color:#f6fff7;text-shadow:0 8px 24px #0003}.section-card h2,.footer-card h2{color:#173225}.hero{grid-template-columns:minmax(0,1.45fr) minmax(290px,.85fr);gap:1rem;padding:1.35rem;display:grid}.lede,.section-card p,.footer-card p,.simple-card p,.checklist-card p,.topbar-subtitle,.status-row span,.footer-notes span,.simple-card span,.simple-card strong,.check-item{color:#23382bbd}.hero h1{text-wrap:balance;font-size:clamp(2rem,4.4vw,4.2rem);line-height:1}.lede{max-width:62ch;margin:1rem 0 0;font-size:1rem;line-height:1.7}.hero-chips,.footer-notes,.checklist-row{flex-wrap:wrap;gap:.65rem;margin-top:1.3rem;display:flex}.chip,.pill{border-radius:999px;justify-content:center;align-items:center;gap:.4rem;min-height:2.35rem;padding:0 .9rem;font-size:.9rem;font-weight:700;display:inline-flex}.chip-success,.chip-success{color:#fff;background:linear-gradient(135deg,#4f8f5d,#7dbf77)}.chip-muted,.pill-neutral{color:#355140;background:#ffffffc2;border:1px solid #557a602e}.pill-accent{color:#335442;background:#e3f4e8eb;border:1px solid #628d6e33}.hero-status{gap:1rem;display:grid}.status-card{background:#ffffffbd;border:1px solid #7b9c8729;border-radius:22px;width:100%;padding:1rem}.status-row,.reading-row,.section-header,.event footer,.checklist-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.status-row+.status-row,.reading-row+.reading-row{margin-top:.85rem}.status-row strong,.reading-row strong,.footer-notes strong,.simple-card strong,.check-item{color:#173225;font-weight:700}.primary-action{width:100%;font:inherit;color:#fff;cursor:pointer;background:linear-gradient(135deg,#558c60,#7fb86f);border:0;border-radius:16px;margin-top:1rem;padding:.9rem 1rem;font-weight:800}.section-card,.content-grid{grid-template-columns:1fr;grid-auto-flow:row;gap:1rem;margin-top:1rem;display:grid}.section-card .section-head{grid-column:1/-1}.section-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.header-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff29;border-radius:20px;align-items:center;gap:.85rem;padding:.9rem 1rem;display:inline-flex;box-shadow:0 12px 28px #040e092e}.header-status strong,.header-status p{color:#f6fff7}.pump-meta strong,.pump-meta span,.pump-live p,.help-text,.mini-label{margin:0}.pump-meta strong,.pump-live strong,.sensor-card strong,.info-list strong{color:#173225}.status-dot{background:radial-gradient(circle at 30% 30%,#d8ffd9,#55b56b 70%);border-radius:50%;width:.95rem;height:.95rem;box-shadow:0 0 0 .45rem #6eb57824}.pill{font-weight:800;transition:transform .16s,box-shadow .16s}.pill-on{color:#1e5832;background:linear-gradient(135deg,#d9f3e1fa,#edfaf0f0);border:1px solid #70a48033}.pill-off{color:#71531a;background:linear-gradient(135deg,#fdefcdf5,#fff6e2eb);border:1px solid #c4a05433}.pump-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.pump-control,.timer-group,.pump-live,.pump-meta{gap:.85rem;display:grid}.button-stack{flex-wrap:wrap;gap:.75rem;display:flex}.toggle-button,.ghost-button,.timer-button{min-height:3rem;font:inherit;cursor:pointer;border:0;border-radius:16px;padding:.9rem 1rem;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s,opacity .16s}.toggle-button{color:#fff;background:linear-gradient(135deg,#285d36,#5fae57 48%,#8ed77d);box-shadow:0 16px 30px #48825447,inset 0 1px #fff3}.toggle-button-on{background:linear-gradient(135deg,#245f36,#54b562 52%,#7dd56b)}.ghost-button{color:#234f37;background:linear-gradient(135deg,#f7fbf8fa,#e9f3eceb);border:1px solid #73907b33}.ghost-button:disabled{opacity:.55;cursor:not-allowed}.timer-button{color:#264330;background:linear-gradient(135deg,#ffffffeb,#f3f8f4e0);border:1px solid #73907b2e;box-shadow:0 8px 20px #2e42340d}.timer-button-active{color:#17442a;background:linear-gradient(135deg,#e2f5e6fa,#f2faf4f0);border-color:#70a48047;box-shadow:0 12px 24px #66a3742e}.toggle-button:hover,.ghost-button:hover,.timer-button:hover{transform:translateY(-1px)}.toggle-button:focus-visible,.ghost-button:focus-visible,.timer-button:focus-visible,.timer-slider input:focus-visible{outline-offset:2px;outline:3px solid #76c28961}.pump-live{background:linear-gradient(135deg,#f0faf3f5,#ffffffdb);border:1px solid #73907b24;border-radius:22px;padding:1rem;box-shadow:0 10px 26px #2e42340f}.pump-live strong{font-size:clamp(1.35rem,2vw,1.9rem);font-weight:900}.pump-live p,.help-text,.pump-meta span,.pump-meta strong{color:#23382bb8}.pump-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.pump-meta>div{background:#f9fbf9d1;border:1px solid #73907b26;border-radius:18px;padding:.9rem 1rem}.pump-meta span,.mini-label,.sensor-card span,.info-item span{text-transform:uppercase;letter-spacing:.14em;color:#23382b8f;font-size:.74rem;display:block}.timer-slider{background:#f7fbf7d9;border:1px solid #73907b24;border-radius:20px;gap:.6rem;padding:.9rem 1rem .8rem;display:grid}.timer-slider input[type=range]{appearance:none;background:linear-gradient(90deg,#8fd18f 0%,#79c8d1 48%,#f4c779 100%);border-radius:999px;outline:none;width:100%;height:.55rem;margin:0}.timer-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg,#4f9962,#85c77a);border:3px solid #fff;border-radius:50%;width:1.4rem;height:1.4rem;box-shadow:0 8px 16px #375b3e38}.timer-slider input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#4f9962,#85c77a);border:3px solid #fff;border-radius:50%;width:1.4rem;height:1.4rem;box-shadow:0 8px 16px #375b3e38}.timer-slider-labels{color:#23382b8f;justify-content:space-between;gap:.5rem;padding:0 .1rem;font-size:.74rem;font-weight:700;display:flex}.timer-buttons{flex-wrap:wrap;gap:.65rem;display:flex}.help-text{font-size:.92rem}.simple-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem;padding:1rem;display:grid}.simple-card{box-sizing:border-box;word-break:break-word;overflow-wrap:anywhere;background:#ffffff9e;border:1px solid #73907b26;border-radius:20px;min-height:110px;padding:1rem 1.05rem}.simple-card span{text-transform:uppercase;letter-spacing:.16em;margin-bottom:.4rem;font-size:.84rem;display:block}.simple-card strong{margin-bottom:.4rem;font-size:1.05rem;display:block}.simple-card-accent{background:#ebf5ede6}.weather-card .weather-item{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.weather-left{justify-content:center;align-items:center;width:64px;display:flex}.weather-svg{display:block}.weather-comment{color:#23382ba3;margin:.25rem 0 0;font-weight:700}.checklist-card{margin-top:1rem;padding:1rem 1.1rem 1.15rem}.check-item{background:#f4f8f4f2;border:1px solid #6b887429;border-radius:999px;padding:.68rem .85rem}.section-card h2,.footer-card h2{font-size:clamp(1.25rem,2vw,1.7rem)}.section-header{align-items:flex-start;margin-bottom:1rem}.reading-list{gap:.7rem;display:grid}.sensor-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.sensor-card{box-sizing:border-box;word-break:break-word;overflow-wrap:anywhere;background:#f9fbf9d6;border:1px solid #73907b26;border-radius:20px;min-height:110px;padding:1rem;position:relative;overflow:hidden}.sensor-card:after,.info-item:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff73,#0000 66%);border-radius:50%;width:6rem;height:6rem;position:absolute;inset:auto -.5rem -.6rem auto}.sensor-card:before,.info-item:before{content:"";width:100%;height:.28rem;position:absolute;inset:0 auto auto 0}.sensor-card-green:before,.info-item-green:before{background:linear-gradient(90deg,#78c18a,#a4d88b)}.sensor-card-blue:before,.info-item-blue:before{background:linear-gradient(90deg,#74b6e4,#9ad1f7)}.info-item-gold:before{background:linear-gradient(90deg,#f0c36d,#f8dd9d)}.sensor-card span,.sensor-card strong,.sensor-card p,.info-list span,.info-list strong{display:block}.sensor-card strong,.info-list strong{margin:.2rem 0 .3rem;font-size:1rem;font-weight:900}.info-list{gap:.75rem;display:grid}.info-item{background:#f9fbf9d1;border:1px solid #73907b26;border-radius:18px;padding:1rem;position:relative}.info-item span{color:#23382bb8}.reading-row{background:#f9fbf9cc;border:1px solid #73907b26;border-radius:18px;padding:.9rem 1rem}.section-card,.footer-card{padding:1.2rem}.footer-card{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:1rem;margin-top:1rem;display:grid}.footer-notes{flex-direction:column;align-items:stretch;margin-top:0}.footer-notes>div{background:#f9fbf9d1;border:1px solid #73907b26;border-radius:18px;gap:.3rem;padding:.95rem 1rem;display:grid}.connection-note{color:#4a7a5a;text-align:center;margin:.9rem 0 0}@media (width<=1100px){.simple-grid,.content-grid,.pump-layout,.sensor-grid,.footer-card,.hero,.header-card{grid-template-columns:1fr}}@media (width<=720px){.shell{width:min(100% - 1rem,1180px);padding-top:.5rem}.panel{border-radius:22px}.header-card{grid-template-columns:1fr;padding:1.05rem}.header-status{justify-content:flex-start;width:100%}.hero-badges{gap:.5rem}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:space-between;width:100%}.section-head,.pump-meta,.simple-grid,.sensor-grid{grid-template-columns:1fr}.pump-layout,.section-head{display:grid}.hero,.section-card,.footer-card{padding:1rem}}