.app-body{touch-action:manipulation;overflow:hidden}.app-stage{place-content:center;min-height:100dvh;padding:28px;display:grid}.app-frame{background:var(--surface);width:min(1540px,100vw - 56px);height:calc(100dvh - 56px);min-height:640px;box-shadow:0 0 0 1px var(--line);border-radius:40px;position:relative;overflow:clip}.web-shell{grid-template-columns:86px minmax(0,1fr);height:100%;display:grid}.icon-rail{border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:28px;padding:22px 12px;display:flex}.monogram{background:var(--raised-2);width:48px;height:48px;color:var(--ink);--mark-cut:var(--raised-2);border-radius:50%;place-items:center;text-decoration:none;display:grid}.icon-rail nav{gap:20px;display:grid}.icon-rail nav button{width:48px;height:48px;color:var(--muted);border-radius:17px;place-items:center;display:grid}.icon-rail nav .active{color:var(--surface);background:var(--ink)}.rail-bottom{background:var(--raised);color:var(--ink);border-radius:35px;justify-items:center;gap:8px;margin-top:auto;padding:8px;display:grid}.rail-bottom button{place-items:center;width:42px;display:grid}.avatar{background:var(--warning);width:42px;height:42px;color:var(--card-ink);font-family:var(--mono);border-radius:50%}.web-main{flex-direction:column;min-width:0;min-height:0;display:flex}.app-topbar{justify-content:space-between;align-items:center;gap:24px;padding:24px 30px;display:flex}.app-topbar p{text-transform:capitalize;font-size:var(--text-sm)}.topbar-controls{align-items:center;gap:12px;display:flex}.day-selector{background:var(--raised);color:var(--ink);min-width:260px;font-family:var(--mono);font-size:var(--text-xs);border-radius:999px;align-items:center;gap:12px;padding:8px 15px;display:flex}.day-selector span{text-align:left;flex:1}.notification{position:relative}.notification i{background:#b02d20;border-radius:50%;width:7px;height:7px;position:absolute;top:10px;right:12px}.app-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.app-scroll.locked{overflow:hidden}.app-page{padding:10px 30px 35px}.app-page h1{font-size:var(--text-3xl)}.app-page-intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.app-page-intro p{font-size:var(--text-sm)}.phone-heading{display:none}.dashboard-grid{grid-template-columns:1.35fr 1fr;gap:20px;display:grid}.dashboard-left,.dashboard-right{align-content:start;gap:20px;display:grid}.dashboard-small{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dashboard-grid .card{border-radius:32px;min-width:0;padding:24px}.card-heading{justify-content:space-between;align-items:start;gap:12px;margin-bottom:22px;display:flex}.card-heading h2{font-size:var(--text-2xl)}.card-heading .round{width:44px;height:44px;min-height:44px}.card-heading select{background:var(--raised-2);width:auto;color:var(--ink);font:var(--text-base) var(--mono);border:0;border-radius:999px;padding:10px 14px}.toast{background:var(--ink);color:var(--surface);z-index:100;width:max-content;max-width:90%;font-size:var(--text-sm);border-radius:20px;padding:14px 20px;position:absolute;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0003}.storage-notice{color:var(--danger);font-size:var(--text-sm);padding:14px 30px}.phone-shell{flex-direction:column;height:100%;display:flex}.phone-tabs{bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--raised);height:68px;color:var(--ink);z-index:20;border-radius:26px;justify-content:space-around;align-items:center;padding:8px;display:flex;position:absolute;left:14px;right:14px;box-shadow:0 10px 30px #0006}.phone-tabs button{width:52px;height:52px;color:var(--muted);border-radius:18px;place-items:center;display:grid}.phone-tabs .active{background:var(--ink);color:var(--surface)}.phone-tabs .raised-log{background:var(--accent);color:var(--on-accent);border:4px solid var(--surface);border-radius:50%;width:60px;height:60px;transform:translateY(-10px)}.frame-caption{text-align:center;font:var(--text-xs) / 1.8 var(--mono);color:var(--muted);margin-top:18px}[data-device=phone] .app-stage{padding:0;display:block}[data-device=phone] .app-frame{width:calc(100vw / var(--zoom));height:calc(100dvh / var(--zoom));zoom:var(--zoom);border-radius:0;min-height:0}[data-device=phone] .app-page{padding:max(28px, env(safe-area-inset-top)) 18px 118px}[data-device=phone] .phone-heading{display:flex}[data-device=phone] .app-page-intro h1{font-size:var(--text-3xl)}[data-device=phone] .dashboard-grid,[data-device=phone] .dashboard-small{grid-template-columns:1fr;gap:16px}[data-device=phone] .dashboard-left,[data-device=phone] .dashboard-right{gap:16px}[data-device=phone] .dashboard-grid .card{border-radius:28px;padding:22px}[data-device=phone] .card-heading h2{font-size:var(--text-2xl)}[data-framed=true] .app-stage{padding:16px;display:grid}[data-framed=true] .app-frame{border:9px solid #171916;border-radius:46px;width:min(390px,100vw - 32px);height:min(844px,100dvh - 115px);box-shadow:0 20px 60px #0008}@media (width<=1000px){[data-device=web] .dashboard-grid{grid-template-columns:1fr}.app-topbar{flex-wrap:wrap}.app-stage{padding:15px}.app-frame{width:calc(100vw - 30px);height:calc(100dvh - 30px)}}.layer{flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.sheet-backdrop{border-radius:inherit;background:#000a;width:100%;height:100%;position:absolute;inset:0}.sheet-panel{width:min(660px,100%);max-height:88%;padding:0 20px max(20px, env(safe-area-inset-bottom));background:var(--surface);color:var(--ink);border-radius:32px 32px 0 0;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:clip;box-shadow:0 -10px 60px #0003}.sheet-grip{flex:0 0 26px;place-items:center;height:26px;display:none}[data-device=phone] .sheet-grip{display:grid}[data-device=web] .sheet-heading{padding-top:24px}.sheet-grip span{background:var(--line);border-radius:8px;width:38px;height:4px;display:block}.sheet-heading{justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;display:flex}.sheet-heading h2{font-size:var(--text-2xl)}.sheet-scroll{overscroll-behavior:contain;min-height:0;padding:3px 2px 10px;overflow:auto}.sheet-scroll>*+*{margin-top:16px}.sheet-panel .button{width:100%}.sheet-panel input,.sheet-panel select{min-height:48px}.sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sheet-grid button>svg{color:var(--tone)}.sheet-grid button{text-align:left;border-radius:22px;flex-direction:column;justify-content:space-between;align-items:start;min-height:120px;padding:20px;display:flex}.food-row{text-align:left;background:var(--raised);border-radius:20px;align-items:center;gap:14px;width:100%;padding:10px 12px 10px 10px;display:flex}.food-row .food-text{flex:1;min-width:0}.food-row h3{font-size:var(--text-lg);overflow-wrap:anywhere;line-height:1.1}.food-row small{color:var(--muted);font-size:var(--text-xs);margin-top:4px;display:block}.food-row img{border-radius:15px;flex-shrink:0;width:60px;height:60px}.nutrition-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.nutrition-grid div{text-align:center;background:var(--raised);border-radius:16px;padding:14px 6px}.nutrition-grid strong{font:500 var(--text-lg) var(--mono);display:block}.nutrition-grid small{font-size:var(--text-2xs)}.portion-choices{flex-wrap:wrap;gap:8px;display:flex}.portion-choices button{background:var(--raised);border:1px solid var(--line);border-radius:999px;padding:10px 18px}.portion-choices button.selected{background:var(--ink);color:var(--surface);border-color:#0000}.source-line{font:var(--text-xs) / 1.7 var(--mono);color:var(--muted)}.status-note{border:1px solid var(--line);font-size:var(--text-sm);border-radius:16px;padding:16px}@media (width>=800px){[data-device=web] .layer{justify-content:center;padding:32px}[data-device=web] .sheet-panel{border-radius:32px;max-height:92%;padding-bottom:28px}}.sheet-scroll{animation:.16s ease-out sheet-appear}@keyframes sheet-appear{0%{opacity:0}to{opacity:1}}.serving-presets{flex-wrap:nowrap;overflow-x:auto}.serving-presets button{white-space:nowrap;flex-shrink:0}.calorie-body{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;display:grid}.weekly-bars{align-items:stretch;gap:clamp(4px,.8vw,8px);min-width:0;height:196px;padding-top:26px;display:flex}.bar-button{flex-direction:column;flex:1 1 0;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.bar-track{background:var(--raised-2);border-radius:12px;width:100%;height:140px;position:relative}.bar-track.future{background:repeating-linear-gradient(130deg, transparent 0 5px, var(--raised-2) 5px 7px)}.bar-fill{background:var(--tone,var(--accent));border-radius:12px;position:absolute;bottom:0;left:0;right:0}.bar-value{z-index:1;background:var(--ink);color:var(--surface);font:600 var(--text-2xs) var(--mono);white-space:nowrap;border-radius:8px;padding:3px 7px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.bar-day{font:500 var(--text-2xs) var(--mono);color:var(--muted);text-align:center;border-radius:999px;width:100%;padding:6px 2px}.bar-day.selected{background:var(--tone,var(--accent));color:var(--on-accent)}.weekly-stats{gap:10px;display:grid}.weekly-stats>div{background:var(--raised-2);border-radius:18px;min-width:0;padding:14px 16px}.weekly-stats p{color:var(--muted);font:500 var(--text-2xs) / 1.4 var(--mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.weekly-stats strong{font:700 var(--text-2xl) / 1.1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:6px 0 2px;display:block}.weekly-stats strong span{font-size:var(--text-base);letter-spacing:0}.weekly-stats small{color:var(--muted);font-size:var(--text-2xs);display:block}.delta{background:color-mix(in srgb, var(--tone,var(--accent)) 24%, transparent);color:var(--ink);font:600 var(--text-2xs) var(--mono);white-space:nowrap;border-radius:999px;padding:3px 8px}.macro-circles{justify-content:space-between;gap:6px;display:flex}.macro-day{min-width:0;color:var(--muted);font:500 var(--text-2xs) var(--mono);flex-direction:column;flex:1 1 0;align-items:center;gap:8px;padding:0;display:flex}.macro-day strong{font:600 var(--text-2xs) var(--mono);aspect-ratio:1;background:var(--raised-2);width:100%;max-width:44px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.macro-day.selected strong{background:var(--tone,var(--accent));color:var(--on-accent)}.macro-day.future strong{background:repeating-linear-gradient(130deg, transparent 0 5px, var(--raised-2) 5px 7px);color:var(--muted)}.macro-lines{width:100%;height:90px;margin-top:12px;overflow:visible}.macro-legend{flex-wrap:wrap;gap:6px;display:flex}.macro-legend span{background:var(--raised-2);color:var(--ink);font:500 var(--text-2xs) var(--mono);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;display:flex}.macro-legend i{border-radius:50%;width:8px;height:8px}@media (width<=1200px){.calorie-body{grid-template-columns:1fr}.weekly-stats{grid-template-columns:1fr 1fr}}[data-device=phone] .calorie-body{grid-template-columns:1fr}[data-device=phone] .weekly-stats{grid-template-columns:1fr 1fr}[data-device=phone] .weekly-stats strong{font-size:var(--text-xl)}