:root{color:#172033;--text:#172033;--muted:#647084;--surface:#fff;--surface-2:#f6f8fb;--surface-3:#e5ebf1;--line:#dde5ee;--accent:#4169e1;--accent-soft:#e8edff;--good:#2fb982;--warn:#f2a93b;--danger:#e15b64;--shadow:0 18px 45px #18264024;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top,#f9fbff 0,#eef2f6 46%,#e7ecf3 100%)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 12px calc(82px + env(safe-area-inset-bottom));max-width:760px;margin:0 auto;position:relative}.dev-log-export{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:-9999px}.auth-shell{padding-bottom:max(12px, env(safe-area-inset-bottom));place-items:center;display:grid}.auth-panel{width:min(420px,100%);box-shadow:var(--shadow);background:#ffffffe6;border:1px solid #d8e1ece6;border-radius:24px;gap:14px;padding:22px;display:grid}.auth-panel .app-logo{width:42px;height:42px}.auth-panel h1{margin-bottom:6px}.auth-copy{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.6}.auth-panel input{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;outline:0;width:100%;padding:13px 14px}.auth-panel input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:10px;padding:10px 0 12px;display:flex;position:sticky;top:0}.sync-banner{background:var(--accent-soft);color:var(--accent);border:1px solid #4169e12e;border-radius:16px;margin:0 0 10px;padding:9px 12px;font-size:12px;font-weight:800}.sync-banner.is-error,.sync-message.is-error{color:var(--danger);background:#fff0f2;border-color:#e15b6438}.sync-message{border-radius:14px;margin:0;padding:10px 12px;font-size:12px;font-weight:800}.topbar>div:first-child{align-items:center;gap:8px;min-width:0;display:flex}.app-logo{background:var(--text);color:#fff;letter-spacing:-.06em;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:800;display:inline-grid}.app-name{letter-spacing:-.03em;white-space:nowrap;font-weight:750}.page-tabs{border:1px solid var(--line);background:#ffffffad;border-radius:999px;gap:4px;padding:4px;display:flex}.page-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 12px}.page-tabs button.is-active{background:var(--text);color:#fff;box-shadow:0 4px 12px #141f322e}.page-viewport{overflow:hidden}.page-slider{width:100%;transition:transform .26s cubic-bezier(.2,.8,.2,1);display:flex}.page-slide{flex:0 0 100%;width:100%;padding:0 1px 12px}.page-card{flex-direction:column;gap:12px;display:flex}.card,.today-hero,.empty-state,.trend-card{background:#ffffffdb;border:1px solid #d8e1ece6;border-radius:24px;box-shadow:0 10px 30px #1826400f}.card{padding:16px}.stack{gap:12px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.05em;margin-bottom:0;font-size:24px;line-height:1.15}h2{letter-spacing:-.03em;margin-bottom:0;font-size:16px}h3{color:#2c3548;margin:0 0 10px;font-size:14px}.muted{color:var(--muted);font-size:12px}.empty-text,.hint-text{color:var(--muted);font-size:13px}.today-hero{justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex;overflow:hidden}.kcal-ring{border-radius:50%;place-items:center;width:116px;min-width:116px;height:116px;display:grid;box-shadow:inset 0 0 0 1px #0000000a}.kcal-ring>div{background:var(--surface);text-align:center;border-radius:50%;place-items:center;width:86px;height:86px;padding:8px;display:grid}.kcal-ring strong{letter-spacing:-.06em;font-size:25px;line-height:1}.kcal-ring span{color:var(--muted);font-size:11px}.card-title-row{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.pfc-grid{grid-template-columns:1fr;gap:12px;display:grid}.nutrition-bar{gap:7px;display:grid}.nutrition-bar__header{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;font-weight:750;display:flex}.nutrition-bar__value{color:var(--muted);font-size:12px;font-weight:650}.nutrition-bar__track{background:var(--surface-3);border-radius:999px;height:11px;position:relative;overflow:hidden}.nutrition-bar__fill{border-radius:inherit;background:var(--good);height:100%;transition:width .22s}.nutrition-bar__fill.has-segments{display:flex;overflow:hidden;background:0 0!important}.nutrition-bar__segment{min-width:3px;height:100%;display:block}.nutrition-bar__over{inset-block:0;background:var(--warn);opacity:.8;position:absolute;left:100%;transform:translate(-100%)}.nutrition-bar[data-status=不足] .nutrition-bar__fill,.nutrition-bar[data-status=少なめ] .nutrition-bar__fill{background:var(--warn)}.nutrition-bar[data-status=多い] .nutrition-bar__fill,.nutrition-bar[data-status=やや多い] .nutrition-bar__fill{background:var(--danger)}.nutrition-bar__status{color:var(--muted);font-size:11px}.nutrition-bar.compact .nutrition-bar__track{height:9px}.meal-color-legend{flex-wrap:wrap;gap:8px 12px;padding-top:2px;display:flex}.meal-color-legend span{color:var(--muted);align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.meal-color-legend i{border-radius:999px;width:9px;height:9px;box-shadow:inset 0 0 0 1px #00000014}.weekly-chip-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.weekly-chip{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;gap:3px;min-width:0;padding:10px 8px;display:grid}.weekly-chip[data-low=true]{background:#fff7e6;border-color:#f5d694}.weekly-chip span{color:var(--muted);font-size:12px}.weekly-chip strong{letter-spacing:-.05em;font-size:20px}.weekly-chip small{text-overflow:ellipsis;color:var(--muted);font-size:10px;overflow:hidden}.meal-log-groups{gap:10px;display:grid}.meal-log-group{grid-template-columns:58px 1fr;align-items:start;gap:10px;display:grid}.meal-log-group__label{color:var(--muted);padding-top:8px;font-size:12px;font-weight:750}.meal-log-group__items{flex-wrap:wrap;align-items:center;gap:8px;min-height:36px;display:flex}.meal-log-item{border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.meal-log-item small{color:var(--accent);font-weight:800}.bottom-meal-nav{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(736px,100% - 20px);box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #d7e0ebf5;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;display:grid;position:fixed;transform:translate(-50%)}.bottom-meal-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:18px;place-items:center;gap:4px;min-height:52px;font-weight:800;display:grid}.bottom-meal-nav button.is-active{background:var(--accent-soft);color:var(--accent)}.bottom-meal-nav__dot{opacity:.45;background:currentColor;border-radius:999px;width:6px;height:6px}.sheet-backdrop{z-index:40;background:#08101f42;align-items:end;animation:.16s ease-out both sheet-backdrop-in;display:grid;position:fixed;inset:0}.add-sheet{width:min(760px,100%);max-height:min(86dvh,760px);padding-bottom:env(safe-area-inset-bottom);transform-origin:bottom;background:#fffffffa;border:1px solid #e1e7efe6;border-radius:28px 28px 0 0;grid-template-rows:auto auto 1fr auto;margin:0 auto;animation:.42s cubic-bezier(.16,1.08,.32,1) both sheet-sprout;display:grid;overflow:hidden;box-shadow:0 -24px 60px #0a18303d}@keyframes sheet-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-sprout{0%{opacity:0;transform:translateY(42px)scaleY(.94)}62%{opacity:1;transform:translateY(-8px)scaleY(1.015)}82%{transform:translateY(3px)scaleY(.995)}to{opacity:1;transform:translateY(0)scaleY(1)}}@media (prefers-reduced-motion:reduce){.sheet-backdrop,.add-sheet{animation:none}}.add-sheet__header{justify-content:space-between;align-items:start;gap:16px;padding:18px 18px 8px;display:flex}.add-sheet__header h2{font-size:20px}.icon-button{border:1px solid var(--line);background:var(--surface-2);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:50%;font-size:22px}.sheet-search-row{grid-template-columns:auto 1fr;gap:8px;padding:8px 18px 12px;display:grid}.sheet-search-row input{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;outline:0;min-width:0;padding:12px 14px}.sheet-search-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.back-button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:16px;padding:0 14px;font-weight:800}.sheet-scroll{padding:0 18px 18px;overflow-y:auto}.sheet-section-stack{gap:18px;display:grid}.sheet-section{gap:8px;display:grid}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tile-button{border:1px solid var(--line);background:var(--surface-2);text-align:left;color:var(--text);cursor:pointer;border-radius:18px;align-items:center;gap:9px;padding:13px 12px;font-weight:800;display:flex}.tile-button span{background:var(--surface);border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid}.store-tile span{background:var(--accent-soft);color:var(--accent)}.food-list{gap:8px;display:grid}.food-row{border:1px solid var(--line);background:var(--surface);width:100%;min-height:66px;color:var(--text);text-align:left;cursor:pointer;border-radius:20px;justify-content:space-between;align-items:center;gap:10px;padding:12px;transition:transform .14s,opacity .14s,border-color .14s;display:flex;position:relative;overflow:hidden}.food-row:active{transform:scale(.99)}.food-row.is-eaten{opacity:.46;background:#f3f6fa}.food-row.is-selected{opacity:1;background:#f8faff;border-color:#4169e173}.food-row__main{gap:4px;min-width:0;display:grid}.food-row__main strong{letter-spacing:-.02em;font-size:14px}.food-row__main small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.eaten-badge{background:var(--surface-3);color:var(--muted);border-radius:999px;flex:none;padding:5px 8px;font-size:11px;font-weight:800}.repeat-bubble{background:var(--accent);color:#fff;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:800;box-shadow:0 8px 18px #4169e138}.repeat-bubble b{margin-left:4px}.pending-cart{border-top:1px solid var(--line);background:#fffffff2;gap:10px;padding:10px 18px 14px;display:grid}.pending-cart__chips{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.pending-chip{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;flex:none;align-items:center;display:inline-flex;overflow:hidden}.pending-chip.is-latest{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pending-chip__main,.pending-chip__minus{background:0 0;border:0}.pending-chip__main{color:var(--text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:260px;padding:9px 8px 9px 12px;display:inline-flex;overflow:hidden}.pending-chip__main strong{color:var(--accent)}.pending-chip__minus{width:34px;height:34px;color:var(--muted);border-left:1px solid var(--line);font-weight:900}.pending-cart__actions{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.pending-total{gap:2px;display:grid}.pending-total strong{letter-spacing:-.04em}.pending-total span{color:var(--muted);font-size:12px}.primary-button{background:var(--text);color:#fff;cursor:pointer;border:0;border-radius:16px;padding:13px 16px;font-weight:900}.page-header{padding:12px 4px 2px}.trend-grid{gap:12px;display:grid}.trend-card{padding:14px}.trend-card__header{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.trend-card h2{font-size:15px}.trend-card small{color:var(--muted)}.trend-chart{background:linear-gradient(to bottom, #e5ebf1ad 1px, transparent 1px) 0 0 / 100% 25%, var(--surface-2);border-radius:18px;height:152px;padding:14px 10px 24px;position:relative;overflow:hidden}.trend-target-band{background:var(--good);opacity:.8;height:2px;position:absolute;left:0;right:0}.trend-bars{z-index:2;grid-template-columns:repeat(14,1fr);align-items:end;gap:4px;height:100%;display:grid;position:relative}.trend-bar-wrap{align-items:end;gap:4px;height:100%;display:grid}.trend-bar{background:#4169e157;border-radius:7px 7px 3px 3px;width:100%;min-height:2px}.trend-bar-wrap span{color:var(--muted);font-size:9px;position:absolute;bottom:5px;transform:translate(-2px)}.trend-line{z-index:3;pointer-events:none;width:calc(100% - 20px);height:calc(100% - 38px);position:absolute;inset:14px 10px 24px;overflow:visible}.trend-line polyline{stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.empty-state{color:var(--muted);padding:18px}.empty-state strong{color:var(--text);margin-bottom:4px;display:block}.empty-state p{margin-bottom:0}@media (width>=680px){.pfc-grid{grid-template-columns:repeat(2,1fr)}.weekly-chip-grid{grid-template-columns:repeat(8,1fr)}.tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=390px){.app-name{display:none}.weekly-chip-grid{grid-template-columns:repeat(2,1fr)}.today-hero{align-items:start}.kcal-ring{width:98px;min-width:98px;height:98px}.kcal-ring>div{width:74px;height:74px}.kcal-ring strong{font-size:21px}}