:root{--ivory: #F7F3EC;--cream: #FFFEF8;--parchment: #EBE5D9;--bark: #1F2719;--bark-soft: #3B4632;--sage: #7A9176;--sage-soft: #A8B9A2;--mint: #C9DCC1;--terra: #B66E4A;--water: #6FA0C7;--gold: #C8A75B;--muted: #8B8B7E;--line: #DDD6C7;--bg: var(--ivory);--card: var(--cream);--accent: var(--sage);--text: var(--bark);--text-soft: var(--muted);--radius: 16px;--radius-sm: 10px;--gap: 16px;--pad: 20px;--font-display: "Fraunces", Georgia, serif;--font-body: "Outfit", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}em{font-style:italic}.app{min-height:100vh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;padding-bottom:88px}.header{padding:20px var(--pad) 12px;display:flex;align-items:center;justify-content:space-between}.header-text{flex:1}.brand{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.5px}.brand em{color:var(--sage)}.greeting{font-size:13px;color:var(--text-soft);margin-top:2px}.greeting-dot{opacity:.6}.greeting-day{color:var(--bark-soft);font-weight:500}.loader{display:flex;justify-content:center;align-items:center;padding:40px 0;color:var(--text-soft);font-size:14px}.loader:before{content:"";width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--sage);border-radius:50%;margin-right:10px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#fce8e0;border-left:3px solid var(--terra);padding:12px 16px;margin:0 var(--pad) 12px;border-radius:8px;font-size:14px;color:var(--bark)}.card{background:var(--card);border-radius:var(--radius);padding:var(--pad);margin:0 var(--pad) var(--gap);box-shadow:0 1px 3px #1f27190a}.empty-card{text-align:center;color:var(--text-soft);padding:30px var(--pad)}.today-screen{padding-top:4px}.tree-hero{text-align:center;padding:24px var(--pad) 22px}.tree-illustration{width:140px;height:140px;margin:0 auto 12px;display:flex;align-items:flex-end;justify-content:center}.tree-illustration svg{width:100%;height:100%}.tree-stage{font-family:var(--font-display);font-size:26px;font-weight:500;letter-spacing:-.5px;margin-bottom:4px}.tree-stage em{color:var(--sage);font-style:italic}.tree-substage{font-size:12px;color:var(--text-soft)}.tree-insight{font-family:var(--font-display);font-style:italic;font-size:14px;color:var(--bark-soft);margin:14px auto 0;max-width:320px;line-height:1.4}.tree-progress{margin-top:18px;background:var(--parchment);border-radius:999px;height:8px;overflow:hidden}.tree-progress-fill{height:100%;background:var(--sage);border-radius:999px;transition:width .6s ease}.tree-progress-label{font-size:12px;color:var(--text-soft);margin-top:8px;text-align:center}.streak-badge{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;background:var(--mint);color:var(--bark-soft);border-radius:999px;font-size:13px;font-weight:500}.streak-badge.zero{background:var(--parchment);color:var(--text-soft)}.metric-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:0 var(--pad) var(--gap)}.metric-pill{background:var(--card);border-radius:14px;padding:12px 10px 10px;box-shadow:0 1px 3px #1f27190a;display:flex;flex-direction:column;gap:6px}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:4px}.metric-icon{font-size:16px;line-height:1}.metric-value{font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--bark);line-height:1}.metric-label{font-size:11px;color:var(--text-soft);text-transform:lowercase;letter-spacing:.02em}.metric-bar{margin-top:2px;background:var(--parchment);border-radius:999px;height:4px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:999px;transition:width .6s ease}.metric-water .metric-bar-fill{background:var(--water)}.metric-water .metric-value{color:#3a6478}.metric-habits .metric-bar-fill{background:var(--sage)}.metric-habits .metric-value{color:var(--sage)}.metric-meals .metric-bar-fill{background:var(--terra)}.metric-meals .metric-value{color:var(--terra)}.metric-controls{display:flex;gap:6px;margin-top:8px}.water-btn{flex:1;background:var(--parchment);color:var(--bark-soft);border-radius:8px;padding:4px 0;font-size:16px;font-weight:600;line-height:1;transition:background .15s,color .15s;cursor:pointer}.water-btn:hover:not(:disabled){background:#daeff4;color:#3a6478}.water-btn:disabled{opacity:.35;cursor:not-allowed}.water-btn-plus{background:#daeff4;color:#3a6478}.water-btn-plus:hover:not(:disabled){background:#c4e5ec}.meal-list{padding-top:4px}.meal-list-head{display:flex;align-items:baseline;justify-content:space-between;padding:6px var(--pad) 12px}.section-title{font-family:var(--font-display);font-size:20px;font-weight:500}.section-counter{font-size:12px;color:var(--text-soft)}.past-group{margin:0 var(--pad) 12px}.past-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--parchment);color:var(--text-soft);border-radius:10px;font-size:13px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;transition:background .2s}.past-toggle:hover{background:#e5dfd0}.past-toggle-label{flex:1;text-align:left}.past-toggle-count{background:var(--cream);color:var(--text-soft);padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.past-toggle-chevron{font-size:12px;transition:transform .2s}.past-toggle-chevron.open{transform:rotate(180deg)}.past-group .meal-card{margin-top:10px;margin-left:0;margin-right:0}.meal-card{background:var(--card);border-radius:var(--radius);padding:14px 16px;margin:0 var(--pad) 10px;box-shadow:0 1px 3px #1f27190a;transition:opacity .2s,box-shadow .2s,background .3s,border-color .3s}.meal-card-active{box-shadow:0 2px 8px #7a91762e;border-left:3px solid var(--sage)}.meal-card-future{opacity:.7}.meal-card-past{opacity:.85;background:#f4efe5}.meal-card.is-override,.meal-card-active.is-override{border-left:3px solid var(--gold)}.meal-card.is-eaten{background:#eff4ed;border-left:3px solid var(--sage);opacity:1}.meal-card.is-eaten .meal-title{color:var(--sage)}.meal-card.is-eaten .meal-emoji{background:#ddead5}.meal-card.is-out-of-home{background:var(--parchment);border-left:3px dashed var(--text-soft);opacity:.95}.meal-card.is-out-of-home .meal-title{color:var(--bark-soft);font-style:italic}.meal-card.is-out-of-home .meal-emoji{background:#dcd5c5}.meal-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px;flex-wrap:wrap}.slot-row{display:flex;align-items:center;gap:8px}.slot-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.slot-badge-past,.slot-badge-future{background:var(--parchment);color:var(--text-soft)}.slot-now{display:inline-flex;align-items:center;gap:4px;background:var(--sage);color:var(--cream);padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.override-tag{font-size:10px;color:var(--gold);font-weight:500}.out-of-home-tag{font-size:11px;color:var(--text-soft);font-weight:500;font-style:italic}.eaten-time{font-size:11px;color:var(--sage);font-weight:500}.habit-chips-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.habit-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#daeff4;color:#3a6478;border-radius:999px;font-size:12px;font-weight:500;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s;cursor:pointer}.habit-chip:hover:not(:disabled){background:#c4e5ec}.habit-chip:disabled{cursor:wait;opacity:.7}.habit-chip.is-marked{background:var(--mint);color:var(--sage);border-color:var(--sage)}.habit-chip.is-marked:hover:not(:disabled){background:var(--mint)}.habit-chip-icon{font-size:13px;line-height:1}.habit-chip-label{letter-spacing:.02em}.meal-card-body{display:flex;gap:12px;align-items:flex-start}.meal-emoji{font-size:24px;line-height:1;width:38px;height:38px;background:var(--ivory);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .3s}.meal-info{flex:1;min-width:0}.meal-title{font-family:var(--font-display);font-size:16px;font-weight:500;color:var(--bark);margin-bottom:4px;line-height:1.25;transition:color .3s}.meal-sides{font-size:12px;color:var(--text-soft);margin-bottom:4px}.meal-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--text-soft);margin-top:4px}.meal-cal{color:var(--terra);font-weight:500}.meal-kbju{font-size:11px;color:var(--muted);margin-top:3px}.meal-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.eaten-btn{display:block;width:100%;padding:10px 14px;background:var(--parchment);color:var(--bark-soft);border-radius:10px;font-size:13px;font-weight:600;letter-spacing:.02em;transition:background .2s,color .2s;cursor:pointer}.eaten-btn:hover:not(:disabled){background:#e5dfd0}.eaten-btn:disabled{cursor:wait;opacity:.6}.eaten-btn.is-eaten{background:#ddead5;color:var(--sage)}.eaten-btn.is-eaten:hover:not(:disabled){background:#c9ddc0}.out-of-home-btn{display:block;width:100%;padding:8px 14px;background:transparent;color:var(--text-soft);border-radius:10px;border:1px dashed var(--line);font-size:12px;font-weight:500;letter-spacing:.02em;transition:background .2s,color .2s,border-color .2s;cursor:pointer}.out-of-home-btn:hover:not(:disabled){background:var(--parchment);color:var(--bark-soft);border-color:var(--text-soft)}.out-of-home-btn:disabled{cursor:wait;opacity:.6}.clear-override-btn{display:block;width:100%;padding:10px 14px;background:var(--cream);color:var(--bark-soft);border-radius:10px;font-size:13px;font-weight:600;letter-spacing:.02em;transition:background .2s,color .2s;cursor:pointer}.clear-override-btn:hover:not(:disabled){background:var(--ivory);color:var(--bark)}.clear-override-btn:disabled{cursor:wait;opacity:.6}.meal-error{margin-top:10px;padding:8px 12px;background:#fce8e0;color:var(--bark);font-size:12px;border-radius:8px;border-left:2px solid var(--terra)}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--cream);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 0;z-index:100}.tab-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:10px;color:var(--text-soft);transition:color .2s}.tab-btn .tab-icon{font-size:22px;line-height:1}.tab-btn.active{color:var(--sage)}.tab-btn:disabled{opacity:.4;cursor:not-allowed}.coming-soon{text-align:center;padding:60px 30px;color:var(--text-soft)}.coming-soon-icon{font-size:48px;margin-bottom:16px;opacity:.5}.coming-soon-title{font-family:var(--font-display);font-size:22px;font-weight:500;color:var(--bark);margin-bottom:8px}.coming-soon-text{font-size:14px;max-width:280px;margin:0 auto}.replace-btn{display:block;width:100%;padding:10px 14px;background:var(--cream);color:var(--bark-soft);border-radius:10px;border:1px solid var(--line);font-size:13px;font-weight:600;letter-spacing:.02em;transition:background .2s,color .2s,border-color .2s;cursor:pointer}.replace-btn:hover:not(:disabled){background:var(--ivory);color:var(--bark);border-color:var(--sage-soft)}.replace-btn:disabled{cursor:wait;opacity:.6}.replace-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#1f271973;display:flex;align-items:flex-end;justify-content:center;animation:replace-fade-in .2s ease-out}@keyframes replace-fade-in{0%{opacity:0}to{opacity:1}}.replace-modal{background:var(--card);width:100%;max-width:480px;max-height:88vh;border-radius:var(--radius) var(--radius) 0 0;display:flex;flex-direction:column;box-shadow:0 -4px 24px #1f27192e;animation:replace-slide-up .25s ease-out}@keyframes replace-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width: 520px){.replace-overlay{align-items:center}.replace-modal{border-radius:var(--radius);max-width:440px;max-height:80vh}}.replace-head{display:flex;align-items:flex-start;justify-content:space-between;padding:18px var(--pad) 12px;border-bottom:1px solid var(--line);gap:12px}.replace-title-wrap{flex:1;min-width:0}.replace-title{font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--bark);letter-spacing:-.3px}.replace-subtitle{margin-top:4px;font-size:12px;color:var(--text-soft)}.replace-current-name{color:var(--bark-soft);font-weight:500}.replace-close-btn{width:32px;height:32px;border-radius:50%;background:var(--parchment);color:var(--bark-soft);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s;cursor:pointer}.replace-close-btn:hover:not(:disabled){background:#e5dfd0}.replace-close-btn:disabled{cursor:wait;opacity:.5}.replace-body{flex:1;overflow-y:auto;padding:14px var(--pad)}.replace-loader,.replace-empty{text-align:center;padding:28px 14px;color:var(--text-soft);font-size:14px;line-height:1.45}.replace-loader:before{content:"";display:inline-block;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--sage);border-radius:50%;margin-right:10px;vertical-align:middle;animation:spin .8s linear infinite}.replace-error{margin:0 0 12px;padding:10px 12px;background:#fce8e0;color:var(--bark);font-size:12px;border-radius:8px;border-left:2px solid var(--terra);line-height:1.4}.replace-candidates{list-style:none;display:flex;flex-direction:column;gap:10px}.candidate-card{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;padding:12px 14px;background:var(--ivory);border-radius:12px;border:1px solid transparent;transition:background .18s,border-color .18s,transform .05s;cursor:pointer}.candidate-card:hover:not(:disabled){background:var(--mint);border-color:var(--sage-soft)}.candidate-card:active:not(:disabled){transform:scale(.99)}.candidate-card:disabled{cursor:wait;opacity:.55}.candidate-emoji{font-size:22px;line-height:1;width:36px;height:36px;background:var(--cream);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.candidate-info{flex:1;min-width:0}.candidate-name{font-family:var(--font-display);font-size:15px;font-weight:500;color:var(--bark);line-height:1.25;margin-bottom:4px}.candidate-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--text-soft);margin-top:2px}.candidate-cal{color:var(--terra);font-weight:500}.candidate-kbju{font-size:11px;color:var(--muted);margin-top:3px}.replace-foot{padding:12px var(--pad) calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--card)}.replace-auto-btn{display:block;width:100%;padding:11px 14px;background:var(--parchment);color:var(--bark-soft);border-radius:10px;font-size:13px;font-weight:600;letter-spacing:.02em;transition:background .2s,color .2s;cursor:pointer}.replace-auto-btn:hover:not(:disabled){background:#e5dfd0;color:var(--bark)}.replace-auto-btn:disabled{cursor:wait;opacity:.6}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--bg-ivory);padding:20px}.login-card{width:100%;max-width:360px;background:#fff;border-radius:16px;padding:32px 24px 24px;box-shadow:0 4px 24px #2a211814}.login-title{font-family:var(--font-display, "Fraunces", Georgia, serif);font-size:32px;font-weight:600;text-align:center;margin:0 0 4px;color:var(--text-bark)}.login-subtitle{font-size:14px;text-align:center;color:var(--text-bark-soft, #6B5E50);margin:0 0 28px}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-label{font-size:13px;font-weight:500;color:var(--text-bark)}.login-input{font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--border-soft, #E0D8C8);border-radius:10px;background:var(--bg-parchment, #FAF7F0);color:var(--text-bark);outline:none;transition:border-color .15s}.login-input:focus{border-color:var(--accent-sage, #7A9176)}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-error{font-size:13px;padding:10px 12px;background:#fbe9e7;color:#b23a2a;border-radius:8px;border:1px solid #F4C9C2}.login-submit{font:inherit;font-size:15px;font-weight:600;padding:12px 16px;background:var(--accent-sage, #7A9176);color:#fff;border:none;border-radius:10px;cursor:pointer;margin-top:4px;transition:background-color .15s,opacity .15s}.login-submit:hover:not(:disabled){background:#6b8067}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-hint{margin:20px 0 0;font-size:12px;text-align:center;color:var(--text-bark-soft, #6B5E50);opacity:.7}.header-logout-btn{font:inherit;font-size:13px;background:transparent;color:var(--text-bark-soft, #6B5E50);border:1px solid transparent;border-radius:8px;padding:6px 10px;cursor:pointer;transition:background-color .15s}.header-logout-btn:hover{background:#2a21180d}.header-top{display:flex;align-items:center;justify-content:space-between;gap:12px}