:root{--bg:#f3f6f1;--surface:#fff;--text:#1d2a21;--muted:#5f6f64;--border:#dde5dc;--primary:#2f7d4f;--primary-text:#fff;--water:#2b74c7;--water-bg:#e7f0fb;--overdue:#b3261e;--overdue-bg:#fbe9e7;--today:#8a5a00;--today-bg:#fff2d6;--upcoming:#2f6b45;--upcoming-bg:#e5f2e8;--highlight:#f2b134;--radius:16px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101512;--surface:#1a211c;--text:#e6eee8;--muted:#9aaa9f;--border:#2c3830;--primary:#3f9a63;--water:#6aa8ef;--water-bg:#17283b;--overdue:#ffb4ab;--overdue-bg:#3d1a17;--today:#ffd27a;--today-bg:#3a2c0c;--upcoming:#9fd8b0;--upcoming-bg:#1b3022}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}button,input,textarea{font:inherit;color:inherit}h1,h2{margin:0;line-height:1.2}h2{font-size:1.15rem}.app{min-height:100dvh;padding-left:var(--safe-left);padding-right:var(--safe-right)}.topbar{z-index:10;padding:calc(var(--safe-top) + 12px) 20px 12px;background:var(--primary);color:var(--primary-text);position:sticky;top:0}.topbar h1{font-size:1.3rem}.content{max-width:640px;padding:16px 16px calc(var(--safe-bottom) + 32px);flex-direction:column;gap:16px;margin:0 auto;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.card p{margin:0}.muted{color:var(--muted)}.hint{color:var(--today);margin:0;font-weight:600}.button{appearance:none;border:1px solid var(--border);background:var(--surface);cursor:pointer;touch-action:manipulation;border-radius:12px;min-height:44px;padding:10px 16px;font-weight:600}.button:disabled{opacity:.6}.button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.button.water{background:var(--water-bg);color:var(--water);white-space:nowrap;border-color:#0000}.button.water.large{width:100%;min-height:52px;font-size:1.05rem}.button.danger{color:var(--overdue)}.link{appearance:none;color:var(--primary);cursor:pointer;text-align:left;background:0 0;border:none;padding:8px 0;font-weight:600}.back{align-self:flex-start}.section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.plant-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.plant-card{border-left:6px solid var(--upcoming-bg);flex-direction:row;align-items:center;padding:12px 12px 12px 16px}.plant-card.kind-overdue{border-left-color:var(--overdue)}.plant-card.kind-today{border-left-color:var(--highlight)}.plant-card.highlighted{box-shadow:0 0 0 3px var(--highlight)}.plant-card-main{appearance:none;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;padding:0;display:flex}.plant-name{overflow-wrap:anywhere;font-size:1.05rem;font-weight:700}.plant-meta{color:var(--muted);font-size:.9rem}.status{border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:.85rem;font-weight:700;display:inline-block}.status-overdue{background:var(--overdue-bg);color:var(--overdue)}.status-today{background:var(--today-bg);color:var(--today)}.status-upcoming{background:var(--upcoming-bg);color:var(--upcoming)}.detail-name{overflow-wrap:anywhere;font-size:1.5rem}.facts{flex-direction:column;gap:8px;margin:0;display:flex}.facts dt{color:var(--muted);font-size:.85rem}.facts dd{margin:0}.notes{white-space:pre-wrap}.actions{gap:10px;display:flex}.actions .button{flex:1}.history{margin:0;padding:0;list-style:none}.history li{border-bottom:1px solid var(--border);padding:10px 0}.history li:last-child{border-bottom:none}.form .field{flex-direction:column;gap:6px;display:flex}.field span{font-size:.95rem;font-weight:600}.field input,.field textarea{border:1px solid var(--border);background:var(--bg);border-radius:12px;width:100%;min-height:48px;padding:12px;font-size:17px}.field textarea{resize:vertical}.field input[type=time],.field input[type=date]{appearance:none;text-align:left;min-width:0;max-width:100%;display:block}.field input[type=time]::-webkit-date-and-time-value{text-align:left;margin:0}.field input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0}.field small{font-weight:400}.toggle{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.toggle input{width:24px;height:24px;accent-color:var(--primary);flex-shrink:0;margin:2px 0 0}.toggle span{flex-direction:column;gap:2px;display:flex}.notice ol{flex-direction:column;gap:6px;margin:0;padding-left:1.3em;display:flex}.notice.install{border-color:var(--highlight);background:var(--today-bg)}.notice.ok{flex-flow:wrap;justify-content:space-between;align-items:center}.empty{text-align:center;align-items:center}.empty-icon{font-size:2.5rem}.alert{background:var(--overdue-bg);color:var(--overdue);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.error{color:var(--overdue)}.toast{left:50%;bottom:calc(var(--safe-bottom) + 20px);background:var(--text);color:var(--bg);border-radius:999px;max-width:calc(100vw - 32px);padding:12px 18px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #0003}.footer{justify-content:center;display:flex}.setup{padding-top:calc(var(--safe-top) + 48px);text-align:center}.setup .form{text-align:left}.setup-logo{font-size:3.5rem}
