@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,700;0,800;1,400&family=JetBrains+Mono:wght@300;400;500&family=Syne:wght@400;600;700;800&family=Inter:wght@300;400;500;600&family=IBM+Plex+Mono:wght@300;400;500&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,700;0,9..144,900;1,9..144,400&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&family=DM+Mono:wght@300;400;500&display=swap";[data-theme=signal]{--color-bg:#0a0a0a;--color-surface:#111;--color-surface-2:#1a1a1a;--color-surface-3:#222;--color-border:#2a2a2a;--color-border-soft:#1e1e1e;--color-primary:#f5a623;--color-primary-dim:#f5a6231f;--color-primary-glow:#f5a62340;--color-secondary:#2e4057;--color-accent:#e8c547;--color-text:#f0ede8;--color-text-2:#9a9590;--color-text-3:#5a5550;--color-text-inv:#0a0a0a;--color-success:#4caf7d;--color-warning:#f5a623;--color-danger:#e05a5a;--color-info:#5b9bd5;--color-protein:#5b9bd5;--color-carbs:#f5a623;--color-fat:#e05a5a;--color-fiber:#4caf7d;--font-display:"Syne", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"IBM Plex Mono", monospace;--font-data:"IBM Plex Mono", monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-bold:700;--fw-black:800;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--ease-snappy:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--dur-fast:.12s;--dur-normal:.2s;--dur-slow:.35s;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 40px #0009;--shadow-glow:0 0 24px #f5a62333;--nav-height:60px;--nav-bg:#0a0a0af2;--scrollbar-thumb:#2a2a2a;--scrollbar-track:transparent;--tone:"signal"}[data-theme=signal] *{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}[data-theme=signal] ::selection{background:var(--color-primary-dim);color:var(--color-primary)}[data-theme=bloom]{--color-bg:#fdf6ee;--color-surface:#fff;--color-surface-2:#f7efe6;--color-surface-3:#f0e6da;--color-border:#ead9cc;--color-border-soft:#f4ebe2;--color-primary:#c97b6b;--color-primary-dim:#c97b6b1a;--color-primary-glow:#c97b6b33;--color-secondary:#8baf93;--color-accent:#d4af6b;--color-text:#2c1f17;--color-text-2:#7a6258;--color-text-3:#a89080;--color-text-inv:#fdf6ee;--color-success:#8baf93;--color-warning:#d4af6b;--color-danger:#c97b6b;--color-info:#7a9bc2;--color-protein:#7a9bc2;--color-carbs:#d4af6b;--color-fat:#c97b6b;--color-fiber:#8baf93;--font-display:"Fraunces", serif;--font-body:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace;--font-data:"DM Mono", monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-bold:700;--fw-black:900;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--ease-snappy:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--dur-fast:.2s;--dur-normal:.3s;--dur-slow:.5s;--shadow-sm:0 1px 4px #2c1f170f;--shadow-md:0 4px 20px #2c1f1714;--shadow-lg:0 12px 40px #2c1f171f;--shadow-glow:0 0 24px #c97b6b2e;--nav-height:64px;--nav-bg:#fdf6eef2;--scrollbar-thumb:#ead9cc;--scrollbar-track:transparent;--tone:"bloom"}[data-theme=bloom] *{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}[data-theme=bloom] ::selection{background:var(--color-primary-dim);color:var(--color-primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;overscroll-behavior:none;width:100%;max-width:100vw;height:100%;font-size:16px;position:relative;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);-webkit-overflow-scrolling:touch;width:100%;max-width:100vw;min-height:100svh;transition:background-color var(--dur-slow) var(--ease-out), color var(--dur-slow) var(--ease-out);overscroll-behavior-x:none;line-height:1.5;position:relative;overflow-x:hidden}#root{width:100%;max-width:100vw;min-height:100svh;padding-bottom:env(safe-area-inset-bottom,0px);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.15;font-weight:var(--fw-bold);color:var(--color-text)}p{font-family:var(--font-body);color:var(--color-text-2)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);font-size:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;min-height:44px}input,textarea,select{font-family:var(--font-body);-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:none;font-size:16px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}img{max-width:100%;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-data{font-family:var(--font-data)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.page-enter{opacity:0;transform:translateY(12px)}.page-enter-active{opacity:1;transition:opacity var(--dur-normal) var(--ease-out), transform var(--dur-normal) var(--ease-out);transform:translateY(0)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--dur-normal) var(--ease-snappy), box-shadow var(--dur-normal) var(--ease-snappy), transform var(--dur-fast) var(--ease-snappy)}.empty-state{padding:var(--space-xl) var(--space-md);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);justify-content:center;align-items:center;gap:var(--space-xs);margin:var(--space-xs) 0 var(--space-lg);box-sizing:border-box;width:100%;box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.empty-icon-wrap{border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);width:52px;height:52px;color:var(--color-primary);margin-bottom:var(--space-xs);justify-content:center;align-items:center;display:flex}.empty-title{font-family:var(--font-display);font-size:15px;font-weight:var(--fw-bold);color:var(--color-text)}.empty-sub{color:var(--color-text-2);max-width:300px;font-size:13px;line-height:1.45}.card-sm{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.divider{background:var(--color-border);border:none;height:1px}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:10px var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:var(--fw-medium);letter-spacing:.01em;transition:background-color var(--dur-fast) var(--ease-snappy), color var(--dur-fast) var(--ease-snappy), transform var(--dur-fast) var(--ease-snappy), box-shadow var(--dur-fast) var(--ease-snappy), border-color var(--dur-fast) var(--ease-snappy);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:14px;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:var(--color-text-inv)}.btn-primary:hover{filter:brightness(1.08);box-shadow:var(--shadow-glow)}.btn-ghost{color:var(--color-text-2);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover,.btn-surface{background:var(--color-surface-2);color:var(--color-text)}.btn-surface:hover{background:var(--color-surface-3)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{filter:brightness(1.08)}.btn-lg{padding:14px var(--space-xl);border-radius:var(--radius-lg);font-size:16px}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:12px}.btn-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;padding:10px var(--space-md);color:var(--color-text);font-family:var(--font-body);transition:border-color var(--dur-fast) var(--ease-snappy), box-shadow var(--dur-fast) var(--ease-snappy);font-size:14px}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-dim)}.input::placeholder{color:var(--color-text-3)}.badge{border-radius:var(--radius-pill);font-size:11px;font-weight:var(--fw-medium);letter-spacing:.05em;text-transform:uppercase;align-items:center;padding:2px 8px;display:inline-flex}.badge-primary{background:var(--color-primary-dim);color:var(--color-primary)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--color-surface-2) 25%, var(--color-surface-3) 50%, var(--color-surface-2) 75%);border-radius:var(--radius-md);background-size:800px 100%;animation:1.5s infinite shimmer}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:fadeUp var(--dur-slow) var(--ease-out) both}.animate-fade-in{animation:fadeIn var(--dur-normal) var(--ease-out) both}.animate-scale-in{animation:scaleIn var(--dur-normal) var(--ease-out) both}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.page-content{padding-top:var(--nav-height);min-height:100vh;padding-bottom:80px}.toast-container{z-index:9999;gap:var(--space-sm);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.toast{background:var(--color-surface-3);border:1px solid var(--color-border);color:var(--color-text);padding:10px var(--space-md);border-radius:var(--radius-pill);font-size:13px;font-weight:var(--fw-medium);box-shadow:var(--shadow-md);animation:fadeUp .2s var(--ease-out) both;pointer-events:auto;white-space:nowrap;text-align:center;max-width:90vw}.toast.success{border-color:var(--color-success);color:var(--color-success)}.toast.error{border-color:var(--color-danger);color:var(--color-danger)}.toast.warning{border-color:var(--color-warning);color:var(--color-warning)}.container{max-width:480px;padding:0 var(--space-md);margin:0 auto}@media (width>=768px){.container{max-width:680px}}.onboarding{background:var(--color-bg);min-height:100svh;color:var(--color-text);font-family:var(--font-body);flex-direction:column;display:flex;position:relative;overflow:hidden}.ob-progress{background:var(--color-surface-3);z-index:10;height:3px;position:fixed;top:0;left:0;right:0}.ob-progress-bar{background:var(--color-primary);border-radius:0 var(--radius-pill) var(--radius-pill) 0;height:100%;transition:width .4s var(--ease-out)}.ob-back-btn{z-index:20;border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border);width:40px;height:40px;min-height:40px;color:var(--color-text-2);cursor:pointer;transition:all var(--dur-fast);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex;position:fixed;top:16px;left:16px}.ob-back-btn:hover{background:var(--color-surface-3);color:var(--color-text)}.ob-back-btn:active{transform:scale(.92)}.ob-step{animation:ob-slide-forward .35s var(--ease-out) both;flex-direction:column;flex:1;display:flex}.ob-step--back{animation:ob-slide-back .35s var(--ease-out) both}@keyframes ob-slide-forward{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes ob-slide-back{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.ob-welcome{text-align:center;justify-content:center;align-items:center;gap:var(--space-lg);flex-direction:column;flex:1;padding:48px 32px;display:flex;position:relative}.ob-welcome:before{content:"";background:radial-gradient(circle, var(--color-primary-glow) 0%, transparent 70%);pointer-events:none;width:400px;height:400px;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}.ob-logo{align-items:center;gap:var(--space-sm);display:flex}.ob-wordmark{font-family:var(--font-display);font-size:20px;font-weight:var(--fw-black);color:var(--color-text);letter-spacing:-.03em}.ob-welcome-headline{font-family:var(--font-display);font-size:clamp(32px,8vw,48px);font-weight:var(--fw-black);letter-spacing:-.03em;color:var(--color-text);z-index:1;line-height:1.1;position:relative}.ob-welcome-sub{color:var(--color-text-2);z-index:1;max-width:320px;font-size:15px;line-height:1.6;position:relative}.ob-cta-btn{align-items:center;gap:var(--space-sm);background:var(--color-primary);color:var(--color-text-inv);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:16px;font-weight:var(--fw-bold);cursor:pointer;transition:all var(--dur-normal) var(--ease-snappy);z-index:1;-webkit-tap-highlight-color:transparent;border:none;min-height:52px;padding:16px 32px;display:inline-flex;position:relative}.ob-cta-btn:hover{filter:brightness(1.1);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.ob-cta-btn:active{transform:scale(.97)}.ob-welcome-note{font-family:var(--font-data);color:var(--color-text-3);z-index:1;font-size:12px;position:relative}.ob-content{padding:80px var(--space-lg) 48px;gap:var(--space-lg);flex-direction:column;flex:1;width:100%;max-width:480px;margin:0 auto;display:flex}.ob-step-num{font-family:var(--font-data);color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.ob-question{font-family:var(--font-display);font-size:clamp(24px,6vw,32px);font-weight:var(--fw-black);color:var(--color-text);letter-spacing:-.02em;line-height:1.15}.ob-hint{color:var(--color-text-2);margin-top:-var(--space-sm);font-size:14px;line-height:1.5}.ob-field-group{gap:var(--space-xs);flex-direction:column;display:flex}.ob-field-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.ob-label{font-size:12px;font-weight:var(--fw-medium);color:var(--color-text-3);text-transform:uppercase;letter-spacing:.07em;font-family:var(--font-data)}.ob-input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;padding:14px var(--space-md);color:var(--color-text);font-family:var(--font-body);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);-webkit-tap-highlight-color:transparent;font-size:16px}.ob-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-dim)}.ob-input::placeholder{color:var(--color-text-3)}.ob-input--lg{font-size:20px;font-weight:var(--fw-medium);padding:16px var(--space-md)}.ob-input--center{text-align:center;font-size:24px;font-weight:var(--fw-bold)}.ob-stepper{align-items:center;gap:var(--space-sm);display:flex}.ob-stepper-btn{border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border);width:44px;height:44px;min-height:44px;color:var(--color-text);font-size:20px;font-weight:var(--fw-bold);cursor:pointer;transition:all var(--dur-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ob-stepper-btn:hover{background:var(--color-surface-3);border-color:var(--color-primary);color:var(--color-primary)}.ob-stepper-btn:active{transform:scale(.9)}.ob-stepper .ob-input{flex:1}.ob-unit-toggle{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);align-self:flex-start;display:flex;overflow:hidden}.ob-unit-btn{font-size:13px;font-weight:var(--fw-medium);color:var(--color-text-3);cursor:pointer;transition:all var(--dur-fast);white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;min-height:40px;padding:8px 14px}.ob-unit-btn.active{background:var(--color-surface-3);color:var(--color-primary);font-weight:var(--fw-bold)}.ob-input-with-unit{position:relative}.ob-input-with-unit .ob-input{padding-right:40px}.ob-unit-label{font-family:var(--font-data);color:var(--color-text-3);pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ob-height-imperial,.ob-card-grid--2{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.ob-card-list{gap:var(--space-xs);flex-direction:column;display:flex}.ob-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--dur-fast) var(--ease-snappy);align-items:center;gap:var(--space-sm);text-align:center;-webkit-tap-highlight-color:transparent;flex-direction:column;min-height:96px;display:flex}.ob-card:hover{background:var(--color-surface-2);border-color:var(--color-text-3)}.ob-card:active{transform:scale(.97)}.ob-card.selected{border-color:var(--color-primary);background:var(--color-primary-dim);box-shadow:0 0 0 3px var(--color-primary-dim)}.ob-card--row{text-align:left;padding:var(--space-md) var(--space-md);flex-direction:row;align-items:center;min-height:64px}.ob-card-icon{font-size:28px}.ob-card-icon-sm{flex-shrink:0;font-size:22px}.ob-card-label{font-size:15px;font-weight:var(--fw-bold);color:var(--color-text);font-family:var(--font-body)}.ob-card-desc{color:var(--color-text-3);margin-top:2px;font-size:12px;display:block}.ob-card-text{flex-direction:column;flex:1;display:flex}.ob-card-adj{font-family:var(--font-data);color:var(--color-primary);white-space:nowrap;flex-shrink:0;font-size:11px}.ob-results-hero{text-align:center;padding:var(--space-lg) 0 var(--space-md);position:relative}.ob-results-hero:before{content:"";background:radial-gradient(circle at 50% 50%, var(--color-primary-glow), transparent 70%);pointer-events:none;position:absolute;inset:0}.ob-results-cal{font-family:var(--font-display);font-size:clamp(56px,15vw,80px);font-weight:var(--fw-black);color:var(--color-text);letter-spacing:-.04em;line-height:1;position:relative}.ob-results-cal-label{font-family:var(--font-data);color:var(--color-text-3);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:13px;position:relative}.ob-results-goal-tag{margin-top:var(--space-sm);background:var(--color-primary-dim);border:1px solid var(--color-primary);border-radius:var(--radius-pill);color:var(--color-primary);font-size:12px;font-family:var(--font-data);font-weight:var(--fw-medium);letter-spacing:.04em;padding:4px 12px;display:inline-block;position:relative}.ob-results-breakdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.ob-breakdown-row{border-bottom:1px solid var(--color-border-soft);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.ob-breakdown-row:last-child{border-bottom:none}.ob-breakdown-row--goal{padding-top:10px}.ob-breakdown-label{color:var(--color-text-2);font-size:13px;font-family:var(--font-body)}.ob-breakdown-val{font-family:var(--font-data);font-size:14px;font-weight:var(--fw-bold);color:var(--color-text)}.ob-breakdown-val.highlight{color:var(--color-primary);font-size:16px}.ob-macro-chips{gap:var(--space-xs);grid-template-columns:repeat(4,1fr);display:grid}.ob-macro-chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);flex-direction:column;align-items:center;gap:3px;display:flex}.ob-macro-val{font-family:var(--font-data);font-size:18px;font-weight:var(--fw-bold);line-height:1}.ob-macro-label{color:var(--color-text-3);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.ob-content--theme{gap:var(--space-md)}.ob-theme-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.ob-theme-card{background:var(--theme-bg,var(--color-surface));border-radius:var(--radius-xl);cursor:pointer;transition:all var(--dur-normal) var(--ease-snappy);-webkit-tap-highlight-color:transparent;border:2px solid #0000;flex-direction:column;min-height:200px;display:flex;position:relative;overflow:hidden}.ob-theme-card:active{transform:scale(.97)}.ob-theme-card.selected{border-color:var(--theme-accent,var(--color-primary));box-shadow:0 0 0 4px #ffffff14, var(--shadow-lg)}.ob-theme-preview{padding:var(--space-md);gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.preview-nav{align-items:center;gap:4px;display:flex}.preview-dot{border-radius:50%;width:6px;height:6px}.preview-ring{opacity:.9;border:4px solid;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:60px;height:60px;display:flex}.preview-ring-text{font-size:11px;font-weight:800;line-height:1}.preview-bars{align-items:flex-end;gap:3px;height:28px;display:flex}.preview-bar{border-radius:2px 2px 0 0;flex:1}.ob-theme-info{padding:var(--space-sm) var(--space-md) var(--space-md);flex-direction:column;gap:3px;display:flex}.ob-theme-name{font-size:16px;font-weight:800;display:block}.ob-theme-desc{font-size:11px;display:block}.ob-theme-check{top:var(--space-sm);right:var(--space-sm);width:22px;height:22px;animation:scaleIn .15s var(--ease-snappy) both;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.ob-next-btn{padding:16px var(--space-lg);background:var(--color-primary);color:var(--color-text-inv);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:16px;font-weight:var(--fw-bold);cursor:pointer;transition:all var(--dur-fast) var(--ease-snappy);-webkit-tap-highlight-color:transparent;border:none;min-height:52px;margin-top:auto}.ob-next-btn:hover{filter:brightness(1.08);box-shadow:var(--shadow-glow)}.ob-next-btn:active{transform:scale(.97)}.ob-next-btn:disabled{opacity:.35;cursor:not-allowed;filter:none;transform:none}.ob-finish-btn:disabled{opacity:.35;cursor:not-allowed}@media (width>=768px){.ob-content{justify-content:center;max-width:640px;padding-bottom:80px}.ob-welcome{padding:80px}.ob-welcome-sub{max-width:480px}.ob-card-list{grid-template-columns:1fr;display:grid}.ob-card--row{padding:var(--space-md) var(--space-lg)}.ob-macro-chips{gap:var(--space-sm);grid-template-columns:repeat(4,1fr)}.ob-macro-chip{padding:var(--space-md)}.ob-theme-grid{gap:var(--space-xl)}}.ob-finish-btn{padding:18px var(--space-lg);background:var(--color-primary);color:var(--color-text-inv);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:17px;font-weight:var(--fw-black);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);transition:all var(--dur-normal) var(--ease-snappy);-webkit-tap-highlight-color:transparent;border:none;min-height:56px;display:flex}.ob-finish-btn:hover{filter:brightness(1.1);box-shadow:var(--shadow-glow), 0 8px 32px #0006;transform:translateY(-1px)}.ob-finish-btn:active{transform:scale(.97)}.meal-timeline{padding-left:var(--space-md);flex-direction:column;gap:2px;display:flex;position:relative}.meal-timeline:before{content:"";background:var(--color-border);width:1px;position:absolute;top:12px;bottom:12px;left:6px}.meal-entry{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--dur-fast) var(--ease-snappy);position:relative;overflow:hidden}.meal-entry.expanded{border-color:var(--color-primary)}.timeline-dot{left:calc(-1 * var(--space-md) - 4px);background:var(--color-border);border:2px solid var(--color-bg);z-index:1;width:8px;height:8px;transition:background var(--dur-fast);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.meal-entry.expanded .timeline-dot{background:var(--color-primary)}.meal-summary{width:100%;padding:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;transition:background var(--dur-fast);background:0 0;border:none;display:flex}.meal-summary:hover{background:var(--color-surface-2)}.meal-summary:active{background:var(--color-surface-3)}.meal-summary-left{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex}.meal-icon{flex-shrink:0;font-size:22px}.meal-info{min-width:0}.meal-type-label{font-size:14px;font-weight:var(--fw-medium);color:var(--color-text);align-items:center;gap:6px;display:flex}.meal-photo-badge{color:var(--color-text-3);display:flex}.meal-time{color:var(--color-text-3);font-size:11px;font-family:var(--font-data)}.meal-summary-right{flex-shrink:0;align-items:baseline;gap:3px;display:flex}.meal-cal{font-family:var(--font-data);font-size:18px;font-weight:var(--fw-bold);color:var(--color-text)}.meal-cal-unit{color:var(--color-text-3);font-size:10px;font-family:var(--font-data)}.meal-expand-icon{color:var(--color-text-3);margin-left:4px}.meal-detail{border-top:1px solid var(--color-border);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.meal-photo{object-fit:cover;border-radius:var(--radius-md);width:100%;height:160px}.meal-items-list{gap:var(--space-xs);flex-direction:column;display:flex}.meal-item-row{justify-content:space-between;align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--color-border-soft);padding:4px 0;display:flex}.meal-item-row:last-child{border-bottom:none}.meal-item-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:6px;min-width:0;font-size:13px;display:flex;overflow:hidden}.item-source-badge{font-size:9px;font-family:var(--font-data);border-radius:var(--radius-pill);flex-shrink:0;padding:1px 5px}.item-source-badge.ai{background:var(--color-primary-dim);color:var(--color-primary)}.item-source-badge.usda{color:var(--color-success);background:#4caf7d1a}.meal-item-meta{gap:var(--space-sm);flex-shrink:0;display:flex}.item-grams{color:var(--color-text-3);font-size:11px;font-family:var(--font-data)}.item-cal{color:var(--color-primary);font-size:11px;font-family:var(--font-data);font-weight:var(--fw-medium);text-align:right;min-width:55px}.meal-detail-macros{gap:var(--space-md);font-family:var(--font-data);font-size:12px;font-weight:var(--fw-medium);display:flex}.meal-delete-btn{color:var(--color-danger);border-color:#0000;align-self:flex-start;padding:4px 10px;font-size:12px}.meal-delete-btn:hover{border-color:var(--color-danger);background:#e05a5a0f}.dashboard{padding-top:var(--space-xs);padding-bottom:var(--space-2xl);box-sizing:border-box;width:100%}.dash-hero{margin-bottom:var(--space-lg);flex-direction:column;align-items:center;width:100%;display:flex}.ring-container{width:100%;max-width:240px;margin:0 auto}.macro-row{gap:var(--space-sm);margin-bottom:var(--space-xl);box-sizing:border-box;grid-template-columns:repeat(4,1fr);width:100%;display:grid}@media (width<=440px){.macro-row{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}}.macro-chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-sizing:border-box;width:100%;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-snappy);flex-direction:column;justify-content:space-between;gap:8px;padding:12px;display:flex}.macro-chip-header{justify-content:space-between;align-items:baseline;width:100%;display:flex}.mc-label{font-size:11px;font-weight:var(--fw-bold);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-body)}.mc-val{font-family:var(--font-data);font-size:12px}.mc-current{font-weight:var(--fw-bold)}.mc-max{color:var(--color-text-3);margin-left:1px;font-size:10px}.mc-track{background:var(--color-surface-3);border-radius:var(--radius-pill);width:100%;height:4px;overflow:hidden}.mc-fill{border-radius:var(--radius-pill);height:100%;transition:width .6s}.dash-grid{gap:var(--space-md);margin-bottom:var(--space-xl);box-sizing:border-box;grid-template-columns:1fr;width:100%;display:grid}@media (width>=768px){.dash-grid{grid-template-columns:1fr 2fr}}.stats-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-md);justify-content:space-around;align-items:center;display:flex}.stat-item{text-align:center;flex-direction:column;align-items:center;display:flex}.stat-val{font-family:var(--font-display);font-size:26px;font-weight:var(--fw-black);color:var(--color-primary);margin-bottom:4px;line-height:1}.stat-unit{color:var(--color-text-3);font-size:14px;font-weight:var(--fw-medium)}.stat-label{color:var(--color-text-3);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-family:var(--font-body)}.chart-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg)}.card-header{margin-bottom:var(--space-sm)}.card-title{font-family:var(--font-display);font-size:13px;font-weight:var(--fw-bold);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.06em}.timeline-section{box-sizing:border-box;width:100%;margin-bottom:var(--space-xl)}.confirm-modal{gap:var(--space-md);flex-direction:column;display:flex}.confidence-warning{align-items:center;gap:var(--space-sm);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-warning);background:#f5a62314;font-size:13px;display:flex}.confirm-thumbnail-wrap{position:relative}.confirm-thumbnail{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:180px}.confidence-badge{top:var(--space-sm);right:var(--space-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);background:#000000a6;flex-direction:column;align-items:center;padding:4px 10px;display:flex;position:absolute}.confidence-label{color:#fff9;text-transform:uppercase;letter-spacing:.06em;font-size:9px}.confidence-value{font-family:var(--font-data);font-size:16px;font-weight:var(--fw-bold)}.confirm-title{font-family:var(--font-display);font-size:22px;font-weight:var(--fw-black);letter-spacing:-.02em}.confirm-sub{color:var(--color-text-2);margin-top:-8px;font-size:13px}.confirm-food-list{gap:var(--space-sm);flex-direction:column;display:flex}.confirm-food-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.food-item-header{align-items:center;gap:var(--space-sm);display:flex}.food-item-conf-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.food-item-name-input{font-family:var(--font-body);font-weight:var(--fw-medium);flex:1;padding:6px 10px;font-size:14px}.food-remove-btn{color:var(--color-text-3);flex-shrink:0}.food-remove-btn:hover{color:var(--color-danger);border-color:var(--color-danger)}.food-item-details{gap:var(--space-xs);grid-template-columns:repeat(3,1fr);display:grid}.food-detail-group{flex-direction:column;gap:3px;display:flex}.food-detail-label{color:var(--color-text-3);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.food-detail-input{border-radius:var(--radius-sm);padding:5px 8px;font-size:13px}.confirm-total{background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:baseline;display:flex}.total-label{color:var(--color-text-2);font-size:13px}.total-value{font-family:var(--font-display);font-size:24px;font-weight:var(--fw-black);color:var(--color-text)}.total-unit{font-size:13px;font-weight:var(--fw-regular);color:var(--color-text-3);font-family:var(--font-data)}.confirm-actions{gap:var(--space-sm);display:flex}.confirm-actions .btn{flex:1}.photo-log{padding:var(--space-sm) 0 var(--space-lg);box-sizing:border-box;width:100%}.photo-log-header,.capture-header{margin-top:var(--space-xs);margin-bottom:var(--space-lg)}.page-title{font-family:var(--font-display);font-size:28px;font-weight:var(--fw-black);color:var(--color-text);letter-spacing:-.02em;margin-bottom:6px}.page-sub{color:var(--color-text-2);font-size:14px;line-height:1.5}.capture-area{margin-bottom:var(--space-xl)}.upload-zone{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-lg);align-items:center;gap:var(--space-md);cursor:pointer;transition:border-color var(--dur-normal) var(--ease-snappy), background var(--dur-normal) var(--ease-snappy);flex-direction:column;display:flex}.upload-zone:hover,.upload-zone:active{border-color:var(--color-primary);background:var(--color-primary-dim)}.upload-zone:active{transform:scale(.99)}.upload-icon{color:var(--color-text-3)}.upload-zone:hover .upload-icon{color:var(--color-primary)}.upload-text{font-family:var(--font-display);font-size:16px;font-weight:var(--fw-bold);color:var(--color-text)}.upload-sub{color:var(--color-text-3);font-size:12px}.preview-wrap{gap:var(--space-md);flex-direction:column;display:flex}.preview-image{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-height:60vh}.preview-actions{gap:var(--space-sm);display:flex}.preview-actions .btn{flex:1}.analysis-state{gap:var(--space-lg);flex-direction:column;display:flex}.analysis-image-wrap{border-radius:var(--radius-lg);position:relative;overflow:hidden}.analysis-image{object-fit:cover;filter:brightness(.7);width:100%;max-height:50vh}.analysis-overlay{position:absolute;inset:0;overflow:hidden}.scan-line{background:linear-gradient(90deg, transparent, var(--color-primary), transparent);height:2px;box-shadow:0 0 12px var(--color-primary);animation:1.5s ease-in-out infinite scanDown;position:absolute;left:0;right:0}@keyframes scanDown{0%{top:0%}to{top:100%}}.analysis-text-wrap{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex}.analysis-status{color:var(--color-text-2);font-size:14px}.error-state{gap:var(--space-md);flex-direction:column;display:flex}.error-image{object-fit:cover;border-radius:var(--radius-lg);opacity:.5;width:100%;max-height:40vh}.error-box{align-items:flex-start;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-danger);border-radius:var(--radius-lg);padding:var(--space-md);display:flex}.error-msg{color:var(--color-text-2);font-size:14px;line-height:1.5}.error-actions{gap:var(--space-sm);display:flex}.error-actions .btn{flex:1}.logging-state{align-items:center;gap:var(--space-md);padding:var(--space-2xl);flex-direction:column;display:flex}.photo-tips{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.tips-title{font-family:var(--font-display);font-size:13px;font-weight:var(--fw-bold);color:var(--color-text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md)}.tips-list{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.tips-list li{color:var(--color-text-2);padding-left:var(--space-md);font-size:13px;position:relative}.tips-list li:before{content:"—";color:var(--color-primary);font-family:var(--font-mono);position:absolute;left:0}.capture-actions{gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.btn-capture-action{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--color-primary);color:var(--color-bg);padding:var(--space-lg);border-radius:var(--radius-xl);font-family:var(--font-display);font-size:16px;font-weight:var(--fw-bold);transition:transform var(--dur-normal) var(--ease-snappy);flex-direction:column;flex:1;display:flex}.btn-capture-action:active{transform:scale(.96)}.btn-capture-action.secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.manual-log{padding:var(--space-sm) 0 120px;box-sizing:border-box;width:100%}.log-mode-switcher{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);margin-top:var(--space-xs);margin-bottom:var(--space-lg);box-sizing:border-box;gap:4px;width:100%;padding:4px;display:flex}.mode-btn{border-radius:var(--radius-pill);font-size:13px;font-weight:var(--fw-bold);color:var(--color-text-2);cursor:pointer;transition:all var(--dur-fast) var(--ease-snappy);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:flex;min-height:0!important}.mode-btn.active{background:var(--color-primary);color:#000;box-shadow:var(--shadow-sm)}.meal-type-row{margin-bottom:var(--space-md);box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.meal-type-btn{border-radius:var(--radius-lg);font-size:12px;font-weight:var(--fw-bold);color:var(--color-text-2);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--dur-fast) var(--ease-snappy);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;display:flex;min-height:0!important}.meal-type-btn.active{background:var(--color-primary-dim);border-color:var(--color-primary);color:var(--color-primary)}.search-wrap{margin-bottom:var(--space-md);box-sizing:border-box;width:100%}.search-inner{align-items:center;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:10px 14px;display:flex}.search-inner:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-dim)}.search-input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-icon{color:var(--color-text-3);flex-shrink:0}.search-clear{color:var(--color-text-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;min-height:0!important}.results-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.results-label{font-family:var(--font-display);font-size:12px;font-weight:var(--fw-bold);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em}.btn-custom-add{font-family:var(--font-data);font-size:12px;font-weight:var(--fw-bold);color:var(--color-primary);background:var(--color-primary-dim);border:1px solid var(--color-primary);border-radius:var(--radius-pill);cursor:pointer;padding:4px 12px;min-height:0!important}.food-list{flex-direction:column;gap:8px;display:flex}.food-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.food-row.in-cart{border-color:var(--color-primary);background:var(--color-primary-dim)}.food-row-info{cursor:pointer;flex:1}.food-row-name{font-size:14px;font-weight:var(--fw-bold);color:var(--color-text);margin-bottom:2px}.food-row-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.food-cal{font-family:var(--font-data);font-weight:var(--fw-bold);color:var(--color-primary)}.food-macros{color:var(--color-text-3);font-family:var(--font-data);font-size:11px}.food-serving{color:var(--color-text-3);font-size:11px}.add-btn{min-height:32px!important}.cart-bar{bottom:calc(75px + env(safe-area-inset-bottom,0px));background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-xl);width:calc(100% - 32px);max-width:480px;box-shadow:var(--shadow-lg);z-index:120;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (width>=768px){.cart-bar{bottom:var(--space-xl);max-width:760px}}.cart-bar-info{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:4px;display:flex;min-height:0!important}.cart-badge{background:var(--color-primary);color:#000;width:24px;height:24px;font-weight:var(--fw-bold);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.cart-text{flex-direction:column;align-items:flex-start;display:flex}.cart-count{font-size:13px;font-weight:var(--fw-bold);color:var(--color-text)}.cart-macros-preview{color:var(--color-text-3);font-size:10px;font-family:var(--font-data)}.cart-cal{font-family:var(--font-display);font-size:15px;font-weight:var(--fw-bold);color:var(--color-primary)}.cart-drawer-overlay,.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000bf;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=768px){.cart-drawer-overlay,.modal-backdrop{align-items:center}}.cart-drawer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:480px;padding:var(--space-lg);box-sizing:border-box}@media (width>=768px){.cart-drawer{border-radius:var(--radius-xl);max-width:540px}}.modal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:92%;max-width:440px;padding:var(--space-lg);box-sizing:border-box;margin-bottom:var(--space-xl)}.modal-header,.cart-drawer-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.close-btn{background:var(--color-surface-2);border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;min-height:0!important}.cart-items{max-height:240px;margin-bottom:var(--space-md);flex-direction:column;gap:8px;display:flex;overflow-y:auto}.cart-item{border-bottom:1px solid var(--color-border-soft);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.cart-item-name{font-size:13px;font-weight:var(--fw-medium);color:var(--color-text)}.cart-item-cal{color:var(--color-text-3);font-size:11px;font-family:var(--font-data)}.cart-item-controls{align-items:center;gap:6px;display:flex}.qty-btn{background:var(--color-surface-2);border:1px solid var(--color-border);width:24px;height:24px;color:var(--color-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;min-height:0!important}.qty-val{font-family:var(--font-data);font-size:12px;font-weight:var(--fw-bold);text-align:center;min-width:24px}.remove-item-btn{color:var(--color-danger);cursor:pointer;background:0 0;border:none;margin-left:6px;font-size:14px;min-height:0!important}.cart-totals{border-top:1px solid var(--color-border);margin-bottom:var(--space-md);justify-content:space-around;padding:12px 0;display:flex}.cart-macro{flex-direction:column;align-items:center;display:flex}.cart-macro-val{font-family:var(--font-display);font-size:16px;font-weight:var(--fw-bold)}.cart-macro-label{color:var(--color-text-3);text-transform:uppercase;font-size:10px}.form-group{margin-bottom:var(--space-sm)}.form-label{font-size:12px;font-weight:var(--fw-bold);color:var(--color-text-2);margin-bottom:4px;display:block}.form-input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);box-sizing:border-box;padding:8px 12px;font-size:14px}.form-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.modal-actions{margin-top:var(--space-md);justify-content:flex-end;align-items:center;gap:8px;display:flex}.search-loading{padding:var(--space-xl) 0;color:var(--color-text-2);justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.full-log-btn{width:100%}.history{padding:var(--space-sm) 0 var(--space-xl);box-sizing:border-box;width:100%}.history-header{margin-top:var(--space-xs);margin-bottom:var(--space-lg)}.history-stats{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.hstat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xs);text-align:center}.hstat-val{font-family:var(--font-display);font-size:22px;font-weight:var(--fw-black);color:var(--color-primary);margin-bottom:4px;line-height:1}.hstat-label{color:var(--color-text-3);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-family:var(--font-body)}.calendar-card{padding:var(--space-md) var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);box-sizing:border-box;width:100%;overflow:hidden}@media (width<=480px){.calendar-card{padding:var(--space-sm) 6px}}.calendar-month-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.calendar-month-title{font-family:var(--font-display);font-size:15px;font-weight:var(--fw-bold);color:var(--color-text)}.weekday-row{text-align:center;box-sizing:border-box;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;width:100%;margin-bottom:4px;display:grid}.weekday-label{font-family:var(--font-data);font-size:10px;font-weight:var(--fw-bold);color:var(--color-text-3);text-transform:uppercase;letter-spacing:.02em;padding:2px 0}.calendar-month-grid{box-sizing:border-box;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;width:100%;display:grid}.cal-day-cell{aspect-ratio:1;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-primary) calc(var(--intensity) * 70%), var(--color-surface-2));border:1px solid var(--color-border-soft);cursor:pointer;width:100%;transition:transform var(--dur-fast) var(--ease-snappy), border-color var(--dur-fast) var(--ease-snappy);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:relative;min-width:0!important;min-height:0!important}.cal-day-cell:hover{border-color:var(--color-primary);z-index:2;transform:scale(1.08)}.cal-day-cell.other-month{opacity:.3}.cal-day-cell.today{border-color:var(--color-primary);font-weight:700}.cal-day-cell.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary);background:var(--color-primary-dim)}.cal-day-num{font-family:var(--font-data);font-size:11px;font-weight:var(--fw-medium);color:var(--color-text);line-height:1}.cal-day-dot{background:var(--color-primary);border-radius:50%;width:3px;height:3px;margin-top:2px}.day-macros{gap:var(--space-sm);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.day-macro-item{flex-direction:column;align-items:center;display:flex}.day-macro-val{font-family:var(--font-data);font-size:18px;font-weight:var(--fw-bold);margin-bottom:2px;line-height:1}.day-macro-label{color:var(--color-text-3);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-family:var(--font-body)}.section{margin-bottom:var(--space-xl);box-sizing:border-box;width:100%}.section-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:baseline;display:flex}.section-title{font-family:var(--font-display);font-size:16px;font-weight:var(--fw-bold);color:var(--color-text)}.section-sub{font-family:var(--font-data);color:var(--color-text-3);font-size:11px}.chart-card{overflow:hidden}.settings{padding:var(--space-sm) 0 var(--space-lg);box-sizing:border-box;width:100%}.settings-header{margin-top:var(--space-xs);margin-bottom:var(--space-lg)}.settings-section{margin-bottom:var(--space-lg)}.settings-section-label{font-family:var(--font-data);font-size:10px;font-weight:var(--fw-medium);color:var(--color-text-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.profile-card{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.profile-avatar{border-radius:var(--radius-lg);background:var(--color-primary-dim);border:1px solid var(--color-primary);width:52px;height:52px;font-family:var(--font-display);font-size:22px;font-weight:var(--fw-black);color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-info{flex:1}.profile-name{font-family:var(--font-display);font-size:18px;font-weight:var(--fw-bold);color:var(--color-text)}.profile-sub{color:var(--color-text-3);font-size:12px;font-family:var(--font-data)}.theme-grid{gap:var(--space-xs);flex-direction:column;display:flex}.theme-option{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-snappy), background var(--dur-fast) var(--ease-snappy), transform var(--dur-fast) var(--ease-snappy);text-align:left;-webkit-tap-highlight-color:transparent;min-height:56px;display:flex}.theme-option:hover{background:var(--color-surface-2);border-color:var(--color-text-3)}.theme-option:active{transform:scale(.99)}.theme-option.selected{border-color:var(--color-primary);background:var(--color-primary-dim)}.theme-swatch{border-radius:var(--radius-md);flex-shrink:0;width:28px;height:28px}.theme-option-info{flex-direction:column;flex:1;gap:2px;display:flex}.theme-option-label{font-size:14px;font-weight:var(--fw-medium);color:var(--color-text);font-family:var(--font-body)}.theme-option-desc{color:var(--color-text-3);font-size:11px;font-family:var(--font-data)}.theme-check{background:var(--color-primary);width:24px;height:24px;color:var(--color-text-inv);animation:scaleIn .15s var(--ease-snappy) both;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.goals-list{gap:var(--space-sm);flex-direction:column;display:flex}.goal-item{gap:var(--space-xs);flex-direction:column;display:flex}.goal-header{justify-content:space-between;align-items:center;display:flex}.goal-label{font-size:14px;font-weight:var(--fw-medium);color:var(--color-text)}.goal-value-wrap{align-items:baseline;gap:4px;display:flex}.goal-number-input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-data);font-size:16px;font-weight:var(--fw-bold);color:var(--color-text);text-align:right;outline:none;width:80px;padding:3px 8px}.goal-number-input:focus{border-color:var(--color-primary)}.goal-unit{font-family:var(--font-data);color:var(--color-text-3);font-size:12px}.goal-slider-wrap{position:relative}.goal-slider{appearance:none;border-radius:var(--radius-pill);background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--pct), var(--color-surface-3) var(--pct), var(--color-surface-3) 100%);cursor:pointer;outline:none;width:100%;height:6px;transition:background .1s}.goal-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:20px;height:20px;box-shadow:0 0 0 3px var(--color-bg), 0 2px 8px #0000004d;cursor:pointer;border-radius:50%;transition:transform .1s,box-shadow .1s}.goal-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.goal-slider:active::-webkit-slider-thumb{transform:scale(1.2)}.goal-slider::-moz-range-thumb{background:var(--accent);width:20px;height:20px;box-shadow:0 0 0 3px var(--color-bg);cursor:pointer;border:none;border-radius:50%}.goal-range-labels{font-family:var(--font-data);color:var(--color-text-3);justify-content:space-between;font-size:10px;display:flex}.macro-ratio-bar{margin-bottom:var(--space-md)}.ratio-label{color:var(--color-text-3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-sm);font-size:11px}.ratio-bar{border-radius:var(--radius-md);gap:2px;height:32px;display:flex;overflow:hidden}.ratio-segment{justify-content:center;align-items:center;min-width:0;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.ratio-seg-label{font-size:10px;font-weight:var(--fw-bold);color:#ffffffd9;white-space:nowrap}.save-btn{width:100%;margin-top:var(--space-sm);transition:all var(--dur-normal) var(--ease-out);font-size:16px}.save-btn.saved{background:var(--color-success);pointer-events:none}.layout{background:var(--color-bg);min-height:100svh;color:var(--color-text);font-family:var(--font-body);position:relative}.top-header{height:var(--nav-height);background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border-soft);z-index:100;padding-top:env(safe-area-inset-top,0px);position:fixed;top:0;left:0;right:0}.header-inner{height:var(--nav-height);padding:0 var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);max-width:480px;margin:0 auto;display:flex}.header-left{align-items:center;gap:var(--space-sm);display:flex}.install-app-btn{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:11px;font-weight:var(--fw-bold);cursor:pointer;min-height:28px;transition:all var(--dur-fast) var(--ease-snappy);align-items:center;gap:6px;padding:4px 10px;display:flex}.install-app-btn:hover{background:var(--color-primary-dim);color:var(--color-primary);border-color:var(--color-primary)}.install-app-btn:active{transform:scale(.96)}.profile-switcher{z-index:200;position:relative}.avatar-btn{border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);cursor:pointer;height:36px;min-height:36px;transition:all var(--dur-fast) var(--ease-snappy);align-items:center;gap:5px;padding:0 10px;display:flex}.avatar-btn:hover{background:var(--color-surface-3);border-color:var(--color-primary)}.avatar-btn:active{transform:scale(.96)}.avatar-text{font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--color-primary);font-size:14px}.profile-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);z-index:300;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}.dropdown-current{align-items:center;gap:var(--space-sm);padding:var(--space-md);display:flex}.dropdown-avatar{border-radius:var(--radius-md);width:34px;height:34px;font-family:var(--font-display);font-weight:var(--fw-bold);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.dropdown-avatar.current{background:var(--color-primary-dim);border:1px solid var(--color-primary);color:var(--color-primary)}.dropdown-avatar.other{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-2)}.dropdown-info{flex-direction:column;gap:1px;display:flex}.dropdown-name{font-size:14px;font-weight:var(--fw-medium);color:var(--color-text);font-family:var(--font-body)}.dropdown-active-label{color:var(--color-success);font-size:10px;font-family:var(--font-data);text-transform:uppercase;letter-spacing:.06em}.dropdown-divider{background:var(--color-border);height:1px}.dropdown-switch-btn{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);cursor:pointer;text-align:left;transition:background var(--dur-fast);min-height:unset;background:0 0;border:none;display:flex}.dropdown-switch-btn:hover{background:var(--color-surface-2)}.dropdown-switch-btn:active{background:var(--color-surface-3)}.dropdown-switch-label{color:var(--color-text-2);font-size:13px;font-family:var(--font-body)}.header-center{text-align:center;flex:1}.header-name{font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--color-text);letter-spacing:-.01em;font-size:15px}.header-date{font-family:var(--font-data);color:var(--color-text-3);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;font-size:10px}.main-content{padding-top:calc(var(--nav-height) + env(safe-area-inset-top,0px) + var(--space-xl));padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));width:100%;max-width:480px;min-height:100svh;padding-left:var(--space-md);padding-right:var(--space-md);box-sizing:border-box;margin:0 auto}.bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px);background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--color-border-soft);z-index:100;height:calc(60px + env(safe-area-inset-bottom,0px));justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{border-radius:var(--radius-md);transition:color var(--dur-fast) var(--ease-snappy), background var(--dur-fast) var(--ease-snappy), transform var(--dur-fast) var(--ease-snappy);color:var(--color-text-3);-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:52px;min-height:44px;padding:8px 14px;display:flex}.nav-item:hover{color:var(--color-text-2)}.nav-item.active{color:var(--color-primary)}.nav-item:active{transform:scale(.9)}.nav-icon{flex-shrink:0;width:22px;height:22px;display:block}.nav-icon svg{width:100%;height:100%}.nav-label{font-size:9px;font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-body);white-space:nowrap}.desktop-nav{display:none}.mobile-date{display:block}@media (width>=768px){.layout{display:block}.top-header{background:var(--nav-bg);height:70px;position:fixed}.header-inner{max-width:800px;height:100%;padding:0 var(--space-xl)}.mobile-date{display:none}.desktop-nav{align-items:center;gap:var(--space-md);display:flex}.desktop-nav .nav-item{border-radius:var(--radius-md);flex-direction:row;gap:8px;min-width:auto;min-height:auto;padding:8px 12px}.desktop-nav .nav-icon{width:18px;height:18px}.desktop-nav .nav-label{letter-spacing:0;text-transform:none;font-size:13px;display:block}.desktop-nav .nav-item:hover{background:var(--color-surface-2)}.bottom-nav{display:none}.main-content{max-width:800px;padding-top:calc(70px + env(safe-area-inset-top,0px) + var(--space-2xl));padding-bottom:var(--space-3xl);margin:0 auto}}