:root{--cream: #FAF7F2;--cream-dark: #F2EDE4;--espresso: #1C1008;--brown-mid: #5C3D1E;--terracotta: #C85A2A;--terra-light:#E8815A;--sage: #6B8C6F;--sage-light: #A8C4AC;--wheat: #E4D4B8;--wheat-dark: #C8B894;--honey: #D4903A;--honey-light:#F0B85A;--font-display: "Cormorant Garant", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--shadow-sm: 0 1px 3px rgba(28,16,8,.08), 0 1px 2px rgba(28,16,8,.06);--shadow-md: 0 4px 16px rgba(28,16,8,.1), 0 2px 6px rgba(28,16,8,.06);--shadow-lg: 0 12px 40px rgba(28,16,8,.14), 0 4px 12px rgba(28,16,8,.08);--shadow-card:0 2px 8px rgba(28,16,8,.07), 0 0 0 1px rgba(28,16,8,.04);--nav-height: 64px;--bottom-nav: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--cream);color:var(--espresso);font-family:var(--font-body);font-size:15px;line-height:1.6;min-height:100dvh}img{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font:inherit}a{color:inherit;text-decoration:none}input,textarea,select{font:inherit;border:none;outline:none;background:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--wheat-dark);border-radius:3px}.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.display-xl{font-size:clamp(2.4rem,5vw,4rem);line-height:1.08}.display-lg{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.1}.display-md{font-size:clamp(1.4rem,2vw,2rem);line-height:1.2}.display-sm{font-size:clamp(1.1rem,1.5vw,1.4rem);line-height:1.3}.label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.caption{font-size:13px;opacity:.7}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}@media (min-width: 768px){.container{padding:0 32px}}@media (min-width: 1024px){.container{padding:0 48px}}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-weight:500;font-size:14px;transition:all .18s ease;white-space:nowrap}.btn-primary{background:var(--espresso);color:var(--cream)}.btn-primary:hover{background:var(--brown-mid);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-terracotta{background:var(--terracotta);color:#fff}.btn-terracotta:hover{background:var(--terra-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--espresso);border:1px solid var(--wheat-dark)}.btn-ghost:hover{background:var(--cream-dark)}.btn-sm{padding:8px 16px;font-size:13px}.btn-icon{padding:10px;border-radius:var(--radius-sm)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brown-mid);opacity:.8}.input{width:100%;padding:11px 14px;background:#fff;border:1.5px solid var(--wheat);border-radius:var(--radius-sm);color:var(--espresso);font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--terracotta)}.input::placeholder{color:var(--wheat-dark)}textarea.input{resize:vertical;min-height:80px}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235C3D1E' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.macro-row{display:flex;gap:6px;flex-wrap:wrap}.macro-chip{display:inline-flex;flex-direction:column;align-items:center;padding:6px 10px;border-radius:var(--radius-sm);font-size:11px;min-width:52px;gap:1px}.macro-chip strong{font-size:15px;font-weight:600;line-height:1}.macro-chip span{font-size:9px;letter-spacing:.05em;text-transform:uppercase;opacity:.75}.macro-kcal{background:#fef3e2;color:#92400e}.macro-prot{background:#eef2ff;color:#3730a3}.macro-carbs{background:#fff7ed;color:#9a3412}.macro-fats{background:#f0fdf4;color:#166534}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:500;background:var(--cream-dark);color:var(--brown-mid);border:1px solid var(--wheat)}.tag-prep{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.tag-category{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.spinner{width:36px;height:36px;border:3px solid var(--wheat);border-top-color:var(--terracotta);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:80px 24px;color:var(--brown-mid);opacity:.6}.empty-state .icon{font-size:48px;margin-bottom:16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c100880;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}}.modal{background:var(--cream);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:92dvh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 16px;border-bottom:1px solid var(--wheat);position:sticky;top:0;background:var(--cream);z-index:1}.modal-body{padding:24px 28px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 28px 24px;border-top:1px solid var(--wheat)}.toast-container{position:fixed;bottom:calc(var(--bottom-nav) + 16px);left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}@media (min-width: 768px){.toast-container{bottom:24px}}.toast{padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);animation:toastIn .2s ease;pointer-events:all}@keyframes toastIn{0%{transform:translateY(12px);opacity:0}}.toast-success{background:var(--espresso);color:var(--cream)}.toast-error{background:#dc2626;color:#fff}.photo-drop{border:2px dashed var(--wheat-dark);border-radius:var(--radius-md);padding:32px;text-align:center;cursor:pointer;transition:all .15s;background:var(--cream-dark);color:var(--brown-mid)}.photo-drop:hover,.photo-drop.active{border-color:var(--terracotta);background:#fff3ee}.photo-drop .upload-icon{font-size:36px;margin-bottom:8px}.page-enter{animation:pageIn .25s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}}.divider{height:1px;background:var(--wheat);margin:0}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}}.nav-desktop-links{display:flex;gap:4px}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav);background:#faf7f2f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--wheat);z-index:50;padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 767px){.nav-desktop-links{display:none}.bottom-nav{display:flex}}.macro-bar-wrap{display:flex;gap:3px;height:5px;border-radius:99px;overflow:hidden}.macro-bar-seg{height:100%;border-radius:99px;transition:width .4s ease}.macro-bar-p{background:#818cf8}.macro-bar-c{background:#fb923c}.macro-bar-f{background:#4ade80}