:root{--bg:#eef0eb;--ink:#111312;--ink-2:#3a3d3b;--muted:#565a57;--muted-2:#6a6e6b;--faint:#a3a7a2;--card:#fff;--lime:#d4ff3a;--lime-2:#a6cc2a;--on-dark:#f4f6f1;--on-dark-muted:#a9ada6;--warn:#e8521a;--warn-bg:#ffe3d6;--warn-ink:#b83a0e;--warn-on-dark:#ffb08a;--nav-idle:#c9cdc6;--skeleton-a:#e3e6df;--skeleton-b:#f0f2ed;--radius-day:16px;--axis:#6a6e6b;--axis-on-dark:#8c908a;--target-line:#9a9e9a;--grid-line:#eef0eb;--meal-breakfast:#d4ff3a;--meal-lunch:#a6cc2a;--meal-dinner:#7c9a1e;--meal-snack:#e9f7b5;--radius:20px;--radius-sm:14px;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--bg);caret-color:var(--ink);accent-color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Gothic A1,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.card.dark :focus-visible,.bottom-nav :focus-visible,.toast :focus-visible,.pill.ink:focus-visible{outline-color:var(--lime)}.app{max-width:480px;min-height:100dvh;margin:0 auto}.page{padding:28px 16px calc(110px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex}.header{justify-content:space-between;align-items:center;gap:12px;padding:0 4px;display:flex}.header .sub{color:var(--muted);margin:4px 0 0;font-size:13px;font-weight:600}h1{letter-spacing:-.04em;margin:0;font-size:30px;font-weight:900}h2{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:900}.card{background:var(--card);border-radius:var(--radius);flex-direction:column;gap:12px;padding:18px;display:flex}.card.dark{background:var(--ink);color:var(--on-dark)}.card.lime{background:var(--lime)}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.row.baseline{align-items:baseline}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.muted{color:var(--muted)}.dark .muted{color:var(--on-dark-muted)}.small{font-size:12px;font-weight:600}.big{letter-spacing:-.04em;font-size:30px;font-weight:900}.big small{font-size:14px}.pill{background:var(--bg);white-space:nowrap;border-radius:9999px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.pill.ink{background:var(--ink);color:var(--lime)}.pill.lime{background:var(--lime);color:var(--ink)}.pill.white{background:var(--card)}.btn{background:var(--ink);min-height:52px;color:var(--lime);border:0;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.btn.lime{background:var(--lime);color:var(--ink)}.btn.ghost{color:var(--ink);border:2px solid var(--ink);background:0 0}.btn.small{min-height:44px;padding:0 16px;font-size:13px}.btn.block{width:100%}.btn:active:not(:disabled){transform:scale(.98)}.icon-btn{background:var(--bg);border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.card.dark .icon-btn{color:var(--on-dark);background:#ffffff1a}.field{flex-direction:column;gap:6px;display:flex}.field label,.field .label{font-size:13px;font-weight:800}.field .help{color:var(--muted);font-size:12px;font-weight:600}.field .error{color:var(--warn-ink);font-size:12px;font-weight:700}.input{border-radius:var(--radius-sm);background:var(--bg);border:2px solid #0000;width:100%;height:52px;padding:0 16px;font-size:16px;font-weight:700}.card .input{background:var(--bg)}.input:focus{border-color:var(--ink);background:var(--card);outline:none}.input-suffix{position:relative}.input-suffix span{color:var(--muted);pointer-events:none;font-size:14px;font-weight:700;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.segmented{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid}.choice{border-radius:var(--radius-sm);background:var(--bg);text-align:center;border:2px solid #0000;min-height:48px;padding:8px 10px;font-size:14px;font-weight:800}.choice[aria-pressed=true],.choice[aria-checked=true]{background:var(--ink);color:var(--lime)}.choice-list{flex-direction:column;gap:8px;display:flex}.choice-list .choice{text-align:left;flex-direction:column;gap:2px;padding:12px 16px;display:flex}.choice-list .choice span{opacity:.8;font-size:12px;font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips .choice{border-radius:9999px;min-height:44px;padding:0 16px}.week{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.day{border-radius:var(--radius-day);background:var(--card);height:60px;color:var(--muted);border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-size:11px;font-weight:600;display:flex}.day b{color:var(--ink);font-size:15px;font-weight:900}.day.over{box-shadow:inset 0 0 0 2px var(--warn)}.day.over b{color:var(--warn-ink)}.day[aria-pressed=true]{background:var(--ink);color:var(--lime)}.day[aria-pressed=true] b{color:var(--lime)}.week.sessions .day[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px}.day.future{color:var(--faint);background:0 0}.day.future b{color:var(--faint)}.day.rest{color:var(--muted-2);background:0 0}.week-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.week-nav span{color:var(--muted);font-size:13px;font-weight:800}.week-nav .icon-btn{background:var(--card)}.list-item{justify-content:space-between;align-items:center;gap:12px;min-height:32px;font-size:14px;font-weight:600;display:flex}.list-item .meta{color:var(--muted-2)}.list-item button.del{color:var(--muted-2);background:0 0;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-right:-12px;display:inline-flex}.list-item button.del:hover{background:var(--bg);color:var(--ink)}.list-item .amount{align-items:center;gap:2px;display:flex}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:12px;font-weight:600;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.dark .legend{color:var(--on-dark-muted)}.notice{background:var(--card);border-radius:var(--radius);align-items:center;gap:14px;padding:16px 18px;display:flex}.notice .badge{background:var(--warn-bg);width:44px;height:44px;color:var(--warn-ink);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notice p{margin:0;font-size:14px;font-weight:600;line-height:1.5}.notice.warn{background:var(--warn-bg)}.bottom-nav{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));background:var(--ink);z-index:10;border-radius:9999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:min(448px,100% - 32px);padding:6px;display:grid;position:fixed;transform:translate(-50%)}.bottom-nav a{height:48px;color:var(--nav-idle);border-radius:9999px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.bottom-nav a.active{background:var(--lime);color:var(--ink);font-weight:800}.sheet-backdrop{z-index:20;background:#11131273;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-width:480px;max-height:88dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;flex-direction:column;gap:14px;display:flex;overflow:hidden}.sheet .choice:not([aria-pressed=true]):not([aria-checked=true]){background:var(--card)}.sheet .scroll{flex-direction:column;gap:8px;margin:0 -4px;padding:0 4px;display:flex;overflow-y:auto}.food-row{border-radius:var(--radius-sm);background:var(--card);text-align:left;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px;display:flex}.food-row b{font-size:15px;font-weight:800}.food-row span{color:var(--muted-2);font-size:12px;font-weight:600}.food-row .kcal{color:var(--ink);white-space:nowrap;font-size:14px;font-weight:800}.set-btn{border-radius:var(--radius-sm);background:var(--bg);height:48px;color:var(--muted-2);border:0;font-size:14px;font-weight:800}.set-btn.done{background:var(--ink);color:var(--lime);font-size:15px;font-weight:900}.set-btn.selected{outline:3px solid var(--ink);outline-offset:3px}.toast{left:50%;bottom:calc(82px + env(safe-area-inset-bottom));background:var(--ink);width:min(448px,100% - 32px);color:var(--on-dark);border-radius:var(--radius-sm);z-index:15;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 18px;font-size:14px;font-weight:700;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #1113122e}.toast.error{background:var(--warn-ink)}.toast button{min-height:44px;color:var(--lime);background:0 0;border:0;border-radius:9999px;padding:0 14px;font-weight:900}.toast.error button{color:var(--on-dark);text-underline-offset:3px;text-decoration:underline}.load-error{background:var(--warn-bg);color:var(--warn-ink);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:700;line-height:1.4;display:flex}.load-error button{background:var(--warn-ink);min-height:44px;color:var(--card);border:0;border-radius:9999px;flex-shrink:0;padding:0 16px;font-weight:800}.input[aria-invalid=true]{border-color:var(--warn-ink)}@media (prefers-reduced-motion:no-preference){.toast{animation:.28s cubic-bezier(.16,1,.3,1) toast-in}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}}.stepper{background:var(--bg);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:10px;padding:6px 6px 6px 14px;font-size:14px;font-weight:800;display:flex}.stepper .ctl{align-items:center;gap:6px;display:flex}.stepper .ctl b{text-align:center;min-width:48px;font-size:16px}.stepper .icon-btn{background:var(--card)}.pose-thumb{border:2px solid var(--skeleton-a);border-radius:var(--radius-sm);background:var(--card);flex-shrink:0;width:72px;height:72px;padding:4px}.pose-thumb img{object-fit:contain;width:100%;height:100%;display:block}.pose-thumb:active{transform:scale(.97)}.pose-figure{flex-direction:column;gap:6px;margin:0;font-size:12px;font-weight:800;display:flex}.pose-frame{aspect-ratio:1;border:2px solid var(--skeleton-a);border-radius:var(--radius-sm);background:var(--card);padding:8px}.pose-frame img{object-fit:contain;width:100%;height:100%;display:block}.tag-up{background:var(--lime);white-space:nowrap;border-radius:9999px;padding:4px 8px;font-size:11px;font-weight:900}.tag-down{background:var(--warn-bg);color:var(--warn-ink);white-space:nowrap;border-radius:9999px;padding:4px 8px;font-size:11px;font-weight:900}.divider{background:var(--bg);height:1px}.center{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.skeleton{background:linear-gradient(90deg, var(--skeleton-a) 0%, var(--skeleton-b) 50%, var(--skeleton-a) 100%);border-radius:var(--radius);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.btn:active:not(:disabled){transform:none}}.recharts-wrapper:focus,.recharts-surface:focus{outline:none}