:root{--font-display: "Manrope", "Vazirmatn", sans-serif;--font-body: "Vazirmatn", "Manrope", sans-serif;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(20, 30, 25, .06), 0 1px 1px rgba(20,30,25,.04);--shadow-md: 0 8px 24px -8px rgba(20, 30, 25, .18);--shadow-lg: 0 16px 40px -12px rgba(20, 30, 25, .24);--protein-color: #2F8F6B;--carb-color: #E4A339;--fat-color: #C0577A;--fiber-color: #4E86C4;--ease: cubic-bezier(.22, 1, .36, 1);--accent-gradient: linear-gradient(135deg, var(--accent), var(--accent-2));--accent-soft: color-mix(in srgb, var(--accent) 14%, var(--surface));--accent-contrast: color-mix(in srgb, var(--accent) 72%, var(--text));--border-accent: color-mix(in srgb, var(--accent) 24%, var(--border));--glow: color-mix(in srgb, var(--accent) 45%, transparent)}[data-theme=sage]{--accent: #2F9E7C;--accent-2: #1B6B57;--accent-strong: #144D40;--highlight: #E4A339}[data-theme=ocean]{--accent: #2B8FD4;--accent-2: #145E9E;--accent-strong: #104A7E;--highlight: #2FB9A8}[data-theme=sea]{--accent: #23B0A6;--accent-2: #117C9C;--accent-strong: #0E5E78;--highlight: #3E86C8}[data-theme=berry]{--accent: #B34B82;--accent-2: #6E2B5C;--accent-strong: #552248;--highlight: #E4A339}[data-theme=sunset]{--accent: #E8703A;--accent-2: #AE4526;--accent-strong: #8A361E;--highlight: #2F8F6B}[data-theme=autumn]{--accent: #D97E2B;--accent-2: #A64A1F;--accent-strong: #83391A;--highlight: #3E7A6A}[data-theme=slate]{--accent: #5E6E8C;--accent-2: #33415E;--accent-strong: #26334C;--highlight: #C97B3B}[data-theme=mint]{--accent: #2FBF85;--accent-2: #1D8E62;--accent-strong: #16694A;--highlight: #E76F51}[data-theme=rosewood]{--accent: #A04E4E;--accent-2: #6E2F34;--accent-strong: #562527;--highlight: #C99A3B}[data-mode=light]{--bg: #F6F4EF;--surface: #FFFFFF;--surface-alt: #F0EEE7;--border: #E4E0D6;--text: #1B2420;--text-muted: #667169;--text-faint: #97A099}[data-mode=dark]{--bg: #101815;--surface: #172420;--surface-alt: #1D2C27;--border: #26362F;--text: #EAF2EE;--text-muted: #9BAAA2;--text-faint: #647268}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:color .25s var(--ease)}[dir=rtl] body{font-family:Vazirmatn,Manrope,sans-serif}[dir=ltr] body{font-family:Manrope,Vazirmatn,sans-serif}h1,h2,h3,.num{font-family:var(--font-display);letter-spacing:-.01em}button,input,select,textarea{font-family:inherit;color:inherit}a{color:inherit}::selection{background:var(--accent-soft);color:var(--accent-contrast)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.app-shell{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;position:relative;background:var(--bg)}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(60rem 30rem at 100% -8%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 65%),radial-gradient(45rem 26rem at -8% 45%,color-mix(in srgb,var(--accent-2) 11%,transparent),transparent 62%)}[data-mode=dark] .app-shell:before{background:radial-gradient(60rem 30rem at 100% -8%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 65%),radial-gradient(45rem 26rem at -8% 45%,color-mix(in srgb,var(--accent-2) 15%,transparent),transparent 62%)}@media (min-width: 860px){.app-shell{max-width:920px}}.page{position:relative;z-index:1;flex:1;padding:20px 18px 116px;animation:fadein .35s var(--ease)}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page h1{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}@supports not (background-clip: text){.page h1,.grad-text,.modal-sheet h2{color:var(--accent)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:18px}.hero-card{background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 15%,var(--surface)),var(--surface) 58%);border-color:var(--border-accent)}.section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 10px}.grad-text{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-md);padding:12px 18px;font-weight:600;font-size:14.5px;cursor:pointer;transition:transform .15s var(--ease),opacity .15s var(--ease),filter .15s var(--ease),background .15s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 6px 16px -8px var(--glow)}.btn-primary:hover{filter:brightness(1.07)}.btn-soft{background:var(--accent-soft);color:var(--accent-contrast)}.btn-soft:hover{background:color-mix(in srgb,var(--accent) 22%,var(--surface))}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-block{width:100%}.btn-sm{padding:8px 12px;font-size:13px;border-radius:var(--radius-sm)}.btn-danger{background:color-mix(in srgb,#E5484D 14%,var(--surface));color:color-mix(in srgb,#E5484D 72%,var(--text))}.btn:disabled{opacity:.45;cursor:not-allowed}.input,select.input,textarea.input{width:100%;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;font-size:14.5px;color:var(--text);transition:border-color .15s,background .15s}.input:focus{border-color:var(--accent)}.field{margin-bottom:12px}.field label{display:block;font-size:12.5px;color:var(--text-muted);margin-bottom:6px;font-weight:600}.field-row{display:flex;gap:10px}.field-row>*{flex:1}.chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:600;background:var(--surface-alt);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .15s var(--ease)}.chip.active{background:var(--accent-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 12px -6px var(--glow)}.navbar{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));margin:0 12px;z-index:20;display:flex;gap:2px;background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid var(--border);border-radius:22px;padding:6px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px 7px;border-radius:var(--radius-sm);color:var(--text-faint);background:none;border:none;cursor:pointer;font-size:10.5px;font-weight:600;transition:color .2s var(--ease)}.nav-icon{width:38px;height:28px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;transition:background .2s var(--ease),box-shadow .2s var(--ease),color .2s var(--ease)}.nav-item svg{width:20px;height:20px}.nav-item.active{color:var(--accent-contrast);font-weight:700}.nav-item.active .nav-icon{background:var(--accent-gradient);color:#fff;box-shadow:0 5px 14px -6px var(--glow)}.topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px;background:linear-gradient(var(--bg) 70%,transparent)}.topbar h1{font-size:20px;margin:0;font-weight:800}.topbar .sub{font-size:12.5px;color:var(--text-muted);margin-top:2px}.list-row{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid var(--border);cursor:pointer}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--surface-alt)}.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-contrast)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f0c8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fadein .2s var(--ease)}@media (min-width: 640px){.modal-overlay{align-items:center}}.modal-sheet{background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--accent-gradient) border-box;border:2px solid transparent;width:100%;max-width:480px;max-height:88vh;overflow-y:auto;border-radius:22px 22px 0 0;padding:20px 18px calc(24px + env(safe-area-inset-bottom));animation:slideup .25s var(--ease)}@media (min-width: 640px){.modal-sheet{border-radius:22px;margin:20px}}@keyframes slideup{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.modal-sheet h2{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.progress-track{width:100%;height:8px;border-radius:var(--radius-pill);background:var(--surface-alt);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-pill);background:var(--accent-gradient);transition:width .5s var(--ease)}.macro-ring-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.macro-ring-wrap:before{content:"";position:absolute;width:66%;height:66%;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 68%);opacity:.55}.macro-ring-center{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state{text-align:center;padding:48px 20px;color:var(--text-muted)}.empty-state svg{opacity:.5;margin-bottom:10px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-tile{background:var(--surface-alt);border-radius:var(--radius-md);padding:12px;text-align:center}.stat-tile .v{font-family:var(--font-display);font-weight:800;font-size:18px}.stat-tile .l{font-size:11px;color:var(--text-muted);margin-top:2px}.suggestion-list{border:1px solid var(--border);border-radius:var(--radius-md);margin-top:6px;background:var(--surface);box-shadow:var(--shadow-lg);max-height:220px;overflow-y:auto;position:relative;z-index:5;padding:6px;animation:dropdownIn .18s var(--ease)}.suggestion-item{padding:10px 12px;cursor:pointer;font-size:13.5px;border-radius:var(--radius-sm)}.suggestion-item:hover{background:var(--surface-alt)}.suggestion-item small{display:block;color:var(--text-muted);margin-top:2px}.dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:start;font-weight:600}.dropdown-trigger .placeholder{color:var(--text-faint);font-weight:400}.dropdown-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s var(--ease)}.dropdown-chevron.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 6px);inset-inline:0;z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;max-height:260px;overflow-y:auto;animation:dropdownIn .18s var(--ease)}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.dropdown-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:start;padding:10px 12px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;color:var(--text)}.dropdown-option:hover{background:var(--surface-alt)}.dropdown-option.active{background:var(--accent-soft);color:var(--accent-contrast);font-weight:700}.dropdown-option svg{color:var(--accent);flex-shrink:0}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 16px}.theme-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-md);transition:background .15s var(--ease)}.theme-item:hover{background:var(--surface-alt)}.theme-item.active{background:var(--accent-soft)}.theme-swatch{width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-sm);transition:transform .15s var(--ease)}.theme-item:hover .theme-swatch{transform:scale(1.08)}.theme-item.active .theme-swatch{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.theme-name{font-size:11px;color:var(--text-muted);font-weight:600}.theme-item.active .theme-name{color:var(--accent-contrast);font-weight:700}.switch{position:relative;width:48px;height:28px;border-radius:var(--radius-pill);background:var(--surface-alt);border:1px solid var(--border);cursor:pointer;flex-shrink:0;transition:background .2s var(--ease),border-color .2s var(--ease)}.switch:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000047;transition:transform .2s var(--ease)}.switch.on{background:var(--accent-gradient);border-color:transparent}.switch.on:after{transform:translate(22px)}[dir=rtl] .switch.on:after{transform:translate(-22px)}.score-word{font-weight:700}.tip-row{display:flex;gap:8px;align-items:flex-start;padding:8px 0;font-size:13.5px;line-height:1.6}.tip-row .dot{width:6px;height:6px;border-radius:50%;background:var(--highlight);margin-top:7px;flex-shrink:0}.avatar{width:72px;height:72px;border-radius:50%;background:var(--accent-soft);color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;overflow:hidden;border:3px solid var(--surface);box-shadow:0 0 0 2px var(--border-accent),var(--shadow-sm)}.avatar img{width:100%;height:100%;object-fit:cover}.fab{position:fixed;bottom:calc(88px + env(safe-area-inset-bottom));inset-inline-end:calc(50% - 222px);width:54px;height:54px;border-radius:50%;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg),0 6px 18px -8px var(--glow);border:none;cursor:pointer;z-index:30}@media (max-width: 480px){.fab{inset-inline-end:18px}}.swipe-x{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-ms-overflow-style:none;scrollbar-width:none}.swipe-x::-webkit-scrollbar{display:none}