@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-color:#f4f8f6;--card-bg:#fff;--text-primary:#1e332a;--text-secondary:#748c82;--primary-green:#21b86d;--primary-green-hover:#1ba05e;--circle-bg:#e5f0eb;--border-color:#e2e8e5;--disabled-btn:#aebaba;--meal-card-bg:#f4f6f5;--modal-overlay:#1e332a66;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif;overflow-x:hidden}#root{background-color:var(--bg-color);width:100%;max-width:600px;min-height:100vh;margin:0 auto;position:relative}button,.icon-btn,.meal-btn,.fab{-webkit-user-select:none;user-select:none}button{cursor:pointer;background:0 0;border:none;font-family:Outfit,sans-serif}input{border:none;outline:none;font-family:Outfit,sans-serif}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#dbe2de;border-radius:10px}.loading-screen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#fff9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-ring{justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.loading-ring:before{content:"";border:4px solid var(--circle-bg);border-top-color:var(--primary-green);border-radius:50%;animation:.9s cubic-bezier(.5,.1,.5,.9) infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-bowl{font-size:36px;animation:1.8s ease-in-out infinite pulse-bowl}@keyframes pulse-bowl{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.app-container{flex-direction:column;gap:20px;max-width:100vw;padding:16px 16px 110px;display:flex}@media (width>=480px){.app-container{gap:24px;padding:24px 24px 120px}}.header{justify-content:space-between;align-items:flex-start;margin-top:24px;display:flex}.day-subtitle{color:var(--primary-green);letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;font-weight:700;display:flex}.date-title{color:var(--text-primary);letter-spacing:-1px;font-size:clamp(24px,6vw,32px);font-weight:800}.header-actions{gap:12px;display:flex}.icon-btn{width:44px;height:44px;color:var(--text-secondary);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000008}.icon-btn:active{transform:scale(.95)}.dropdown-wrapper{position:relative}.dropdown-menu{background-color:var(--card-bg);z-index:100;border-radius:16px;flex-direction:column;gap:4px;min-width:160px;padding:8px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 8px 32px #00000014}.dropdown-item{color:var(--text-primary);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;transition:background-color .15s;display:flex}.dropdown-item:hover{background-color:var(--bg-color)}.dropdown-item.danger{color:#e53e3e}.dropdown-item.danger:hover{background-color:#fff0f0}.daily-target-card{background-color:var(--card-bg);border-radius:24px;padding:20px 24px;box-shadow:0 8px 24px #0000000a}.card-label{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600}.target-input-row{flex-direction:column;gap:12px;display:flex}@media (width>=480px){.target-input-row{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}}.target-input{background-color:var(--bg-color);width:100%;color:var(--text-primary);border-radius:12px;padding:14px 16px;font-size:18px;font-weight:600}@media (width>=480px){.target-input{flex:1;width:auto}}.target-actions{justify-content:flex-end;align-items:center;gap:16px;display:flex}.cancel-btn{color:var(--text-secondary);padding:12px 0;font-size:15px;font-weight:500}.save-btn{background-color:var(--primary-green);color:#fff;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:600;transition:background-color .2s}.save-btn:active{background-color:var(--primary-green-hover)}.progress-container{justify-content:center;align-items:center;padding:24px 0;display:flex}.svg-wrapper{justify-content:center;align-items:center;width:min(240px,65vw);height:min(240px,65vw);display:flex;position:relative}.svg-wrapper svg{width:100%;height:100%}.progress-inner-content{z-index:2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.consumed-label{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:4px;font-size:13px;font-weight:600}.consumed-value{color:var(--text-secondary);align-items:baseline;gap:6px;margin-bottom:8px;font-weight:500;display:flex}.consumed-value .number{color:var(--text-primary);font-size:clamp(40px,12vw,56px);font-weight:800;line-height:1}.goal-pill{color:var(--text-primary);background-color:#e8eee9;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:600}.stats-row{gap:12px;display:flex}@media (width>=480px){.stats-row{gap:16px}}.stat-card{background-color:var(--card-bg);border-radius:20px;flex:1;padding:16px 20px;box-shadow:0 4px 16px #00000008}@media (width>=480px){.stat-card{border-radius:24px;padding:20px 24px}}.stat-label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.stat-label.green{color:var(--text-secondary)}.stat-value{color:var(--text-primary);font-size:24px;font-weight:800}.stat-value.green{color:var(--primary-green)}.stat-value.red{color:#e53e3e}.log-section{flex-direction:column;gap:24px;margin-top:16px;display:flex}.log-header{justify-content:space-between;align-items:center;display:flex}.log-header h2{color:var(--text-primary);font-size:22px;font-weight:800}.log-header-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}@media (width>=400px){.log-header-right{flex-direction:row;align-items:center;gap:10px}}.log-protein-total{color:#3b82f6;background-color:#f0f4ff;border:1px solid #dbeafe;border-radius:16px;padding:6px 14px;font-size:13px;font-weight:700}.log-count{color:var(--text-secondary);white-space:nowrap;background-color:#e8eee9;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:600}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;padding:40px 20px;display:flex}.empty-icon-circle{background-color:#e8eee9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;font-size:32px;display:flex}.empty-title{color:var(--text-secondary);margin-bottom:8px;font-size:18px;font-weight:600}.empty-desc{color:#8da498;font-size:14px}.empty-desc strong{color:var(--text-primary)}.log-group{flex-direction:column;gap:12px;display:flex}.log-group:not(:first-child){margin-top:10px}.log-group-header{justify-content:space-between;align-items:center;padding:0 8px;display:flex}.log-group-title{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.log-group-total{color:var(--primary-green);font-size:14px;font-weight:700}.log-items{flex-direction:column;gap:8px;display:flex}@media (width>=480px){.log-items{gap:12px}}.log-item{background-color:var(--card-bg);border-radius:20px;align-items:center;gap:16px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000005}.log-item-icon{background-color:#f4f8f6;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.log-item-details{flex:1}.log-item-name{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:800}.log-item-sub{color:var(--text-secondary);font-size:13px;font-weight:500}.log-item-calories{flex-direction:column;align-items:flex-end;margin-right:28px;display:flex}@media (width>=480px){.log-item-calories{margin-right:32px}}.log-cal-val{color:var(--text-primary);font-size:18px;font-weight:800}.log-cal-lbl{color:var(--text-secondary);font-size:11px;font-weight:700}.log-item-delete{color:#ff5e5e;opacity:.5;background-color:#0000;justify-content:center;align-items:center;width:44px;transition:all .2s;display:flex;position:absolute;top:0;bottom:0;right:0}.log-item-delete:hover,.log-item-delete:active{opacity:1;background-color:#fff0f0}.fab{background-color:var(--primary-green);color:#fff;z-index:10;white-space:nowrap;border-radius:28px;align-items:center;gap:10px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #21b86d59}@media (width>=480px){.fab{border-radius:30px;padding:16px 28px;font-size:18px;bottom:40px}}.fab:active{transform:translate(-50%)scale(.95);box-shadow:0 8px 24px #21b86d4d}.fade-in{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.recalculating{opacity:.6;animation:.45s ease-in-out alternate pulse-recalc}@keyframes pulse-recalc{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.confirm-overlay{background-color:var(--modal-overlay);z-index:1000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.confirm-modal{background-color:var(--card-bg);text-align:center;border-radius:20px;width:90%;max-width:320px;padding:24px;box-shadow:0 12px 48px #0000001a}.confirm-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:800}.confirm-desc{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.confirm-actions{gap:12px;display:flex}.confirm-actions button{border-radius:12px;flex:1;padding:12px;font-size:15px;font-weight:600}.confirm-cancel{color:var(--text-secondary);background-color:#f4f8f6}.confirm-btn{background-color:var(--primary-green);color:#fff}.install-banner{z-index:2000;color:#fff;background:#1a1a2e;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:fixed;top:12px;left:12px;right:12px;box-shadow:0 4px 24px #00000047}.install-banner-text{flex-direction:column;flex:1;min-width:0;display:flex}.install-banner-title{color:#fff;font-size:14px;font-weight:700;line-height:1.2}.install-banner-sub{color:#ffffffa6;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.install-banner-btn{color:#1a1a2e;cursor:pointer;background:#e8f5e9;border:none;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:700}.install-banner-btn:active{background:#c8e6c9}.install-banner-close{color:#fffc;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.install-banner-close:active{background:#ffffff38}@media (width>=768px){.install-banner{max-width:480px;left:50%;right:auto;transform:translate(-50%)}}.loading-sparkle{opacity:.7;animation:1.5s linear infinite sparkle-rotate}@keyframes sparkle-rotate{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}