:root{--bg-color:#f4f9f4;--primary-color:#2b8a3e;--primary-dark:#236b32;--text-main:#212529;--text-muted:#868e96;--danger:#fa5252;--card-bg:#fff;--safe-area-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);padding-top:calc(105px + env(safe-area-inset-top));padding-bottom:calc(var(--safe-area-bottom) + 30px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}#app-content{max-width:800px;margin:0 auto}#top-nav{-webkit-backdrop-filter:blur(12px);width:100%;padding:max(15px, env(safe-area-inset-top)) 15px 10px;z-index:1000;background:#f4f9f4e6;gap:10px;display:flex;position:fixed;top:0;left:0}#top-nav.hidden{display:none!important}.nav-item{background:var(--card-bg);color:var(--text-muted);cursor:pointer;border:none;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 5px;font-size:12px;font-weight:700;transition:transform .1s,box-shadow .2s,background .2s;display:flex;box-shadow:0 4px 12px #00000008}.nav-item:active{transform:scale(.95)}.nav-item.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 14px #2b8a3e4d}.nav-icon{font-size:20px}.btn-floating-back{background:var(--primary-color);color:#fff;cursor:pointer;top:max(20px, env(safe-area-inset-top));z-index:1000;border:none;border-radius:100px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:700;transition:transform .1s,box-shadow .1s;display:inline-flex;position:fixed;left:20px;box-shadow:0 4px 14px #2b8a3e4d}.btn-floating-back:active{transform:scale(.94);box-shadow:0 2px 8px #0000000a}.btn-floating-back.hidden{display:none!important}.view{padding:0 20px 20px;display:none}.view.active{display:block}.hidden{display:none!important}h2{color:var(--text-main);margin-top:10px;margin-bottom:15px;font-size:18px}.plant-title{color:var(--text-main);letter-spacing:-.5px;overflow-wrap:break-word;flex:1;min-width:0;margin-top:0;margin-bottom:0;font-size:32px;font-weight:800}.task-list,.grid-list{flex-direction:column;gap:14px;display:flex}.card,.category-card,.task-group-card,.entity-tile,.note-item,.calendar-wrapper{background:var(--card-bg);border:none;border-radius:20px;box-shadow:0 8px 24px #2b8a3e0d}.card{justify-content:space-between;align-items:center;padding:18px;display:flex}.card-content{cursor:pointer;flex-grow:1;min-width:0;padding-right:10px}.card-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:16px;font-weight:600;display:block;overflow:hidden}.card-subtitle{color:var(--primary-color);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;font-weight:600;display:block;overflow:hidden}.category-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.category-card{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:24px 10px;transition:transform .1s;display:flex}.category-card:active{transform:scale(.95)}.category-icon{background-color:var(--bg-color);border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:12px;font-size:44px;display:flex}.category-name{color:var(--text-main);font-size:16px;font-weight:600}.plant-list{flex-direction:column;gap:12px;display:flex}.plant-avatar{width:48px;height:48px;color:var(--primary-dark);background-color:#d3f9d8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-state-icon{margin-bottom:15px;font-size:40px}.task-checkbox{width:26px;height:26px;accent-color:var(--primary-color);flex-shrink:0;margin-right:15px}.task-done .card-title{color:var(--text-muted);text-decoration:line-through}.actions-group{flex-shrink:0;gap:8px;display:flex}.action-btn{cursor:pointer;background:#f1f3f5;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:all .15s;display:flex}.action-btn:active{background:#e9ecef;transform:scale(.9)}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 5px;display:flex}.compact-add-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:8px 16px;font-size:14px;font-weight:700;transition:transform .1s;box-shadow:0 4px 12px #2b8a3e33}.compact-add-btn:active{transform:scale(.92)}.quick-action-btn{color:var(--primary-dark);white-space:nowrap;cursor:pointer;background:#e6fcf5;border:1px solid #b2f2bb;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.quick-action-btn:active{background:#c3fae8}.note-input-row{align-items:flex-end;gap:10px;margin-bottom:20px;display:flex}.note-input-row textarea{resize:none;border:1px solid #dee2e6;border-radius:26px;flex-grow:1;height:52px;min-height:52px;margin-bottom:0;padding:15px 18px;font-family:inherit;font-size:16px;box-shadow:0 4px 12px #00000008}.send-btn{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding-left:3px;font-size:20px;transition:transform .1s;display:flex;box-shadow:0 4px 14px #2b8a3e4d}.tabs{background:#e9ecef;border-radius:14px;margin-bottom:24px;padding:5px;display:flex}.tab-btn{color:var(--text-muted);background:0 0;border:none;border-radius:10px;flex:1;padding:12px;font-size:15px;font-weight:600;transition:background .2s}.tab-btn.active{background:var(--card-bg);color:var(--text-main);box-shadow:0 2px 8px #0000000d}.note-item{margin-bottom:14px;padding:18px}.note-header{border-bottom:1px solid #f1f3f5;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.note-date{color:var(--primary-color);font-size:14px;font-weight:700}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 5px;display:flex}.calendar-header button{background:var(--card-bg);width:38px;height:38px;color:var(--text-main);cursor:pointer;border:none;border-radius:50%;font-size:16px;font-weight:700;box-shadow:0 2px 8px #0000000d}.calendar-wrapper{margin-bottom:25px;padding:22px}.calendar-weekdays{text-align:center;color:var(--text-muted);text-transform:uppercase;grid-template-columns:repeat(7,1fr);margin-bottom:14px;font-size:12px;font-weight:700;display:grid}.calendar-days{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-day{aspect-ratio:1;cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:16px;font-weight:500;transition:all .2s;display:flex;position:relative}.calendar-day.empty{pointer-events:none}.task-dot{background-color:var(--primary-color);border-radius:50%;width:6px;height:6px;position:absolute;bottom:4px}.calendar-day.today{color:var(--primary-dark);background-color:#d3f9d8;font-weight:700}.calendar-day.selected{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #2b8a3e66}.calendar-day.selected .task-dot{background-color:#fff}.calendar-day.overdue{color:var(--danger);border:2px solid var(--danger);background-color:#0000;font-weight:700}.calendar-day.overdue .task-dot{background-color:var(--danger)}.calendar-day.overdue.selected{background-color:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 4px 12px #fa525266}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:2000;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:flex-end;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-sheet{background:var(--card-bg);width:100%;max-width:500px;padding:28px 28px max(28px, env(safe-area-inset-bottom));border-radius:28px 28px 0 0;flex-direction:column;max-height:90dvh;transition:transform .35s cubic-bezier(.175,.885,.32,1.1);display:flex;position:relative;transform:translateY(100%);box-shadow:0 -4px 30px #0000001a}.modal-overlay.active .modal-sheet{transform:translateY(0)}.modal-close-x{color:var(--text-muted);cursor:pointer;background:#f8f9fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex;position:absolute;top:20px;right:20px}input[type=date].modal-input{-webkit-appearance:none;font-family:inherit;display:block}.modal-input{width:100%;color:var(--text-main);background:#f8f9fa;border:1px solid #dee2e6;border-radius:14px;outline:none;padding:16px;font-family:inherit;font-size:16px;transition:border-color .2s}.modal-input:focus{border-color:var(--primary-color);background:#fff}.modal-btn{cursor:pointer;border:none;border-radius:14px;flex:1;padding:16px;font-size:16px;font-weight:700;transition:transform .1s}.modal-btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 14px #2b8a3e4d}select.modal-input{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.task-group-card{margin-bottom:14px;padding:18px}.task-group-header{color:var(--text-main);border-bottom:1px solid #f1f3f5;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;font-size:16px;font-weight:700;display:flex}.task-item-compact{border-bottom:1px solid #f8f9fa;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.task-item-compact:last-child{border-bottom:none;padding-bottom:0}.task-item-info{flex-grow:1;align-items:center;gap:10px;min-width:0;display:flex}.task-item-title{flex-direction:column;flex-grow:1;min-width:0;font-size:15px;display:flex}.task-item-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;display:block;overflow:hidden}.task-item-compact.task-done .task-item-title{color:var(--text-muted);text-decoration:line-through}.plant-avatar.emoji-avatar{box-shadow:none!important;background:0 0!important;font-size:28px!important}.entity-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.entity-tile{cursor:pointer;text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:14px 18px;transition:transform .1s;display:flex}.entity-tile:active{transform:scale(.95)}.entity-tile .card-title{color:var(--text-main);font-size:15px;font-weight:600;margin:0!important}.fab-global-add{bottom:calc(var(--safe-area-bottom) + 80px);background:var(--primary-color);color:#fff;cursor:pointer;z-index:900;border:none;border-radius:100px;padding:16px 24px;font-size:16px;font-weight:700;position:fixed;right:20px;box-shadow:0 4px 20px #2b8a3e66}.fab-global-add:active{transform:scale(.95)}.title-select-dropdown{appearance:none;color:var(--text-main);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background-color:#f8f9fa;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #dee2e6;border-radius:100px;outline:none;max-width:170px;padding:6px 34px 6px 16px;font-size:14px;font-weight:700;transition:background-color .15s,border-color .15s;overflow:hidden;box-shadow:0 2px 6px #00000008}.title-select-dropdown:active{background-color:#e9ecef}.title-select-dropdown:focus{border-color:var(--primary-color)}.multi-select-container{background:#fff;border:1px solid #dee2e6;border-radius:14px;max-height:280px;margin-bottom:12px;padding:10px;overflow-y:auto}.ms-category{margin-bottom:8px}.ms-cat-header{cursor:pointer;background:#f8f9fa;border-radius:10px;align-items:center;gap:10px;padding:8px;font-size:15px;font-weight:700;transition:background .1s;display:flex}.ms-cat-header:active{background:#e9ecef}.ms-item{cursor:pointer;border-bottom:1px solid #f8f9fa;align-items:center;gap:12px;padding:8px 10px 8px 30px;display:flex}.ms-item:last-child{border-bottom:none}.ms-checkbox{width:20px;height:20px;accent-color:var(--primary-color);cursor:pointer;pointer-events:none}input[type=file].modal-input{cursor:pointer;background:#f8f9fa;padding:12px;font-size:14px}input[type=file]::-webkit-file-upload-button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-right:12px;padding:8px 16px;font-weight:700;transition:transform .1s}input[type=file]::file-selector-button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-right:12px;padding:8px 16px;font-weight:700;transition:transform .1s}input[type=file]::-webkit-file-upload-button:active{transform:scale(.95)}input[type=file]::file-selector-button:active{transform:scale(.95)}.quick-options-container::-webkit-scrollbar{display:none}.quick-options-container{-ms-overflow-style:none;scrollbar-width:none}.variety-info-row{color:var(--text-main);font-size:15px;line-height:1.4}.variety-info-row strong{color:var(--primary-dark);margin-right:4px;font-weight:600}.variety-photos-split{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.photo-column{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.photo-col-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #dee2e6;justify-content:space-between;align-items:center;padding-bottom:4px;font-size:13px;font-weight:700;display:flex}.add-photo-mini{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;line-height:1;transition:transform .1s;display:flex;box-shadow:0 2px 6px #2b8a3e4d}.add-photo-mini:active{transform:scale(.9)}.photo-col-content{-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;max-height:45vh;padding-bottom:40vh;padding-right:4px;display:flex;overflow-y:auto}.photo-col-content::-webkit-scrollbar{width:4px}.photo-col-content::-webkit-scrollbar-track{background:0 0}.photo-col-content::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px}.photo-item{aspect-ratio:1;width:100%;position:relative}.photo-item img{object-fit:cover;background:#fff;border-radius:16px;width:100%;height:100%;box-shadow:0 4px 12px #00000014}.empty-photos-box{aspect-ratio:1;color:#adb5bd;text-align:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:10px;font-size:13px;display:flex}.delete-photo-btn{cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;transition:transform .1s;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 5px #0003}.delete-photo-btn:active{background:#ffe3e3;transform:scale(.9)}#modal-inputs{flex-shrink:1;margin-right:-6px;padding-right:6px;overflow-y:auto}#modal-inputs>*,#modal-title,.modal-sheet>div:last-child{flex-shrink:0}.greenhouse{color:#2e5930;z-index:10;background:repeating-linear-gradient(45deg,#fffffff2,#fffffff2 5px,#dcebd7cc 5px 10px);border:2px dashed #648c66;border-radius:4px;justify-content:center;align-items:center;width:24%;height:60px;font-size:12px;font-weight:700;display:flex;position:absolute}.plot-plant{cursor:pointer;background:#fff;border:1px solid #c8d6c3;border-radius:50%;justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 8px #00000014}.plot-plant:active{transform:translate(-50%,-50%)scale(.9);box-shadow:0 2px 5px #00000014}.plot-plant.size-large{z-index:4;width:48px;height:48px;font-size:24px}.plot-plant.size-medium{z-index:3;width:36px;height:36px;font-size:18px}.plot-plant.size-small{z-index:2;width:28px;height:28px;font-size:14px}#plant-popup{z-index:100;text-align:center;background:#fff;border:1px solid #e0ebd5;border-radius:14px;flex-direction:column;gap:10px;min-width:150px;margin-top:-20px;padding:12px;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 8px 24px #0000001f}#plant-popup-title{color:var(--text-main);font-size:15px;font-weight:700}#plant-popup-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px;font-size:13px;font-weight:600;transition:transform .1s}.popup-arrow{background:#fff;border-bottom:1px solid #e0ebd5;border-right:1px solid #e0ebd5;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.map-scroll-container{-webkit-overflow-scrolling:touch;background:#e9ecef;border-radius:12px;width:100%;height:60vh;margin-bottom:20px;overflow:auto;box-shadow:inset 0 0 12px #00000014}.garden-plot{transform-origin:0 0;background-color:#f8f9fa;background-image:linear-gradient(#dee2e6 1px,#0000 1px),linear-gradient(90deg,#dee2e6 1px,#0000 1px);background-size:20px 20px;border:3px solid #adb5bd;border-radius:0;width:900px;height:1300px;transition:transform .2s;position:relative}.plot-entrance{color:#495057;z-index:5;letter-spacing:2px;text-transform:uppercase;background:#fff;border:3px solid #adb5bd;border-top:none;border-radius:0 0 6px 6px;padding:6px 24px;font-size:12px;font-weight:800;position:absolute;top:0;left:50%;transform:translate(-50%)}.greenhouse{color:#343a40;z-index:10;background:repeating-linear-gradient(45deg,#fffffff2,#fffffff2 5px,#dee2e6cc 5px 10px);border:2px dashed #6c757d;border-radius:2px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute}.plot-plant{cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 8px #00000014}.plot-plant.is-moving{animation:1.5s infinite pulse-move;z-index:1000!important;box-shadow:0 0 0 4px #339af066,0 8px 16px #0003!important}@keyframes pulse-move{0%{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.15)}to{transform:translate(-50%,-50%)scale(1)}}.popup-buttons-row{justify-content:center;gap:8px;width:100%;margin-top:8px;display:flex}#plant-popup-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:8px 4px;font-size:13px;font-weight:600;transition:transform .1s}#plant-popup-btn:active{transform:scale(.92)}#plant-popup-move-btn{color:#1864ab;cursor:pointer;background:#e7f5ff;border:1px solid #d0ebff;border-radius:8px;flex:1;padding:8px 4px;font-size:13px;font-weight:600;transition:transform .1s,background .15s}#plant-popup-move-btn:active{background:#d0ebff;transform:scale(.92)}