@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";#appScreen{width:100%;height:100vh;overflow:hidden}:root{--forest:#0e3d3a;--forest-mid:#1a5550;--forest-light:#2a6b60;--teal:#2e7d6b;--teal-mid:#3d9b85;--teal-light:#d0ede8;--cream:#f4ede2;--cream-dark:#eae0d0;--cream-deeper:#ddd0ba;--coral:#ff8a70;--coral-dark:#e06050;--coral-light:#ffeae5;--amber:#ffc87a;--amber-dark:#e0a040;--amber-light:#fff3d6;--sky:#7db7c6;--sky-light:#e0f0f5;--warm-white:#fffdf8;--red:#e53935;--red-light:#fdecea;--blue:#2a6db5;--blue-light:#e0edff;--bg:var(--cream);--surface:var(--warm-white);--surface-2:#f9f4ec;--text:var(--forest);--text-muted:#5a7a6b;--text-light:#8aa89a;--border:#ddd0ba;--border-light:#eae0cc;--navy:var(--forest);--navy-mid:var(--forest-mid);--sun:var(--amber);--green-dark:var(--forest);--water-mid:var(--teal);--water-light:var(--teal-light);--serif:"Nunito", system-ui, sans-serif;--sans:"Inter", system-ui, sans-serif;--sidebar-w:220px;--r:16px;--r-sm:10px;--r-xs:6px;--r-lg:20px;--r-xl:24px;--bnav-h:72px;--shadow-sm:0 1px 3px #0e3d3a0f, 0 1px 2px #0e3d3a0a;--shadow:0 4px 12px #0e3d3a14, 0 2px 6px #0e3d3a0d;--shadow-md:0 8px 24px #0e3d3a1f, 0 4px 10px #0e3d3a12;--shadow-lg:0 16px 48px #0e3d3a29, 0 6px 16px #0e3d3a14;--shadow-coral:0 8px 24px #ff8a7059;--shadow-teal:0 8px 24px #2e7d6b4d}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{height:100%;font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;font-size:14px;line-height:1.6}#authScreen{background:radial-gradient(ellipse at 15% 85%, #ff8a702e 0%, transparent 55%), radial-gradient(ellipse at 85% 15%, #2e7d6b26 0%, transparent 55%), var(--cream);z-index:1000;justify-content:center;align-items:flex-start;padding:40px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-card{background:var(--warm-white);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid #ffffffe6;border-radius:28px;margin:auto;padding:48px 40px}.auth-logo-wrap{text-align:center;margin-bottom:20px}.auth-otter-img{object-fit:contain;filter:drop-shadow(0 6px 20px #2e7d6b59);width:80px;height:80px;margin:0 auto;display:block}.auth-logo-img{object-fit:contain;filter:drop-shadow(0 4px 16px #2e7d6b4d);width:72px;height:72px;margin:0 auto 12px;display:block}.auth-logo{font-family:var(--serif);color:var(--forest);text-align:center;letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:800;line-height:1}.auth-logo span{color:var(--coral)}.auth-sub{text-align:center;color:var(--text-muted);margin-bottom:32px;font-size:14px}.auth-error{background:var(--red-light);border-radius:var(--r-sm);color:var(--red);border:1px solid #e5393533;margin-bottom:16px;padding:10px 14px;font-size:13px;display:none}.auth-field{margin-bottom:14px}.auth-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.auth-field input{border:1.5px solid var(--border);border-radius:var(--r-sm);width:100%;font-size:14px;font-family:var(--sans);background:var(--warm-white);color:var(--text);outline:none;padding:13px 16px;transition:border .15s,box-shadow .15s}.auth-field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2e7d6b1f}.btn-auth{background:var(--forest);width:100%;color:var(--cream);border-radius:var(--r-sm);cursor:pointer;font-size:15px;font-weight:600;font-family:var(--sans);border:none;margin-bottom:12px;padding:14px;transition:all .2s}.btn-auth:hover{background:var(--forest-mid);box-shadow:var(--shadow-teal);transform:translateY(-1px)}.auth-divider{text-align:center;color:var(--text-muted);margin:12px 0;font-size:12px;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);width:calc(50% - 18px);height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.btn-google{background:var(--warm-white);width:100%;color:var(--text);border:1.5px solid var(--border);border-radius:var(--r-sm);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--sans);justify-content:center;align-items:center;gap:10px;padding:13px;transition:all .2s;display:flex}.btn-google:hover{background:var(--cream);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.layout{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--forest);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:28px 20px 24px;display:flex}.sidebar-logo-img{object-fit:contain;border-radius:10px;flex-shrink:0;width:40px;height:40px}.logo-text{font-family:var(--serif);color:var(--cream);letter-spacing:-.3px;font-size:18px;font-weight:800;line-height:1}.logo-text span{color:var(--coral)}.logo-sub{color:#f4ede280;margin-top:3px;font-size:11px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex}.nav-item{color:#f4ede2a6;font-size:13px;font-weight:500;font-family:var(--sans);border-radius:var(--r-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.nav-item i{text-align:center;flex-shrink:0;width:20px;font-size:18px}.nav-item:hover{color:var(--cream);background:#ffffff14}.nav-item.active{background:var(--coral);color:#fff;font-weight:600;box-shadow:0 4px 12px #ff8a704d}.nav-badge{background:var(--amber);border-radius:50%;width:7px;height:7px;margin-left:auto}.sidebar-user{border-top:1px solid #ffffff14;padding:16px 12px}.user-row{align-items:center;gap:10px;display:flex}.user-avatar{background:var(--teal);width:34px;height:34px;color:var(--cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.user-name{color:var(--cream);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-email{color:#f4ede280;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.btn-logout{color:#f4ede280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:6px;transition:all .15s}.btn-logout:hover{color:var(--cream);background:#ffffff1a}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{background:var(--warm-white);border-bottom:1px solid var(--border-light);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.breadcrumb{align-items:center;gap:8px;font-size:13px;display:flex}.bc-home{color:var(--text-muted);cursor:pointer;font-size:13px;font-family:var(--sans);background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 6px;transition:all .15s;display:flex}.bc-home:hover{background:var(--cream);color:var(--text)}.bc-sep{color:var(--border)}.bc-current{color:var(--text);font-weight:600}.topbar-actions{align-items:center;gap:10px;display:flex}.profile-chip{border:1.5px solid var(--border);cursor:pointer;background:var(--warm-white);color:var(--text-muted);border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.profile-chip.active{background:var(--forest);border-color:var(--forest);color:var(--cream)}.profile-chip:hover:not(.active){border-color:var(--teal);color:var(--teal)}.topbar-user-wrap{position:relative}.topbar-user{background:var(--teal);width:34px;height:34px;color:var(--cream);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .15s;display:flex}.topbar-user:hover{background:var(--forest)}.user-dropdown{background:var(--warm-white);border:1px solid var(--border-light);border-radius:var(--r);min-width:200px;box-shadow:var(--shadow-md);z-index:200;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.user-dropdown-info{color:var(--text-muted);padding:8px 10px;font-size:12px}.user-dropdown-item{border-radius:var(--r-xs);width:100%;font-size:13px;font-family:var(--sans);color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:9px 10px;transition:background .15s;display:flex}.user-dropdown-item:hover{background:var(--cream)}.sep{background:var(--border-light);height:1px;margin:4px 0}.screens{flex:1;min-width:0;position:relative;overflow:hidden}.screen{-webkit-overflow-scrolling:touch;width:100%;display:none;position:absolute;inset:0;overflow-y:auto}.screen.active{display:block}.page{max-width:100%;padding:24px 20px;padding-bottom:calc(var(--bnav-h) + 24px)}.bottom-nav{height:var(--bnav-h);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-light);z-index:100;padding:0 4px;padding-bottom:env(safe-area-inset-bottom);background:#fffdf8f2;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.bnav-btn{color:var(--text-light);font-size:10px;font-weight:500;font-family:var(--sans);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:6px 2px;transition:all .15s;display:flex}.bnav-btn i{font-size:22px;transition:all .2s}.bnav-btn.active{color:var(--forest)}.bnav-btn.active i{color:var(--coral);transform:scale(1.1)}.bnav-btn.bnav-primary{margin-top:-18px}.bnav-btn.bnav-primary i{background:var(--coral);color:#fff;width:50px;height:50px;box-shadow:var(--shadow-coral);border-radius:16px;justify-content:center;align-items:center;font-size:22px;display:flex;transform:none}.bnav-btn.bnav-primary.active i{background:var(--forest);box-shadow:var(--shadow-teal);transform:scale(1.05)}.serif{font-family:var(--serif)}.section-title{font-family:var(--serif);color:var(--forest);letter-spacing:-.5px;margin-bottom:4px;font-size:22px;font-weight:800;line-height:1.2}.section-sub{color:var(--text-muted);margin-bottom:20px;font-size:13px}.card{background:var(--warm-white);border-radius:var(--r);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:16px}.card-green{background:var(--forest);border-radius:var(--r);margin-bottom:12px;padding:20px;position:relative;overflow:hidden}.card-green:after{content:"";background:#ffffff0f;border-radius:50%;width:100px;height:100px;position:absolute;top:-30px;right:-30px}.card-amber{background:var(--amber-light);border-radius:var(--r);border:1px solid #ffc87a66;margin-bottom:12px;padding:16px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.stat-card{background:var(--warm-white);border-radius:var(--r-sm);border:1px solid var(--border-light);text-align:center;box-shadow:var(--shadow-sm);padding:14px 12px}.stat-card .num{font-family:var(--serif);color:var(--forest);margin-bottom:4px;font-size:22px;font-weight:800;line-height:1}.stat-card .lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.card-grid{gap:10px;margin-bottom:12px;display:grid}.card-grid.col2{grid-template-columns:1fr 1fr}.card-grid.col4{grid-template-columns:repeat(4,1fr)}.btn-green{background:var(--forest);color:var(--cream);border-radius:var(--r-sm);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--sans);white-space:nowrap;border:none;align-items:center;gap:7px;padding:10px 16px;transition:all .15s;display:inline-flex}.btn-green:hover{background:var(--forest-mid);box-shadow:var(--shadow-teal);transform:translateY(-1px)}.btn-sm{background:var(--warm-white);color:var(--text);border:1.5px solid var(--border);border-radius:var(--r-sm);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--sans);white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;transition:all .15s;display:inline-flex}.btn-sm:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-light)}.btn-sm.active-tab{background:var(--forest);color:var(--cream);border-color:var(--forest)}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--sans);background:0 0;align-items:center;gap:6px;padding:8px 12px;transition:all .15s;display:inline-flex}.btn-ghost:hover{background:var(--cream);color:var(--text)}.btn-icon{background:var(--warm-white);border:1.5px solid var(--border);border-radius:var(--r-sm);cursor:pointer;width:38px;height:38px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-icon:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-light)}.qty-btn{background:var(--cream);border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text);font-size:16px;font-family:var(--sans);border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.qty-btn:hover{background:var(--forest);color:var(--cream);border-color:var(--forest)}.input-f{border:1.5px solid var(--border);border-radius:var(--r-sm);width:100%;font-size:13px;font-family:var(--sans);background:var(--warm-white);color:var(--text);outline:none;padding:11px 14px;transition:border .15s,box-shadow .15s;display:block}.input-f:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2e7d6b1a}.input-f::placeholder{color:var(--text-light)}textarea.input-f{resize:vertical;min-height:80px;line-height:1.5}select.input-f{cursor:pointer}.label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.badge{border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge.bb{background:var(--blue-light);color:var(--blue)}.badge.bg{background:var(--teal-light);color:var(--forest)}.badge.bo{background:var(--amber-light);color:var(--amber-dark)}.badge.br{background:var(--red-light);color:var(--red)}.badge.bm{background:var(--cream-dark);color:var(--text-muted)}.product-row{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:10px 0;display:flex}.product-row:last-child{border-bottom:none}.prod-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.filter-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.fchip{background:var(--warm-white);border:1.5px solid var(--border);cursor:pointer;white-space:nowrap;color:var(--text-muted);font-size:12px;font-weight:500;font-family:var(--sans);border-radius:20px;align-items:center;gap:4px;padding:6px 12px;transition:all .15s;display:inline-flex}.fchip.active{background:var(--forest);border-color:var(--forest);color:var(--cream)}.fchip:hover:not(.active){border-color:var(--teal);color:var(--teal)}.upload-zone{background:var(--cream);border:2px dashed var(--border);border-radius:var(--r-sm);text-align:center;transition:all .2s}.upload-zone:hover{border-color:var(--teal);background:var(--teal-light)}.scan-banner{border-radius:var(--r-sm);align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.scan-ok{background:var(--teal-light);color:var(--forest);border:1px solid #2e7d6b33}.scan-warn{background:var(--amber-light);color:var(--amber-dark);border:1px solid #ffc87a4d}.scan-err{background:var(--red-light);color:var(--red);border:1px solid #e5393533}.demo-banner{background:var(--amber-light);border-radius:var(--r-sm);color:var(--amber-dark);border:1px solid #ffc87a66;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#0e3d3a80;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.modal-overlay.open{animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--warm-white);border-radius:24px 24px 0 0;width:100%;max-width:600px;max-height:90vh;padding:20px 20px 32px;animation:.25s cubic-bezier(.32,.72,0,1) slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 20px}.modal-title{font-family:var(--serif);color:var(--forest);margin-bottom:16px;font-size:20px;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:48px 20px}.empty-state i{opacity:.45;color:var(--teal);margin:0 auto 16px;font-size:48px;display:block}.empty-state img{object-fit:contain;height:auto;margin:0 auto 18px;display:block;width:140px!important}.empty-state p{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:600}.empty-state span{color:var(--text-muted);font-size:13px}.empty-otter{object-fit:contain;width:140px;height:auto;margin:0 auto 18px;display:block}.empty-state img[src*=otter-chef]{width:160px!important}.toast{bottom:calc(var(--bnav-h) + 12px);background:var(--forest);color:var(--cream);box-shadow:var(--shadow-md);z-index:1000;opacity:0;white-space:nowrap;text-align:center;border-radius:20px;max-width:calc(100vw - 40px);padding:12px 20px;font-size:13px;font-weight:500;transition:all .25s cubic-bezier(.32,.72,0,1);position:fixed;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.stars{gap:8px;margin:8px 0;display:flex}.star{cursor:pointer;color:var(--border);background:0 0;border:none;padding:4px;font-size:28px;transition:all .15s}.star.active{color:var(--amber)}.star:hover{transform:scale(1.2)}.menu-day{background:var(--warm-white);border-radius:var(--r);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:10px;overflow:hidden}.menu-day-header{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .15s;display:flex}.menu-day-header:hover{background:var(--cream)}.menu-day-title{color:var(--forest);font-size:14px;font-weight:700;font-family:var(--serif)}.menu-day-body{border-top:1px solid var(--border-light);padding:0 16px 14px}.menu-meal{border-bottom:1px solid var(--border-light);cursor:pointer;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.menu-meal:last-child{border-bottom:none}.menu-meal:hover .menu-meal-name{color:var(--teal)}.menu-meal-time{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);min-width:60px;padding-top:2px;font-size:10px;font-weight:700}.menu-meal-name{color:var(--text);flex:1;font-size:13px;font-weight:500;line-height:1.4;transition:color .15s}.menu-meal-kcal{color:var(--text-muted);white-space:nowrap;font-size:11px}.recipe-card{background:var(--warm-white);border-radius:var(--r);border:1px solid var(--border-light);cursor:pointer;box-shadow:var(--shadow-sm);margin-bottom:10px;padding:16px;transition:all .2s}.recipe-card:hover{border-color:var(--teal);box-shadow:var(--shadow);transform:translateY(-1px)}.recipe-card-title{color:var(--forest);font-size:15px;font-weight:700;font-family:var(--serif);margin-bottom:6px;line-height:1.3}.recipe-card-meta{flex-wrap:wrap;gap:12px;display:flex}.recipe-card-meta span{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.shop-item{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:11px 0;display:flex}.shop-item:last-child{border-bottom:none}.shop-check{border:2px solid var(--border);cursor:pointer;background:var(--warm-white);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex}.shop-check.checked{background:var(--teal);border-color:var(--teal);color:#fff}.shop-item.checked .shop-name{color:var(--text-muted);opacity:.6;text-decoration:line-through}.shop-urgent{background:var(--coral);border-radius:50%;flex-shrink:0;width:6px;height:6px}.exercise-log{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 0;display:flex}.exercise-log:last-child{border-bottom:none}.exercise-icon{background:var(--sky-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.profile-card{background:var(--warm-white);border-radius:var(--r);border:1px solid var(--border-light);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:14px;margin-bottom:10px;padding:16px;transition:all .2s;display:flex}.profile-card:hover{border-color:var(--teal);box-shadow:var(--shadow)}.profile-card.active{border-color:var(--teal);background:var(--teal-light)}.profile-avatar{background:var(--teal);width:48px;height:48px;color:var(--cream);font-size:20px;font-weight:700;font-family:var(--serif);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.goal-btn{background:var(--cream);border:1.5px solid var(--border);border-radius:var(--r-sm);text-align:center;cursor:pointer;flex:1;padding:12px 8px;transition:all .15s}.goal-btn:hover{border-color:var(--teal)}.goal-btn.active{background:var(--forest);border-color:var(--forest);color:var(--cream)}.macro-bar{background:var(--border-light);border-radius:4px;height:8px;margin-bottom:8px;display:flex;overflow:hidden}.macro-bar-fill{height:100%;transition:width .4s}.hist-item{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 0;display:flex}.hist-item:last-child{border-bottom:none}.hist-icon{background:var(--coral-light);width:40px;height:40px;color:var(--coral-dark);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.dot-pulse{align-items:center;gap:5px;display:flex}.dot-pulse span{background:var(--teal);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse}.dot-pulse span:nth-child(2){animation-delay:.2s}.dot-pulse span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@media (width<=768px){.sidebar,.topbar{display:none}.bottom-nav{display:flex}.main{height:100vh}.page{padding:20px 16px;padding-bottom:calc(var(--bnav-h) + 20px)}.stat-grid,.card-grid.col4{grid-template-columns:repeat(2,1fr)}.section-title{font-size:22px}.modal{border-radius:24px 24px 0 0;max-height:92vh}}@media (width>=769px){.bottom-nav{display:none!important}.toast{bottom:20px}.page{max-width:100%;padding:24px 32px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--bnav-h) + env(safe-area-inset-bottom))}}.day-chip{border:1.5px solid var(--border);background:var(--warm-white);width:36px;height:36px;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--sans);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.day-chip.active{background:var(--forest);border-color:var(--forest);color:var(--cream)}.time-slot{border:1.5px solid var(--border);cursor:pointer;background:var(--warm-white);color:var(--text-muted);font-size:12px;font-weight:500;font-family:var(--sans);border-radius:20px;align-items:center;gap:5px;padding:6px 12px;transition:all .15s;display:inline-flex}.time-slot i{font-size:14px}.time-slot.active{background:var(--sky);border-color:var(--sky);color:#fff}.km-display{font-family:var(--serif);color:var(--forest);margin-bottom:8px;font-size:32px;font-weight:800;line-height:1}.mini-cal{background:var(--warm-white);border-radius:var(--r);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:14px 16px}.cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;margin-top:8px;display:grid}.cal-hdr{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);text-align:center;padding:4px 0;font-size:10px;font-weight:700}.cal-day{aspect-ratio:1;cursor:pointer;color:var(--text);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:all .15s;display:flex}.cal-day:hover:not(.other-month){background:var(--cream)}.cal-day.today{background:var(--forest);color:var(--cream);font-weight:700}.cal-day.has-exercise{background:var(--teal-light);color:var(--forest)}.cal-day.selected{outline:2px solid var(--coral);outline-offset:-1px}.cal-day.other-month{color:var(--border);cursor:default}.exercise-log-item{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 0;display:flex}.exercise-log-item:last-child{border-bottom:none}.day-card{background:var(--warm-white);border-radius:var(--r);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:10px;overflow:hidden}.day-header{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .15s;display:flex}.day-header:hover{background:var(--cream)}.day-meals{border-top:1px solid var(--border-light);padding:0 16px 14px}.meal-row{border-bottom:1px solid var(--border-light);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 0;transition:background .15s;display:flex}.meal-row:last-child{border-bottom:none}.meal-row:hover{background:var(--cream);padding-left:8px}.meal-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.recipe-block{background:var(--warm-white);border-radius:var(--r);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:16px}.radio-group,.check-group{flex-wrap:wrap;gap:6px;display:flex}.radio-pill,.check-pill{border:1.5px solid var(--border);cursor:pointer;color:var(--text-muted);font-size:12px;font-weight:500;font-family:var(--sans);-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;transition:all .15s;display:inline-flex}.radio-pill input,.check-pill input{display:none}.radio-pill.sel,.check-pill.sel{background:var(--forest);border-color:var(--forest);color:var(--cream)}.radio-pill:hover:not(.sel),.check-pill:hover:not(.sel){border-color:var(--teal);color:var(--teal)}.badge.bc{background:var(--coral-light);color:var(--coral-dark)}.badge.ba{background:var(--sky-light);color:#1a6b80}.profile-chip .avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.topbar-user{cursor:pointer;color:var(--text);align-items:center;gap:6px;font-size:13px;font-weight:500;transition:all .15s;border:1.5px solid var(--border)!important;background:var(--warm-white)!important;border-radius:20px!important;width:auto!important;height:auto!important;padding:5px 10px!important;display:flex!important}.topbar-user:hover{border-color:var(--teal)!important}.t-avatar{background:var(--teal);width:26px;height:26px;color:var(--cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.t-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;font-weight:500;overflow:hidden}.auth-toggle{text-align:center;color:var(--text-muted);margin-top:16px;font-size:13px}.auth-toggle-btn{color:var(--teal);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--sans);background:0 0;border:none;margin-left:4px;padding:0;text-decoration:underline}.source-badge{white-space:nowrap;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:500}.source-badge.health{color:#3d7a6b;background:#d6ecea}.source-badge.device{color:#185fa5;background:#eef4ff}.source-badge.manual{background:var(--cream-dark);color:var(--text-muted)}.gusto-btn{border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:20px;padding:3px 8px;font-size:14px;line-height:1;transition:all .15s}.gusto-btn.like{background:var(--teal-light);border-color:var(--teal)}.gusto-btn.dislike{background:var(--coral-light);border-color:var(--coral)}.gusto-btn:hover{transform:scale(1.15)}.mobile-user-fab{z-index:300;display:none;position:fixed;top:14px;right:16px}@media (width<=768px){.mobile-user-fab{display:block}}.mobile-user-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.mobile-user-avatar{background:var(--forest);width:36px;height:36px;color:var(--cream);font-size:14px;font-weight:700;font-family:var(--serif);border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex;box-shadow:0 2px 8px #0e3d3a4d}.mobile-user-btn:active .mobile-user-avatar{transform:scale(.92)}.mobile-user-dropdown{background:var(--warm-white);box-shadow:var(--shadow-md);border:1px solid var(--border-light);z-index:400;border-radius:14px;min-width:180px;padding:10px;animation:.15s fadeSlideDown;display:none;position:absolute;top:calc(100% + 8px);right:0}.mobile-user-dropdown.open{display:block}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mobile-user-info{padding:6px 8px 4px}.mud-name{color:var(--forest);font-size:13px;font-weight:700}.mud-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;margin-top:1px;font-size:11px;overflow:hidden}.auth-pass-wrap{align-items:center;display:flex;position:relative}.auth-pass-wrap input{width:100%;padding-right:44px!important}.auth-eye-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;font-size:18px;transition:color .15s,background .15s;display:flex;position:absolute;right:10px}.auth-eye-btn:hover{color:var(--forest);background:var(--cream-dark)}.pass-req{flex-direction:column;gap:6px;margin:-2px 0 12px;padding:0 2px;display:flex}.req-item{color:var(--text-muted);align-items:center;gap:7px;font-size:12px;transition:color .2s;display:flex}.req-item i{color:var(--border);flex-shrink:0;font-size:15px;transition:color .2s,transform .2s}.req-item.ok{color:var(--teal)}.req-item.ok i{color:var(--teal);transform:scale(1.15)}