:root{--bg:#0f1220;--bg-soft:#171a2b;--card:#1c2036;--card-2:#232842;--text:#f4f6fb;--muted:#98a0bd;--border:#2c3252;--primary:#4b4494;--primary-2:#6c63c4;--primary-rgb:75, 68, 148;--ok:#34d399;--warn:#fbbf24;--error:#f87171;--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%, #20264a 0%, var(--bg) 55%);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1,h2,h3{color:#fff;font-weight:800}input,button{font-family:inherit}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.app-shell{max-width:520px;min-height:100%;margin:0 auto;padding:0 16px 48px}.center{text-align:center;justify-content:center;align-items:center;display:flex}.full{min-height:100vh}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 12px 40px #00000059}.stack{flex-direction:column;gap:14px;display:flex}.auth-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.auth-card{border-color:rgba(var(--primary-rgb), .55);width:100%;max-width:400px;box-shadow:0 12px 40px #00000059, 0 0 44px rgba(var(--primary-rgb), .35)}.brand{text-align:center;margin-bottom:20px}.brand-logo{object-fit:contain;width:112px;height:112px;filter:drop-shadow(0 6px 20px rgba(var(--primary-rgb), .45));margin:0 auto 6px;display:block}.brand-logo.small{vertical-align:middle;width:28px;height:28px;margin:0 8px 0 0;display:inline-block}.brand h1{letter-spacing:-.5px;margin:8px 0 4px;font-size:26px}.tagline{color:#fff;margin:0;font-size:16px;font-weight:700;line-height:1.35}.tagline-sub{color:var(--muted);margin:6px 0 0;font-size:13px}.auth-title{text-align:center;letter-spacing:-.3px;margin:4px 0 6px;font-size:20px}.auth-lead{text-align:center;margin:0 0 18px;font-size:14px;line-height:1.45}.auth-status{text-align:center;flex-direction:column;gap:4px;display:flex}.auth-status .btn{margin-top:14px}.auth-divider{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;margin:14px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.confirm-wait{flex-direction:column;align-items:center;gap:14px;padding:18px 0 6px;display:flex}.confirm-wait .spinner{width:26px;height:26px}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--muted);font-size:13px}.field input{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:13px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .3);outline:none}.select{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2398a0bd' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 14px center;background-repeat:no-repeat;border-radius:12px;padding:13px 40px 13px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .3);outline:none}.btn{cursor:pointer;border:none;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:600;transition:transform 50ms,opacity .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-2))}.link-btn{color:var(--muted);cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:14px;padding:6px;font-size:14px}.link-btn:hover{color:var(--text)}.notice{border-radius:12px;padding:11px 13px;font-size:13.5px;line-height:1.4}.notice code{background:#ffffff14;border-radius:5px;padding:1px 5px;font-size:12px}.notice-warn{color:#fde68a;background:#fbbf241f;border:1px solid #fbbf2459}.notice-error{color:#fecaca;background:#f871711f;border:1px solid #f8717159}.notice-ok{color:#a7f3d0;background:#34d3991f;border:1px solid #34d39959}.topbar{justify-content:space-between;align-items:center;padding:20px 4px;display:flex}.topbar strong{vertical-align:middle;font-size:15px}.topbar-actions{align-items:center;gap:6px;display:flex}.icon-btn{background:var(--card-2);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;line-height:1;display:flex}.icon-btn:hover{border-color:var(--primary)}.link-btn.back{text-align:left;width:auto;margin-top:0;font-size:15px}.btn-ghost{background:var(--card-2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--primary)}.tiny{font-size:12px}.badge{letter-spacing:.2px;border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:700;display:inline-block}.badge-premium{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff}.badge-free{background:var(--card-2);border:1px solid var(--border);color:var(--muted)}.plan-card{justify-content:space-between;align-items:center;gap:14px;display:flex}.plan-info{flex-direction:column;gap:8px;display:flex}.plan-info .muted{margin:0;font-size:13px}.plan-card .btn{flex-shrink:0}.plan-note{margin:8px 4px 0;line-height:1.4}.features{margin-top:28px}.features-head{justify-content:space-between;align-items:center;margin:0 4px 12px;display:flex}.features-head h3{margin:0;font-size:17px}.feature-grid{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex;position:relative}.feature-card.locked{opacity:.55;filter:grayscale(.6)}.feature-icon{font-size:24px;line-height:1}.feature-body{flex-direction:column;gap:3px;display:flex}.feature-body strong{font-size:15px}.feature-body .muted{margin:0;font-size:13px;line-height:1.35}.feature-status{color:var(--muted);margin-top:6px;font-size:12px;font-weight:700}.feature-status.unlocked{color:var(--ok)}.sugar-card{margin-top:24px}.sugar-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.sugar-head h3{margin:0;font-size:17px}.seg{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;gap:3px;padding:3px;display:inline-flex}.seg-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600}.seg-btn.active{background:var(--card-2);color:var(--text);box-shadow:0 1px 3px #0000004d}.donut-wrap{width:150px;height:150px;margin:6px auto 14px;position:relative}.donut{display:block}.donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-num{letter-spacing:-1px;font-size:30px;font-weight:800;line-height:1}.donut-label{color:var(--muted);margin-top:2px;font-size:12px}.donut-legend{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 4px;display:flex}.legend-row{align-items:center;gap:10px;font-size:14px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.legend-dot.natural{background:var(--ok)}.legend-dot.added{background:var(--primary)}.legend-val{margin-left:auto;font-size:14px;font-weight:700}.legend-val .muted{font-weight:500}.sugar-why{color:var(--muted);margin:14px 2px;font-size:13px;line-height:1.45}.goal{margin-top:4px}.goal-top{justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:14px;display:flex}.goal-amount{font-size:16px;font-weight:800}.goal-amount.under{color:var(--ok)}.goal-amount.close{color:var(--warn)}.goal-amount.over{color:var(--error)}.goal-bar{background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.goal-fill{border-radius:999px;height:100%;transition:width .35s}.goal-fill.under{background:var(--ok)}.goal-fill.close{background:var(--warn)}.goal-fill.over{background:var(--error)}.goal-msg{margin:8px 2px 0;font-size:13px;font-weight:600}.goal-msg.under{color:var(--ok)}.goal-msg.close{color:var(--warn)}.goal-msg.over{color:var(--error)}.day-head{margin:8px 4px 16px}.day-head h2{letter-spacing:-.5px;margin:0;font-size:28px}.day-head .muted{margin:4px 0 0;font-size:14px}.streak-row{gap:10px;margin-bottom:16px;display:flex}.streak-chip{background:linear-gradient(135deg, rgba(var(--primary-rgb), .22), #6c63c438);color:#dcd8f6;border:1px solid #6c63c466;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:600}.streak-chip.subtle{background:var(--card-2);border-color:var(--border);color:var(--muted)}.metric{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.metric-label{align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.metric-icon{font-size:20px}.metric-input{align-items:baseline;gap:6px;display:flex}.metric-input input{text-align:right;border:none;border-bottom:2px solid var(--border);width:84px;color:var(--text);background:0 0;padding:2px 2px 4px;font-size:20px;font-weight:600}.metric-input input:focus{border-bottom-color:var(--primary);outline:none}.unit{color:var(--muted);width:22px;font-size:13px}.mealplan-card{margin-top:24px}.mealplan-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.mealplan-head h3{margin:0;font-size:17px}.mealplan-sub{margin:3px 0 0;font-size:12.5px}.mealplan-refresh{flex-shrink:0;font-size:18px}.mealplan-loading{align-items:center;gap:12px;padding:22px 4px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;flex:none;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mealplan-list{flex-direction:column;gap:12px;display:flex}.meal-item{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;gap:12px;padding:14px;display:flex}.meal-slot{width:62px;color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.3px;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;font-size:11.5px;font-weight:700;display:flex}.meal-icon{font-size:24px}.meal-body{flex-direction:column;gap:5px;min-width:0;display:flex}.meal-name{font-size:15px;line-height:1.25}.meal-desc{margin:0;font-size:13px;line-height:1.4}.meal-macros{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.macro-pill{border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.macro-pill.sugar{background:rgba(var(--primary-rgb), .14);border-color:rgba(var(--primary-rgb), .34);color:#dcd8f6}.macro-pill.carb{color:#fde68a;background:#fbbf241a;border-color:#fbbf2447}.meal-why{color:var(--ok);margin:2px 0 0;font-size:12px;line-height:1.35}.trend-card{margin-top:24px}.trend-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.trend-head h3{margin:0;font-size:17px}.trend-metrics{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.chip{border:1px solid var(--border);background:var(--bg-soft);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.chip:hover{color:var(--text)}.chip.active{color:var(--text);background:var(--card-2);border-color:var(--chip,var(--primary))}.chip-dot{border-radius:50%;flex:none;width:9px;height:9px}.trend-stats{gap:10px;margin-bottom:6px;display:flex}.tstat{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;gap:2px;padding:10px 12px;display:flex}.tstat-num{letter-spacing:-.5px;font-size:20px;font-weight:700;line-height:1.1}.tstat-unit{color:var(--muted);margin-left:2px;font-size:12px;font-weight:600}.tstat-label{color:var(--muted);font-size:11.5px}.trend-plot{margin-top:12px;position:relative}.trend-svg{touch-action:none;display:block}.trend-axis{fill:var(--muted);font-size:9px;font-weight:600}.trend-limit{fill:var(--warn);font-size:8.5px;font-weight:600}.trend-empty{padding:28px 8px;line-height:1.5}.trend-tip{pointer-events:none;background:var(--card-2);border:1px solid var(--border);white-space:nowrap;z-index:2;border-radius:10px;flex-direction:column;gap:1px;padding:6px 9px;display:flex;position:absolute;transform:translate(-50%,-125%);box-shadow:0 8px 24px #00000073}.trend-tip-date{color:var(--muted);font-size:11px}.trend-tip-val{font-size:14px;font-weight:700}