:root{color-scheme:light dark;--lp-violet: light-dark(#7748e8, #8a63f0);--lp-violet-btn: light-dark(#7748e8, #7f56ec);--lp-amber: light-dark(#fcb44f, #ffc062);--lp-teal: light-dark(#6adcd9, #74e6e3);--lp-coral: light-dark(#fe878d, #ff969b);--lp-entry-meal: light-dark(#ff9500, #ff9f0a);--lp-entry-activity: light-dark(#ff3b30, #ff453a);--lp-entry-liquid: light-dark(#007aff, #0a84ff);--lp-entry-measurement: light-dark(#30b0c7, #40cbe0);--lp-entry-bodyshot: light-dark(#af52de, #bf5af2);--lp-bg: light-dark(#f2f2f7, #000000);--lp-surface: light-dark(#ffffff, #1c1c1e);--lp-surface-2: light-dark(#f2f2f7, #2c2c2e);--lp-text: light-dark(#000000, #ffffff);--lp-text-2-card: light-dark( rgba(60, 60, 67, .8), rgba(235, 235, 245, .62) );--lp-text-3-card: light-dark( rgba(60, 60, 67, .74), rgba(235, 235, 245, .56) );--lp-glass-bg: light-dark(rgba(255, 255, 255, .72), rgba(28, 28, 30, .72));--lp-radius-sm: 10px;--lp-radius-md: 12px;--lp-radius-lg: 16px;--lp-card-shadow: 0 2px 4px rgb(0 0 0 / 5%);--lp-snappy: .32s cubic-bezier(.34, 1.2, .64, 1);--lp-crossfade: .22s ease-in-out}