:root{color-scheme:light;--font-sans: "Aptos", "Segoe UI Variable", "Inter", "Segoe UI", sans-serif;--page-width: 1240px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--brand-primary: #0f8a58;--brand-primary-strong: #096b44;--brand-primary-soft: #edf7f2;--brand-primary-rgb: 15 138 88;--macro-protein: #287fa3;--macro-fat: #b16c36;--macro-carbs: #7568a5;--tone-energy: #174b3a;--tone-energy-soft: #e6f4ed;--tone-protein: #237e87;--tone-protein-soft: #e6f4f3;--tone-fat: #ba6a2c;--tone-fat-soft: #fff0e3;--tone-carbs: #77619a;--tone-carbs-soft: #f1ebf7;--tone-water: #3283a8;--tone-water-soft: #eaf5fa;--tone-danger: #b94b4b;--tone-danger-soft: #fbeeee;--color-bg-primary: #f5f7f5;--color-bg-secondary: #fafbfa;--color-bg-tertiary: #ffffff;--color-bg-card: #ffffff;--color-bg-card-strong: #ffffff;--color-bg-card-muted: #f7f9f7;--color-bg-field: #f7f9f7;--color-bg-field-focus: #ffffff;--color-text-primary: #1d2b3e;--color-text-secondary: #5f7086;--color-text-muted: #7e8c9e;--color-border: #dde4e1;--color-border-strong: #ccd6d1;--color-border-light: #edf1ef;--shadow-soft: 0 6px 18px rgba(25, 43, 36, .045);--shadow-card: 0 12px 30px rgba(25, 43, 36, .06);--accent-dashboard: var(--brand-primary);--accent-dashboard-rgb: var(--brand-primary-rgb);--accent-planner: var(--brand-primary);--accent-planner-rgb: var(--brand-primary-rgb);--accent-shopping: var(--brand-primary);--accent-shopping-rgb: var(--brand-primary-rgb);--accent-progress: var(--brand-primary);--accent-progress-rgb: var(--brand-primary-rgb);--accent-meals: var(--brand-primary);--accent-meals-rgb: var(--brand-primary-rgb);--accent-friends: var(--brand-primary);--accent-friends-rgb: var(--brand-primary-rgb);--accent-settings: var(--brand-primary);--accent-settings-rgb: var(--brand-primary-rgb);--accent-login: var(--brand-primary);--accent-login-rgb: var(--brand-primary-rgb);--gradient-dashboard: var(--color-bg-card);--gradient-planner: var(--color-bg-card);--gradient-shopping: var(--color-bg-card);--gradient-progress: var(--color-bg-card);--gradient-meals: var(--color-bg-card)}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%}html{background:var(--color-bg-primary)}body{margin:0;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}button{-webkit-tap-highlight-color:transparent}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(15,138,88,.34);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::selection{background:#0f8a5829}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#94a3b880;background-clip:content-box}html[data-theme=dark]{color-scheme:dark;--brand-primary: #4bc58b;--brand-primary-strong: #76d7a7;--brand-primary-soft: #142a22;--brand-primary-rgb: 75 197 139;--tone-energy: #1f5543;--tone-energy-soft: #173c31;--tone-protein: #66bdc4;--tone-protein-soft: #153238;--tone-fat: #d99a67;--tone-fat-soft: #37281d;--tone-carbs: #ae98cb;--tone-carbs-soft: #2c2538;--tone-water: #6db4d1;--tone-water-soft: #142d38;--tone-danger: #eb8b8b;--tone-danger-soft: #3b2020;--color-bg-primary: #0e1518;--color-bg-secondary: #121b1e;--color-bg-tertiary: #172124;--color-bg-card: #151f22;--color-bg-card-strong: #182326;--color-bg-card-muted: #111a1d;--color-bg-field: #10191c;--color-bg-field-focus: #172124;--color-text-primary: #edf4f1;--color-text-secondary: #bac8c2;--color-text-muted: #879991;--color-border: #293639;--color-border-strong: #39484a;--color-border-light: #202c2f;--shadow-soft: 0 8px 20px rgba(0, 0, 0, .16);--shadow-card: 0 14px 34px rgba(0, 0, 0, .2);--gradient-dashboard: var(--color-bg-card);--gradient-planner: var(--color-bg-card);--gradient-shopping: var(--color-bg-card);--gradient-progress: var(--color-bg-card);--gradient-meals: var(--color-bg-card)}html[data-theme=dark] body{background:var(--color-bg-primary)}.skeleton{position:relative;overflow:hidden;background-color:var(--color-border-light);border-radius:var(--radius-sm);color:transparent!important;-webkit-user-select:none;user-select:none;pointer-events:none}.skeleton:after{position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);animation:skeleton-shimmer 1.5s infinite;content:""}html[data-theme=dark] .skeleton{background-color:var(--color-border)}html[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.07) 50%,transparent 100%)}.skeleton--text{height:14px;margin-bottom:6px;border-radius:4px}.skeleton--text--sm{height:11px}.skeleton--text--lg{height:20px}.skeleton--text--heading{height:28px;border-radius:6px}.skeleton--pill{border-radius:999px}.skeleton--circle{border-radius:50%}@keyframes skeleton-shimmer{to{transform:translate(100%)}}