:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: rgba(99, 102, 241, .1);--success-color: #6366f1;--success-dark: #4f46e5;--accent-green: #097853;--workout-color: #3b82f6;--workout-color-dark: #2563eb;--cal-workout: #3b82f6;--cal-supp: #10b981;--cal-both: #06b6d4;--cal-text-active: #ffffff;--bg-color: #f8fafc;--card-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--hover-bg: #f1f5f9;--surface-card: #ffffff;--surface-ground: #f1f5f9;--surface-overlay: #ffffff;--surface-hover: #f8fafc;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--overlay-bg: rgba(255, 255, 255, .8)}@media (prefers-color-scheme: dark){:root{--bg-color: #0f172a;--card-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--hover-bg: #334155;--primary-light: rgba(99, 102, 241, .2);--overlay-bg: rgba(30, 41, 59, .85);--cal-workout: #3b82f6;--cal-supp: #10b981;--cal-both: #06b6d4;--cal-text-active: #ffffff;--surface-card: #1e293b;--surface-ground: #0f172a;--surface-overlay: #334155;--surface-hover: #334155}}body.dark-mode{--bg-color: #0f172a;--card-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--hover-bg: #334155;--primary-light: rgba(99, 102, 241, .2);--overlay-bg: rgba(30, 41, 59, .85);--cal-workout: #3b82f6;--cal-supp: #10b981;--cal-both: #06b6d4;--cal-text-active: #ffffff;--surface-card: #1e293b;--surface-ground: #0f172a;--surface-overlay: #334155;--surface-hover: #334155;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-x pan-y;background-color:var(--bg-color)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-color);color:var(--text-primary);line-height:1.5;min-height:100vh}body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}html{scroll-behavior:smooth}::selection{background:var(--primary-color);color:#fff}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button{font-family:inherit}@media (min-width: 1024px){html{font-size:12.8px}}