.app-layout{flex-direction:column;min-height:100dvh;display:flex}.app-main{padding:calc(env(safe-area-inset-top,0px) + 16px) 16px 96px;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:16px;min-height:100%;display:flex;overflow-y:auto}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card,.meal-group,.widget{animation:.35s cubic-bezier(.22,1,.36,1) both cardIn}.tab-bar{-webkit-backdrop-filter:blur(30px);border-top:.5px solid var(--separator);width:100%;max-width:430px;min-height:80px;padding-top:8px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 4px);z-index:100;background:#f2f2f7d1;align-items:flex-start;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-item{color:var(--text-tertiary);-webkit-tap-highlight-color:transparent;letter-spacing:.1px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;font-size:11px;font-weight:500;transition:color .2s;display:flex}.tab-item.active{color:var(--blue);font-weight:600}.tab-icon-wrap{transition:transform .3s cubic-bezier(.22,1,.36,1)}.tab-item.active .tab-icon-wrap{transform:scale(1.12)}.card{background:var(--card);border-radius:20px;padding:20px;box-shadow:0 2px 12px #0000000a}.ring-container{justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto;display:flex;position:relative}.ring-svg{width:200px;height:200px;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--separator);stroke-width:5px}.ring-fill{fill:none;stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset .7s cubic-bezier(.22,1,.36,1)}.ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.status-badge{border-radius:100px;align-items:center;gap:4px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.macro-row{gap:16px;margin-top:20px;display:flex}.macro-item{text-align:center;flex:1}.macro-val{font-size:17px;font-weight:600}.macro-unit{color:var(--text-tertiary);font-size:11px;font-weight:400}.macro-label{color:var(--text-secondary);margin-top:2px;font-size:11px;font-weight:500}.macro-bar{background:var(--separator);border-radius:2px;height:2px;margin-top:6px;overflow:hidden}.macro-bar-fill{border-radius:2px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.meal-group{background:var(--card);border-radius:20px;overflow:hidden}.meal-group-header{border-bottom:.5px solid var(--separator);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.meal-group-title{color:var(--text);align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.meal-group-sub{color:var(--text-secondary);font-size:14px;font-weight:500}.record-row{border-bottom:.5px solid var(--separator);justify-content:space-between;align-items:center;padding:14px 20px;transition:background .15s;display:flex}.record-row:last-child{border-bottom:none}.record-row:active{background:var(--blue-light)}.record-info{flex-direction:column;gap:2px;display:flex}.record-name{color:var(--text);font-size:16px;font-weight:500}.record-meta{color:var(--text-secondary);font-size:13px;font-weight:400}.record-right{align-items:center;gap:12px;display:flex}.record-kcal{font-variant-numeric:tabular-nums;color:var(--text);font-size:17px;font-weight:600}.record-delete{color:var(--text-tertiary);padding:4px;font-size:13px;transition:color .15s}.record-delete:active{color:var(--red)}.empty-row{text-align:center;color:var(--text-secondary);padding:32px;font-size:14px;font-weight:400;line-height:1.6}.widget-row{gap:12px;display:flex}.widget{background:var(--card);text-align:center;border-radius:20px;flex:1;padding:20px;transition:all .15s}.widget:active{background:var(--blue-light)}.quick-add-row{gap:6px;display:flex}.quick-add-btn{text-align:center;border-radius:16px;flex:1;padding:14px 4px;font-size:11px;transition:all .2s}.quick-add-btn:active{background:var(--blue-light);transform:scale(.97)}.btn-primary{background:var(--blue);color:#fff;letter-spacing:-.2px;border-radius:14px;width:100%;padding:15px;font-size:17px;font-weight:600;transition:all .15s}.btn-primary:active{opacity:.92;transform:scale(.98)}.btn-primary:disabled{background:var(--separator);color:var(--text-tertiary)}.sheet-overlay{z-index:200;background:#00000040;justify-content:center;align-items:flex-end;animation:.22s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet-content{-webkit-backdrop-filter:blur(20px);padding:24px 24px calc(env(safe-area-inset-bottom,0px) + 24px);background:#fffffff5;border-radius:24px 24px 0 0;width:100%;max-width:430px;max-height:80vh;animation:.3s cubic-bezier(.22,1,.36,1) slideUp;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulseIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.week-strip{gap:2px;display:flex}.week-day{text-align:center;border-radius:12px;flex:1;min-width:44px;padding:10px 0;font-size:11px;transition:all .2s}.week-day-num{margin-top:1px;font-size:17px;font-weight:500}.food-item{border-bottom:.5px solid var(--separator);justify-content:space-between;align-items:center;padding:15px 18px;transition:background .15s;display:flex}.food-item:last-child{border-bottom:none}.food-item:active{background:var(--blue-light)}.food-item-name{font-size:16px;font-weight:500}.food-item-cat{color:var(--text-secondary);margin-top:2px;font-size:12px}.search-bar{background:#7676801a;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:flex}.search-bar:focus-within{background:var(--card);box-shadow:0 0 0 3px #007aff1a}.search-bar input{color:var(--text);background:0 0;flex:1;font-size:16px}.search-bar input::placeholder{color:var(--text-tertiary)}.meal-type-row{gap:6px;display:flex}.meal-type-btn{text-align:center;color:var(--text-secondary);background:#7676800f;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 4px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.meal-type-btn.selected{background:var(--blue);color:#fff}.gram-input{letter-spacing:-1px;text-align:center;width:120px;color:var(--text);font-variant-numeric:tabular-nums;background:0 0;padding:6px 8px;font-size:44px;font-weight:600}.gram-input-row{justify-content:center;align-items:center;gap:4px;display:flex}.gram-unit{color:var(--text-secondary);font-size:20px;font-weight:500}.gram-presets{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;display:flex}.gram-preset{color:var(--text-secondary);background:#7676800f;border-radius:100px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .2s}.gram-preset.active{background:var(--blue);color:#fff}.calorie-preview{text-align:center;background:var(--blue-light);color:var(--blue);border-radius:10px;margin-top:12px;padding:12px;font-size:14px;font-weight:600}.segmented-control{background:#7676801a;border-radius:9px;padding:2px;display:flex}.segmented-option{text-align:center;color:var(--text-secondary);border-radius:7px;flex:1;padding:7px 12px;font-size:13px;font-weight:500;transition:all .2s}.segmented-option.active{color:var(--text);background:#fff;box-shadow:0 1px 3px #0000000a,0 0 0 .5px #0000000a}.toast-container{z-index:999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:60px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(16px);color:#fff;white-space:nowrap;background:#1c1c1ee0;border-radius:100px;padding:10px 20px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.22,1,.36,1) toastIn}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.section-title{letter-spacing:-.4px;color:var(--text);font-size:28px;font-weight:700}.hero-stat{text-align:center;padding:8px 0}.hero-value{letter-spacing:-1.5px;color:var(--text);font-size:56px;font-weight:700;line-height:1}.hero-unit{color:var(--text-secondary);font-size:22px;font-weight:500}.hero-label{color:var(--text-secondary);margin-top:4px;font-size:14px;font-weight:500}.nav-header{align-items:center;gap:10px;margin-bottom:2px;display:flex}.nav-title{letter-spacing:-.3px;color:var(--text);font-size:26px;font-weight:700}.link-btn{color:var(--blue);font-size:15px;font-weight:500}.form-label{color:var(--text-secondary);letter-spacing:.2px;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input{width:100%;color:var(--text);background:#7676800f;border-radius:12px;padding:12px 14px;font-size:16px;font-weight:400;transition:all .2s}.form-input:focus{background:#fff;box-shadow:0 0 0 3px #007aff1a}.info-note{color:var(--text-secondary);text-align:center;padding:6px;font-size:13px}.copy-banner{background:var(--card);color:var(--blue);text-align:center;border-radius:20px;padding:14px 20px;font-size:14px;transition:background .15s}.copy-banner:active{background:var(--blue-light)}.date-nav{justify-content:center;align-items:center;gap:8px;padding:4px 0;display:flex}.date-nav-title{color:var(--text);font-size:18px;font-weight:600}.weight-chart{align-items:flex-end;gap:4px;height:120px;padding:12px 0;display:flex}.weight-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.weight-bar{background:var(--blue);border-radius:4px 4px 0 0;width:100%;max-width:24px;transition:height .4s}.weight-bar-date{color:var(--text-tertiary);margin-top:4px;font-size:10px;font-weight:500}.weight-bar-val{color:var(--text-secondary);font-size:10px;font-weight:500}.settings-section{background:var(--card);border-radius:20px;overflow:hidden}.settings-row{border-bottom:.5px solid var(--separator);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.settings-row:last-child{border-bottom:none}.settings-label{font-size:16px}.settings-value{color:var(--text-secondary);font-size:16px}.slider-row{margin-bottom:14px}.slider-label{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;padding:0}input,textarea{-webkit-user-select:text;user-select:text}:root{--blue:#007aff;--blue-light:#007aff14;--red:#ff3b30;--orange:#ff9500;--green:#34c759;--yellow:#fc0;--pink:#ff2d55;--purple:#af52de;--bg:#f2f2f7;--card:#ffffffe0;--separator:#3c3c4314;--text:#1c1c1e;--text-secondary:#6d6d72;--text-tertiary:#a1a1a6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}html,body{overscroll-behavior-x:none;height:100%}body{background:var(--bg);-webkit-overflow-scrolling:touch;max-width:430px;min-height:100dvh;margin:0 auto}#root{-webkit-overflow-scrolling:touch;flex-direction:column;min-height:100dvh;display:flex;overflow-y:auto}input,button,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none}input{background:0 0;border:none;outline:none}a{color:var(--blue);text-decoration:none}