:root,[data-theme=dark]{--canvas-bg: #0b0f17;--surface-1: #131926;--surface-2: #1e2638;--surface-3: #2a3449;--primary: #ccff00;--on-primary: #0b0f17;--secondary: #ff4757;--tertiary: #10b981;--info: #38bdf8;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-subtle: rgba(255, 255, 255, .08);--border-interactive: rgba(255, 255, 255, .16);--border-focus: #ccff00;--glow-primary: 0 0 24px -4px rgba(204, 255, 0, .35);--glow-secondary: 0 0 24px -4px rgba(255, 71, 87, .35);--glow-tertiary: 0 0 24px -4px rgba(16, 185, 129, .35);--glass-bg: rgba(19, 25, 38, .85);--header-bg: rgba(11, 15, 23, .85);--modal-overlay: rgba(5, 8, 14, .85);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px}[data-theme=light],.light{--canvas-bg: #f8fafc;--surface-1: #ffffff;--surface-2: #f1f5f9;--surface-3: #e2e8f0;--primary: #65a30d;--on-primary: #ffffff;--secondary: #ea580c;--tertiary: #10b981;--info: #0284c7;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-subtle: #e2e8f0;--border-interactive: #cbd5e1;--border-focus: #65a30d;--glow-primary: 0 4px 14px rgba(101, 163, 13, .25);--glow-secondary: 0 4px 14px rgba(234, 88, 12, .25);--glow-tertiary: 0 4px 14px rgba(16, 185, 129, .25);--glass-bg: rgba(255, 255, 255, .9);--header-bg: rgba(255, 255, 255, .9);--modal-overlay: rgba(15, 23, 42, .6);--font-display: "Space Grotesk", "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--canvas-bg);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}h1,h2,h3,h4,.font-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.label-caps{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.card{background-color:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color .2s ease,transform .2s ease,background-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 3px #0f172a0a}.card:hover{border-color:var(--border-interactive)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-interactive)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 20px;font-family:var(--font-display);font-size:15px;font-weight:700;border-radius:var(--radius-md);cursor:pointer;border:none;transition:all .18s cubic-bezier(.16,1,.3,1);text-decoration:none;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary);color:var(--on-primary);box-shadow:var(--glow-primary)}.btn-primary:hover{filter:brightness(1.08);box-shadow:var(--glow-primary)}.btn-secondary{background-color:var(--secondary);color:#fff;box-shadow:var(--glow-secondary)}.btn-secondary:hover{filter:brightness(1.08);box-shadow:var(--glow-secondary)}.btn-ghost{background-color:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-ghost:hover{background-color:var(--surface-3);border-color:var(--border-interactive)}.input-field{width:100%;background-color:var(--surface-2);border:1px solid var(--border-interactive);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-family:var(--font-body);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s,background-color .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent)}.input-field::placeholder{color:var(--text-muted)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.chip-lime{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 28%,transparent)}.chip-crimson{background:color-mix(in srgb,var(--secondary) 14%,transparent);color:var(--secondary);border:1px solid color-mix(in srgb,var(--secondary) 28%,transparent)}.chip-emerald{background:color-mix(in srgb,var(--tertiary) 14%,transparent);color:var(--tertiary);border:1px solid color-mix(in srgb,var(--tertiary) 28%,transparent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--canvas-bg)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-interactive)}::view-transition-old(root){mix-blend-mode:normal;animation:none;z-index:1}::view-transition-new(root){mix-blend-mode:normal;animation:none;z-index:9999}.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--canvas-bg)}.main-content{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:24px 20px 96px;display:flex;flex-direction:column;gap:24px}@media(max-width:640px){.main-content{padding:16px 12px 96px;gap:16px}}.header-wrapper{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-subtle);background-color:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;gap:12px}@media(max-width:640px){.header-wrapper{padding:12px 14px}.header-hide-mobile,.header-email-mobile{display:none!important}}.cockpit-grid{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center}@media(max-width:768px){.cockpit-grid{display:flex;flex-direction:column;align-items:center;gap:24px}.cockpit-gauge-wrap{margin:0 auto}}.telemetry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}@media(max-width:480px){.telemetry-grid{gap:10px}.telemetry-value{font-size:20px!important}}.macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:700px){.macro-grid{grid-template-columns:1fr;gap:12px}}.meal-row{background-color:var(--surface-2);border-radius:var(--radius-md);padding:16px;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:16px;transition:border-color .2s}@media(max-width:640px){.meal-row{flex-direction:column;align-items:stretch;padding:14px;gap:12px}.meal-macros-wrap{width:100%;padding-top:10px;border-top:1px solid var(--border-subtle);justify-content:space-between!important}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--modal-overlay);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}@media(max-width:640px){.modal-overlay{padding:0;align-items:flex-end}}.modal-dialog{width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;padding:0;overflow:hidden;box-shadow:0 24px 48px -12px #000c;border:1px solid var(--border-interactive)}@media(max-width:640px){.modal-dialog{max-height:92vh;border-bottom-left-radius:0;border-bottom-right-radius:0}.modal-header-pad{padding:14px 16px!important}.modal-body-pad{padding:16px!important}.modal-footer-pad{padding:14px 16px!important}}.modal-item-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr auto;gap:8px;align-items:center}@media(max-width:680px){.modal-item-grid{display:flex;flex-direction:column;gap:10px;align-items:stretch}.modal-item-subgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}}.floating-scan-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:40}@media(max-width:640px){.floating-scan-bar{bottom:16px;width:calc(100% - 32px);max-width:320px}.floating-scan-bar .btn-primary{width:100%;padding:14px 20px!important;font-size:15px!important}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--primary) 8%,transparent) 0%,transparent 60%),var(--canvas-bg)}.auth-card{width:100%;max-width:440px;border:1px solid var(--border-interactive);box-shadow:0 32px 64px -16px #000000b3;padding:36px}@media(max-width:480px){.auth-container{padding:16px 12px}.auth-card{padding:24px 18px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm);display:block}.skeleton-text{height:14px;border-radius:4px}.skeleton-circle{border-radius:50%}.week-navigator{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.week-nav-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.week-days-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.week-day-pill{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;min-height:64px;justify-content:center;position:relative}.week-day-pill:hover{background:var(--surface-2);border-color:var(--border-interactive)}.week-day-pill.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary);box-shadow:var(--glow-primary);transform:translateY(-2px)}.week-day-pill.active .week-day-label,.week-day-pill.active .week-day-num{color:var(--on-primary)!important}@media(max-width:640px){.week-days-strip{gap:4px}.week-day-pill{padding:8px 2px;min-height:56px}.week-day-pill .week-day-label{font-size:10px!important}.week-day-pill .week-day-num{font-size:14px!important}}
