:root{--saffron: #e8731e;--saffron-dark: #d2640f;--bg: #f6f6f7;--card: #ffffff;--text: #1c1c1e;--muted: #8e8e93;--tertiary: #b8b8be;--track: #e5e5ea;--separator: #e5e5ea;--green: #34c759;--orange: #ff9500;--yellow: #ffcc00;--red: #ff3b30;--blue: #007aff;--accent: var(--saffron);--radius: 12px;--maxw: 480px}@media (prefers-color-scheme: dark){:root{--bg: #000000;--card: #1c1c1e;--text: #ffffff;--muted: #98989f;--tertiary: #6c6c70;--track: #2c2c2e;--separator: #2c2c2e}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted)}.app{max-width:var(--maxw);margin:0 auto;min-height:100%;background:var(--bg);position:relative;padding-bottom:env(safe-area-inset-bottom)}.topbar{display:flex;align-items:center;justify-content:center;position:relative;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;background:var(--card);border-bottom:1px solid var(--separator)}.topbar-title{font-weight:600;font-size:17px}.topbar .icon-btn{position:absolute;right:12px;top:calc(env(safe-area-inset-top) + 8px)}.icon-btn{background:none;border:none;color:var(--accent);font-size:22px;line-height:1;padding:6px 10px;border-radius:8px}.datebar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px}.datebar-label{font-weight:600;font-size:16px}.datebar .icon-btn{font-size:26px;color:var(--accent)}.content{padding:4px 16px 96px}.ring-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0 20px}.ring-head{display:flex;flex-direction:column;align-items:center;gap:2px}.ring-big{font-size:42px;font-weight:700;font-variant-numeric:tabular-nums}.ring-sub{font-size:15px;color:var(--muted)}.ring text{fill:var(--text)}.ring-center-num{font-size:26px;font-weight:700}.ring-center-lbl{font-size:11px;fill:var(--muted)}.ring-center-lbl2{font-size:9px;fill:var(--tertiary);text-transform:uppercase;letter-spacing:.5px}.macros{background:var(--card);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.macro-head{display:flex;justify-content:space-between;margin-bottom:4px}.macro-label{font-size:13px;font-weight:500}.macro-val{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.macro-track{height:8px;background:var(--track);border-radius:4px;overflow:hidden}.macro-fill{height:100%;border-radius:4px;transition:width .35s ease}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin:22px 4px 8px;font-weight:600}.log-list,.result-list,.custom-list{list-style:none;margin:0;padding:0}.log-row,.result-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:none;border-bottom:1px solid var(--separator);padding:14px 16px;text-align:left;color:var(--text)}.log-list li:first-child .log-row,.result-list li:first-child .result-row{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.log-list li:last-child .log-row,.result-list li:last-child .result-row{border-bottom:none;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.log-row-main,.result-main{display:flex;flex-direction:column;gap:2px;min-width:0}.log-name{font-size:16px}.log-sub{font-size:13px;color:var(--muted)}.log-cal{font-size:15px;font-weight:500;color:var(--muted);white-space:nowrap}.result-name-row{display:flex;align-items:center;gap:6px}.result-name{font-size:16px}.result-sub{display:flex;gap:8px;font-size:13px;color:var(--muted)}.result-cal{display:flex;flex-direction:column;align-items:flex-end}.result-cal span:first-child{font-size:15px;font-weight:500}.muted{color:var(--muted)}.small{font-size:11px}.badge{font-size:10px;padding:1px 6px;border-radius:4px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 0;color:var(--muted)}.empty-icon{font-size:34px;opacity:.5}.fab{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 20px);right:max(20px,calc(50% - var(--maxw) / 2 + 20px));width:56px;height:56px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:30px;line-height:1;box-shadow:0 4px 12px #00000040;z-index:20}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet{background:var(--bg);width:100%;max-width:var(--maxw);height:92vh;border-radius:16px 16px 0 0;display:flex;flex-direction:column;overflow:hidden}@media (min-width: 540px){.sheet-backdrop{align-items:center}.sheet{height:min(88vh,760px);border-radius:16px}}.sheet-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 12px;border-bottom:1px solid var(--separator);background:var(--card)}.sheet-title{font-size:16px;font-weight:600;margin:0;text-align:center}.sheet-header-side{display:flex}.sheet-header-side.end{justify-content:flex-end}.sheet-body{flex:1;overflow-y:auto;padding:16px}.link-btn{background:none;border:none;color:var(--accent);font-size:16px;padding:4px 8px}.link-btn.danger,.danger{color:var(--red)}.seg{display:flex;background:var(--track);border-radius:9px;padding:2px;margin-bottom:16px}.seg button{flex:1;border:none;background:none;padding:7px;border-radius:7px;font-size:14px;color:var(--text)}.seg .seg-on{background:var(--card);box-shadow:0 1px 3px #0000001f;font-weight:600}.search-bar{display:flex;align-items:center;gap:8px;background:var(--card);border-radius:10px;padding:10px 12px;margin-bottom:12px}.search-icon{opacity:.5}.search-input{flex:1;border:none;background:none;font-size:16px;color:var(--text);outline:none}.clear-x{background:none;border:none;color:var(--muted);font-size:14px}.serving{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:10px}.serving-head{text-align:center}.serving-name{font-size:18px;font-weight:600;margin:0}.serving-hindi{font-size:15px;color:var(--muted);margin:4px 0 0}.grams-row{display:flex;align-items:center;gap:10px}.grams-input{width:140px;text-align:center;font-size:22px;font-weight:500;padding:12px;border:none;border-radius:10px;background:var(--track);color:var(--text)}.grams-unit{color:var(--muted)}.serving-cal{font-size:40px;font-weight:700;color:var(--green);margin:4px 0;font-variant-numeric:tabular-nums}.serving-actions{display:flex;gap:12px;width:100%}.serving-actions .secondary-btn,.serving-actions .primary-btn{flex:1}.primary-btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:13px 18px;font-size:16px;font-weight:600}.primary-btn:disabled{opacity:.45}.secondary-btn{background:var(--track);color:var(--text);border:none;border-radius:10px;padding:13px 18px;font-size:16px}.danger-btn{background:none;color:var(--red);border:none;border-radius:10px;padding:13px 18px;font-size:16px}.wide{width:100%;margin-top:16px}.form{display:flex;flex-direction:column}.field-label{font-size:13px;color:var(--muted);margin:12px 2px 6px}.field-section{font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:600;margin:22px 2px 8px}.text-input{background:var(--card);border:1px solid var(--separator);border-radius:10px;padding:12px 14px;font-size:16px;color:var(--text);outline:none}.text-input:focus{border-color:var(--accent)}.num-field{display:flex;align-items:center;background:var(--card);border-bottom:1px solid var(--separator);padding:12px 14px}.num-field:first-of-type{border-radius:10px 10px 0 0}.num-field:last-of-type{border-radius:0 0 10px 10px;border-bottom:none}.num-label{flex:1;font-size:16px}.num-input{width:80px;text-align:right;border:none;background:none;font-size:16px;color:var(--text);outline:none}.num-unit{width:36px;text-align:right;color:var(--muted)}.stepper{display:flex;align-items:center;justify-content:space-between;background:var(--card);padding:12px 14px;border-bottom:1px solid var(--separator)}.stepper:first-of-type{border-radius:10px 10px 0 0}.stepper-label{font-size:16px}.stepper-controls{display:flex;gap:2px}.stepper-controls button{width:44px;height:32px;border:none;background:var(--track);color:var(--text);font-size:20px;line-height:1}.stepper-controls button:first-child{border-radius:8px 0 0 8px}.stepper-controls button:last-child{border-radius:0 8px 8px 0}.custom-row{display:flex;align-items:center;background:var(--card);border-bottom:1px solid var(--separator)}.custom-list li:first-child{border-radius:10px 10px 0 0;overflow:hidden}.custom-list li:last-child .custom-row{border-bottom:none}.custom-row-main{flex:1;display:flex;flex-direction:column;gap:2px;text-align:left;background:none;border:none;padding:12px 14px;color:var(--text)}.row-delete{background:none;border:none;font-size:16px;padding:12px 14px}.pad{padding:4px 2px}.login{max-width:320px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px}.login-icon{width:84px;height:84px;border-radius:20px}.login-title{font-size:26px;font-weight:700;margin:0}.login-form{display:flex;flex-direction:column;gap:12px;width:100%}.login-error{color:var(--red);font-size:14px;text-align:center;margin:0}