*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #000;--surface: #1c1c1e;--surface2: #2c2c2e;--surface3: #3a3a3c;--text: #fff;--text-secondary: rgba(255,255,255,.55);--text-tertiary: rgba(255,255,255,.3);--accent: #ff6b35;--accent-protein: #30d158;--accent-carbs: #0a84ff;--accent-fat: #ffd60a;--separator: rgba(255,255,255,.08);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;max-width:430px;margin:0 auto;position:relative}button{border:none;background:none;color:inherit;font-family:inherit;cursor:pointer}input,textarea{font-family:inherit;color:inherit;background:none;border:none;outline:none}.app{display:flex;flex-direction:column;height:100%;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.header{padding:16px 20px 8px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header-title{font-size:28px;font-weight:700;letter-spacing:-.5px}.header-date{font-size:13px;color:var(--text-secondary);margin-top:2px;font-weight:400}.header-left{flex:1}.icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface2);color:var(--text);font-size:18px;transition:opacity .15s;flex-shrink:0}.icon-btn:active{opacity:.6}.main-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:8px 20px 20px;display:flex;flex-direction:column;gap:16px}.ring-card{background:var(--surface);border-radius:24px;padding:24px;display:flex;align-items:center;gap:24px}.ring-container{position:relative;flex-shrink:0}.ring-svg{transform:rotate(-90deg)}.ring-progress{fill:none;stroke-linecap:round;transition:stroke-dashoffset .7s cubic-bezier(.4,0,.2,1)}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1px}.ring-calories-num{font-size:30px;font-weight:700;letter-spacing:-1.5px;line-height:1}.ring-calories-sub{font-size:10px;color:var(--text-secondary);font-weight:500;letter-spacing:.3px;text-transform:uppercase}.ring-stats{flex:1;display:flex;flex-direction:column;gap:14px}.stat-row{display:flex;flex-direction:column;gap:5px}.stat-header{display:flex;justify-content:space-between;align-items:baseline}.stat-name{font-size:12px;color:var(--text-secondary);font-weight:500}.stat-value{font-size:12px;font-weight:600}.stat-bar-bg{height:4px;background:var(--surface2);border-radius:2px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1);max-width:100%}.summary-row{display:flex;gap:2px}.summary-item{flex:1;background:var(--surface);border-radius:16px;padding:14px 10px;text-align:center}.summary-num{font-size:20px;font-weight:700;letter-spacing:-.5px}.summary-label{font-size:10px;color:var(--text-secondary);margin-top:3px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.add-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;font-size:16px;font-weight:600;border-radius:18px;padding:17px;transition:opacity .15s,transform .1s;letter-spacing:-.2px}.add-btn:active{opacity:.85;transform:scale(.98)}.add-btn-icon{font-size:22px;font-weight:300;line-height:1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title{font-size:17px;font-weight:600;letter-spacing:-.3px}.section-clear{font-size:13px;color:#ff453a;font-weight:500}.food-list{display:flex;flex-direction:column;gap:2px}.food-item{background:var(--surface);border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px;position:relative}.food-item-img{width:46px;height:46px;border-radius:10px;object-fit:cover;flex-shrink:0}.food-item-emoji{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--surface2);flex-shrink:0}.food-item-info{flex:1;min-width:0}.food-item-name{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.food-item-macros{font-size:12px;color:var(--text-secondary);margin-top:2px}.food-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.food-item-cal{font-size:17px;font-weight:700;color:var(--accent)}.food-item-time{font-size:11px;color:var(--text-tertiary)}.food-delete-btn{background:#ff453a22;color:#ff453a;border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:background .15s}.food-delete-btn:active{background:#ff453a44}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-icon{font-size:52px;margin-bottom:12px;opacity:.4}.empty-text{font-size:15px}.overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100;display:flex;align-items:flex-end;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{background:var(--surface);border-radius:24px 24px 0 0;padding:12px 20px 0;width:100%;max-height:94vh;display:flex;flex-direction:column;animation:slideUp .32s cubic-bezier(.32,.72,0,1);padding-bottom:var(--safe-bottom)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:36px;height:5px;background:var(--surface3);border-radius:3px;margin:0 auto 16px;flex-shrink:0}.sheet-title{font-size:17px;font-weight:600;text-align:center;margin-bottom:20px;letter-spacing:-.3px;flex-shrink:0}.sheet-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;padding-bottom:28px}.input-modes{display:flex;gap:6px;margin-bottom:16px;background:var(--surface2);border-radius:12px;padding:4px}.mode-btn{flex:1;padding:9px;border-radius:9px;font-size:14px;font-weight:500;text-align:center;color:var(--text-secondary);transition:all .15s}.mode-btn.active{background:var(--surface3);color:var(--text)}.food-input-wrap{background:var(--surface2);border-radius:16px;padding:14px 16px;margin-bottom:12px}.food-textarea{width:100%;font-size:16px;font-weight:400;resize:none;min-height:64px;max-height:120px;color:var(--text);line-height:1.45}.food-textarea::placeholder{color:var(--text-tertiary)}.camera-area{background:var(--surface2);border-radius:16px;margin-bottom:12px;overflow:hidden;position:relative;cursor:pointer}.camera-placeholder{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.camera-icon{font-size:42px;opacity:.35}.camera-text{font-size:14px;color:var(--text-secondary);font-weight:500}.camera-sub{font-size:12px;color:var(--text-tertiary)}.preview-img{width:100%;max-height:260px;object-fit:cover;display:block}.preview-clear{position:absolute;top:10px;right:10px;background:#000000a6;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:15px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nutrition-preview{background:var(--surface2);border-radius:16px;padding:16px;margin-bottom:12px;animation:fadeIn .25s ease}.nutrition-preview-name{font-size:15px;font-weight:600;margin-bottom:14px}.nutrition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.nutrition-cell{background:var(--surface3);border-radius:10px;padding:10px 6px;text-align:center}.nutrition-cell-val{font-size:18px;font-weight:700}.nutrition-cell-label{font-size:10px;color:var(--text-secondary);margin-top:3px;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.analyze-btn{width:100%;padding:16px;border-radius:16px;font-size:16px;font-weight:600;background:var(--surface2);color:var(--accent);margin-bottom:8px;transition:opacity .15s;letter-spacing:-.2px}.analyze-btn:active{opacity:.6}.analyze-btn:disabled{opacity:.35}.confirm-btn{width:100%;padding:16px;border-radius:16px;font-size:16px;font-weight:600;background:var(--accent);color:#fff;margin-bottom:8px;transition:opacity .15s,transform .1s;letter-spacing:-.2px}.confirm-btn:active{opacity:.85;transform:scale(.98)}.confirm-btn:disabled{opacity:.35}.loading-row{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;color:var(--text-secondary);font-size:14px;font-weight:500}.spinner{width:18px;height:18px;border:2px solid var(--surface3);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.goals-form{display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.goal-row{background:var(--surface2);border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.goal-label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500}.goal-dot{width:9px;height:9px;border-radius:50%}.goal-input{width:76px;text-align:right;font-size:17px;font-weight:700;color:var(--text);background:var(--surface3);border-radius:9px;padding:5px 10px}.goal-unit{font-size:12px;color:var(--text-secondary);margin-left:4px}.save-goals-btn{width:100%;padding:16px;border-radius:16px;font-size:16px;font-weight:600;background:var(--accent);color:#fff;margin-top:8px;transition:opacity .15s}.save-goals-btn:active{opacity:.8}.toast{position:fixed;bottom:calc(32px + var(--safe-bottom));left:50%;transform:translate(-50%);background:var(--surface2);color:var(--text);padding:12px 22px;border-radius:50px;font-size:14px;font-weight:500;z-index:300;white-space:nowrap;animation:toastIn .25s cubic-bezier(.32,.72,0,1);border:1px solid var(--surface3)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}