@font-face{font-family:Songer SE;src:url(/fonts/SONGER__SE_Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Songer SE;src:url(/fonts/SONGER__SE_Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Songer SE;src:url(/fonts/SONGER__SE_Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Songer SE;src:url(/fonts/SONGER__SE_ExtraBold.otf)format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Songer Grotesque;src:url(/fonts/SONGER_G_Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Songer Grotesque;src:url(/fonts/SONGER_G_Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--font-inter:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-se:"Songer SE", "Inter", sans-serif;--font-grot:"Songer Grotesque", "Inter", sans-serif;--tracking-se:-.08em}[style*=Songer\ SE],.font-se,.font-se *{letter-spacing:var(--tracking-se)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-inter);color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fdf6f0;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit}.onb-root{z-index:200;font-family:var(--font-inter);position:fixed;inset:0}.onb-ring{pointer-events:none;z-index:1;border:2px solid #ffffff8c;border-radius:18px;outline:3px solid #e07a3c59;transition:top .35s,left .35s,width .35s,height .35s;position:fixed;box-shadow:0 0 0 9999px #140e0a9e}.onb-dim-full{z-index:1;background:#140e0a9e;position:fixed;inset:0}.onb-catch{z-index:2;cursor:pointer;position:fixed;inset:0}.onb-card{z-index:3;pointer-events:none;background:linear-gradient(#ffe9d6 0%,#fbd3b4 100%);border-radius:22px;align-items:flex-start;gap:14px;padding:18px;animation:.32s onbCardIn;display:flex;position:fixed;left:16px;right:16px;box-shadow:0 12px 36px #0000004d}@keyframes onbCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onb-mascot{flex-shrink:0;width:48px;height:54px}.onb-card-body{flex:1;min-width:0}.onb-card-title{font-family:var(--font-grot);color:#2a1c12;margin-bottom:6px;font-size:20px;font-weight:700}.onb-card-text{font-family:var(--font-inter);color:#4a3525;font-size:15px;font-weight:400;line-height:1.45}.onb-card-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.onb-dots{gap:6px;display:flex}.onb-dot{background:#7850324d;border-radius:50%;width:7px;height:7px;transition:width .2s,background .2s}.onb-dot.active{background:#e07a3c;border-radius:4px;width:20px}.onb-hint{font-family:var(--font-inter);color:#4a3525a6;white-space:nowrap;font-size:12px;font-weight:500}.home-screen{background:#fdf6f0;flex-direction:column;height:100%;display:flex;position:relative}.coming-toast{left:50%;bottom:calc(86px + env(safe-area-inset-bottom));z-index:150;-webkit-backdrop-filter:blur(8px);color:#fff;max-width:calc(100% - 40px);font-family:var(--font-inter);white-space:nowrap;background:#1a1816f0;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:500;animation:.25s comingToastIn;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000047}.coming-toast-emoji{font-size:16px}@keyframes comingToastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.status-banner{font-family:var(--font-inter);cursor:pointer;color:#fff;background:linear-gradient(90deg,#e07a3c,#c5622a);border-radius:12px;align-items:center;gap:8px;margin:8px 12px 0;padding:14px 20px;font-size:15px;font-weight:600;display:flex;position:relative;overflow:hidden}.banner-icon{z-index:1;font-size:18px;position:relative}.banner-arrow{z-index:1;margin-left:auto;font-size:20px;position:relative}.status-banner>*{z-index:1;position:relative}.status-banner.error{background:linear-gradient(90deg,#c0392b,#962d22)}.status-banner.loading{background:linear-gradient(90deg,#c5622a 0%,#e07a3c 25%,#f5c5a0 50%,#e07a3c 75%,#c5622a 100%) 0 0/240% 100%;animation:1.8s linear infinite bannerShimmer}@keyframes bannerShimmer{0%{background-position:100% 0}to{background-position:-140% 0}}.scroll-area{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:80px;overflow-y:auto}.home-header{align-items:center;gap:12px;padding:16px 20px 8px;display:flex}.streak-badge{background:#fff;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;display:flex;box-shadow:0 2px 8px #0000000f}.streak-num{font-family:var(--font-se);color:#1a1a1a;letter-spacing:var(--tracking-se);font-size:16px;font-weight:500}.streak-day{font-family:var(--font-inter);color:#888;text-transform:uppercase;font-size:12px}.header-date{font-family:var(--font-inter);color:#1a1a1a;flex:1;font-size:18px;font-weight:500}.mascot-img{flex-shrink:0;width:44px;height:50px}.calorie-hero{align-items:flex-end;gap:16px;min-height:180px;padding:20px 20px 24px;display:flex;position:relative;overflow:hidden}.calorie-hero:before{content:"";z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 200' preserveAspectRatio='none'><path d='M0,90 C60,40 120,130 200,80 C280,30 340,120 400,70 L400,0 L0,0 Z' fill='%23FDE7D5' opacity='0.85'/><path d='M0,130 C70,90 140,170 220,120 C300,80 360,160 400,120 L400,0 L0,0 Z' fill='%23FBD9C0' opacity='0.55'/></svg>");background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.calorie-main{z-index:1;flex:1;position:relative}.kcal-label{font-family:var(--font-inter);color:#888;margin-bottom:4px;font-size:13px}.kcal-value{font-family:var(--font-se);color:#1a1a1a;letter-spacing:var(--tracking-se);font-size:48px;font-weight:400;line-height:.95}.kcal-goal{font-family:var(--font-se);color:#b8b0a8;letter-spacing:var(--tracking-se);font-size:16px;font-weight:400}.macro-bubbles{z-index:1;flex-shrink:0;width:140px;height:160px;position:relative}.bubble{font-family:var(--font-se);color:#2828288c;letter-spacing:var(--tracking-se);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:400;display:flex;position:absolute;box-shadow:inset 0 -8px 16px #0000000f,0 4px 14px #00000014}.bubble.fat{background:radial-gradient(circle at 30% 30%,#ffd9b8,#f5b68a 70%,#e89968);width:60px;height:60px;top:0;right:8px;transform:rotate(-8deg)}.bubble.protein{background:radial-gradient(circle at 35% 30%,#dce7f5,#a9c2de 70%,#7fa2c8);width:70px;height:70px;top:38px;left:0;transform:rotate(6deg)}.bubble.carbs{background:radial-gradient(circle at 35% 30%,#ffe8b5,#fbc885 60%,#e5a050);width:86px;height:86px;bottom:0;right:0;transform:rotate(-4deg)}.macro-cards{align-items:stretch;gap:10px;padding:0 16px 16px;display:flex}.macro-card{-webkit-backdrop-filter:blur(6px);background:#ffffffb3;border-radius:18px;flex-direction:column;flex:1 1 0;align-items:flex-start;gap:6px;min-width:0;padding:14px 12px;display:flex;box-shadow:0 4px 14px #b48c641a}.macro-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:block}.macro-label{font-family:var(--font-inter);color:#8a807a;font-size:12px;font-weight:400}.macro-val{font-family:var(--font-se);color:#1a1a1a;letter-spacing:var(--tracking-se);font-size:15px;font-weight:500}.macro-goal{font-family:var(--font-se);color:#b8b0a8;letter-spacing:var(--tracking-se);font-size:12px;font-weight:400}.ai-block{border-radius:20px;margin:0 16px 16px;overflow:hidden;box-shadow:0 4px 18px #b48c641a}.ai-header{cursor:pointer;background:linear-gradient(90deg,#f5c5a0,#e8a878);align-items:center;gap:10px;padding:14px 16px;display:flex}.ai-badge{color:#fff;font-family:var(--font-se);letter-spacing:var(--tracking-se);background:#e07a3c;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.ai-badge-label{font-family:var(--font-grot);color:#1a1a1a;letter-spacing:.5px;font-size:14px;font-weight:700}.ai-chevron{color:#7a4a2a;margin-left:auto;font-size:16px}.ai-content{background:#fff;padding:20px 16px}.ai-title{font-family:var(--font-grot);color:#1a1a1a;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;font-size:32px;font-weight:500;line-height:1.1;display:flex}.ai-title-text{display:inline}.ai-icons{vertical-align:middle;gap:6px;display:inline-flex}.ai-icon{background:#fcf1eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:inline-flex}.ai-text{font-family:var(--font-inter);color:#9b9189;font-size:13px;font-weight:400;line-height:1.55}.section-title{font-family:var(--font-inter);color:#1a1a1a;padding:8px 20px 12px;font-size:18px;font-weight:500}.meal-list{padding:0 16px}.meal-empty{color:#aaa;text-align:center;padding:20px;font-size:14px}.meal-card{text-align:left;cursor:pointer;background:#fff;border:none;border-radius:18px;align-items:center;gap:14px;width:100%;margin-bottom:10px;padding:14px;transition:transform .12s,box-shadow .15s;display:flex;position:relative;box-shadow:0 4px 14px #b48c6414}.meal-card:active{transform:scale(.98);box-shadow:0 2px 8px #b48c641a}.meal-thumb{background:#f5ede5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex;overflow:hidden}.meal-thumb img{object-fit:cover;width:100%;height:100%;display:block}.meal-info{flex:1}.meal-name{font-family:var(--font-inter);color:#1a1a1a;margin-bottom:6px;font-size:15px;font-weight:500;line-height:1.2}.meal-kcal{font-family:var(--font-se);color:#1a1a1a;letter-spacing:var(--tracking-se);font-size:16px;font-weight:500}.meal-kcal-unit{font-family:var(--font-inter);color:#b8b0a8;text-transform:uppercase;letter-spacing:.5px;margin-left:4px;font-size:10px;font-weight:500}.wow-badge{color:#1a1a1a;font-family:var(--font-grot);background:linear-gradient(135deg,#bfe3cc,#95d2ac);border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 8px;font-size:14px;font-style:italic;font-weight:700;display:inline-flex;position:absolute;top:-8px;right:8px;transform:rotate(-12deg);box-shadow:0 4px 12px #50aa7840}.wow-badge .wow-emoji{font-size:16px;font-style:normal;transform:rotate(8deg)}.add-meal-btn{color:#888;width:100%;font-family:var(--font-inter);background:0 0;border:1.5px dashed #d4b89a;border-radius:16px;margin-top:4px;margin-bottom:16px;padding:16px;font-size:14px;font-weight:600}.day-score-card{background:linear-gradient(#fff 0%,#fff5ea 100%);border-radius:24px;margin:0 16px 16px;padding:0 0 16px;position:relative;overflow:hidden;box-shadow:0 8px 24px #b48c641a,inset 0 1px #fffc}.score-top{flex-direction:column;align-items:center;padding:20px 24px 16px;display:flex}.score-arc{pointer-events:none;width:92%;max-width:340px;height:auto;display:block}.score-num-row{align-items:flex-end;gap:5px;margin-top:-8px;display:flex}.score-num-big{font-family:var(--font-se);color:#1a1a1a;letter-spacing:var(--tracking-se);font-size:100px;font-weight:400;line-height:.9}.score-num-small{font-family:var(--font-grot);color:#b8b0a8;margin-bottom:10px;margin-left:5px;font-size:24px;font-weight:500}.score-label{font-family:var(--font-grot);color:#5ab890;letter-spacing:1px;text-transform:uppercase;margin-top:6px;font-size:14px;font-weight:700}.score-metrics{gap:12px;padding:0 14px;display:flex}.score-metric{background:#fff;border-radius:18px;flex:1;padding:16px 14px;box-shadow:0 4px 14px #b48c6414}.metric-label{font-family:var(--font-inter);color:#b8b0a8;margin-bottom:12px;font-size:13px;font-weight:400}.metric-val{font-family:var(--font-se);color:#1a1a1a;letter-spacing:var(--tracking-se);margin-bottom:14px;font-size:28px;font-weight:400;line-height:1}.metric-val .metric-val-sub{font-family:var(--font-se);color:#b8b0a8;letter-spacing:var(--tracking-se);font-size:16px;font-weight:400}.metric-bar{background:linear-gradient(90deg,#0000 0%,#f0e8e0 6% 94%,#0000 100%);border-radius:3px;height:5px;position:relative;overflow:visible}.metric-bar>div{background:linear-gradient(90deg, transparent 0%, var(--bar-color,#5ab890) 100%);border-radius:3px;height:100%;transition:width .4s;position:relative}.metric-bar>div:after{content:"";background:var(--bar-color,#5ab890);border-radius:1.5px;width:3px;height:19px;position:absolute;top:-7px;right:-1px}.metric-bar>div:before{content:"";background:var(--bar-color,#5ab890);border-radius:50%;width:9px;height:9px;position:absolute;top:-10px;right:-4px;box-shadow:0 1px 3px #00000026}.norms-cards{gap:10px;padding:0 16px 16px;display:flex}.norm-card{border-radius:18px;flex-direction:column;flex:1;align-items:flex-start;padding:18px 14px;display:flex;box-shadow:0 4px 14px #b48c641a}.norm-val{font-family:var(--font-se);color:#1a1a1a;letter-spacing:var(--tracking-se);font-size:20px;font-weight:400}.norm-goal{font-family:var(--font-se);color:#00000073;letter-spacing:var(--tracking-se);margin-top:-2px;font-size:12px;font-weight:400}.norm-label{font-family:var(--font-inter);color:#0000008c;margin-top:8px;font-size:12px;font-weight:400}.bottom-nav{padding:10px 0 max(10px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #f0e8e0;align-items:center;display:flex;position:relative}.nav-item{color:#26252359;flex-direction:column;flex:1;align-items:center;gap:4px;padding:4px 0;display:flex}.nav-item.active{color:#1a1a1a}.nav-icon{width:24px;height:24px;display:block}.nav-label{font-family:var(--font-se);letter-spacing:var(--tracking-se);color:#1a1a1a;font-size:12px;font-weight:500}.fab-wrap{flex:1;justify-content:center;display:flex;position:relative}.fab-btn{color:#fff;background:#1a1a1a;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;margin-top:-22px;line-height:1;display:flex;box-shadow:0 6px 18px #00000040}.logbook-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background:#0000008c;align-items:flex-end;display:flex;position:fixed;inset:0}.logbook-sheet{width:100%;padding:20px 16px max(20px, env(safe-area-inset-bottom));background:#1a1816;border-radius:24px 24px 0 0;flex-direction:column;gap:16px;max-height:78vh;display:flex}.logbook-actions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.logbook-action{color:#fff;font-family:var(--font-inter);background:#ffffff14;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;font-size:13px;font-weight:500;display:flex}.logbook-action img{width:28px;height:28px;display:block}.logbook-tabs{background:#ffffff0f;border-radius:999px;gap:4px;padding:4px;display:flex}.logbook-tab{font-family:var(--font-inter);color:#ffffff8c;background:0 0;border-radius:999px;flex:1;padding:10px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.logbook-tab.active{color:#1a1816;background:#fff}.logbook-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;padding-right:2px;display:flex;overflow-y:auto}.logbook-item{text-align:left;background:#ffffff0f;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.logbook-item-thumb{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex;overflow:hidden}.logbook-item-thumb img{object-fit:cover;width:100%;height:100%;display:block}.logbook-item-info{flex:1;min-width:0}.logbook-item-name{font-family:var(--font-inter);color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:15px;font-weight:500;line-height:1.2;overflow:hidden}.logbook-item-date{font-family:var(--font-inter);color:#ffffff73;font-size:12px;font-weight:400}.logbook-empty{text-align:center;color:#ffffff8c;font-family:var(--font-inter);padding:40px 20px;font-size:14px}.recognition-screen{z-index:200;background:#1a1a1a;flex-direction:column;display:flex;position:fixed;inset:0}.rec-close{color:#fff;z-index:10;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex;position:absolute;top:16px;left:16px}.rec-photo{flex:1;position:relative;overflow:hidden}.rec-img{object-fit:cover;width:100%;height:100%}.rec-placeholder{background:#2a2a2a;justify-content:center;align-items:center;width:100%;height:100%;font-size:80px;display:flex}.rec-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1a1a1a;white-space:nowrap;background:#ffffffe6;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;position:absolute}.rec-bottom{background:#fff;border-radius:24px 24px 0 0;padding:24px 24px 40px}.rec-status{font-family:var(--font-inter);color:#1a1a1a;text-align:center;margin-bottom:24px;font-size:24px;font-weight:500}.rec-ai-badge{color:#e07a3c;letter-spacing:.5px;font-size:11px;font-weight:600}.rec-gauge{width:100%;min-height:200px;position:relative}.rec-arc{width:100%;height:auto;display:block}.rec-percent{font-family:var(--font-se);color:#1a1a1a;letter-spacing:var(--tracking-se);align-items:baseline;font-size:120px;font-weight:400;line-height:.85;display:inline-flex;position:absolute;bottom:0;left:8px}.rec-percent span{font-family:var(--font-se);color:#b8b0a8;letter-spacing:var(--tracking-se);margin-left:4px;font-size:28px;font-weight:500}.edit-screen{background:#fdf6f0;flex-direction:column;height:100%;display:flex}.edit-photo{flex-shrink:0;height:280px;position:relative;overflow:hidden}.edit-img{object-fit:cover;width:100%;height:100%}.edit-no-photo{background:#e8d5c5;justify-content:center;align-items:center;width:100%;height:100%;font-size:60px;display:flex}.edit-clarify-btn{-webkit-backdrop-filter:blur(12px);font-family:var(--font-inter);color:#fff;transform-origin:bottom;background:#28282873;border-radius:999px;align-items:center;gap:8px;padding:10px 18px 10px 14px;font-size:15px;font-weight:500;display:inline-flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.edit-clarify-icon{width:24px;height:24px;display:block}.edit-close{-webkit-backdrop-filter:blur(12px);color:#fff;z-index:10;cursor:pointer;background:#28282873;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;font-weight:400;line-height:1;display:flex;position:absolute;top:16px;left:16px}.edit-clarify-btn.wobble{animation:5s ease-in-out infinite clarifyWobble}@keyframes clarifyWobble{0%,50%,to{transform:translate(-50%)rotate(0)}62%{transform:translate(-50%)rotate(-4deg)}76%{transform:translate(-50%)rotate(4deg)}90%{transform:translate(-50%)rotate(-2deg)}}.edit-body{-webkit-overflow-scrolling:touch;flex:1;padding:16px;overflow-y:auto}.edit-title-row{align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.edit-title-input{font-family:var(--font-inter);color:#1a1a1a;resize:none;background:0 0;border:none;outline:none;flex:1;font-size:24px;font-weight:500;line-height:1.2}.edit-pencil{color:#aaa;padding-top:4px;font-size:16px}.confidence-card{border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;transition:background .4s,box-shadow .4s;display:flex}.confidence-card.medium{background:linear-gradient(135deg,#fff1d6 0%,#ffe6b8 100%);box-shadow:0 4px 14px #dcaa501a}.confidence-card.high{background:linear-gradient(135deg,#ddf2d9 0%,#bde5b5 100%);box-shadow:0 4px 14px #78b45a1f}.confidence-card.low{background:linear-gradient(135deg,#ffe0d6 0%,#ffcaba 100%);box-shadow:0 4px 14px #dc503c1f}.confidence-left{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.confidence-badge{color:#fff;width:fit-content;font-family:var(--font-se);letter-spacing:var(--tracking-se);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.confidence-card.medium .confidence-badge{background:#e07a3c}.confidence-card.high .confidence-badge{background:#4caf50}.confidence-card.low .confidence-badge{background:#dc3545}.confidence-label{font-family:var(--font-inter);font-size:14px;font-weight:500;animation:.4s confidenceLabelFade}.confidence-card.medium .confidence-label{color:#8a7050}.confidence-card.high .confidence-label{color:#4a7a4f}.confidence-card.low .confidence-label{color:#8a4040}@keyframes confidenceLabelFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.confidence-val{font-family:var(--font-se);color:#1a1a1a;letter-spacing:var(--tracking-se);align-items:baseline;font-size:42px;font-weight:400;line-height:1;display:inline-flex}.confidence-percent{font-family:var(--font-se);color:#1a1a1a;letter-spacing:var(--tracking-se);margin-left:2px;font-size:24px;font-weight:500}.confidence-card.analyzing{background:linear-gradient(135deg,#f0e8e0 0%,#e8ded0 100%);box-shadow:0 4px 14px #96826414}.confidence-card.analyzing .confidence-badge{background:#8a7050}.confidence-card.analyzing .confidence-label{color:#6a5a45}.confidence-dots{gap:6px;padding-right:6px;display:inline-flex}.confidence-dots span{background:#8a7050;border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite confDot}.confidence-dots span:nth-child(2){animation-delay:.18s}.confidence-dots span:nth-child(3){animation-delay:.36s}@keyframes confDot{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.edit-section-label{font-family:var(--font-inter);color:#1a1a1a;margin:16px 0 10px;font-size:16px;font-weight:500}.meal-type-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px;display:grid}.meal-type-btn{font-family:var(--font-inter);color:#1a1a1a;text-align:left;background:#fff;border:1.5px solid #eee7e0;border-radius:14px;padding:12px;font-size:14px;font-weight:500;transition:all .15s}.meal-type-btn.active{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.portion-row{justify-content:space-between;align-items:baseline;display:flex}.portion-val{font-family:var(--font-se);color:#1a1a1a;letter-spacing:var(--tracking-se);align-items:baseline;font-size:42px;font-weight:400;line-height:1;display:inline-flex}.portion-unit{font-family:var(--font-se);color:#b8b0a8;letter-spacing:var(--tracking-se);margin-left:4px;font-size:24px;font-weight:500}.portion-slider{accent-color:#e07a3c;width:100%;height:4px;margin:12px 0 16px}.edit-footer{padding:12px 16px max(16px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #f0e8e0}.confirm-btn{color:#fff;width:100%;font-family:var(--font-inter);background:#1a1a1a;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:600;transition:background .3s,box-shadow .3s;display:inline-flex}.confirm-btn:disabled{opacity:.5}.confirm-btn.recalc{background:linear-gradient(90deg,#e07a3c,#c5622a);animation:1.8s ease-in-out infinite recalcGlow;box-shadow:0 6px 18px #e07a3c4d}.confirm-icon{font-size:18px;animation:2.2s linear infinite recalcSpin;display:inline-block}@keyframes recalcGlow{0%,to{box-shadow:0 6px 18px #e07a3c4d}50%{box-shadow:0 8px 24px #e07a3c8c}}@keyframes recalcSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.detail-screen{background:#fdf6f0;flex-direction:column;height:100%;display:flex}.detail-photo{flex-shrink:0;height:280px;position:relative;overflow:hidden}.detail-img{object-fit:cover;width:100%;height:100%}.detail-no-photo{background:#e8d5c5;justify-content:center;align-items:center;width:100%;height:100%;font-size:80px;display:flex}.detail-back{-webkit-backdrop-filter:blur(8px);color:#fff;background:#28282873;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex;position:absolute;top:16px;left:16px}.detail-clarify{-webkit-backdrop-filter:blur(12px);font-family:var(--font-inter);color:#fff;background:#28282873;border-radius:999px;align-items:center;gap:8px;padding:10px 18px 10px 14px;font-size:15px;font-weight:500;display:inline-flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.detail-clarify-icon{width:24px;height:24px;display:block}.detail-body{-webkit-overflow-scrolling:touch;flex:1;padding:16px;overflow-y:auto}.detail-date{font-family:var(--font-inter);color:#b8b0a8;margin-bottom:6px;font-size:12px;font-weight:500}.detail-title-row{align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.detail-title{font-family:var(--font-inter);color:#1a1a1a;flex:1;font-size:24px;font-weight:500;line-height:1.2}.detail-pencil{color:#bbb;padding-top:4px;font-size:16px}.detail-kcal-card{background:linear-gradient(#fff 0%,#fff7ee 100%);border-radius:20px;margin-bottom:12px;padding:20px;box-shadow:0 4px 14px #b48c6414}.detail-kcal{font-family:var(--font-se);color:#1a1a1a;letter-spacing:var(--tracking-se);font-size:56px;font-weight:400;line-height:.9}.detail-kcal span{font-family:var(--font-se);color:#b8b0a8;letter-spacing:var(--tracking-se);font-size:20px;font-weight:500}.detail-macros{align-items:stretch;gap:10px;margin-top:18px;display:flex}.detail-macro{background:#fff;border-radius:14px;flex-direction:column;flex:1 1 0;align-items:flex-start;gap:6px;min-width:0;padding:12px;display:flex;box-shadow:0 2px 8px #b48c640f}.dm-name{font-family:var(--font-inter);color:#8a807a;font-size:13px;font-weight:400;line-height:1.2}.dm-strong{font-family:var(--font-se);color:#1a1a1a;letter-spacing:var(--tracking-se);font-size:22px;font-weight:500;line-height:1}.dm-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:block}.dm-dot.blue{background:#9bb5d6}.dm-dot.orange{background:#e8a090}.dm-dot.yellow{background:#d4b896}.detail-score-card{color:#fff;background:linear-gradient(90deg,#e07a3c,#e89968);border-radius:16px;margin-bottom:12px;padding:16px 18px}.detail-score-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.detail-score-label{font-family:var(--font-inter);color:#fff;font-size:14px;font-weight:500}.detail-score-val{font-family:var(--font-se);color:#fff;letter-spacing:var(--tracking-se);align-items:baseline;font-size:42px;font-weight:400;line-height:1;display:inline-flex}.detail-score-percent{font-family:var(--font-se);color:#ffffffe6;letter-spacing:var(--tracking-se);margin-left:2px;font-size:24px;font-weight:500}.detail-score-bar{background:#ffffff40;border-radius:3px;height:6px;overflow:hidden}.detail-score-bar-fill{background:linear-gradient(90deg,#fff9,#fff);border-radius:3px;height:100%;transition:width .4s}.detail-metrics{gap:12px;margin-bottom:14px;display:flex}.detail-metric{background:#fff;border-radius:16px;flex:1;padding:14px;box-shadow:0 2px 10px #b48c640f}.dm-label{font-family:var(--font-inter);color:#b8b0a8;margin-bottom:10px;font-size:13px;font-weight:400}.dm-val{font-family:var(--font-se);color:#1a1a1a;letter-spacing:var(--tracking-se);margin-bottom:12px;font-size:28px;font-weight:400;line-height:1}.dm-val-sub{font-family:var(--font-se);color:#b8b0a8;letter-spacing:var(--tracking-se);font-size:16px;font-weight:400}.dm-bar{background:linear-gradient(90deg,#0000 0%,#f0e8e0 6% 94%,#0000 100%);border-radius:3px;height:5px;position:relative;overflow:visible}.dm-bar>div{background:linear-gradient(90deg, transparent, var(--bar-color,#5ab890));border-radius:3px;height:100%;position:relative}.dm-bar>div:after{content:"";background:var(--bar-color,#5ab890);border-radius:1.5px;width:3px;height:19px;position:absolute;top:-7px;right:-1px}.dm-bar>div:before{content:"";background:var(--bar-color,#5ab890);border-radius:50%;width:9px;height:9px;position:absolute;top:-10px;right:-4px;box-shadow:0 1px 3px #00000026}.detail-ai-block{background:linear-gradient(90deg,#f5c5a0,#e8a878);border-radius:16px;margin-bottom:14px;overflow:hidden}.detail-ai-header{cursor:pointer;align-items:center;gap:10px;padding:14px 16px;display:flex}.detail-ai-badge{color:#fff;font-family:var(--font-se);letter-spacing:var(--tracking-se);background:#e07a3c;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:800}.detail-ai-badge-label{font-family:var(--font-grot);color:#1a1a1a;letter-spacing:.5px;font-size:14px;font-weight:700}.detail-ai-chev{color:#7a4a2a;margin-left:auto;font-size:16px}.detail-ai-text{font-family:var(--font-inter);color:#555;background:#fff;padding:14px 16px;font-size:14px;font-weight:400;line-height:1.55}.detail-section{font-family:var(--font-inter);color:#1a1a1a;margin:14px 0 10px;font-size:16px;font-weight:500}.detail-ingredients{background:#fff;border-radius:16px;margin-bottom:14px;overflow:hidden;box-shadow:0 2px 10px #b48c640f}.detail-ing-row{border-bottom:1px solid #f5ede5;align-items:center;gap:10px;padding:14px 16px;display:flex}.detail-ing-row:last-child{border-bottom:none}.ing-icon{font-size:20px}.detail-ing-name{font-family:var(--font-inter);color:#1a1a1a;flex:1;font-size:15px;font-weight:500}.detail-ing-cal{font-family:var(--font-se);color:#b8b0a8;letter-spacing:var(--tracking-se);font-size:14px;font-weight:500}.detail-see-all{text-align:center;font-family:var(--font-inter);color:#e07a3c;padding:12px;font-size:13px;font-weight:500}.detail-footer{padding:12px 16px max(16px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #f0e8e0}.save-btn{color:#fff;width:100%;font-family:var(--font-inter);background:#1a1a1a;border-radius:16px;padding:16px;font-size:16px;font-weight:600}.save-btn:disabled{opacity:.5}.save-btn.danger{color:#dc3545;background:#dc35451a}.confirm-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:24px;animation:.2s confirmFadeIn;display:flex;position:fixed;inset:0}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:360px;padding:28px 24px 20px;animation:.25s confirmSlideUp;display:flex;box-shadow:0 20px 60px #0000004d}@keyframes confirmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-icon-big{margin-bottom:12px;font-size:56px}.confirm-title{font-family:var(--font-se);color:#1a1a1a;letter-spacing:var(--tracking-se);margin-bottom:8px;font-size:22px;font-weight:700}.confirm-sub{font-family:var(--font-inter);color:#8a807a;margin-bottom:22px;font-size:14px;font-weight:400;line-height:1.5}.confirm-buttons{gap:10px;width:100%;display:flex}.confirm-cancel,.confirm-delete{font-family:var(--font-inter);border-radius:14px;flex:1;padding:14px;font-size:15px;font-weight:600;transition:opacity .15s}.confirm-cancel{color:#1a1a1a;background:#f0e8e0}.confirm-delete{color:#fff;background:#dc3545}.confirm-cancel:disabled,.confirm-delete:disabled{opacity:.6}.success-screen{background:#fdf6f0;flex-direction:column;height:100%;display:flex;position:relative}.success-close{color:#555;background:#2625231a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;position:absolute;top:16px;right:16px}.success-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding:40px 32px;display:flex}.mascot-card{background:#fff;border-radius:28px;flex-direction:column;align-items:center;gap:8px;width:200px;padding:32px;display:flex;box-shadow:0 4px 20px #0000000f}.mascot-stars{color:#ffb800;letter-spacing:4px;font-size:20px}.success-title{font-family:var(--font-se);color:#1a1a1a;text-align:center;letter-spacing:var(--tracking-se);font-size:60px;font-weight:800;line-height:1}.success-sub{font-family:var(--font-inter);color:#8a807a;text-align:center;max-width:280px;font-size:16px;font-weight:400;line-height:1.5}.success-footer{padding:16px 24px max(24px, env(safe-area-inset-bottom))}.success-btn{color:#fff;width:100%;font-family:var(--font-inter);background:#1a1a1a;border-radius:18px;padding:18px;font-size:17px;font-weight:600}.insight-screen{background:#fdf6f0;flex-direction:column;height:100%;display:flex;position:relative}.insight-header{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.insight-nav-btn{color:#555;background:#26252314;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.insight-dots{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.insight-dot{background:#f0e0d0;border-radius:3px;width:28px;height:5px}.insight-dot.active{background:#e07a3c;width:44px}.insight-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-bottom:16px;overflow-y:auto}.insight-mascot{width:80px;height:90px;margin:20px 0 16px 20px;display:block}.insight-card{font-family:var(--font-inter);color:#3a2a20;background:linear-gradient(#ffe9d6 0%,#fcd9bd 100%);border-radius:24px;margin:0 16px;padding:24px 22px;font-size:17px;font-weight:400;line-height:1.45;box-shadow:0 4px 16px #dca0641a}.insight-footer{padding:16px max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-bottom));background:#fdf6f0;flex-shrink:0}.insight-btn{color:#fff;width:100%;font-family:var(--font-inter);background:#1a1a1a;border-radius:999px;padding:18px;font-size:17px;font-weight:600}.manual-screen{color:#fff;background:#1a1816;flex-direction:column;height:100%;display:flex}.manual-header{align-items:center;gap:12px;padding:16px;display:flex}.manual-nav-btn{color:#fff;background:#ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.manual-title{text-align:center;font-family:var(--font-inter);color:#fff;flex:1;font-size:18px;font-weight:500}.manual-body{flex:1;padding:24px 20px;overflow-y:auto}.manual-input{resize:none;width:100%;font-family:var(--font-inter);color:#fff;caret-color:#fff;background:0 0;border:none;outline:none;font-size:24px;font-weight:500;line-height:1.3}.manual-input::placeholder{color:#fff6}.manual-footer{padding:12px 16px max(16px, env(safe-area-inset-bottom))}.manual-create-btn{color:#1a1816;width:100%;font-family:var(--font-inter);background:#ffffffeb;border-radius:999px;padding:18px;font-size:17px;font-weight:600;transition:opacity .15s}.manual-create-btn:disabled{color:#ffffff73;background:#fff3}.search-screen{color:#fff;background:#1a1816;flex-direction:column;height:100%;display:flex}.search-header{align-items:center;gap:12px;padding:16px;display:flex}.search-nav-btn{color:#fff;background:#ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.search-title{text-align:center;font-family:var(--font-inter);color:#fff;flex:1;font-size:18px;font-weight:500}.search-tabs{background:#ffffff0f;border-radius:999px;gap:4px;margin:0 16px;padding:4px;display:flex}.search-tab{font-family:var(--font-inter);color:#ffffff8c;background:0 0;border-radius:999px;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.search-tab.active{color:#1a1816;background:#fff}.search-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.search-item{text-align:left;background:#ffffff0f;border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex}.search-item-thumb{background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex}.search-item-info{flex:1}.search-item-name{font-family:var(--font-inter);color:#fff;margin-bottom:6px;font-size:16px;font-weight:500;line-height:1.2}.search-item-date{font-family:var(--font-inter);color:#ffffff73;font-size:13px;font-weight:400}.search-empty{color:#ffffff8c;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.search-empty-icon{opacity:.5;margin-bottom:16px;font-size:56px}.search-empty-title{font-family:var(--font-inter);color:#fff;margin-bottom:6px;font-size:18px;font-weight:500}.search-empty-sub{font-family:var(--font-inter);color:#ffffff73;font-size:14px;font-weight:400}.search-input-wrap{margin:0 16px max(16px, env(safe-area-inset-bottom));position:relative}.search-input{width:100%;font-family:var(--font-inter);color:#fff;background:#ffffff1a;border:none;border-radius:999px;outline:none;padding:14px 44px 14px 18px;font-size:15px;font-weight:400}.search-input::placeholder{color:#ffffff73}.search-input-icon{color:#ffffff80;pointer-events:none;font-size:18px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.search-clear{color:#fff;background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.welcome-screen{background:#fbf7f6;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.welcome-body{z-index:1;flex-direction:column;flex:1;justify-content:center;min-height:0;padding:24px;display:flex;position:relative}.welcome-mascot-wrap{justify-content:center;margin-bottom:28px;display:flex}.welcome-mascot{object-fit:contain;width:78%;max-width:320px;height:auto}.welcome-text{text-align:left}.welcome-title{font-family:var(--font-grot);color:#1a1a1a;margin-bottom:18px;font-size:68px;font-weight:500;line-height:.95}.welcome-sub{font-family:var(--font-inter);color:#9b9189;max-width:320px;font-size:16px;font-weight:500;line-height:1.4}.welcome-footer{z-index:1;padding:16px 24px max(24px, env(safe-area-inset-bottom));position:relative}.welcome-btn{color:#fff;width:100%;font-family:var(--font-inter);background:#1a1a1a;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:18px;font-size:17px;font-weight:600;transition:transform .12s;display:inline-flex}.welcome-btn:active{transform:scale(.98)}@media (width<=360px){.welcome-title{font-size:58px}}