:root{--primary: #4f8ef7;--primary-light: #6ba1fa;--primary-dark: #3a6fd4;--accent: #00d4aa;--accent-light: #33e0be;--accent-purple: #7c3aed;--gradient: linear-gradient(135deg, #4f8ef7 0%, #00d4aa 100%);--gradient-purple: linear-gradient(135deg, #7c3aed 0%, #4f8ef7 100%);--gradient-warm: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--bg: #0a0a0f;--bg-elevated: #0e0e16;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--bg-nav: rgba(10, 10, 15, .8);--bg-input: rgba(255, 255, 255, .05);--text: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .05);--border-glow: rgba(79, 142, 247, .3);--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(20px);--shadow-glow: 0 0 40px rgba(79, 142, 247, .08);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-elevated: 0 8px 40px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .06);--radius: 16px;--radius-sm: 10px;--radius-lg: 22px;--radius-xl: 28px;--font: "Inter", "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--green: #10b981;--yellow: #f59e0b;--red: #ef4444;--blue: #4f8ef7;--purple: #7c3aed;--orange: #f97316;--teal: #00d4aa;font-size:16px}[data-theme=light]{--bg: #f0f2f7;--bg-elevated: #ffffff;--bg-card: rgba(255, 255, 255, .75);--bg-card-hover: rgba(255, 255, 255, .9);--bg-nav: rgba(255, 255, 255, .8);--bg-input: rgba(0, 0, 0, .03);--text: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .04);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .8);--shadow-glow: 0 0 40px rgba(79, 142, 247, .1);--shadow-card: 0 4px 24px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-elevated: 0 8px 40px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .04)}[data-accent=teal]{--primary: #00d4aa;--primary-light: #33e0be;--primary-dark: #00b892;--gradient: linear-gradient(135deg, #00d4aa 0%, #0891b2 100%)}[data-accent=green]{--primary: #10b981;--primary-light: #34d399;--primary-dark: #059669;--gradient: linear-gradient(135deg, #10b981 0%, #00d4aa 100%)}[data-accent=purple]{--primary: #7c3aed;--primary-light: #8b5cf6;--primary-dark: #6d28d9;--gradient: linear-gradient(135deg, #7c3aed 0%, #4f8ef7 100%)}[data-accent=orange]{--primary: #f97316;--primary-light: #fb923c;--primary-dark: #ea580c;--gradient: linear-gradient(135deg, #f97316 0%, #f59e0b 100%)}[data-font=small]{font-size:14px}[data-font=large]{font-size:18px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gradient-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.gradient-mesh:before{content:"";position:absolute;width:600px;height:600px;top:-200px;right:-200px;background:radial-gradient(circle,rgba(79,142,247,.12) 0%,transparent 70%);animation:meshFloat1 20s ease-in-out infinite}.gradient-mesh:after{content:"";position:absolute;width:500px;height:500px;bottom:-100px;left:-150px;background:radial-gradient(circle,rgba(0,212,170,.1) 0%,transparent 70%);animation:meshFloat2 25s ease-in-out infinite}@keyframes meshFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,40px) scale(1.1)}66%{transform:translate(20px,-20px) scale(.95)}}@keyframes meshFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.05)}66%{transform:translate(-20px,30px) scale(1.1)}}.app{min-height:100vh;padding-bottom:80px;max-width:480px;margin:0 auto;position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #4f8ef726}50%{box-shadow:0 0 30px #4f8ef740}}@keyframes checkPop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes floatParticle{0%,to{transform:translateY(0) translate(0);opacity:.3}25%{transform:translateY(-20px) translate(10px);opacity:.6}50%{transform:translateY(-10px) translate(-5px);opacity:.4}75%{transform:translateY(-30px) translate(15px);opacity:.5}}.header{padding:20px 20px 6px;display:flex;align-items:center;justify-content:center;gap:12px;animation:fadeInUp .5s ease}.logo-icon{width:40px;height:40px;background:var(--gradient);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #4f8ef74d;position:relative}.logo-icon:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:17px;background:var(--gradient);opacity:.2;filter:blur(8px);z-index:-1}.logo-text{font-size:1.6rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.tagline{text-align:center;color:var(--text-muted);font-size:.72rem;margin-bottom:14px;font-weight:500;letter-spacing:.02em;animation:fadeInUp .5s ease .1s both}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#0a0a128c;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -8px 32px #0000004d;display:flex;justify-content:space-around;padding:8px 4px max(8px,env(safe-area-inset-bottom));z-index:100}.nav-btn{display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:10px 14px;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);color:#64748b;font-family:var(--font);position:relative}.nav-btn .nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s}.nav-btn .nav-icon svg{width:22px;height:22px;stroke:#64748b;transition:stroke .3s,filter .3s}.nav-btn:active .nav-icon{transform:scale(.85)}.nav-btn.active{color:var(--primary)}.nav-btn.active .nav-icon{transform:scale(1.18);filter:drop-shadow(0 0 8px var(--primary))}.nav-btn.active .nav-icon svg{stroke:url(#nav-icon-gradient);filter:drop-shadow(0 0 6px var(--primary))}.nav-btn.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--gradient);border-radius:0 0 3px 3px;box-shadow:0 2px 10px #4f8ef766}.page{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1);padding:0 16px 20px}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-card);border:1px solid var(--glass-border);margin-bottom:12px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .4s ease both}.card:nth-child(2){animation-delay:.05s}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.15s}.card:hover{background:var(--bg-card-hover);border-color:#4f8ef726;box-shadow:var(--shadow-elevated),var(--shadow-glow);transform:translateY(-1px)}.card-title{font-size:.95rem;font-weight:700;margin-bottom:10px;letter-spacing:-.01em}.card-subtitle{font-size:.78rem;color:var(--text-secondary)}.search-box{position:relative;margin-bottom:12px}.search-box input{width:100%;padding:13px 16px 13px 44px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--bg-input);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);font-size:.85rem;font-family:var(--font);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-box input::placeholder{color:var(--text-muted)}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f8ef726,0 0 20px #4f8ef71a}.search-box .search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:.95rem;color:var(--text-muted)}.filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:12px;-webkit-overflow-scrolling:touch}.filter-row::-webkit-scrollbar{display:none}.filter-pill{padding:8px 18px;border-radius:24px;border:1.5px solid var(--border);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-secondary);font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font)}.filter-pill:active{transform:scale(.95)}.filter-pill.active{background:var(--gradient);color:#fff;border-color:transparent;box-shadow:0 4px 16px #4f8ef759}.category-section{margin-bottom:14px;animation:fadeInUp .4s ease both}.category-section:nth-child(2){animation-delay:.05s}.category-section:nth-child(3){animation-delay:.1s}.category-section:nth-child(4){animation-delay:.15s}.category-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-left:3px solid var(--primary);border-radius:var(--radius);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none}.category-header:active{transform:scale(.985)}.category-header:hover{border-color:#4f8ef733;box-shadow:var(--shadow-card),var(--shadow-glow)}.category-header.open{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent;margin-bottom:0}.category-icon-wrap{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.category-icon-wrap.infectious{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid rgba(239,68,68,.2)}.category-icon-wrap.chronic{background:linear-gradient(135deg,#4f8ef726,#4f8ef70d);border:1px solid rgba(79,142,247,.2)}.category-icon-wrap.respiratory{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.2)}.category-icon-wrap.digestive{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid rgba(245,158,11,.2)}.category-info{flex:1;min-width:0}.category-name{font-size:.9rem;font-weight:700;letter-spacing:-.01em}.category-count{font-size:.68rem;color:var(--text-muted);font-weight:500;margin-top:2px}.category-chevron{font-size:.75rem;color:var(--text-muted);transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.category-chevron.open{transform:rotate(180deg)}.category-body{overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s;border:1px solid var(--glass-border);border-top:none;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-body.collapsed{max-height:0;opacity:0;border-color:transparent}.category-body.expanded{opacity:1;padding:6px 10px 10px}.disease-card{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-light);margin-bottom:4px;background:transparent;transition:all .25s}.disease-card:hover{background:var(--bg-card-hover);border-color:var(--border)}.disease-card .disease-name{font-weight:600;font-size:.88rem}.category-badge{display:inline-block;padding:3px 10px;border-radius:10px;font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.category-badge.infectious{background:#ef44441f;color:#fca5a5}.category-badge.chronic{background:#4f8ef71f;color:#93c5fd}.category-badge.respiratory{background:#10b9811f;color:#6ee7b7}.category-badge.digestive{background:#f59e0b1f;color:#fcd34d}.disclaimer-banner{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);padding:11px 14px;margin-bottom:12px;display:flex;align-items:flex-start;gap:8px;font-size:.72rem;color:#fca5a5;font-weight:500;line-height:1.45;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.disclaimer-banner .disc-icon{font-size:1rem;flex-shrink:0;line-height:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.modal-content{background:var(--bg-elevated);border:1px solid var(--glass-border);width:100%;max-width:480px;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow-y:auto;animation:slideUp .35s cubic-bezier(.4,0,.2,1);padding:22px}.modal-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 18px}.modal-title{font-size:1.2rem;font-weight:800;margin-bottom:18px;letter-spacing:-.02em}.modal-section{margin-bottom:18px}.modal-section-title{font-size:.82rem;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:6px}.modal-section ul{list-style:none;padding:0}.modal-section li{font-size:.78rem;color:var(--text-secondary);padding:5px 0 5px 18px;position:relative;line-height:1.55}.modal-section li:before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background:var(--gradient)}.modal-close-btn{width:100%;padding:14px;background:var(--gradient);color:#fff;border:none;border-radius:var(--radius);font-weight:700;font-size:.88rem;cursor:pointer;margin-top:10px;font-family:var(--font);transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #4f8ef74d}.modal-close-btn:active{transform:scale(.97)}.section-header{font-size:1.05rem;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.section-sub{font-size:.78rem;color:var(--text-muted);margin-bottom:16px}.progress-ring-container{display:flex;flex-direction:column;align-items:center;padding:18px 0}.progress-ring{position:relative;width:150px;height:150px}.progress-ring svg{transform:rotate(-90deg)}.progress-ring .ring-bg{fill:none;stroke:var(--border);stroke-width:10}.progress-ring .ring-fill{fill:none;stroke:url(#gradient-ring);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 10px rgba(79,142,247,.5)) drop-shadow(0 0 20px rgba(0,212,170,.3))}.progress-ring .ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring .ring-number{font-size:1.6rem;font-weight:800;line-height:1;letter-spacing:-.02em}.progress-ring .ring-label{font-size:.62rem;color:var(--text-muted);margin-top:3px;font-weight:500}.meal-tabs{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto}.meal-tabs::-webkit-scrollbar{display:none}.meal-tab{padding:8px 16px;border-radius:24px;border:1.5px solid var(--border);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-secondary);font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font)}.meal-tab:active{transform:scale(.95)}.meal-tab.active{background:var(--gradient);color:#fff;border-color:transparent;box-shadow:0 4px 16px #4f8ef759}.food-item{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border-light);transition:background .2s}.food-item:last-child{border-bottom:none}.food-item:hover{background:#ffffff05;border-radius:8px}.food-info .food-name{font-weight:600;font-size:.84rem}.food-info .food-serving{font-size:.68rem;color:var(--text-muted);margin-top:1px}.food-cal{font-weight:700;font-size:.84rem;color:var(--primary);white-space:nowrap}.add-food-btn{background:var(--gradient);color:#fff;border:none;border-radius:var(--radius-sm);padding:6px 14px;font-size:.68rem;font-weight:700;cursor:pointer;font-family:var(--font);white-space:nowrap;transition:all .2s;box-shadow:0 2px 10px #4f8ef740}.add-food-btn:active{transform:scale(.93)}.calorie-bar-container{margin:14px 0}.calorie-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.calorie-bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1),background .3s;box-shadow:0 0 8px #4f8ef733}.calorie-bar-labels{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-muted);margin-top:6px;font-weight:500}.level-selector{display:flex;gap:8px;margin-bottom:12px}.level-btn{flex:1;padding:10px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-secondary);font-size:.72rem;font-weight:700;cursor:pointer;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font)}.level-btn:active{transform:scale(.95)}.level-btn.active{border-color:transparent;background:var(--gradient);color:#fff;box-shadow:0 4px 16px #4f8ef759}.exercise-item{padding:14px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:8px;transition:all .3s;background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.exercise-item.completed{opacity:.5;border-color:#10b9814d;background:#10b9810a}.exercise-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.exercise-name{font-weight:700;font-size:.88rem}.exercise-check{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);color:transparent}.exercise-check:active{transform:scale(.85)}.exercise-check.done{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 2px 12px #10b98166;animation:checkPop .3s cubic-bezier(.4,0,.2,1)}.exercise-details{display:flex;gap:14px;font-size:.68rem;color:var(--text-muted);margin-bottom:4px;font-weight:500}.exercise-instructions{font-size:.72rem;color:var(--text-secondary);line-height:1.5}.streak-card{background:var(--gradient);color:#fff;text-align:center;padding:20px;border:none;box-shadow:0 4px 24px #4f8ef759;animation:pulseGlow 3s ease-in-out infinite}.streak-number{font-size:2.2rem;font-weight:800;line-height:1;letter-spacing:-.02em}.streak-label{font-size:.72rem;opacity:.92;margin-top:4px;font-weight:500}.water-glasses{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin:14px 0}.water-glass{width:42px;height:50px;border-radius:10px;border:2px solid rgba(79,142,247,.25);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;background:#4f8ef70a}.water-glass:active{transform:scale(.88)}.water-glass.filled{border-color:#4f8ef799;box-shadow:0 0 16px #4f8ef74d,0 0 32px #00d4aa26;background:#4f8ef714}.water-glass .water-fill{position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(to top,#4f8ef7,#00d4aa);transition:height .5s cubic-bezier(.4,0,.2,1);border-radius:0 0 8px 8px}.water-glass.filled .water-fill{height:100%;animation:fillUp .5s cubic-bezier(.4,0,.2,1)}@keyframes fillUp{0%{height:0}to{height:100%}}.water-counter{text-align:center;margin:10px 0}.water-counter .wc-num{font-size:1.6rem;font-weight:800;color:var(--blue);letter-spacing:-.02em}.water-counter .wc-label{font-size:.68rem;color:var(--text-muted);font-weight:500}.bar-chart{display:flex;align-items:flex-end;gap:6px;height:100px;padding:0 4px;margin:14px 0}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.bar-value{font-size:.58rem;color:var(--text-muted);font-weight:600}.bar{width:100%;border-radius:4px 4px 0 0;min-height:4px;transition:height .6s cubic-bezier(.4,0,.2,1)}.bar-label{font-size:.58rem;color:var(--text-muted);font-weight:600}.sleep-input-row{display:flex;gap:12px;margin-bottom:12px}.sleep-input{flex:1}.sleep-input label{display:block;font-size:.7rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.sleep-input input{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-input);color:var(--text);font-size:.84rem;font-family:var(--font);transition:all .3s}.sleep-input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f8ef726;outline:none}.sleep-quality{display:flex;gap:8px;margin-bottom:12px}.quality-btn{flex:1;padding:10px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;text-align:center;font-size:.72rem;font-family:var(--font);transition:all .3s cubic-bezier(.4,0,.2,1)}.quality-btn:active{transform:scale(.95)}.quality-btn.active{border-color:var(--accent-purple);background:#7c3aed1a;box-shadow:0 0 0 2px #7c3aed26,0 0 16px #7c3aed1a}.quality-btn .q-emoji{font-size:1.15rem;display:block;margin-bottom:2px}.quality-btn .q-label{font-weight:600;color:var(--text-secondary);font-size:.62rem}.bmi-gauge{width:200px;height:110px;margin:0 auto 14px;position:relative}.bmi-inputs{display:flex;gap:12px;margin-bottom:12px}.bmi-input{flex:1}.bmi-input label{display:block;font-size:.7rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.bmi-input input{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-input);color:var(--text);font-size:.84rem;font-family:var(--font);transition:all .3s}.bmi-input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f8ef726;outline:none}.bmi-result{text-align:center;padding:18px;border-radius:var(--radius);margin-bottom:12px}.bmi-value{font-size:2.2rem;font-weight:800;line-height:1;letter-spacing:-.02em}.bmi-category{font-size:.84rem;font-weight:700;margin-top:4px}.bmi-tip{font-size:.75rem;color:var(--text-secondary);margin-top:8px;line-height:1.6}.setting-group{margin-bottom:22px}.setting-group-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:10px;display:flex;align-items:center;gap:6px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius);margin-bottom:6px;transition:all .25s}.setting-item:hover{border-color:#4f8ef726;background:var(--bg-card-hover)}.setting-label{font-size:.84rem;font-weight:600}.setting-desc{font-size:.68rem;color:var(--text-muted);margin-top:1px}.setting-value{font-size:.78rem;color:var(--text-secondary);font-weight:600}.toggle{width:46px;height:26px;border-radius:13px;border:none;cursor:pointer;position:relative;background:var(--border);transition:background .3s,box-shadow .3s;flex-shrink:0}.toggle.on{background:var(--gradient);box-shadow:0 0 12px #4f8ef74d}.toggle:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0003}.toggle.on:after{transform:translate(20px)}.select-styled{padding:8px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-input);color:var(--text);font-size:.78rem;font-family:var(--font);cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.select-styled:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f8ef726;outline:none}.color-options{display:flex;gap:10px}.color-dot{width:30px;height:30px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.color-dot:active{transform:scale(.9)}.color-dot.active{border-color:var(--text);transform:scale(1.2);box-shadow:0 0 12px #4f8ef74d}.btn-primary{padding:12px 22px;background:var(--gradient);color:#fff;border:none;border-radius:var(--radius);font-weight:700;font-size:.84rem;cursor:pointer;font-family:var(--font);transition:all .2s;box-shadow:0 4px 20px #4f8ef74d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.btn-primary:active{transform:scale(.97);box-shadow:0 2px 10px #4f8ef766}.btn-outline{padding:10px 22px;background:transparent;color:var(--primary);border:1.5px solid rgba(79,142,247,.3);border-radius:var(--radius);font-weight:700;font-size:.84rem;cursor:pointer;font-family:var(--font);transition:all .25s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline:hover{background:#4f8ef70f;border-color:#4f8ef780}.btn-outline:active{transform:scale(.97)}.btn-danger{padding:10px 22px;background:#ef444414;color:#fca5a5;border:1.5px solid rgba(239,68,68,.2);border-radius:var(--radius);font-weight:700;font-size:.84rem;cursor:pointer;font-family:var(--font);transition:all .25s}.btn-danger:active{transform:scale(.97)}.btn-danger:hover{background:#ef44441f;border-color:#ef444466}.about-center{text-align:center;padding:24px 0;position:relative}.about-logo{width:76px;height:76px;background:var(--gradient);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:2.2rem;color:#fff;box-shadow:0 8px 32px #4f8ef759;position:relative}.about-logo:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:28px;background:var(--gradient);opacity:.2;filter:blur(12px);z-index:-1;animation:pulseGlow 3s ease-in-out infinite}.about-title{font-size:1.6rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.about-tagline{color:var(--text-muted);font-size:.78rem;margin-top:4px;font-weight:500}.about-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.7;text-align:left;margin:16px 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.feature-item{padding:16px 12px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius);text-align:center;transition:all .3s}.feature-item:hover{border-color:#4f8ef733;box-shadow:var(--shadow-card),var(--shadow-glow);transform:translateY(-2px)}.feature-item .fi-icon{font-size:1.6rem;margin-bottom:6px}.feature-item .fi-label{font-size:.68rem;font-weight:700;color:var(--text-secondary)}.tips-carousel{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.tips-carousel::-webkit-scrollbar{display:none}.tip-card{min-width:250px;padding:16px;background:var(--gradient);border-radius:var(--radius);color:#fff;scroll-snap-align:start;flex-shrink:0;box-shadow:0 4px 20px #4f8ef74d;position:relative;overflow:hidden}.tip-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.tip-card .tip-title{font-weight:700;font-size:.78rem;margin-bottom:4px}.tip-card .tip-text{font-size:.68rem;opacity:.92;line-height:1.55}.added-meal{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-light)}.added-meal:last-child{border-bottom:none}.remove-meal-btn{background:none;border:none;color:#fca5a5;cursor:pointer;font-size:.78rem;padding:4px 8px;border-radius:6px;transition:all .2s}.remove-meal-btn:hover{background:#ef44441a}.workout-progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin:8px 0}.workout-progress-fill{height:100%;background:var(--gradient);border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #4f8ef733}.section-tabs{display:flex;background:#ffffff08;border-radius:14px;padding:3px;margin-bottom:16px;border:1px solid var(--border)}.section-tab{flex:1;padding:10px 8px;text-align:center;border-radius:12px;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;background:none;color:var(--text-muted);font-family:var(--font)}.section-tab:active{transform:scale(.97)}.section-tab.active{background:var(--glass-bg);color:var(--text);box-shadow:var(--shadow-card);border:1px solid var(--glass-border)}.empty-state{text-align:center;padding:30px;color:var(--text-muted);font-size:.78rem}.empty-state .empty-icon{font-size:2.2rem;margin-bottom:8px}.particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--primary);opacity:.3;animation:floatParticle 8s ease-in-out infinite}.particle:nth-child(1){top:20%;left:10%;animation-delay:0s;animation-duration:7s}.particle:nth-child(2){top:60%;left:80%;animation-delay:1s;animation-duration:9s;width:3px;height:3px}.particle:nth-child(3){top:40%;left:50%;animation-delay:2s;animation-duration:6s;width:5px;height:5px;background:var(--accent)}.particle:nth-child(4){top:80%;left:30%;animation-delay:3s;animation-duration:10s}.particle:nth-child(5){top:10%;left:70%;animation-delay:4s;animation-duration:8s;width:3px;height:3px;background:var(--accent-purple)}.particle:nth-child(6){top:50%;left:20%;animation-delay:1.5s;animation-duration:11s;width:4px;height:4px}.page-title{display:flex;align-items:center;gap:10px;padding:16px 0 12px;animation:fadeInUp .4s ease}.page-title-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.page-title-icon svg{width:24px;height:24px;stroke:url(#nav-icon-gradient);filter:drop-shadow(0 0 6px var(--primary))}.page-title-text{font-size:1.3rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}[data-theme=light] .bottom-nav{background:#ffffff8c;border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -8px 32px #0000000f}@media(max-width:380px){.nav-btn{padding:8px 10px}.nav-btn .nav-icon svg{width:20px;height:20px}}