:root{color-scheme:light;--primary-50: #ECFDF5;--primary-100: #D1FAE5;--primary-300: #6EE7B7;--primary-400: #34D399;--primary-500: #10B981;--primary-600: #059669;--primary-700: #047857;--coral: #FB7185;--coral-soft: #FFE4E6;--amber: #F59E0B;--amber-soft: #FEF3C7;--bg-app: #FAFAF7;--bg-surface: #FFFFFF;--bg-surface-2: #F4F4F1;--bg-elev: #FFFFFF;--border-hair: rgba(10, 10, 10, .06);--border-strong: rgba(10, 10, 10, .12);--shadow-card: 0 4px 24px rgba(10, 10, 10, .04);--shadow-elev: 0 8px 32px rgba(10, 10, 10, .08);--text-primary: #0A0A0A;--text-secondary: #525252;--text-hint: #8A8A87;--text-inverse: #FFFFFF;--macro-protein: #10B981;--macro-carbs: #F59E0B;--macro-fat: #FB7185;--macro-fiber: #6366F1;--ease-brand: cubic-bezier(.32, .72, 0, 1);--dur-fast: .18s;--dur-base: .24s;--dur-slow: .4s;--dur-ring: .7s;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Geist", "Inter", system-ui, sans-serif;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-width:320px;min-height:100vh;background:var(--bg-app);color:var(--text-primary)}button,input,select,textarea{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;padding:0}a{color:inherit}.app{min-height:100vh;max-width:520px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom));background:var(--bg-app)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.greeting{display:grid;gap:2px}.greeting-eyebrow{color:var(--text-hint);font-size:13px;font-weight:500}.greeting-name{font-size:22px;font-weight:700;letter-spacing:-.01em}.subscription-pill{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 12px;border-radius:999px;background:var(--bg-surface-2);border:1px solid var(--border-hair);color:var(--text-secondary);font-size:13px;font-weight:600;transition:transform var(--dur-fast) var(--ease-brand),background var(--dur-fast)}.subscription-pill:active{transform:scale(.96)}.subscription-pill.premium{background:linear-gradient(135deg,var(--primary-400),var(--primary-600));color:var(--text-inverse);border-color:transparent}.streak-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;border-radius:999px;background:linear-gradient(135deg,#fff7ed,#fef3c7);border:1px solid rgba(245,158,11,.18);color:#b45309;font-size:12px;font-weight:700;margin-bottom:12px;align-self:flex-start}.streak-chip .flame{display:grid;place-items:center;width:16px;height:16px;border-radius:999px;background:linear-gradient(135deg,#fb923c,#f59e0b);color:#fff}.ring-card{display:grid;place-items:center;padding:28px 20px 24px;border:1px solid var(--border-hair);border-radius:24px;background:var(--bg-surface);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.ring-card:before{content:"";position:absolute;inset:-40% -40% auto auto;width:220px;height:220px;background:radial-gradient(closest-side,rgba(16,185,129,.12),transparent 70%);pointer-events:none}.ring-svg{width:240px;height:240px;display:block}.ring-svg .track{fill:none;stroke:var(--bg-surface-2);stroke-width:14}.ring-svg .fill{fill:none;stroke:url(#ringGradient);stroke-width:14;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset var(--dur-ring) var(--ease-brand),stroke var(--dur-base) var(--ease-brand)}.ring-svg .fill.amber{stroke:url(#ringGradientAmber)}.ring-svg .fill.coral{stroke:url(#ringGradientCoral)}.ring-center{display:grid;justify-items:center;gap:4px;margin-top:-160px;pointer-events:none}.ring-eyebrow{color:var(--text-hint);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.ring-value{font-family:var(--font-display);font-size:56px;font-weight:700;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text-primary)}.ring-value.amber{color:#b45309}.ring-value.coral{color:#be123c}.ring-goal{color:var(--text-hint);font-size:13px;font-weight:500}.ring-microcopy{margin-top:18px;color:var(--text-secondary);font-size:14px;line-height:1.45;text-align:center;max-width:280px}.macro-card{display:grid;gap:14px;padding:16px;border:1px solid var(--border-hair);border-radius:20px;background:var(--bg-surface);box-shadow:var(--shadow-card)}.macro-card-head{display:flex;align-items:baseline;justify-content:space-between}.macro-card-title{font-size:14px;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.macro-card-total{font-family:var(--font-display);font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.macro-segments{display:flex;height:12px;border-radius:999px;background:var(--bg-surface-2);overflow:hidden;gap:2px}.macro-segments span{display:block;height:100%;border-radius:999px;transition:width var(--dur-slow) var(--ease-brand)}.macro-segments span.protein{background:var(--macro-protein)}.macro-segments span.carbs{background:var(--macro-carbs)}.macro-segments span.fat{background:var(--macro-fat)}.macro-segments span.fiber{background:var(--macro-fiber)}.macro-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px}.macro-legend-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.macro-legend-row .dot{width:8px;height:8px;border-radius:999px;flex:0 0 auto}.macro-legend-row .value{margin-left:auto;color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.cta-primary{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 20px;border-radius:18px;color:var(--text-inverse);font-size:16px;font-weight:700;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));box-shadow:0 6px 20px #10b98140;transition:transform var(--dur-fast) var(--ease-brand),box-shadow var(--dur-fast);position:relative;overflow:hidden}.cta-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff1f,#fff0);pointer-events:none}.cta-primary:active{transform:scale(.97);box-shadow:0 4px 12px #10b98133}.cta-primary .icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#ffffff2e;flex:0 0 auto}.cta-primary .text{display:grid;gap:1px;text-align:left}.cta-primary .text strong{font-size:16px;font-weight:700;line-height:1.2}.cta-primary .text small{font-size:12px;font-weight:500;opacity:.85}.cta-primary .arrow{margin-left:auto;opacity:.85}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin:4px 2px 0}.section-title h2{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}.section-title button{color:var(--text-hint);font-size:13px;font-weight:600}.meal-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:4px 16px 8px;scrollbar-width:none}.meal-scroll::-webkit-scrollbar{display:none}.meal-card{flex:0 0 160px;scroll-snap-align:start;display:grid;grid-template-rows:110px auto;border:1px solid var(--border-hair);border-radius:18px;background:var(--bg-surface);overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--dur-fast) var(--ease-brand)}.meal-card:active{transform:scale(.97)}.meal-card .thumb{display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-50),var(--primary-100));color:var(--primary-700);font-size:32px;font-weight:700}.meal-card .meta{padding:10px 12px 12px;display:grid;gap:2px}.meal-card .meta strong{font-size:14px;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meal-card .meta .kcal{font-family:var(--font-display);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.meal-card .meta .time{font-size:11px;color:var(--text-hint)}.empty-state{display:grid;justify-items:center;gap:14px;padding:28px 20px;text-align:center}.empty-state .art{width:96px;height:96px;display:grid;place-items:center;border-radius:24px;background:var(--primary-50);color:var(--primary-600)}.empty-state h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}.empty-state p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.45;max-width:280px}.empty-state .cta-secondary{margin-top:4px;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:12px;background:var(--primary-50);color:var(--primary-700);font-size:14px;font-weight:600;transition:transform var(--dur-fast) var(--ease-brand)}.empty-state .cta-secondary:active{transform:scale(.97)}.error-card{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid rgba(190,18,60,.16);border-left:3px solid #BE123C;background:#fff1f2;color:#881337;font-size:14px;line-height:1.4}.error-card .icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#be123c1f;color:#be123c}.error-card strong{display:block;font-weight:600;margin-bottom:1px}.error-card button{color:#be123c;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.skeleton{background:linear-gradient(90deg,var(--bg-surface-2) 0%,#ECECE8 50%,var(--bg-surface-2) 100%);background-size:200% 100%;animation:skeleton-pulse 1.4s ease-in-out infinite;border-radius:12px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.notice{padding:12px 14px;border:1px solid var(--border-hair);border-radius:14px;background:var(--bg-surface);color:var(--text-secondary);font-size:14px;line-height:1.45}.panel{padding:14px;border:1px solid var(--border-hair);border-radius:20px;background:var(--bg-surface);box-shadow:var(--shadow-card)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.panel-head h2{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em}.panel-head span,.panel-head button{color:var(--text-hint);background:transparent;font-size:13px;font-weight:600}.content,.stack{display:grid;gap:14px}.tabs{position:fixed;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:repeat(6,1fr);max-width:520px;margin:0 auto;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border-hair);background:#ffffffc7;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px)}.tabs button{min-width:0;min-height:44px;display:grid;justify-items:center;align-items:center;gap:2px;padding:4px 2px;border-radius:12px;color:var(--text-hint);background:transparent;font-size:10.5px;font-weight:600;letter-spacing:.01em;transition:color var(--dur-fast) var(--ease-brand),background var(--dur-fast) var(--ease-brand)}.tabs button.active{color:var(--primary-700);background:var(--primary-50)}.tabs button.active svg{stroke-width:2.2}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:370px){.ring-svg{width:200px;height:200px}.ring-center{margin-top:-134px}.ring-value{font-size:46px}.meal-card{flex:0 0 140px}.meal-card .thumb{height:96px}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg-app: #0A0A0A;--bg-surface: #171717;--bg-surface-2: #1F1F1F;--border-hair: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-elev: 0 8px 32px rgba(0, 0, 0, .5);--text-primary: #FAFAF7;--text-secondary: #B5B5B0;--text-hint: #75756F}.ring-svg .track{stroke:#ffffff14}.ring-card:before{background:radial-gradient(closest-side,rgba(52,211,153,.18),transparent 70%)}.streak-chip{background:linear-gradient(135deg,#29201a,#1f1812);border-color:#f59e0b47;color:#fbbf24}.subscription-pill{background:var(--bg-surface-2)}.cta-primary{box-shadow:0 6px 24px #10b98152}.empty-state .art,.empty-state .cta-secondary{background:#10b98124}.error-card{background:#be123c1a;border-color:#be123c4d;color:#fda4af}.tabs{background:#0a0a0ac7}.tabs button.active{background:#10b98129}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}