:root{--color-bg: #fbf6ee;--color-surface: #ffffff;--color-surface-muted: #f3ece0;--color-primary: #e86a33;--color-primary-dark: #c2531f;--color-primary-soft: #fbe1cc;--color-secondary: #4f9d69;--color-secondary-dark: #3d7d53;--color-secondary-soft: #dff1e4;--color-accent: #f4b942;--color-accent-dark: #ce9724;--color-accent-soft: #fcedc7;--color-accent-contrast: #7a5a08;--color-ai: #6d5df5;--color-ai-dark: #5646d2;--color-ai-soft: #eae6fd;--color-water: #3b9fe0;--color-water-dark: #2a7fb8;--color-water-soft: #e2f2fc;--color-error: #c23a3a;--color-error-soft: #fce3e3;--color-error-text: #8f2a2a;--color-text: #26211f;--color-text-muted: #7c6f63;--color-border: #f0e2cc;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 2px 8px rgba(38, 33, 31, .08);--shadow-md: 0 8px 24px rgba(38, 33, 31, .12);--font-heading: "Poppins", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--topbar-height: 68px;--sidebar-width: 240px}:root[data-theme=dark]{--color-bg: #141210;--color-surface: #1f1b18;--color-surface-muted: #282320;--color-primary: #f0824b;--color-primary-dark: #ff9a63;--color-primary-soft: #442a19;--color-secondary: #6fc48c;--color-secondary-dark: #8fdca9;--color-secondary-soft: #1e3225;--color-accent: #f6c665;--color-accent-dark: #ffda8c;--color-accent-soft: #3b2e14;--color-accent-contrast: #ffe9b0;--color-ai: #8c7fff;--color-ai-dark: #a79cff;--color-ai-soft: #2a2557;--color-water: #5ab6f2;--color-water-dark: #85cbfa;--color-water-soft: #16324a;--color-error: #ff6b6b;--color-error-soft: #3a1e1e;--color-error-text: #ffd0d0;--color-text: #f7eee3;--color-text-muted: #b4a598;--color-border: #35302b;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);margin:0 0 .4em;line-height:1.2}p{margin:0 0 .75em;color:var(--color-text-muted)}a{color:var(--color-primary)}button{font-family:var(--font-body);cursor:pointer}input,textarea,select{font-family:var(--font-body)}.app-shell{display:flex;min-height:100vh}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);padding:24px 16px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px}.brand-mark{font-size:28px}.brand-name{font-family:var(--font-heading);font-weight:700;font-size:20px;color:var(--color-primary-dark)}.brand-tag{font-size:11px;color:var(--color-text-muted);margin-top:-4px}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);font-size:14px;font-weight:500;transition:background .15s ease}.nav-link:hover{background:var(--color-surface-muted)}.nav-link.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.nav-icon{font-size:16px;width:20px;text-align:center}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid var(--color-border)}.sidebar-footer-label{font-size:13px;font-weight:500;color:var(--color-text-muted)}.theme-toggle{border:none;background:none;padding:0;display:inline-flex;align-items:center}.theme-toggle-track{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:52px;height:26px;padding:0 6px;border-radius:999px;background:var(--color-surface-muted);border:1px solid var(--color-border);transition:background .2s ease}.theme-toggle-icon{font-size:11px;line-height:1;z-index:1;opacity:.8}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--color-primary);box-shadow:var(--shadow-sm);transition:transform .2s ease,background .2s ease}.theme-toggle-thumb.is-dark{transform:translate(26px);background:var(--color-ai)}.main-content{flex:1;padding:28px 40px 40px;max-width:1280px;margin:0 auto;width:100%}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;height:var(--topbar-height);padding:0 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.topbar-hamburger{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:18px;flex-shrink:0}.topbar-hamburger:hover{background:var(--color-surface-muted)}.topbar-greeting{font-family:var(--font-heading);font-weight:700;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-search{flex:1;max-width:360px;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--color-surface-muted);border:1px solid var(--color-border);margin-left:auto}.topbar-search input{border:none;background:none;outline:none;font-size:14px;color:var(--color-text);width:100%}.topbar-search-icon{color:var(--color-text-muted);font-size:14px}.topbar-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.topbar-bell{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:var(--color-text)}.topbar-icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:var(--color-text-muted);flex-shrink:0}.topbar-icon-btn:hover{background:var(--color-error-soft);color:var(--color-error-text);border-color:var(--color-error-soft)}.topbar-avatar{width:38px;height:38px;border-radius:50%;background:var(--color-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;font-family:var(--font-heading);flex-shrink:0}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14100c73;z-index:40;display:flex}.drawer-panel{width:260px;max-width:82vw;height:100%;background:var(--color-surface);padding:20px 16px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-md);animation:drawer-slide-in .18s ease-out}@keyframes drawer-slide-in{0%{transform:translate(-16px);opacity:.6}to{transform:translate(0);opacity:1}}.drawer-close{border:none;background:var(--color-surface-muted);color:var(--color-text);width:30px;height:30px;border-radius:50%;font-size:15px;display:inline-flex;align-items:center;justify-content:center}.dashboard-top-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}.dashboard-side-col{display:flex;flex-direction:column;gap:16px}.quick-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;border-radius:var(--radius-md);border:none;color:#fff;text-decoration:none;box-shadow:var(--shadow-sm)}.quick-action-icon{font-size:18px}.quick-action-title{font-weight:700;font-size:14px}.quick-action-subtitle{font-size:11px;opacity:.85}.qa-orange{background:var(--color-primary)}.qa-green{background:var(--color-secondary)}.qa-gold{background:var(--color-accent-dark)}.qa-purple{background:var(--color-ai)}.meal-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.meal-card{display:flex;align-items:center;gap:12px;padding:14px}.meal-thumb{width:44px;height:44px;border-radius:50%;background:var(--color-surface-muted);display:inline-flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.meal-card-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-weight:600}.meal-card-name{font-weight:600;font-size:14px}.meal-card-cal{font-size:12px;color:var(--color-text-muted)}.streak-mini-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--color-primary-soft);border-color:var(--color-primary-soft)}.streak-mini-icon{font-size:26px}.streak-mini-title{font-weight:700;font-size:14px;color:var(--color-primary-dark)}.insight-hero{border-radius:var(--radius-md);padding:20px;background:linear-gradient(135deg,var(--color-ai),var(--color-ai-dark));color:#fff;display:flex;gap:14px;align-items:flex-start}.insight-hero-icon{font-size:30px;flex-shrink:0}.insight-hero-title{font-weight:700;font-size:14px;margin-bottom:4px;display:flex;align-items:center;gap:6px}.insight-hero-text{font-size:13px;opacity:.92;line-height:1.5}.water-card-value{font-family:var(--font-heading);font-weight:700;font-size:22px;color:var(--color-water-dark)}.water-drop-row{display:flex;gap:4px;margin:8px 0;font-size:16px}.water-drop.filled{filter:none}.water-drop.empty{opacity:.25}.macro-item{display:flex;align-items:center;gap:10px;margin-bottom:12px}.macro-item:last-child{margin-bottom:0}.macro-icon{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;color:#fff}.macro-item-body{flex:1;min-width:0}.macro-item-label-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.macro-item-label{font-weight:600}.macro-item-value{color:var(--color-text-muted)}.macro-bar-track{height:6px;border-radius:999px;background:var(--color-surface-muted);overflow:hidden}.macro-bar-fill{height:100%;border-radius:999px}.tip-card{background:var(--color-secondary-soft);border-color:var(--color-secondary-soft);display:flex;gap:10px;align-items:flex-start}.tip-card-icon{font-size:20px}.tip-card-title{font-weight:700;font-size:13px;color:var(--color-secondary-dark);margin-bottom:2px}.tip-card-text{font-size:12px;color:var(--color-text-muted)}.journey-badge-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.journey-badge-chip{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;width:92px;text-align:center;border-radius:var(--radius-md)}.journey-badge-chip-icon{font-size:20px}.journey-badge-chip-title{font-size:11px;font-weight:600;line-height:1.25}@media (min-width: 768px){.dashboard-top-grid{grid-template-columns:1.3fr 1fr}.quick-action-grid,.meal-card-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1200px){.dashboard-top-grid{grid-template-columns:1.3fr 1fr .9fr}}.page-header{margin-bottom:24px}.page-title{font-size:28px;font-weight:700}.page-subtitle{color:var(--color-text-muted);font-size:15px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;border:none;font-weight:600;font-size:14px;transition:transform .1s ease,box-shadow .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface-muted);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-primary-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.textarea,.select{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:14px}.input:focus,.textarea:focus,.select:focus{outline:2px solid var(--color-primary-soft);border-color:var(--color-primary)}.textarea{resize:vertical;min-height:80px}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:12px;font-weight:600}.tag-secondary{background:var(--color-secondary-soft);color:var(--color-secondary)}.tag-accent{background:var(--color-accent-soft);color:var(--color-accent-contrast)}.tag-ai{background:var(--color-ai-soft);color:var(--color-ai)}.macro-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.macro-pill{font-size:12px;color:var(--color-text-muted);background:var(--color-surface-muted);border-radius:999px;padding:4px 10px}.section{margin-bottom:32px}.form-row{display:flex;gap:10px;align-items:center}.empty-state{text-align:center;padding:40px 20px;color:var(--color-text-muted)}.score-ring-wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.spinner{width:16px;height:16px;border:2px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.badge-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.badge{border-radius:var(--radius-md);padding:16px;border:1px solid var(--color-border);background:var(--color-surface)}.badge.locked{opacity:.5}.badge-icon{font-size:24px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--color-border)}.list-item:last-child{border-bottom:none}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:8px 14px;border-radius:999px;font-size:13px}.chip-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:16px}.alert-info{background:var(--color-accent-soft);color:var(--color-accent-contrast)}.alert-ai{background:var(--color-ai-soft);color:var(--color-ai-dark);border:1px solid var(--color-ai-soft)}.alert-error{background:var(--color-error-soft);color:var(--color-error-text)}.card-ai{background:var(--color-ai-soft);border-color:var(--color-ai)}.card-ai strong,.card-ai .ai-icon{color:var(--color-ai-dark)}@media (min-width: 768px){.drawer-overlay,.topbar-hamburger{display:none}}@media (max-width: 767px){.sidebar{display:none}.topbar-hamburger{display:inline-flex}.topbar-greeting{font-size:15px}.topbar-search{display:none}.main-content{padding:16px}.quick-action-grid,.meal-card-grid{grid-template-columns:repeat(2,1fr)}}.light-scope{--color-bg: #fbf6ee;--color-surface: #ffffff;--color-surface-muted: #f3ece0;--color-primary: #e86a33;--color-primary-dark: #c2531f;--color-primary-soft: #fbe1cc;--color-secondary: #4f9d69;--color-secondary-dark: #3d7d53;--color-secondary-soft: #dff1e4;--color-accent: #f4b942;--color-accent-dark: #ce9724;--color-accent-soft: #fcedc7;--color-accent-contrast: #7a5a08;--color-ai: #6d5df5;--color-ai-dark: #5646d2;--color-ai-soft: #eae6fd;--color-water: #3b9fe0;--color-water-dark: #2a7fb8;--color-water-soft: #e2f2fc;--color-error: #c23a3a;--color-error-soft: #fce3e3;--color-error-text: #8f2a2a;--color-text: #26211f;--color-text-muted: #7c6f63;--color-border: #f0e2cc;--shadow-sm: 0 2px 8px rgba(38, 33, 31, .08);--shadow-md: 0 8px 24px rgba(38, 33, 31, .12);background:var(--color-bg);color:var(--color-text);min-height:100vh}.public-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;max-width:1200px;margin:0 auto}.public-header-actions{display:flex;align-items:center;gap:10px}.hero{max-width:780px;margin:0 auto;padding:48px 24px 32px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--color-ai-soft);color:var(--color-ai-dark);font-size:13px;font-weight:600;margin-bottom:18px}.hero-title{font-size:40px;line-height:1.15;margin-bottom:14px}.hero-title .accent-primary{color:var(--color-primary)}.hero-title .accent-secondary{color:var(--color-secondary)}.hero-subtitle{font-size:17px;color:var(--color-text-muted);margin-bottom:28px}.hero-cta-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.feature-showcase{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.feature-showcase-heading{text-align:center;max-width:640px;margin:0 auto 36px}.feature-grid{display:grid;grid-template-columns:1fr;gap:16px}.feature-card{padding:22px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.feature-card-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px}.feature-card-title{font-weight:700;font-size:15px;margin-bottom:6px}.feature-card-text{font-size:13px;color:var(--color-text-muted);margin:0}.public-footer{text-align:center;padding:32px 24px 48px;color:var(--color-text-muted);font-size:13px}.auth-page{min-height:100vh;display:flex;flex-direction:column}.auth-card-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:32px 28px}.auth-card-title{font-size:22px;margin-bottom:4px}.auth-card-subtitle{font-size:14px;color:var(--color-text-muted);margin-bottom:22px}.auth-field{margin-bottom:14px}.auth-field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.auth-switch{text-align:center;font-size:13px;margin-top:18px;color:var(--color-text-muted)}@media (min-width: 640px){.hero-title{font-size:48px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.feature-grid{grid-template-columns:repeat(4,1fr)}}