@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800;900&display=swap";:root{--bg:#f4f6fb;--text:#0b1220;--muted:#6b7487;--card:#f7f8fd;--border:#e5e8f2;--accent:#2F6BFF;--accent2:#21D4FD;--good:#1a8f3c;--warn:#c98300;--bad:#d33d3d;--good2:#6be39b;--warn2:#ffd36a;--bad2:#ff7a7a;--shadow: 0 16px 45px rgba(10,20,40,.08);--radius: 20px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 500px at 20% -10%,rgba(47,107,255,.1),transparent 55%),radial-gradient(900px 500px at 90% 0%,rgba(33,212,253,.1),transparent 55%),var(--bg);font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji"}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{max-width:480px;margin:0 auto;padding:18px 14px 92px}.top{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:16px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:12px;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand{min-width:0}.brandText{font-weight:800;font-size:14px;letter-spacing:.2px}.logoImg{width:34px;height:34px;border-radius:12px;box-shadow:0 10px 24px #2f6bff33}@media (max-width: 360px){.brandText{display:none}.pill.compact{font-size:11px;padding:5px 6px}.btn.compact{font-size:11px;padding:6px 8px}}.logo{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 12px 30px #1c6bff2e}.card{background:#ffffffe6;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card.soft{background:var(--card);box-shadow:none}.h1{margin:0;font-size:24px;line-height:1.15}.h2{margin:0;font-size:18px;line-height:1.2}.muted{color:var(--muted)}.row{display:flex;gap:12px;align-items:center}.rowWrap{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.topRight{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;justify-content:flex-end;justify-self:end}.col{display:flex;flex-direction:column;gap:10px}.btn{border:none;border-radius:14px;padding:12px 14px;font-weight:800;cursor:pointer}.btn.compact{padding:7px 10px;font-size:12px;border-radius:12px}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 12px 30px #1c6bff2e}.btn.ghost{background:#fff;border:1px solid var(--border);color:var(--text);box-shadow:none}.btn.full{width:100%}.input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#fff;outline:none}.input.compact{padding:10px 12px;font-size:14px}.input:focus{border-color:#1c6bff8c;box-shadow:0 0 0 3px #1c6bff1f}.callNumber{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;font-weight:900;font-size:18px;color:var(--text);text-decoration:none}.pill{display:inline-flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:999px;background:#f6f7fbe6;font-weight:700;font-size:13px}.pill.compact{padding:6px 8px;font-size:12px;gap:6px;white-space:nowrap}.dot{width:10px;height:10px;border-radius:99px;background:var(--accent)}.progress{height:12px;background:#e8eaf2e6;border-radius:999px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(135deg,var(--accent),var(--accent2));width:0%}.progress.ok>div{background:linear-gradient(135deg,var(--good),var(--good2))}.progress.under>div{background:linear-gradient(135deg,var(--warn),var(--warn2))}.progress.over>div{background:linear-gradient(135deg,var(--bad),var(--bad2))}.bottomNav{position:fixed;bottom:14px;left:0;right:0;display:flex;justify-content:center;pointer-events:none}.bottomNavInner{pointer-events:auto;width:min(480px,calc(100% - 28px));padding:10px 12px 14px;border-radius:22px;border:1px solid var(--border);background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;gap:8px}.navItem{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 6px;border-radius:14px;font-size:11px;font-weight:800;color:var(--muted);min-height:44px}.navItem .navIcon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.navItem.active{color:var(--accent);background:#f0f3fb;border:1px solid var(--border)}.navItem.add{flex:0 0 auto;padding:0;background:transparent;border:none;color:#fff}.navItem.add .navIcon{width:54px;height:54px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 14px 30px #2f6bff40;margin-top:-22px}.navItem.add.active{background:transparent;border:none}.frame{border-radius:20px;border:none;background:transparent;padding:0;box-shadow:none}.frameInner{border-radius:18px;background:transparent;border:none;padding:0;position:relative}.scanPreview{width:100%;border-radius:16px;border:1px solid var(--border);overflow:hidden;background:#f7f8fd;aspect-ratio:16 / 9;max-height:260px;display:flex;align-items:center;justify-content:center;cursor:pointer}.scanPreviewImg{width:100%;height:100%;object-fit:cover;display:block}.scanPreviewPlaceholder{text-align:center;padding:20px 14px}.scanPreview.disabled{cursor:not-allowed;opacity:.9}.frameOverlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:#ffffffeb;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;z-index:2}.scanOverlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:#f7f9ffe0;display:flex;align-items:center;justify-content:center;padding:16px;z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.scanOverlayCard{position:relative;width:min(88%,320px);border-radius:16px;padding:16px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;overflow:hidden}.scanOverlayShine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(47,107,255,.1) 30%,rgba(33,212,253,.25) 50%,transparent 70%);transform:translate(-120%);animation:scanShine 1.6s linear infinite;pointer-events:none}.scanOverlayPulse{width:56px;height:56px;margin:0 auto 10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--accent2),var(--accent));position:relative}.scanOverlayPulse:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:1px solid rgba(47,107,255,.35);animation:scanPulse 1.6s ease-out infinite}.scanTopProgress{position:fixed;top:0;left:0;right:0;height:8px;background:#2f6bff26;z-index:200;overflow:hidden;pointer-events:none}.scanTopProgress:after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,transparent,var(--accent2),var(--accent),transparent);animation:scanProgress 1.2s linear infinite}.nonFoodCard{border:1px solid rgba(211,61,61,.35);background:#fff6f6f2}.nonFoodBadge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,var(--bad),var(--bad2));color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.nonFoodTitle{margin-top:8px;font-weight:900;color:var(--bad)}@keyframes scanShine{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes scanPulse{0%{transform:scale(.9);opacity:.6}70%{transform:scale(1.2);opacity:0}to{transform:scale(1.2);opacity:0}}@keyframes scanProgress{0%{left:-40%}to{left:100%}}.pageTitle{font-weight:900;font-size:24px;margin:12px 4px 4px}.pageHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 4px 4px}.kcalValue{font-weight:900}.kcalValue.good{color:#1a8f3c}.kcalValue.warn{color:#c98300}.kcalValue.bad{color:#d33d3d}.itemList{display:flex;flex-direction:column;gap:6px;margin-top:8px}.itemRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.itemList.compact{gap:4px;margin-top:6px}.itemRow.compact{gap:6px}.accordionBtn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.accordionArrow{display:inline-block;transition:transform .15s ease;font-size:12px}.accordionBtn.open .accordionArrow{transform:rotate(180deg)}.heroCard{background:linear-gradient(135deg,#2f6bff2e,#21d4fd2e);border:1px solid rgba(47,107,255,.2)}.heroCard.ok{background:linear-gradient(135deg,#1a8f3c1f,#6be39b1a);border-color:#1a8f3c40}.heroCard.under{background:linear-gradient(135deg,#c983001f,#ffd36a1f);border-color:#c9830040}.heroCard.over{background:linear-gradient(135deg,#d33d3d1f,#ff7a7a1f);border-color:#d33d3d40}.heroKcal{font-size:28px;font-weight:900;margin-top:4px}.heroKcal.bad{color:var(--bad)}.kcalBadge{padding:6px 10px;border-radius:999px;background:#fffc;border:1px solid var(--border);font-weight:700;font-size:12px}.kcalBadge.ok{border-color:#1a8f3c66;color:var(--good)}.kcalBadge.under{border-color:#c9830066;color:var(--warn)}.kcalBadge.over{border-color:#d33d3d66;color:var(--bad)}.sectionTitle{font-weight:800;font-size:14px;margin:0 4px 8px}.macroGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.macroCard{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:10px 12px}.macroValue{font-weight:800;margin-top:6px}.scanList{display:flex;flex-direction:column;gap:8px}.scanCard{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:10px 12px}.scanBody{flex:1;min-width:0}.scanThumb{width:48px;height:48px;border-radius:14px;overflow:hidden;background:#eef1f7;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.scanThumb img{width:100%;height:100%;object-fit:cover}.scanPlaceholder{font-size:18px}.tipList{display:flex;flex-direction:column;gap:8px;margin-top:8px}.tipItem{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px 12px;font-size:13px}.articleList{display:grid;gap:10px}.articleCard{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:12px 14px}.articleTitle{font-weight:800;font-size:15px}.articleBody{margin-top:10px;display:flex;flex-direction:column;gap:12px;font-size:13px;line-height:1.5}.articleSectionTitle{font-weight:800;font-size:12px;margin-bottom:6px}.articleParagraph{margin-bottom:6px}.articleParagraph:last-child{margin-bottom:0}.articleBulletList{margin:6px 0 0 16px;padding:0;display:flex;flex-direction:column;gap:4px}.articleBulletList li{margin:0}.articleTag{font-size:11px;font-weight:700;color:var(--accent);margin-bottom:6px}.segmented{display:flex;gap:6px;background:#f0f3fb;border:1px solid var(--border);border-radius:999px;padding:4px}.segBtn{border:none;background:transparent;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px;color:var(--muted);cursor:pointer}.segBtn.active{background:#fff;color:var(--text);box-shadow:0 6px 14px #0a142814}.calScroller{display:flex;gap:10px;align-items:flex-end;overflow-x:auto;padding-bottom:4px;position:relative}.calChart{display:flex;align-items:flex-end;gap:10px}.calAxis{display:flex;flex-direction:column;align-items:flex-end;width:38px;flex:0 0 38px}.calAxisScale{height:120px;display:flex;flex-direction:column;justify-content:space-between}.calAxisTick{font-size:10px;color:var(--muted);line-height:1}.calAxisSpacer{height:22px}.calScroller.week{overflow-x:hidden}.calGoalLine{position:absolute;left:0;right:0;height:1px;background:#2f6bff59;pointer-events:none;z-index:3}.calEdge{flex:0 0 var(--edge-space, 0px);height:1px}.calCol{border:none;background:transparent;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;flex:0 0 58px;position:relative;z-index:4}.calScroller.week .calCol{flex:1 1 0}.calTrack{width:24px;height:120px;border-radius:999px;background:#eef1f7;padding:3px;display:flex;align-items:flex-end}.calTrack span{display:block;width:100%;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--accent2))}.calCol.ok .calTrack span{background:linear-gradient(180deg,var(--good),var(--good2))}.calCol.under .calTrack span{background:linear-gradient(180deg,var(--warn),var(--warn2))}.calCol.over .calTrack span{background:linear-gradient(180deg,var(--bad),var(--bad2))}.calCol.active .calTrack{box-shadow:inset 0 0 0 2px #2f6bff59}.calLabel{text-align:center;font-size:12px;color:var(--muted)}.calMeta{text-align:center;font-size:10px;color:var(--muted);line-height:1.2}.calCol.active .calLabel{color:var(--text);font-weight:800}.daySummary{border-radius:14px;padding:10px 12px;border:1px solid var(--border);background:#ffffffb3;margin-bottom:10px}.daySummary.ok{border-color:#1a8f3c59}.daySummary.under{border-color:#c9830059}.daySummary.over{border-color:#d33d3d59}.timeline{display:flex;flex-direction:column;gap:10px}.timelineRow{display:grid;grid-template-columns:60px 1fr;gap:10px;align-items:start}.timelineTime{font-weight:800;font-size:12px;color:var(--muted)}.timelineCard{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px 12px}.itemEditList{display:flex;flex-direction:column;gap:8px;margin-top:8px}.itemEditRow{display:grid;grid-template-columns:1.2fr .6fr auto;gap:8px;align-items:center}@media (max-width: 520px){.itemEditRow{grid-template-columns:1fr .6fr;grid-template-areas:"name calories" "remove remove"}.itemEditRow .input.compact:nth-child(1){grid-area:name}.itemEditRow .input.compact:nth-child(2){grid-area:calories}.itemEditRow .btn{grid-area:remove;justify-self:flex-start}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:100}.modal.open{display:flex}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c121e73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{position:relative;width:min(92vw,480px);max-height:85vh;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:0 24px 60px #0a142840}.modal-card.full{width:100vw;height:100vh;max-height:100vh;border-radius:0;padding:18px}@media (min-width: 560px){.modal-card.full{width:min(96vw,520px);height:auto;max-height:92vh;border-radius:18px}}.modal-title{font-weight:900;font-size:16px;margin-bottom:4px}.modal-text{color:var(--muted);font-size:13px;margin-bottom:10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--text);font-weight:900;cursor:pointer}.modal-close:active{transform:translateY(1px)}.payCard{background:#fff;border-radius:24px}.paySection{border-radius:20px}.planOptions{display:flex;flex-direction:column;gap:10px}.planOption{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.planOption:focus{outline:none;border-color:#2f6bff73;box-shadow:0 0 0 2px #2f6bff26}.planOption:hover{transform:translateY(-1px);border-color:#2f6bff59;box-shadow:0 6px 16px #10182814}.range{width:100%}.rangeLabels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:12px;color:var(--muted);margin-top:6px;text-align:center;line-height:1.2}.rangeLabels>div{padding:0 2px;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width: 380px){.rangeLabels{font-size:11px;gap:6px}}.profileRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profileField{display:flex;flex-direction:column;gap:6px;min-width:0}.profileLabel{font-size:12px}@media (max-width: 380px){.profileRow{gap:8px}.input.compact{padding:9px 10px;font-size:13px}.profileLabel{font-size:11px}}.small{font-size:13px}.hr{height:1px;background:var(--border);margin:12px 0}