:root{--bg: #f6f1ea;--bg-warm: #efe6d8;--paper: #fbf7f1;--ink: #2b2520;--ink-soft: #6a5e52;--ink-mute: #9b8e80;--line: #e6dccd;--accent: #c2542a;--accent-deep: #9a3d1a;--accent-soft: #f4d6c5;--leaf: #5a7a4a;--leaf-soft: #d8e2c8;--gold: #d6a55a;--berry: #8c3a4b;--shadow: 0 1px 2px rgba(43, 37, 32, .04), 0 8px 24px rgba(43, 37, 32, .06)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}input,textarea,select{font-family:inherit;font-size:16px}.serif{font-family:Fraunces,Georgia,serif;font-optical-sizing:auto}.app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative;padding-bottom:96px}.topbar{padding:20px 24px 12px;display:flex;justify-content:space-between;align-items:flex-end}.brand{font-family:Fraunces,serif;font-size:28px;font-weight:500;letter-spacing:-.02em;line-height:1}.brand .dot{color:var(--accent)}.date-pill{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--paper);border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:500;color:var(--ink-soft)}.date-pill .chev{font-size:10px;opacity:.6}.hero{margin:8px 20px 20px;background:linear-gradient(165deg,#fbf7f1,#f1e6d3);border-radius:28px;padding:24px 22px;border:1px solid var(--line);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(194,84,42,.12),transparent 70%)}.hero-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mute);font-weight:600;margin-bottom:6px}.hero-num{font-family:Fraunces,serif;font-size:56px;font-weight:400;letter-spacing:-.04em;line-height:1;color:var(--ink)}.hero-num .unit{font-size:22px;color:var(--ink-soft);font-weight:400;margin-left:4px}.hero-num .remaining{color:var(--accent)}.hero-sub{margin-top:6px;font-size:14px;color:var(--ink-soft)}.hero-sub strong{color:var(--ink);font-weight:600}.ring-wrap{display:flex;align-items:center;gap:20px;margin-top:18px}.ring{position:relative;width:110px;height:110px;flex-shrink:0}.ring svg{transform:rotate(-90deg);width:100%;height:100%}.ring-bg{fill:none;stroke:#2b252014;stroke-width:10}.ring-fg{fill:none;stroke:var(--accent);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-pct{font-family:Fraunces,serif;font-size:24px;font-weight:500;line-height:1}.ring-pct-sub{font-size:10px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}.macros{flex:1;display:flex;flex-direction:column;gap:10px}.macro-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.macro-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft);font-weight:500}.macro-dot{width:8px;height:8px;border-radius:50%}.macro-bar{flex:1;height:4px;background:#2b252014;border-radius:4px;overflow:hidden;max-width:80px}.macro-fill{height:100%;border-radius:4px;transition:width .5s ease}.macro-val{font-size:13px;font-weight:600;color:var(--ink);min-width:56px;text-align:right}.macro-val span{color:var(--ink-mute);font-weight:400;font-size:11px}.section{margin:0 20px 22px}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;padding:0 4px}.section-title{font-family:Fraunces,serif;font-size:22px;font-weight:500;letter-spacing:-.02em;margin:0}.section-link{font-size:13px;color:var(--accent);font-weight:500}.meals{display:flex;flex-direction:column;gap:10px}.meal-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;align-items:center;gap:14px;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.meal-card:active{transform:scale(.98);box-shadow:var(--shadow)}.meal-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px}.meal-body{flex:1;min-width:0}.meal-name{font-size:15px;font-weight:600;color:var(--ink);margin:0 0 2px}.meal-items{font-size:13px;color:var(--ink-soft);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meal-cal{font-family:Fraunces,serif;font-size:20px;font-weight:500;color:var(--ink);flex-shrink:0}.meal-cal span{font-size:11px;color:var(--ink-mute);font-family:Inter,sans-serif;margin-left:2px}.meal-add{background:transparent;border:1.5px dashed var(--line);border-radius:18px;padding:14px 16px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink-soft);font-size:14px;font-weight:500;width:100%;transition:all .15s ease}.meal-add:hover,.meal-add:active{border-color:var(--accent);color:var(--accent);background:#c2542a0a}.meal-add .plus{width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 20px 24px}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 12px;text-align:left}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute);font-weight:600;margin-bottom:4px}.stat-value{font-family:Fraunces,serif;font-size:22px;font-weight:500;letter-spacing:-.02em;color:var(--ink);line-height:1.1}.stat-value .unit{font-size:11px;color:var(--ink-mute);font-family:Inter,sans-serif;margin-left:2px;font-weight:400}.stat-trend{font-size:11px;color:var(--leaf);margin-top:4px;font-weight:500}.stat-trend.down{color:var(--berry)}.tip{margin:0 20px 24px;background:linear-gradient(135deg,#2b2520,#3d322a);border-radius:20px;padding:20px;color:#f6f1ea;position:relative;overflow:hidden}.tip:before{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,rgba(214,165,90,.3),transparent 70%)}.tip-label{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-weight:600;margin-bottom:8px}.tip-text{font-family:Fraunces,serif;font-size:17px;line-height:1.45;font-weight:400;margin:0;letter-spacing:-.01em}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--paper);border-top:1px solid var(--line);padding:10px 20px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;align-items:center;z-index:50}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 12px;color:var(--ink-mute);font-size:10px;font-weight:500;transition:color .15s ease}.nav-btn.active{color:var(--ink)}.nav-btn svg{width:22px;height:22px}.nav-fab{width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;margin-top:-28px;box-shadow:0 4px 16px #2b252040;transition:transform .15s ease}.nav-fab:active{transform:scale(.92)}.nav-fab svg{width:24px;height:24px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b252066;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet{background:var(--paper);width:100%;max-width:480px;border-radius:28px 28px 0 0;padding:12px 22px calc(22px + env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.sheet-handle{width:40px;height:4px;background:var(--line);border-radius:4px;margin:0 auto 16px}.sheet-title{font-family:Fraunces,serif;font-size:26px;font-weight:500;letter-spacing:-.02em;margin:0 0 4px}.sheet-sub{font-size:14px;color:var(--ink-soft);margin:0 0 22px}.field{margin-bottom:16px}.field-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);font-weight:600;margin-bottom:8px}.field-input{width:100%;padding:14px 16px;background:var(--bg);border:1px solid var(--line);border-radius:14px;color:var(--ink);font-size:16px;font-weight:500;transition:border-color .15s ease,background .15s ease;outline:none}.field-input:focus{border-color:var(--accent);background:var(--paper)}.field-input::placeholder{color:var(--ink-mute);font-weight:400}.meal-tabs{display:flex;gap:6px;margin-bottom:18px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.meal-tabs::-webkit-scrollbar{display:none}.meal-tab{padding:10px 16px;border-radius:999px;background:transparent;border:1px solid var(--line);font-size:13px;font-weight:500;color:var(--ink-soft);white-space:nowrap;display:flex;align-items:center;gap:6px;transition:all .15s ease}.meal-tab.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.meal-tab .emoji{font-size:15px}.food-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.food-chip{padding:8px 14px;background:var(--bg);border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--ink);font-weight:500;transition:all .15s ease}.food-chip:active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-deep)}.macro-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.macro-input .field-input{padding:12px 14px;text-align:center}.macro-input-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);font-weight:600;margin-bottom:6px;text-align:center}.btn-primary{width:100%;padding:16px;background:var(--ink);color:var(--bg);border-radius:16px;font-size:15px;font-weight:600;letter-spacing:.01em;margin-top:8px;transition:transform .1s ease,background .15s ease}.btn-primary:active{transform:scale(.98);background:var(--accent)}.btn-ghost{width:100%;padding:14px;color:var(--ink-soft);font-size:14px;font-weight:500;margin-top:4px}.page{padding:20px 0 0}.page-head{padding:0 24px 20px}.page-title{font-family:Fraunces,serif;font-size:36px;font-weight:400;letter-spacing:-.03em;margin:0}.page-sub{color:var(--ink-soft);font-size:14px;margin-top:4px}.week-chart{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px 18px;margin:0 20px 20px}.week-bars{display:flex;justify-content:space-between;align-items:flex-end;height:140px;gap:6px}.week-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.week-bar-wrap{width:100%;height:120px;display:flex;align-items:flex-end;justify-content:center;position:relative}.week-bar{width:70%;background:var(--line);border-radius:8px 8px 4px 4px;position:relative;transition:all .3s ease;min-height:4px}.week-bar.over{background:var(--accent)}.week-bar.today{background:var(--ink)}.week-bar.future{background:var(--bg-warm);opacity:.6}.week-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute);font-weight:600}.week-label.today{color:var(--ink)}.week-val{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:var(--ink);background:var(--bg-warm);padding:2px 6px;border-radius:6px;white-space:nowrap}.chart-legend{display:flex;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-soft)}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.streak{margin:0 20px 20px;background:linear-gradient(135deg,var(--accent-soft) 0%,#f0d4be 100%);border-radius:22px;padding:20px;display:flex;align-items:center;gap:16px}.streak-num{font-family:Fraunces,serif;font-size:44px;font-weight:500;line-height:1;color:var(--accent-deep);letter-spacing:-.03em}.streak-body{flex:1}.streak-title{font-size:15px;font-weight:600;margin:0 0 2px;color:var(--ink)}.streak-sub{font-size:13px;color:var(--ink-soft);margin:0}.insight-list{display:flex;flex-direction:column;gap:10px;margin:0 20px 20px}.insight{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;gap:14px;align-items:flex-start}.insight-icon{width:36px;height:36px;border-radius:12px;background:var(--leaf-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.insight-icon.warn{background:var(--accent-soft)}.insight-body{flex:1}.insight-title{font-size:14px;font-weight:600;margin:0 0 2px}.insight-text{font-size:13px;color:var(--ink-soft);margin:0;line-height:1.4}.empty-state{text-align:center;padding:20px 16px;color:var(--ink-mute);font-size:13px}.food-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.food-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg);border-radius:14px}.food-row-emoji{font-size:22px}.food-row-body{flex:1;min-width:0}.food-row-name{font-size:14px;font-weight:600;margin:0}.food-row-meta{font-size:12px;color:var(--ink-soft);margin:2px 0 0}.food-row-cal{font-size:14px;font-weight:600;font-family:Fraunces,serif}.food-row-remove{width:28px;height:28px;border-radius:50%;background:transparent;color:var(--ink-mute);display:flex;align-items:center;justify-content:center;font-size:16px}.food-row-remove:hover{background:var(--accent-soft);color:var(--accent-deep)}.profile-hero{text-align:center;padding:24px 24px 20px}.avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--gold));display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:32px;font-weight:500;color:#fff;margin:0 auto 12px;letter-spacing:-.02em}.profile-name{font-family:Fraunces,serif;font-size:24px;font-weight:500;margin:0}.profile-sub{color:var(--ink-soft);font-size:13px;margin:4px 0 0}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 20px 20px;padding:18px 12px;background:var(--paper);border:1px solid var(--line);border-radius:18px}.settings-list{margin:0 20px}.settings-group{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:16px}.settings-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink)}.settings-row:last-child{border-bottom:none}.settings-row .ico{width:30px;height:30px;border-radius:8px;background:var(--bg-warm);display:flex;align-items:center;justify-content:center;font-size:15px}.settings-row .val{margin-left:auto;color:var(--ink-soft);font-size:13px}.settings-row .chev{color:var(--ink-mute);font-size:12px}