*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a2e;--card-bg:#16213e;--input-bg:#0f3460;--accent:#4caf50;--accent-hover:#43a047;--text:#e0e0e0;--text-dim:#9e9e9e;--danger:#e74c3c;--border-radius:12px}body{background:var(--bg);color:var(--text);min-height:100vh;padding-bottom:80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{max-width:480px;margin:0 auto}.header{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header h1{font-size:1.3rem;font-weight:700}.status{background:var(--input-bg);border-radius:20px;padding:4px 10px;font-size:.8rem}.status-online{color:#4caf50}.status-offline{color:#ff9800}.toast{background:var(--accent);color:#fff;border-radius:var(--border-radius);justify-content:space-between;align-items:center;margin:0 16px 12px;padding:10px 16px;font-size:.9rem;display:flex}.toast button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.2rem}.card{background:var(--card-bg);border-radius:var(--border-radius);margin:0 16px 16px;padding:20px}.card h2{margin-bottom:16px;font-size:1.1rem}.form-card label,.settings-card label{flex-direction:column;gap:6px;margin-bottom:14px;font-size:.9rem;display:flex;position:relative}.form-card input[type=text],.form-card input[type=number],.form-card input[type=date],.form-card input[type=password],.form-card select,.form-card textarea{background:var(--input-bg);color:var(--text);border:1px solid #0000;border-radius:8px;width:100%;padding:12px;font-size:1rem}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--accent);outline:none}.form-card textarea{resize:vertical}.add-veggie-row{gap:8px;display:flex}.add-veggie-row input{flex:1;margin-bottom:0}.add-veggie-row button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:1rem}.row{gap:12px;display:flex}.half{flex:1}.quality-row{gap:8px;margin-top:4px;display:flex}.quality-btn{background:var(--input-bg);color:var(--text);cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 6px;font-size:.8rem;display:flex}.quality-btn.active{border-color:var(--accent);background:#1a4a2e}.submit-btn,.sync-btn{background:var(--accent);color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;width:100%;margin-top:8px;padding:14px;font-size:1rem;font-weight:600}.submit-btn:hover,.sync-btn:not(:disabled):hover{background:var(--accent-hover)}.sync-btn:disabled{opacity:.5;cursor:not-allowed}.add-btn{border:1px dashed var(--text-dim);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;margin-top:4px;padding:6px 12px;font-size:.85rem}.veggie-combobox-input{width:100%;padding-right:36px}.veggie-clear-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:1rem;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.veggie-clear-btn:hover{color:var(--accent)}.search-results{z-index:10;background:var(--card-bg);border:1px solid #3a3a6a;border-radius:8px;max-height:250px;margin-top:4px;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.search-results li{cursor:pointer;border-bottom:1px solid #2a2a4a;padding:10px 12px;font-size:.95rem}.search-results li:hover,.search-results li:active{background:var(--accent);color:#fff}.search-results li.highlight{color:#fff;background:#1a4a2e}.search-results li:last-child{border-bottom:none}.quick-select{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.quick-select button{background:var(--input-bg);color:var(--text);cursor:pointer;border:1px solid #3a3a6a;border-radius:8px;padding:6px 12px;font-size:.85rem}.quick-select button:hover{border-color:var(--accent);background:#1a4a2e}.record-list,.full-list{list-style:none}.record-item{border-bottom:1px solid #2a2a4a;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.record-item:last-child{border-bottom:none}.record-main{flex-direction:column;gap:2px;display:flex}.record-date{color:var(--text-dim);font-size:.8rem}.record-veggie{text-transform:capitalize;font-weight:600}.record-details{color:var(--text-dim);align-items:center;gap:10px;font-size:.85rem;display:flex}.quality-badge{border-radius:12px;padding:2px 8px;font-size:.75rem}.quality-excellent{background:#1b4332}.quality-good{background:#2d6a4f}.quality-fair{background:#6c5800}.quality-poor{background:#922b21}.destination-badge{color:#fff;background:#2d6a4f;border-radius:12px;padding:2px 8px;font-size:.75rem}.unsynced-dot{color:#ff9800;font-size:1rem}.record-item.unsynced .record-veggie:after{content:" (unsynced)";color:#ff9800;font-size:.7rem}.delete-btn{cursor:pointer;opacity:.5;background:0 0;border:none;font-size:1rem}.delete-btn:hover{opacity:1}.empty-state{color:var(--text-dim);text-align:center;padding:20px 0}.hint{color:var(--text-dim);margin-top:4px;font-size:.75rem;display:block}.settings-card a{color:var(--accent)}.db-info{background:#0f3460;border-radius:8px;margin-bottom:16px;padding:12px;font-size:.85rem;line-height:1.6}.disclaimer{color:var(--text-dim);text-align:center;margin-top:12px;font-size:.75rem}.bottom-nav{background:var(--card-bg);width:100%;max-width:480px;padding:8px 0 env(safe-area-inset-bottom,8px);border-top:1px solid #2a2a4a;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex:1;padding:8px;font-size:.75rem}.nav-btn.active{color:var(--accent)}@supports (padding-bottom:env(safe-area-inset-bottom)){body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}