:root{--bg: #f7f8f5;--card: #ffffff;--text: #1d2120;--muted: #6b7280;--primary: #2d8a3e;--primary-dark: #246e32;--border: #e6e8e3;--danger: #d23939;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Helvetica Neue,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior-x:none}#root{padding:16px 16px 100px;max-width:600px;margin:0 auto}.loading,.error{padding:40px;text-align:center;color:var(--muted)}.error{color:var(--danger)}header{margin-bottom:20px}header h1{font-size:22px;margin:0 0 4px;font-weight:700}.subtitle{color:var(--muted);font-size:14px}.header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.header-left{flex:1}.icon-btn{background:var(--card);border:1px solid var(--border);width:40px;height:40px;border-radius:20px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.icon-btn:active{background:var(--bg)}.today-block{margin-bottom:20px}.today-block h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 8px;padding-left:4px}.today-block ul{list-style:none;padding:0;margin:0}.today-card{background:#eaf4fb;border:1px solid #c5dded;border-radius:12px;padding:12px 14px;margin-bottom:8px;font-size:14px;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:transform .1s ease;color:#1e5a8a}.today-card:active{transform:scale(.98)}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty-emoji{font-size:48px;margin-bottom:12px}.loc-group{margin-bottom:24px}.loc-group h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 8px;padding-left:4px}.loc-group ul{list-style:none;padding:0;margin:0}.plant-card{background:var(--card);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;margin-bottom:8px;cursor:pointer;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .1s ease,background .3s ease}.plant-card:active{transform:scale(.99)}.plant-card.just-watered{background:#eef6ee;border-color:var(--primary)}.plant-emoji{font-size:22px;flex-shrink:0;width:36px;text-align:center}.plant-photo{width:40px;height:40px;flex-shrink:0;object-fit:cover;border-radius:8px;background:#fff}.plant-photo-header{width:28px;height:28px;vertical-align:middle;object-fit:cover;border-radius:6px;margin-right:6px;background:#fff}.plant-info{flex:1;min-width:0;overflow:hidden}.plant-title{font-weight:600;font-size:15px}.plant-meta{font-size:13px;color:var(--muted);margin-top:2px}.meta-water.warn{color:#b07025;font-weight:500}.meta-water.danger{color:var(--danger);font-weight:600}.quick-water{flex-shrink:0;width:36px;height:36px;border-radius:18px;border:1.5px solid var(--border);background:var(--bg);font-size:16px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quick-water:active{transform:scale(.9)}.quick-water.warn{border-color:#f0c060;background:#fff8e6}.quick-water.danger{border-color:var(--danger);background:#fbecec}.quick-water.done{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}.hint{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.4}.btn-ask{width:100%;background:#eef6ee;color:var(--primary-dark);border:1.5px solid var(--primary);padding:12px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;margin-bottom:8px}.btn-ask:active{background:#def0df}.btn-water{width:100%;background:#eaf4fb;color:#1e5a8a;border:1.5px solid #6aa3d1;padding:12px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;margin-bottom:8px}.btn-water:disabled{opacity:.6}.btn-water:active{background:#d5e8f5}.btn-water.warn{background:#fff8e6;border-color:#f0c060;color:#8a6020}.btn-water.danger{background:#fbecec;border-color:#d23939;color:var(--danger)}.water-badge{display:inline-block;margin-top:4px;font-size:12px;color:var(--muted);padding:2px 6px;border-radius:6px}.water-badge.ok{background:#eaf4fb;color:#1e5a8a}.water-badge.warn{background:#fff8e6;color:#8a6020}.water-badge.danger{background:#fbecec;color:var(--danger);font-weight:600}.companions{margin:8px 0}.companions-title{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.companion{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:8px;margin-bottom:6px;font-size:13px;line-height:1.35}.companion.good{background:#eef6ee}.companion.bad{background:#fbecec}.companion-mark{flex-shrink:0}.companion-text b{font-weight:600}.history-list{list-style:none;padding:0;margin:0}.history-item{display:flex;gap:10px;align-items:flex-start;background:var(--bg);border-radius:10px;padding:10px 12px;margin-bottom:6px;border-left:3px solid var(--border)}.history-item.danger{border-left-color:var(--danger)}.history-item.warning{border-left-color:#e8a23a}.history-item.ok{border-left-color:var(--primary)}.history-icon{font-size:16px;flex-shrink:0}.history-body{flex:1;min-width:0}.history-date{font-size:12px;color:var(--muted);margin-bottom:2px}.history-text{font-size:13px;line-height:1.35}.fab{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;border:none;padding:14px 28px;border-radius:28px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #2d8a3e4d;z-index:100}.fab:active{background:var(--primary-dark)}.modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:fadeIn .2s ease}.modal{background:var(--card);width:100%;max-width:600px;border-radius:16px 16px 0 0;max-height:92vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:20px;animation:slideUp .25s ease}.modal-edit{display:flex;flex-direction:column;padding:0}.modal-edit .modal-header{padding:16px 20px 0;margin-bottom:0}.modal-edit .modal-body{padding:12px 20px 20px;overflow-y:auto;flex:1}.modal-sticky-footer{padding:12px 20px calc(env(safe-area-inset-bottom,0) + 12px);background:var(--card);border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.btn-full{width:100%;padding:14px}.link-danger{background:none;border:none;color:var(--danger);font-size:13px;cursor:pointer;padding:4px 8px;text-decoration:underline;text-decoration-color:transparent}.link-danger:active{text-decoration-color:var(--danger)}.section-collapsible{margin-top:16px}.section-toggle{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;font-weight:600;color:var(--text)}.section-toggle .caret{color:var(--muted);font-size:18px;transition:transform .2s ease}.section-toggle .caret.open{transform:rotate(90deg)}.btn-water-status{display:block;font-size:12px;font-weight:400;margin-top:2px;opacity:.8}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#1d2120eb;color:#fff;padding:10px 18px;border-radius:24px;font-size:14px;z-index:300;animation:toastIn .2s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h3{margin:0;font-size:20px}.close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--muted);padding:4px 8px;line-height:1}.modal h4{margin:16px 0 8px;font-size:14px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.crop-group{margin-bottom:16px}.crop-group-name{font-size:12px;color:var(--muted);margin-bottom:6px}.crop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.crop-tile{background:var(--bg);border:1.5px solid transparent;border-radius:10px;padding:10px 4px;text-align:center;cursor:pointer;font-size:13px}.crop-tile.selected{border-color:var(--primary);background:#eef6ee}.crop-tile-emoji{font-size:28px;line-height:1;margin-bottom:4px}.crop-tile-photo{width:48px;height:48px;object-fit:cover;border-radius:8px;margin:0 auto 4px;display:block;background:#fff}.search-input{margin-bottom:12px}.group-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;padding-bottom:4px;scrollbar-width:none}.group-tabs::-webkit-scrollbar{display:none}.group-tab{flex-shrink:0;padding:6px 14px;border-radius:999px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);font-size:13px;cursor:pointer;white-space:nowrap}.group-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.empty-search{grid-column:1 / -1;text-align:center;padding:30px 10px;color:var(--muted);font-size:14px}.crop-tile-name{color:var(--text)}.option-list{display:flex;flex-direction:column;gap:8px}.option{background:var(--bg);border:1.5px solid transparent;border-radius:10px;padding:14px;text-align:left;cursor:pointer;font-size:15px}.option.selected{border-color:var(--primary);background:#eef6ee}.option-emoji{margin-right:6px}.option-skip{background:transparent;border:none;color:var(--muted);text-align:center;padding:10px;cursor:pointer;font-size:14px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--bg);border:1.5px solid transparent;border-radius:999px;padding:8px 14px;cursor:pointer;font-size:14px;color:var(--text);white-space:nowrap;transition:background .15s,border-color .15s}.chip:active{transform:scale(.97)}.chip.selected{border-color:var(--primary);background:#eef6ee;color:var(--primary-dark);font-weight:600}.input{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;font-size:15px;color:var(--text)}.input:focus{outline:none;border-color:var(--primary)}input[type=date].input{-webkit-appearance:none;appearance:none;text-align:left;font-family:inherit;background:var(--bg) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%232d8a3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2'/><line x1='16' y1='2' x2='16' y2='6'/><line x1='8' y1='2' x2='8' y2='6'/><line x1='3' y1='10' x2='21' y2='10'/></svg>") no-repeat right 14px center;background-size:20px;padding-right:44px;min-height:48px;cursor:pointer;border-color:var(--primary);color:var(--primary-dark);font-weight:600}input[type=date].input::-webkit-date-and-time-value{text-align:left}input[type=date].input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;inset:0;width:100%}.modal-actions{display:flex;gap:8px;margin-top:20px}.btn-primary{background:var(--primary);color:#fff;border:none;padding:14px;border-radius:10px;font-weight:600;font-size:15px;flex:1;cursor:pointer}.btn-primary:disabled{opacity:.6}.btn-secondary{background:var(--bg);color:var(--text);border:1.5px solid var(--border);padding:14px 20px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer}.btn-danger{background:transparent;color:var(--danger);border:1.5px solid var(--danger);padding:14px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer}