:root{color:#172319;background:#f2f5eb;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px}button,input,select{font:inherit}button{border:0;border-radius:8px;cursor:pointer}button:disabled,input:disabled{cursor:default}.app-shell{margin:0 auto;max-width:1160px;min-height:100vh;padding:18px 18px 40px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;min-height:52px}.brand{display:grid;gap:3px}.brand h1{font-size:23px;font-weight:760;letter-spacing:0;line-height:1.12;margin:0}.brand span,.panel-title span,.zone-card-head span,.settings-head span{color:#525e54;font-size:13px}.topbar-status,.actions,.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.freshness,.state-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:760;min-height:28px;padding:5px 10px;white-space:nowrap}.freshness.is-fresh{background:#cfe9d4;color:#063b1d}.freshness.is-stale{background:#f9e5c7;color:#5d3904}.button-primary,.button-secondary,.icon-button{align-items:center;border:1px solid transparent;display:inline-flex;font-weight:720;justify-content:center;min-height:40px;padding:0 13px;transition:background-color .18s ease-out,border-color .18s ease-out,color .18s ease-out,transform .18s ease-out}.button-primary{background:#1a5b36;color:#f8f9f5}.button-primary:hover:not(:disabled){background:#004a26;background:oklch(36% .095 154)}.button-primary:active:not(:disabled),.button-secondary:active:not(:disabled),.icon-button:active:not(:disabled){transform:translateY(1px)}.button-primary:disabled{background:#aebcb0;color:#576158}.button-secondary,.icon-button{background:#dce4d9;border-color:#c4cec2;color:#1b281e}.button-secondary:hover:not(:disabled),.icon-button:hover:not(:disabled){background:#d1dbce}.button-secondary:disabled,.icon-button:disabled{color:#747d76}.text-button{min-height:36px}.tabs{background:#e3e6dd;border:1px solid oklch(84% .018 135);border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;padding:4px}.tab{background:transparent;color:#3b463d;font-size:14px;font-weight:760;min-height:38px}.tab.is-active{background:#f8f9f5;box-shadow:0 1px 2px #10191114;color:#122115}.content{display:grid;gap:16px;margin-top:18px}.summary-strip{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.panel,.zone-card,.settings-card,.events{background:#f8f9f5;border:1px solid oklch(84% .018 135);border-radius:8px}.panel,.events{padding:16px}.panel-title,.zone-card-head,.settings-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.panel-title h2,.zone-card-head h2,.settings-head h3,.events h2,.signed-out h2{color:#0e1c11;font-size:17px;font-weight:780;letter-spacing:0;line-height:1.2;margin:0}.zone-list,.settings-list{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.zone-card,.settings-card{display:grid;gap:14px;min-width:0;padding:16px}.zone-card{border-color:#c6cdc2}.zone-card.state-dry{border-color:#d49184}.zone-card.state-watch{border-color:#d9b480}.zone-card.state-water{border-color:#6fabc8}.state-pill.state-ok{background:#ceead3;color:#063b1d}.state-pill.state-watch{background:#fce0b7;color:#603c07}.state-pill.state-dry{background:#ffd7cf;background:oklch(91% .058 31);color:#732a1f}.state-pill.state-water{background:#c4e8fa;color:#024059}.state-pill.state-muted{background:#dde3dd;color:#4a524b}.metric,.event-row{display:grid;gap:3px;min-width:0}.metric span{color:#576158;font-size:12px;font-weight:680}.metric strong{color:#162319;font-size:16px;font-weight:780;min-width:0;overflow-wrap:anywhere}.summary-strip .metric{background:#f8f9f5;border:1px solid oklch(84% .018 135);border-radius:8px;min-height:72px;padding:12px}.summary-strip .metric strong{font-size:22px}.moisture-readout{display:grid;gap:8px}.moisture-readout strong{color:#0e1c11;font-size:28px;font-weight:780;letter-spacing:0;line-height:1}.moisture-bar{background:#dee3db;border-radius:999px;height:10px;overflow:hidden}.moisture-bar span{background:#277447;border-radius:inherit;display:block;height:100%;min-width:2px;transition:width .18s ease-out}.compact-metrics,.metric-table{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.water-form{align-items:end;border-top:1px solid oklch(90% .012 135);display:grid;gap:10px;grid-template-columns:88px minmax(0,1fr) auto;padding-top:14px}label{display:grid;gap:6px;min-width:0}label span,.toggle-row span{color:#465047;font-size:12px;font-weight:760}input,select{background:#fbfcf9;border:1px solid oklch(82% .02 138);border-radius:8px;color:#111e14;height:40px;min-width:0;padding:0 10px}input:focus,select:focus,button:focus-visible,summary:focus-visible{outline:3px solid oklch(70% .08 154 / .45);outline-offset:2px}input:disabled{background:#e8ede6;color:#6f7770}.notification-panel{display:grid;gap:14px}.settings-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-row{align-items:center;display:flex;gap:8px}.toggle-row input{height:18px;width:18px}.hardware-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.hardware-grid .panel{display:grid;gap:14px}.raw-shadow{background:#f8f9f5;border:1px solid oklch(84% .018 135);border-radius:8px;padding:12px 16px}.raw-shadow summary{color:#465047;cursor:pointer;font-size:13px;font-weight:760}pre{background:#0e1910;border-radius:8px;color:#e4eae2;font-size:12px;line-height:1.5;margin:12px 0 0;max-height:420px;overflow:auto;padding:12px}.events{display:grid;gap:10px}.event-row{align-items:center;border-top:1px solid oklch(90% .012 135);grid-template-columns:minmax(0,1fr) auto auto;min-height:38px;padding-top:10px}.event-row:first-of-type{border-top:0}.event-row span,.event-row time{color:#545e56;font-size:13px}.event-row strong{font-size:13px;overflow-wrap:anywhere}.banner{border-radius:8px;font-size:14px;line-height:1.45;margin-top:14px;padding:12px 14px}.banner.error{background:#ffe3de;background:oklch(94% .045 31);border:1px solid oklch(77% .08 31);color:#6b271c}.banner.notice{background:#d6f0da;border:1px solid oklch(78% .06 150);color:#103a1c}.signed-out{display:grid;gap:8px;min-height:220px;place-content:center;text-align:center}.signed-out p{color:#545e56;margin:0}.skeleton-stack{display:grid;gap:14px}.skeleton-stack div{animation:pulse 1.35s ease-in-out infinite;background:linear-gradient(90deg,#e2e6de,#f4f6f1,#e2e6de);background-size:220% 100%;border-radius:8px;min-height:132px}@keyframes pulse{0%{background-position:0 0}to{background-position:-220% 0}}@media(max-width:860px){.zone-list,.settings-list,.hardware-grid{grid-template-columns:1fr}}@media(max-width:700px){.app-shell{padding:14px 14px 86px}.topbar{align-items:flex-start;flex-direction:column}.topbar-status{justify-content:space-between;width:100%}.tabs{border-radius:0;border-width:1px 0 0;bottom:0;box-shadow:0 -8px 24px #2731291f;left:0;margin:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:20}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-metrics,.metric-table,.settings-grid,.water-form{grid-template-columns:1fr}.button-primary,.button-secondary,.icon-button{width:100%}.actions{flex:1}}