:root{--bg:#F4F4F2;--surface:#FFFFFF;--ink:#161512;--ink2:#44423D;--muted:#8A877F;--line:#E8E7E2;--brand:#FF7A1A;--brand2:#E85D04;--brand50:#FFF2E8;--water:#2E9BD6;--water50:#E7F4FB;--sun:#F2C200;--grow:#5FBF3A;--grow50:#EDF8E8;--alert:#E5533C;--radius:18px;--radius-lg:24px;--radius-xl:28px;--radius-pill:999px;--shadow:0 10px 30px rgba(22,21,18,.07);--shadow-soft:0 18px 50px rgba(22,21,18,.1);--gap:16px;--font-display:"Clash Display","General Sans",sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0F0E0C;--surface:#1A1815;--ink:#F4F3EF;--ink2:#CFCCC4;--muted:#9A968C;--line:#2A2723;--brand50:#2A1B0E;--water50:#10222B;--grow50:#13230E;--shadow:0 10px 30px rgba(0,0,0,.4);--shadow-soft:0 18px 50px rgba(0,0,0,.5)}}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden;width:100%}body{background:var(--bg);color:var(--ink);font-family:General Sans,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.f-clash,h1,h2,h3,.brandmark{font-family:var(--font-display)}a{color:var(--brand2);text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding:22px 18px 80px}h3{font-size:1.05rem;margin:16px 0 8px}.kicker{letter-spacing:.16em;text-transform:uppercase;font-size:.64rem;font-weight:600;color:var(--muted)}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.grid{display:grid;gap:var(--gap)}.control{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:border-color .2s}.control.on{border-color:var(--brand)}.control h4{margin:0;font-size:1.05rem;font-family:var(--font-display)}.control .sub{font-size:.8rem;color:var(--muted)}.ch{display:flex;align-items:center;justify-content:space-between;gap:12px}.ch-left{display:flex;align-items:center;gap:12px}.ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;flex-shrink:0}.ic.water{background:var(--water)}.ic.light{background:var(--sun)}.statusline{display:flex;align-items:center;gap:8px;margin:12px 0 6px;font-size:.88rem}.statusline .dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.control.on .statusline .dot{background:var(--grow)}.metric{display:flex;align-items:baseline;gap:6px;margin:4px 0}.metric b{font-family:var(--font-display);font-size:2rem;line-height:1}.metric span{color:var(--muted);font-size:.84rem}.statestrip{display:flex;align-items:center;gap:10px;background:var(--water50);border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:.86rem;font-weight:600}.statestrip.on{background:var(--grow50)}.statestrip .pulse{width:10px;height:10px;border-radius:50%;background:var(--muted)}.statestrip.on .pulse{background:var(--grow);animation:strip-pulse 1.4s infinite}@keyframes strip-pulse{0%,to{box-shadow:0 0 #5fbf3a80}50%{box-shadow:0 0 0 7px #5fbf3a00}}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:9px 16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:.92rem;font-family:inherit;transition:.15s}.btn:hover{border-color:var(--brand)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand2)}.btn.round.sm{width:30px;height:30px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:1rem}.iconbtn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--ink2);transition:.15s}.iconbtn:hover{border-color:var(--brand);color:var(--brand)}.switch{position:relative;display:inline-block;width:52px;height:30px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;inset:0;background:var(--line);border-radius:999px;transition:.22s;cursor:pointer}.switch .slider:before{content:"";position:absolute;height:24px;width:24px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.22s;box-shadow:0 1px 3px #00000040}.switch input:checked+.slider{background:var(--brand)}.switch.water input:checked+.slider{background:var(--brand)}.switch.light input:checked+.slider{background:var(--brand)}.switch input:checked+.slider:before{transform:translate(22px)}.chip{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.84rem;font-weight:600}.chip .dot{width:9px;height:9px;border-radius:50%}.seg{display:inline-flex;background:var(--line);border-radius:999px;padding:3px}.seg button{border:0;background:transparent;color:var(--ink2);padding:7px 16px;border-radius:999px;font-weight:600;cursor:pointer;font-family:inherit;font-size:.88rem}.seg button.active{background:var(--ink);color:var(--bg)}.countbadge{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:var(--brand50);color:var(--brand2);font-size:.74rem;font-weight:700;padding:0 6px}.dial{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--brand) calc(var(--p,58)*1%),var(--line) 0)}.dial:before{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--surface)}.dial .val{position:relative;text-align:center}.dial .val b{font-family:var(--font-display);font-size:1.5rem;display:block}.dial .val small{color:var(--muted);font-size:.74rem}.glass-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 14px;font-size:.84rem;font-weight:600;color:#fff;background:#ffffff2e;-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px #ffffff80}.glass-chip .dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 8px currentColor}.ring{position:relative;display:grid;place-items:center}.ring-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.ring-center b{font-family:var(--font-display);font-size:2rem;line-height:1}.ring-center small{display:block;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:4px}.field{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:13px 0}.field:first-child{border-top:0}.field label{font-weight:500}.field .hint{font-size:.78rem;color:var(--muted)}.field input[type=text],.field input[type=number]{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:8px 10px;font-family:inherit}.field .meta .name{font-weight:600;font-size:.9rem}.field .meta .sub{font-size:.78rem;color:var(--ink2)}footer.note{margin-top:40px;text-align:center;color:var(--muted);font-size:.76rem}.demo-banner{display:flex;flex-direction:column;gap:2px;background:linear-gradient(135deg,var(--brand50),rgba(255,122,26,.05));border:1px solid rgba(255,122,26,.15);border-radius:12px;padding:8px 14px;margin-bottom:12px}.demo-banner span:first-child{font-size:.82rem;font-weight:700;color:var(--brand2)}.demo-banner-sub{font-size:.7rem;color:var(--muted)}:root{--radius-xl:28px}.screen{display:none;animation:fadeIn .4s cubic-bezier(.22,1,.36,1)}.screen.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-mode .topbar,.login-mode .mobile-nav{display:none!important}.login-mode .app-footer{display:none}.login-mode .wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-container{width:100%;max-width:400px}.login-mesh{padding:3px;border-radius:var(--radius-xl)}.login-card{padding:34px 28px;color:#fff;text-align:center}.login-logo{width:54px;height:54px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;font-family:Clash Display,sans-serif;font-size:1.8rem;font-weight:700;margin:0 auto 16px;box-shadow:0 6px 22px #ff7a1a73}.login-title{font-size:1.8rem;font-weight:600;line-height:1.1;margin-bottom:6px}.login-sub{font-size:.92rem;color:#ffffffd9;margin-bottom:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;margin-bottom:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);position:sticky;top:8px;z-index:50}.brand{display:flex;align-items:center;gap:10px}.logo-circle{width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:Clash Display,sans-serif;flex:0 0 auto}.logo-circle.big{width:46px;height:46px;font-size:1.3rem;background:var(--brand50);color:var(--brand)}.brand h3{font-family:Clash Display,sans-serif;font-weight:600;font-size:1.15rem}.brand-sub{font-size:.72rem;color:var(--muted);margin-top:-1px}.esp-pulse{width:8px;height:8px;border-radius:50%;background:var(--grow);display:inline-block;margin-right:6px;vertical-align:middle;animation:espGlow 1.8s infinite}@keyframes espGlow{0%,to{transform:scale(.85);opacity:.55;box-shadow:0 0 3px var(--grow)}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 11px var(--grow)}}.nav-links{display:flex;gap:6px}.nav-tab.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.nav-tab{padding:7px 14px;font-size:.86rem}.profile-section{display:flex;align-items:center;gap:10px}.profile-email{font-size:.82rem;color:var(--ink2);padding:5px 12px}.iconbtn{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.mobile-topbar,.mobile-nav{display:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.page-title{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.05;margin-top:4px}.chip-grow{display:inline-flex;align-items:center;gap:6px;background:var(--grow50);color:var(--grow);font-weight:600;font-size:.8rem;padding:7px 14px;border-radius:var(--radius-pill)}.chip-grow .dot{width:6px;height:6px;border-radius:50%;background:var(--grow)}.bento-grid{display:grid;grid-template-columns:1fr;gap:var(--gap);align-items:start}@media (min-width:980px){.bento-grid{grid-template-columns:1fr 1.15fr 1fr;align-items:start}}.control{display:flex;flex-direction:column}.ch-left h4{font-weight:600}.timer-block{background:#00000005;border:1px dashed var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:14px}.timer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.timer-head .kicker{font-size:.66rem;color:var(--muted)}#pumpPill{font-size:.62rem;background:var(--water50);color:var(--water);font-weight:600}.ring{width:172px;height:172px;margin:8px auto 4px}#ringA .ring-center b{color:var(--ink);text-shadow:none;font-size:2.1rem}#ringA .ring-center small{color:var(--muted);opacity:1}#ringA svg .tick{stroke:var(--line)}#ringA svg .tick.major{stroke:var(--muted)}.timer-controls{display:flex;gap:8px;margin-top:12px}.btn-alert{color:var(--alert);border-color:#e5533c33}.ministats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.ministat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.ministat b{font-size:1.5rem;display:block;line-height:1}.ministat b small{font-size:.9rem;color:var(--muted)}.ministat span{font-size:.68rem;color:var(--muted);display:block;margin-top:4px;letter-spacing:.02em}.row.no-margin{margin:0}.small{font-size:.82rem}.xsmall{font-size:.72rem}.muted.small,.muted.xsmall{color:var(--muted)}.row{margin-top:auto}.hero-col{display:flex;flex-direction:column;gap:var(--gap);align-self:stretch}.hero-frame{position:relative;width:100%;aspect-ratio:4/5;max-height:480px;margin:0 auto;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(160deg,#f5f3ef,#ece8e1 60%,#e3ded5)}.hero-col .hero-frame{flex:1;min-height:300px;max-height:none;aspect-ratio:auto}.hero-anim,.hero-poster-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-anim{opacity:0;transition:opacity .35s ease;z-index:1}.hero-poster-img{z-index:0}.fitolamp-glow{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;z-index:2;opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1);background:radial-gradient(7% 40% at 33% 50%,rgba(208,110,255,.75) 0,rgba(150,70,230,.3) 55%,transparent 80%),radial-gradient(7% 40% at 65% 50%,rgba(208,110,255,.75) 0,rgba(150,70,230,.3) 55%,transparent 80%),radial-gradient(34% 30% at 49% 46%,rgba(180,90,240,.16) 0,transparent 75%)}.light-on .fitolamp-glow{opacity:.9}.hero-overlay-top{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;z-index:5}.hero-overlay-bottom{position:absolute;bottom:14px;left:14px;right:14px;display:flex;gap:6px;flex-wrap:wrap;z-index:5}.hero-mini{font-size:.72rem;color:#fff;background:#14120c6b;border:1px solid rgba(255,255,255,.1)}.status-pill{display:inline-flex;align-items:center;gap:6px;background:#14120c9e;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:6px 12px;border-radius:var(--radius-pill);font-size:.8rem;font-weight:500;transition:all .4s}.status-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--muted)}.status-pill.active-water{border-color:#2e9bd699;box-shadow:0 0 14px #2e9bd652}.status-pill.active-water .dot{background:var(--water);box-shadow:0 0 8px var(--water)}.status-pill.active-grow{border-color:#5fbf3a99}.status-pill.active-grow .dot{background:var(--grow)}.status-pill.active-alert{border-color:#e5533c99}.status-pill.active-alert .dot{background:var(--alert)}.dot-water{background:#9be8ff!important;box-shadow:0 0 5px #9be8ff}.dot-grow{background:#b6f09b!important;box-shadow:0 0 5px #b6f09b}.dot-ec{background:#ffc089!important;box-shadow:0 0 5px #ffc089}.dot-sun{background:#ffe08a!important;box-shadow:0 0 5px #ffe08a}.sched-mini{display:flex;align-items:center;gap:10px;margin-bottom:14px}.sched-pill{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px;text-align:center}.sched-pill .kicker{font-size:.62rem;color:var(--muted);display:block;margin-bottom:2px}.sched-pill b{font-family:Clash Display,sans-serif;font-size:1.15rem}.sched-arrow{color:var(--muted);font-size:1.1rem}.bright-block{margin-bottom:14px}.bright-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bright-head .kicker{font-size:.66rem;color:var(--muted)}.bright-val{font-size:1rem;color:var(--brand2)}.bright-track{display:flex;align-items:center;gap:10px;background:#00000004;border:1px solid var(--line);border-radius:12px;padding:11px 13px}@media (prefers-color-scheme:dark){.bright-track{background:#ffffff08}}.seg-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:14px}.seg-track{height:8px;background:var(--line);border-radius:4px;overflow:hidden;margin-top:8px}.seg-item{height:100%;display:block;transition:width .5s cubic-bezier(.22,1,.36,1)}.seg-item.sun{background:var(--sun)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-pill);background:var(--line);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--brand);border:2px solid #fff;cursor:pointer;box-shadow:0 2px 8px #0000002e;transition:transform .15s,background .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);background:var(--brand2)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--brand);border:2px solid #fff;cursor:pointer}.statestrip span:last-child{font-weight:500}.statestrip.offline{background:#e5533c14;border-color:#e5533c33;color:var(--alert)}.statestrip.offline .pulse{background:var(--alert)}.analytics-grid{columns:1;column-gap:var(--gap)}.analytics-grid>.card{break-inside:avoid;margin-bottom:var(--gap);display:inline-block;width:100%}@media (min-width:760px){.analytics-grid{columns:2}}@media (min-width:1100px){.analytics-grid{columns:3}}.card-title{font-size:1.15rem;font-weight:600}.card-title.mb{margin-bottom:14px}.heatmap-container{grid-column:1/-1}@media (min-width:1100px){.heatmap-container{grid-column:1/2;grid-row:1/3}}.heatmap-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;flex-wrap:wrap}.legend{display:flex;gap:10px;font-size:.68rem;color:var(--muted);flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:4px}.legend i{width:9px;height:9px;border-radius:2px;display:inline-block}.lg-line{background:var(--line)}.lg-w50{background:var(--water50)}.lg-w{background:var(--water)}.lg-b{background:var(--brand)}.heatmap-flex{display:flex;align-items:flex-start;gap:8px}.heatmap-row-label{display:flex;flex-direction:column;justify-content:space-between;height:109px;padding:2px 0;font-size:.72rem;color:var(--muted)}.heatmap-main{flex:1;min-width:0}.heatmap-wrapper-scroll{overflow-x:auto;padding-bottom:6px}.heatmap-grid{display:grid;grid-template-columns:repeat(24,1fr);grid-auto-rows:13px;gap:3px;min-width:0}.heatmap-cell{width:100%;height:13px;border-radius:2px;background:var(--line);cursor:pointer;position:relative;transition:transform .18s,filter .18s}.heatmap-cell:hover{transform:scale(1.25);z-index:10;filter:brightness(.95)}.heatmap-cell:after{content:attr(data-tooltip);position:absolute;bottom:135%;left:50%;transform:translate(-50%) translateY(4px);background:#14120c;color:#fff;padding:5px 10px;border-radius:6px;font-size:.72rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;z-index:100;box-shadow:0 4px 14px #00000059}.heatmap-cell:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.heatmap-timeline{display:flex;justify-content:space-between;margin-top:8px;font-size:.7rem;color:var(--muted)}.dial-card{display:flex;flex-direction:column;align-items:center;text-align:center}.dial-card-head{width:100%;text-align:left;margin-bottom:10px}.dial-card-head .kicker{font-size:.7rem;color:var(--muted);display:block}.dial{width:160px;height:160px;margin:8px auto}.dial-adjuster{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}.dial-goal-label{font-size:.84rem;font-weight:600;color:var(--ink2);min-width:92px}.btn.round{border-radius:50%;width:38px;height:38px;padding:0;justify-content:center;font-size:1.2rem;font-weight:700}.btn.round.sm{width:32px;height:32px;font-size:1rem}.crop-mesh{padding:2px;border-radius:var(--radius-xl);background:var(--mesh-grow)}.crop-card{padding:20px;color:#fff;height:100%;display:flex;flex-direction:column}.crop-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.crop-emoji{font-size:1.3rem}.crop-title{font-size:1.35rem;font-weight:600}.crop-sub{font-size:.8rem;color:#ffffffd9;margin-top:2px}.crop-progress{margin:18px 0 14px}.crop-label{font-size:.78rem;color:#ffffffd9}.crop-pct{font-size:1.2rem}.crop-bar{width:100%;height:6px;background:#ffffff38;border-radius:3px;overflow:hidden;margin-top:6px}.crop-fill{width:65%;height:100%;background:#fff;border-radius:3px;box-shadow:0 0 8px #fff}.crop-foot{display:flex;justify-content:space-between;font-size:.76rem;border-top:1px solid rgba(255,255,255,.14);padding-top:10px;color:#ffffffe6;margin-top:auto}.sensor-card{display:flex;flex-direction:column}.sensor-card .kicker{font-size:.7rem;color:var(--muted)}.sensor-rows{margin:14px 0;display:flex;flex-direction:column;gap:0}.sensor-row{display:flex;justify-content:space-between;font-size:.84rem;padding:9px 0;border-bottom:1px solid var(--line)}.sensor-row span{color:var(--muted)}.sensor-row b{color:var(--ink2)}.sensor-row em{font-style:normal;font-size:.72rem;font-weight:500}.sensor-row .ok{color:var(--grow)}.sync-note{font-size:.72rem;color:var(--muted);background:#00000004;border:1px solid var(--line);border-radius:10px;padding:8px;text-align:center;margin-top:auto}.settings-grid{columns:1;column-gap:var(--gap)}.settings-grid>.card{break-inside:avoid;margin-bottom:var(--gap);display:inline-block;width:100%}@media (min-width:760px){.settings-grid{columns:2}}.field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.field .meta .name{font-weight:500;font-size:.92rem}.field .meta .sub{font-size:.76rem;color:var(--muted);margin-top:1px}.field.highlight{background:var(--brand50);border-radius:12px;padding:13px;border-top:none;margin-top:6px}.ic-sm{margin-right:4px}.ic-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}.ic-dot.water{background:var(--water);box-shadow:0 0 8px #2e9bd680}.ic-dot.sun{background:var(--sun);box-shadow:0 0 8px #f2c20080}.inp{padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:inherit;font-size:.9rem;text-align:right;width:150px;max-width:48vw}.val-txt{font-size:.86rem;color:var(--ink2)}.val-muted{font-size:.86rem;color:var(--muted)}.time-inp{padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:inherit;font-size:.9rem}.time-range{display:flex;align-items:center;gap:8px}.time-dash{color:var(--muted)}.day-len{font-size:1.15rem;color:var(--brand2)}.stepper{display:flex;align-items:center;gap:10px}.step-val{font-size:.9rem;min-width:62px;text-align:center;color:var(--ink2)}.seg.seg-pill{display:flex;border:1px solid var(--line);border-radius:var(--radius-pill);padding:2px;background:#00000004}.seg.seg-pill button{border:none;background:none;padding:5px 12px;font-size:.78rem;border-radius:var(--radius-pill);cursor:pointer;color:var(--ink2);font-family:inherit}.seg.seg-pill button.active{background:var(--ink);color:var(--surface)}.reset-btn{width:100%;margin-top:16px;padding:10px;justify-content:center;color:var(--muted);border-color:var(--line);background:transparent}.reset-btn:hover{color:var(--alert);border-color:#e5533c4d}.system-card{margin-top:var(--gap);display:flex;align-items:center;gap:18px;flex-wrap:wrap}.system-info{flex:1;min-width:220px}.system-info h4{font-weight:600;font-size:1.05rem}.system-tags{display:flex;gap:8px}.glass-chip.ghost{background:transparent;border-color:var(--line);color:var(--muted)}.app-footer{margin-top:30px;text-align:center;font-size:.72rem;color:var(--muted)}.settings-save-bar{position:fixed;bottom:0;left:0;right:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 20px #00000014;max-width:1180px;margin:0 auto}.settings-save-hint{font-size:.82rem;color:var(--ink2);font-weight:600}.settings-save-actions{display:flex;gap:8px}.settings-save-actions .btn{padding:10px 22px;font-size:.9rem}@media (min-width:621px){.settings-save-bar{left:50%;transform:translate(-50%);border-radius:var(--radius) var(--radius) 0 0;border:1px solid var(--line);border-bottom:none}}@media (max-width:620px){.settings-save-bar{bottom:calc(72px + env(safe-area-inset-bottom,0))}}.alert-banner{display:flex;align-items:center;gap:8px;background:#e5533c14;border:1px solid rgba(229,83,60,.2);border-radius:10px;padding:8px 12px;margin-bottom:8px;font-size:.78rem;color:var(--alert)}.alert-banner.compact{gap:6px;padding:6px 12px;font-size:.76rem}.rotate-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--brand50);border:1px solid rgba(255,122,26,.15);border-radius:10px;padding:6px 12px;margin-bottom:8px}.rotate-banner-txt{font-size:.78rem}.rotate-banner .btn.primary{padding:4px 14px;font-size:.78rem}.rotate-info{font-size:.68rem;color:var(--muted);margin-bottom:6px}.rotate-done{font-size:.68rem;color:var(--grow);margin-bottom:6px}.status-bar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin-bottom:12px}.sb-cell{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.sb-cell.online{border-color:#5fbf3a4d}.sb-cell.offline{border-color:#e5533c33}.sb-label{font-size:.58rem;text-transform:uppercase;color:var(--muted);font-weight:700}.sb-row{display:flex;align-items:center;gap:5px;margin-top:2px}.sb-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex-shrink:0}.sb-dot.grow{background:var(--grow)}.sb-dot.alert{background:var(--alert)}.sb-val{font-size:.8rem;color:var(--ink2)}.sb-val.grow{color:var(--grow)}.sb-val.alert{color:var(--alert)}.sb-val.muted{color:var(--muted)}.preset-chip{padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--ink2)}.preset-chip.active{border-color:var(--brand);background:var(--brand50);color:var(--brand2)}@media (max-width:620px){.wrap{padding:14px 12px 90px}.topbar,.nav-links,.profile-email{display:none}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;margin-bottom:12px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);position:sticky;top:8px;z-index:50}.mt-brand{display:flex;align-items:center;gap:10px}.mt-esp{display:flex;align-items:center;gap:6px}.mt-esp-text{font-size:.82rem;font-weight:600;color:var(--ink2)}.esp-pulse.off{background:var(--alert)!important;animation:none!important}.mt-actions{display:flex;align-items:center;gap:8px}.mt-actions .iconbtn{width:40px;height:40px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--surface);border-top:1px solid var(--line);padding:8px 10px env(safe-area-inset-bottom,8px);gap:6px;box-shadow:0 -6px 20px #0000000f}.mnav{flex:1;padding:9px;font-size:.82rem;justify-content:center;border-radius:12px}.mnav.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.hero-frame{max-width:340px;max-height:none}.page-title{font-size:1.7rem}.mobile-hide{display:none!important}.hero-frame{aspect-ratio:16/10!important;max-height:240px!important;flex:none!important}.hero-poster-img{object-fit:cover}.hero-overlay-bottom{flex-wrap:wrap;gap:4px}.hero-overlay-bottom .glass-chip{font-size:.68rem;padding:4px 8px}.ring{width:120px!important;height:120px!important;margin:4px auto}.ring-center b{font-size:1.3rem!important}.ring-center small{font-size:.5rem!important}.timer-block{padding:10px 12px;margin-bottom:10px}.seg-pill button{padding:10px 14px;min-height:44px}.chip-btn{padding:10px 16px;min-height:44px}.timer-controls .btn{padding:12px;min-height:44px}.stepper .btn.round.sm{width:36px;height:36px;min-width:44px;min-height:44px}.btn{min-height:44px}.switch{width:56px;height:32px}.switch .slider:before{height:26px;width:26px}.switch input:checked+.slider:before{transform:translate(24px)}}.mesh-bg{background:none!important;position:relative}.login-mesh{background:linear-gradient(150deg,#3a2410,#7a3f14 55%,#9c4d12)!important}.crop-mesh{background:linear-gradient(150deg,#1f3a26,#356b3f)!important}.mesh-bg:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#0000001a,#0000004d)}.mesh-bg>*{position:relative;z-index:1}.mesh-bg .glass{background:#ffffff1f;border-color:#ffffff6b}.mesh-bg .glass,.mesh-bg .glass *{color:#fff}.mesh-bg .glass .login-sub,.mesh-bg .glass .crop-sub{color:#ffffffe6!important}.mode-seg{display:flex;width:100%;margin:0 0 14px}.seg-pill.mode-seg button,.settings-subnav button{flex:1}.seg-pill{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius-pill);padding:3px;background:#00000005}@media (prefers-color-scheme:dark){.seg-pill{background:#ffffff0a}}.seg-pill button{border:none;background:none;padding:7px 14px;font-size:.82rem;font-weight:600;border-radius:var(--radius-pill);cursor:pointer;color:var(--ink2);font-family:inherit;transition:.18s}.seg-pill button.active{background:var(--ink);color:var(--surface)}.timer-block{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);padding:14px 16px 16px;margin-bottom:14px}@media (prefers-color-scheme:dark){.timer-block{background:#ffffff08}}.timer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.timer-head .kicker{font-size:.64rem;color:var(--muted)}.countbadge,#pumpPill{font-size:.62rem;font-weight:600;background:var(--brand50);color:var(--brand2);border-radius:var(--radius-pill);padding:4px 11px}.timer-controls{display:flex;gap:8px;margin-top:10px}.timer-controls .btn{flex:1;padding:8px;font-size:.8rem;justify-content:center}.btn-alert{color:var(--alert);border-color:#e5533c40}.btn-alert:hover{border-color:var(--alert)}.preset-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}.preset-row.inline{margin:0;justify-content:flex-end}.preset-label{font-size:.62rem;color:var(--muted);margin-right:2px}.chip-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink2);border-radius:var(--radius-pill);padding:6px 13px;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:.15s}.chip-btn:hover{border-color:var(--brand);color:var(--brand)}.chip-btn.active{background:var(--brand50);border-color:var(--brand);color:var(--brand2)}.chip-btn:disabled,.seg-pill button:disabled,.timer-controls .btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.tower-grid{display:grid;grid-template-columns:1fr;gap:var(--gap);align-items:start}@media (min-width:920px){.tower-grid{grid-template-columns:1.5fr 1fr}}.pots-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;flex-wrap:wrap}.pots-tower{display:flex;flex-direction:column;gap:10px}.pot-level{display:flex;align-items:stretch;gap:10px}.pot-level-label{flex:0 0 42px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:12px}.pot-cells{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;min-width:0}.pot{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 8px 9px;text-align:center;display:flex;flex-direction:column;gap:6px;min-width:0;transition:border-color .2s,box-shadow .2s}.pot.filled{border-color:#5fbf3a66;box-shadow:0 4px 14px #5fbf3a1a}.pot-emoji{font-size:1.2rem;line-height:1}.pot-select{width:100%;max-width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:9px;padding:5px 4px;font-family:inherit;font-size:.72rem;cursor:pointer}.pot-bar{height:5px;background:var(--line);border-radius:3px;overflow:hidden}.pot-bar span{display:block;height:100%;background:var(--grow);border-radius:3px;transition:width .5s}.pot-meta{font-size:.66rem;color:var(--ink2);font-weight:600}.pot-meta.empty{color:var(--muted);font-weight:500}.harvest-card .kicker{font-size:.7rem;color:var(--muted)}.harvest-list{margin:14px 0 10px;display:flex;flex-direction:column}.harvest-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.harvest-row:last-child{border-bottom:none}.hr-emoji{font-size:1.3rem;flex:0 0 auto}.hr-mid{flex:1;min-width:0}.hr-mid b{font-size:.9rem;display:block}.hr-mid small{font-size:.7rem;color:var(--muted);display:block;margin:1px 0 5px}.hr-bar{height:5px;background:var(--line);border-radius:3px;overflow:hidden}.hr-bar span{display:block;height:100%;background:var(--grow);border-radius:3px}.hr-right{text-align:right;flex:0 0 auto}.hr-right b{font-family:Clash Display,sans-serif;font-size:.95rem}.hr-right em{font-style:normal;font-weight:600;font-size:.8rem}.hr-right .ok{color:var(--grow)}.hr-right small{display:block;font-size:.66rem;color:var(--muted)}.harvest-summary{font-size:.76rem;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;margin-top:auto}.settings-subnav{margin-bottom:18px;width:100%;max-width:420px}.settings-pane{display:none}.settings-pane.active{display:block;animation:fadeIn .35s cubic-bezier(.22,1,.36,1)}.reset-btn.danger{margin-top:8px}.reset-btn.danger:hover{color:var(--alert);border-color:#e5533c4d}.mb{margin-bottom:12px}select.inp{text-align:left;cursor:pointer}.status-card{display:flex;flex-direction:column}.status-card .kicker{font-size:.7rem;color:var(--muted)}@media (max-width:620px){.pot-cells{gap:6px}.pot-select{font-size:.66rem;padding:5px 2px}.pot-level-label{flex-basis:34px;font-size:.64rem}.pot{padding:9px 5px}.settings-subnav{max-width:100%}.preset-row.inline{justify-content:flex-start}.timer-controls .glass-btn span{font-size:.78rem}.page-head{gap:10px}.chip-grow{font-size:.74rem;padding:6px 11px}}@media (max-width:400px){.pot-emoji{font-size:1.05rem}.pot-meta{font-size:.62rem}.hr-mid b{font-size:.84rem}}.presets-head{display:flex;align-items:center;justify-content:space-between;margin:6px 0 10px}.presets-head .kicker{font-size:.66rem;color:var(--muted)}.presets-hint{margin-top:8px;line-height:1.45}.preset-edit{display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:14px;margin-bottom:8px;background:var(--bg)}@media (prefers-color-scheme:dark){.preset-edit{background:#ffffff05}}.pe-label{grid-column:1/2;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px;padding:6px 10px;font-family:inherit;font-size:.85rem;font-weight:600;min-width:0}.pe-del{grid-column:2/3;grid-row:1/2;color:var(--muted)}.pe-del:hover{color:var(--alert);border-color:#e5533c4d}.pe-times{grid-column:1/3;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pe-times .time-inp{flex:1;min-width:0}.pe-cycle{grid-column:1/3;display:flex;gap:10px}.pe-cycle label{flex:1;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:.66rem;font-weight:600;color:var(--muted);letter-spacing:.04em;border:1px solid var(--line);border-radius:9px;padding:5px 8px 5px 10px;background:var(--surface)}.pe-num{width:54px;border:none;background:transparent;color:var(--ink);font-family:Clash Display,sans-serif;font-size:1rem;text-align:right;outline:none}.field.highlight2{background:var(--water50);border-radius:12px;padding:13px;border-top:none;margin-top:6px}.sun-times{font-size:1.15rem;color:var(--water)}.login-mode .topbar,.login-mode .mobile-nav,.login-mode .app-footer{display:none!important}.login-mode .wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-mode{color-scheme:dark}.login-bg-video{position:fixed;inset:0;width:100vw;height:100vh;object-fit:cover;z-index:0;pointer-events:none}.login-bg-scrim{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0a08068c,#0a0806b3,#0a0806d9);backdrop-filter:blur(2px)}.login-container{width:100%;max-width:380px}.login-card-plain{position:relative;overflow:hidden;border-radius:var(--radius-xl,28px);padding:36px 30px;text-align:center;background:#14120ea6;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px #0006;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.login-card-plain>*{position:relative;z-index:1}.login-card-plain .login-logo{width:56px;height:56px;border-radius:18px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Clash Display,sans-serif;font-size:1.8rem;font-weight:700;margin:0 auto 16px;box-shadow:0 8px 22px #ff7a1a66}.login-card-plain .login-title{font-size:1.7rem;font-weight:600;line-height:1.1;margin-bottom:6px;color:#fff}.login-card-plain .login-sub{font-size:.9rem;color:#fff9;margin-bottom:24px}.login-card-plain .login-form{text-align:left}.login-card-plain .login-label{display:block;margin-bottom:8px;color:#ffffff80}.login-card-plain .login-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#0000004d!important;color:#fff!important;font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s}.login-card-plain .login-input::placeholder{color:#ffffff4d}.login-card-plain .login-input:focus{border-color:var(--brand)}.login-card-plain .login-btn{width:100%;margin-top:16px;padding:13px;justify-content:center;border:none}.quick-actions{display:none}.qbtn{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 12px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;font-size:.95rem;cursor:pointer;font-family:inherit;box-shadow:var(--shadow);transition:.18s}.qbtn .qic{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;flex:0 0 auto}.qic.water{background:var(--water)}.qic.sun{background:var(--sun)}.qbtn.on{border-color:var(--brand);background:var(--brand50);color:var(--brand2)}.qbtn.on .qic{background:var(--brand)}@media (max-width:620px){.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.bento-grid{gap:14px}.hero-col{order:-1}#ctrlWater{order:1}#ctrlLight{order:2}.page-head{margin-bottom:14px}}.stat-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-bottom:var(--gap)}.stat-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.stat-tile .kicker{font-size:.6rem;color:var(--muted)}.stat-tile b{display:block;font-size:1.85rem;line-height:1.1;margin:7px 0 2px}.st-sub{font-size:.72rem;color:var(--muted)}@media (max-width:760px){.stat-tiles{grid-template-columns:1fr 1fr}}.heatmap-container{width:100%}.water-canvas{width:100%;display:block;margin-top:6px}.chart-total{font-size:.92rem;color:var(--water);white-space:nowrap}.crop-dist-card .kicker,.eventlog-card .kicker{font-size:.7rem;color:var(--muted)}.crop-dist{margin-top:12px;display:flex;flex-direction:column;gap:10px}.cd-row{display:flex;align-items:center;gap:9px}.cd-emoji{font-size:1.1rem;flex:0 0 auto}.cd-name{font-size:.82rem;flex:0 0 130px}.cd-bar{flex:1;height:8px;background:var(--line);border-radius:4px;overflow:hidden;min-width:30px}.cd-bar span{display:block;height:100%;background:var(--grow);border-radius:4px}.cd-num{font-family:Clash Display,sans-serif;font-size:.95rem;min-width:18px;text-align:right}.cd-foot{margin-top:4px}.event-log{margin-top:12px;display:flex;flex-direction:column}.ev-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.84rem}.ev-row:last-child{border-bottom:none}.ev-ic{font-size:1rem;flex:0 0 auto}.ev-txt{flex:1;min-width:0;color:var(--ink2)}.ev-time{font-size:.71rem;color:var(--muted);white-space:nowrap;flex:0 0 auto}@media (max-width:480px){.cd-name{flex-basis:96px}}.forecast{margin-top:12px;display:flex;flex-direction:column;gap:9px}.fc-row{display:flex;align-items:center;gap:10px;font-size:.84rem}.fc-day{flex:0 0 70px;font-weight:600}.fc-emoji{font-size:1.15rem;flex:0 0 auto}.fc-cloud{flex:1;color:var(--muted);font-size:.78rem}.fc-sun{color:var(--ink2);font-size:.78rem;white-space:nowrap}.fc-tmax{font-family:Clash Display,sans-serif;min-width:32px;text-align:right}.city-field{flex-wrap:wrap}.city-search{position:relative;flex:1 1 100%}.city-search .inp{width:100%;max-width:100%;text-align:left}.city-results{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:80;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden auto;max-height:260px}.city-results:empty{display:none}.city-item{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;border:none;background:none;padding:9px 12px;cursor:pointer;font-family:inherit;border-bottom:1px solid var(--line)}.city-item:last-child{border-bottom:none}.city-item:hover{background:var(--brand50)}.city-item b{font-size:.88rem;color:var(--ink)}.city-item small{font-size:.72rem;color:var(--muted)}.city-loading{padding:10px 12px;font-size:.8rem;color:var(--muted)}.qic3d{width:34px;height:34px;object-fit:contain;flex:0 0 auto}.qbtn{gap:10px}.ic .ic3d{display:none}@media (max-width:620px){.wrap{padding:16px 14px 130px}.page-title{font-size:2.05rem;line-height:1.05}.page-head{margin-bottom:18px;align-items:center}.control,.card,.stat-tile{border-radius:22px}.control,.card{padding:18px}.bento-grid{gap:16px}.analytics-grid,.settings-grid{column-gap:16px}.analytics-grid>.card,.settings-grid>.card{margin-bottom:16px}.card-title{font-size:1.2rem}.ic{background:transparent!important;box-shadow:none!important;width:46px;height:46px}.ic svg{display:none}.ic .ic3d{display:block;width:100%;height:100%;object-fit:contain}.mobile-nav{display:flex;position:fixed;left:12px;right:12px;transform:none;bottom:calc(12px + env(safe-area-inset-bottom,0));gap:2px;justify-content:space-around;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:6px;box-shadow:0 14px 36px #14120c33;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:60}.mnav{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;padding:2px 4px;cursor:pointer}.mnav.active{background:none;border-color:transparent}.mn-ic{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--ink2);transition:background .2s,color .2s,box-shadow .2s}.mn-lbl{font-size:.6rem;font-weight:600;letter-spacing:.01em;color:var(--muted);transition:color .2s;white-space:nowrap}.mnav.active .mn-ic{background:var(--brand);color:#fff;box-shadow:0 6px 16px #ff7a1a6b}.mnav.active .mn-lbl{color:var(--brand2)}}.dli-box{border:1px dashed var(--line);border-radius:14px;padding:6px 12px 10px;margin:6px 0}@media (prefers-color-scheme:dark){.dli-box{border-color:var(--line)}}.dli-note{line-height:1.45;margin:8px 0 2px}.dli-box .field:last-child{border-top:1px solid var(--line)}.dli-bar{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px}.dli-bar-track{position:relative;height:28px;background:var(--line);border-radius:8px;overflow:hidden;margin:10px 0}.dli-seg-sun{position:absolute;height:100%;background:linear-gradient(90deg,#ffe8a0,#f2c200);opacity:.85}.dli-seg-led{position:absolute;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));opacity:.85}.dli-summary{font-size:.82rem;color:var(--ink2);font-weight:600}.dli-target{font-size:.72rem;color:var(--muted);margin-top:4px}.dli-note{font-size:.72rem;color:var(--muted);margin-top:8px;line-height:1.4}.overheat-alert{background:#e5533c14;border:1px solid rgba(229,83,60,.3);border-radius:var(--radius);padding:14px 16px;margin-bottom:14px;display:flex;align-items:flex-start;gap:10px}.overheat-alert .ic{width:32px;height:32px;border-radius:10px;background:var(--alert);flex-shrink:0;display:grid;place-items:center;color:#fff}.overheat-alert .txt{font-size:.86rem;color:var(--ink2);font-weight:500}.rotate-reminder{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--brand50);border:1px solid rgba(255,122,26,.2);border-radius:var(--radius);padding:10px 14px;margin-bottom:14px}.rotate-reminder .txt{font-size:.82rem}.rotate-reminder .txt b{display:block;font-weight:600;font-size:.86rem}.rotate-reminder .txt small{color:var(--muted);font-size:.68rem}.rotate-reminder .btn{padding:8px 16px;font-size:.84rem;white-space:nowrap}body{margin:0}.control.syncing{border-color:var(--brand)!important;animation:sync-pulse 1s ease-in-out infinite}@keyframes sync-pulse{0%,to{box-shadow:0 0 #ff7a1a00}50%{box-shadow:0 0 0 4px #ff7a1a26}}.switch.switch-pending .slider{animation:switch-sync 1s ease-in-out infinite}@keyframes switch-sync{0%,to{opacity:1}50%{opacity:.5}}.switch.switch-pending .slider:before{animation:knob-sync 1s ease-in-out infinite}@keyframes knob-sync{0%,to{transform:translate(0) scale(1)}50%{transform:translate(0) scale(.85)}}.field .meta .sub,.ministat span,.statusline span,.sensor-row span{color:var(--ink2)}.kicker{color:var(--ink2);opacity:.8}.ev-txt,.hr-mid small,.cd-name,.fc-cloud{color:var(--ink2)}.stepper-inline{display:flex;align-items:center;gap:4px}.stepper-inline .btn.round.sm{width:26px;height:26px;font-size:.9rem;flex-shrink:0}.stepper-inline .pe-num{width:40px;text-align:center;border:1px solid var(--line);border-radius:6px;padding:3px 2px;font-size:.9rem;font-family:var(--font-display);-moz-appearance:textfield}.stepper-inline .pe-num::-webkit-inner-spin-button,.stepper-inline .pe-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pot-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.pot-modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:24px;max-width:380px;width:100%;box-shadow:var(--shadow-soft)}.pot-modal h3{font-family:var(--font-display);font-size:1.2rem;margin-bottom:16px}.pot-modal .modal-crop-select,.pot-modal .modal-date{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-family:inherit;font-size:1rem;margin-bottom:14px}.pot-modal .modal-actions{display:flex;gap:8px;margin-top:16px}.pot-modal .modal-actions .btn{flex:1;justify-content:center}.pot-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.68rem;font-weight:700;margin-top:4px}.pot-badge.growing{background:var(--grow50);color:var(--grow)}.pot-badge.ready{background:#f2c20026;color:#b89000}.pot-badge.empty{background:var(--line);color:var(--muted)}.pot-clickable{cursor:pointer}.pot-clickable:hover{border-color:var(--brand)}html[data-theme=dark]{--bg: #0F0E0C;--surface: #1A1815;--ink: #F4F3EF;--ink2: #CFCCC4;--muted: #9A968C;--line: #2A2723;--brand50: #2A1B0E;--water50: #10222B;--grow50: #13230E;--shadow: 0 10px 30px rgba(0,0,0,.4);--shadow-soft: 0 18px 50px rgba(0,0,0,.5)}html[data-theme=light]{--bg: #F4F4F2;--surface: #FFFFFF;--ink: #161512;--ink2: #44423D;--muted: #8A877F;--line: #E8E7E2;--brand50: #FFF2E8;--water50: #E7F4FB;--grow50: #EDF8E8;--shadow: 0 10px 30px rgba(22,21,18,.07);--shadow-soft: 0 18px 50px rgba(22,21,18,.1)}@media (max-width:620px){.wrap{overflow-x:hidden;max-width:100vw}body{overflow-x:hidden}.hero-frame{aspect-ratio:16/10!important;max-height:240px!important;flex:none!important}.preset-row{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important}.preset-row .chip-btn{white-space:nowrap;flex-shrink:0}.preset-edit{padding:8px!important}.pe-cycle{flex-direction:column!important;gap:6px!important}.pe-cycle label{padding:4px 6px!important}.stepper-inline .pe-num{width:34px!important;font-size:.85rem!important}.stepper-inline .btn.round.sm{width:24px!important;height:24px!important}.analytics-grid{grid-template-columns:1fr!important}.pot-modal{max-width:100%!important;border-radius:18px!important;padding:18px!important;max-height:90vh;overflow-y:auto}.pot-modal-overlay{align-items:center!important}.pot-modal .modal-actions{flex-direction:column!important}.pot-modal .modal-actions .btn{width:100%!important}.stat-tile b{font-size:1.4rem!important}.stat-tile .kicker{font-size:.54rem!important}.seg-pill button{padding:6px 10px!important;font-size:.76rem!important}.ministat b{font-size:1.2rem!important}.ministat span{font-size:.62rem!important}.water-canvas{height:140px!important}.login-card-plain{padding:24px 20px!important}.login-input{padding:10px 12px!important;font-size:.9rem!important}.ic .ic3d{display:none!important}.ic svg{display:block!important}.ic{background:var(--water)!important}.ic.light{background:var(--sun)!important}}@media (max-width:400px){.stat-tiles{grid-template-columns:1fr 1fr!important}.timer-block{padding:8px 10px!important}.control,.card{padding:14px!important}.ring{width:110px!important;height:110px!important}.ring-center b{font-size:1.2rem!important}.bento-grid{gap:10px!important}.seg-pill button{padding:5px 8px!important;font-size:.72rem!important}}