:root{--bg-primary: #1a1f2b;--bg-secondary: #212736;--bg-card: #262e40;--bg-card-hover: #2c3549;--border: #3d4759;--border-subtle: #2b3244;--teal: #00c9a7;--teal-dim: #00856f;--coral: #ff6b6b;--coral-dim: #c0392b;--amber: #f39c12;--amber-dim: #b7770d;--blue: #58a6ff;--purple: #a371f7;--pink: #ff5c8a;--green: #2ecc71;--text-primary: #eef2f6;--text-secondary: #9aa4b2;--text-muted: #5b6472;--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--radius: 8px;--radius-lg: 12px;--nav-height: 64px;--header-height: 52px;--nutri-bg: #121212;--nutri-track: #2a2a2a;--nutri-accent: #1db954;--nutri-text: #f5f5f5;--nutri-muted: #a0a0a0;--nutri-faint: #6a6a6a}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow:hidden;touch-action:manipulation}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);font-size:14px;line-height:1.5}.meals-theme-spotify{--bg-primary: #121212;--bg-secondary: #121212;--bg-card: #1a1a1a;--bg-card-hover: #232323;--border: #2a2a2a;--border-subtle: #232323;--teal: #1db954;--teal-dim: #159443;--coral: #f15e5e;--coral-dim: #c94848;--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--text-muted: #6a6a6a}.app{display:flex;flex-direction:column;height:100dvh;width:100%;max-width:600px;margin:0 auto;background:var(--bg-primary)}.app-header{min-height:var(--header-height);padding:max(10px,env(safe-area-inset-top)) 16px 0;display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.header-nav-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-size:20px;cursor:pointer;box-shadow:0 2px 6px #00000040;transition:transform .1s,background .15s}.header-nav-btn:disabled{opacity:.3;box-shadow:none;cursor:default}.header-nav-btn:not(:disabled):active{transform:scale(.9);background:var(--bg-card-hover)}.header-home-btn{background:var(--teal);border-color:var(--teal);color:#04231d;font-size:22px}.app-main{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:manipulation}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.tab-slide-right{height:100%;animation:slideInFromRight .28s ease-out}.tab-slide-left{height:100%;animation:slideInFromLeft .28s ease-out}.home-swiper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;height:100%;scrollbar-width:none}.home-swiper::-webkit-scrollbar{display:none}.home-page{flex:0 0 100%;scroll-snap-align:start;overflow-y:auto;padding:16px 16px 4px;-webkit-overflow-scrolling:touch}.home-dots{display:flex;justify-content:center;gap:8px;padding:10px 0 max(10px,env(safe-area-inset-bottom));flex-shrink:0}.home-dot{width:7px;height:7px;border-radius:50%;background:var(--border);transition:background .2s}.home-dot.active{background:var(--teal)}.home-widget-link{font-size:11px;color:var(--teal);background:none;border:none;cursor:pointer}.app-tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-top:6px}.app-tile{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.app-tile-icon-box{width:100%;aspect-ratio:1;border-radius:22%;display:flex;align-items:center;justify-content:center;overflow:hidden}.app-tile:active .app-tile-icon-box{filter:brightness(.85)}.app-tile-label{font-size:10.5px;font-weight:700;color:#fff;text-align:center;-webkit-text-stroke:1.5px #000;paint-order:stroke fill}.section-title-outlined{color:#fff;-webkit-text-stroke:1.5px #000;paint-order:stroke fill}.section-title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;margin-top:20px}.section-title:first-child{margin-top:0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;margin-bottom:10px}.card-title{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius);border:none;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-main);transition:opacity .15s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--teal);color:#000}.btn-secondary{background:var(--bg-card-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-danger{background:var(--coral-dim);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500}.tag-teal{background:#00c9a726;color:var(--teal)}.tag-coral{background:#ff6b6b26;color:var(--coral)}.tag-amber{background:#f39c1226;color:var(--amber)}.tag-blue{background:#58a6ff26;color:var(--blue)}.checkbox-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.checkbox-row:last-child{border-bottom:none;padding-bottom:0}.checkbox-row:first-child{padding-top:0}.checkbox-label{font-size:13px;color:var(--text-primary)}.checkbox-sub{font-size:11px;color:var(--text-muted);margin-top:1px}.toggle{width:44px;height:26px;border-radius:13px;background:var(--border);border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--teal)}.toggle:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s}.toggle.on:after{transform:translate(18px)}.metric-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-subtle)}.metric-row:last-child{border-bottom:none}.metric-label{font-size:13px;color:var(--text-secondary)}.metric-value{font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.metric-value.good{color:var(--teal)}.metric-value.warn{color:var(--amber)}.metric-value.bad{color:var(--coral)}input[type=text],input[type=number],input[type=date],textarea,select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-main);font-size:13px;padding:8px 10px;width:100%;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--teal)}textarea{resize:vertical;min-height:80px}.empty-state{text-align:center;padding:32px 16px;color:var(--text-muted)}.empty-state-icon{font-size:32px;margin-bottom:8px}.empty-state-text{font-size:13px}.loading{text-align:center;padding:32px;color:var(--text-muted);font-size:13px}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;border-radius:3px;background:var(--teal);transition:width .3s}.counter-control{display:flex;align-items:center;gap:12px}.counter-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card-hover);color:var(--text-primary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.counter-btn:hover{background:var(--teal-dim);border-color:var(--teal)}.counter-value{font-size:18px;font-weight:700;min-width:24px;text-align:center;font-variant-numeric:tabular-nums}.meal-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 4px 10px;scrollbar-width:none}.meal-carousel::-webkit-scrollbar{display:none}.meal-card{flex:0 0 152px;scroll-snap-align:start;background:var(--bg-card-hover);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:14px;cursor:pointer;box-shadow:0 3px 10px #00000040;transition:border-color .15s,background .15s,transform .1s}.meal-card:active{transform:scale(.97);background:var(--bg-card)}.meal-card.selected{border-color:var(--teal);background:#00c9a71f}.nutri-carousel-wrap{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 44px);left:0;right:0;margin:0 auto;max-width:600px;z-index:20;background:var(--nutri-bg);border-radius:0 0 20px 20px;padding:14px 16px 10px;box-shadow:0 6px 14px #00000059}.nutri-swiper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nutri-swiper::-webkit-scrollbar{display:none}.nutri-page{flex:0 0 100%;scroll-snap-align:start;min-width:0}.nutri-dots{display:flex;justify-content:center;gap:6px;padding-top:8px}.nutri-dot{width:6px;height:6px;border-radius:50%;background:var(--nutri-track);transition:background .2s}.nutri-dot.active{background:var(--nutri-accent)}.nutri-nav-arrow{width:26px;height:26px;border-radius:50%;border:none;background:var(--nutri-track);color:var(--nutri-text);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer}.nutri-nav-arrow:disabled{opacity:.3;cursor:default}.meals-page-content{padding-bottom:76px}.meals-page-content-journal{padding-top:195px}.meals-tab-bar{position:fixed;left:0;right:0;bottom:0;margin:0 auto;max-width:600px;z-index:50;display:flex;justify-content:space-around;align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border);border-radius:20px 20px 0 0;padding:4px 4px max(2px,calc(env(safe-area-inset-bottom)/5))}.meals-tab-btn{display:flex;flex-direction:column;align-items:center;gap:1px;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px 4px;flex:1}.meals-tab-btn.active{color:var(--teal)}.meals-tab-icon{display:flex;align-items:center;justify-content:center}.meals-tab-label{font-size:9px;font-weight:500}.meals-tab-btn-add{position:relative;top:-12px}.meals-tab-btn-add .meals-tab-icon{width:56px;height:56px;border-radius:50%;background:var(--teal);color:#fff;box-shadow:0 4px 10px #0006}