:root{--bg: #faf8f4;--surface: #ffffff;--surface-2: #f3efe7;--surface-3: #ebe6db;--text: #2b2823;--text-muted: #7b7369;--border: #e7e1d5;--border-strong: #d8d0c0;--accent: #4a7c59;--accent-hover: #3d6849;--accent-soft: #e7efe8;--accent-ink: #2f5a3c;--ok: #4a7c59;--ok-soft: #e7efe8;--ok-ink: #2f5a3c;--warn: #c0863a;--warn-soft: #f7edda;--warn-ink: #8a5c1f;--bad: #bd5f40;--bad-soft: #f8e6df;--bad-ink: #8c3d24;--meal-breakfast: #d8a94a;--meal-lunch: #4a7c59;--meal-dinner: #5b7089;--meal-snack: #bd7a5e;--wash: rgba(74, 124, 89, .07);--tap-highlight: rgba(74, 124, 89, .14);--chart-text: #8a8378;--chart-grid: #ece6da;--shadow-sm: 0 1px 2px rgba(43, 40, 35, .05);--shadow: 0 1px 2px rgba(43, 40, 35, .04), 0 8px 24px rgba(43, 40, 35, .06);--shadow-lg: 0 2px 8px rgba(43, 40, 35, .08), 0 24px 56px rgba(43, 40, 35, .16);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 28px;--r-full: 999px;--radius: var(--r-lg);--fs-xs: 12px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 17px;--fs-lg: 20px;--fs-xl: 26px;--fs-display: 34px;--header-h: 56px;--tabbar-h: 60px;--tap: 44px;--ease: cubic-bezier(.2, .7, .3, 1)}[data-theme=dark]{--bg: #14181a;--surface: #1b2022;--surface-2: #232a2c;--surface-3: #2b3335;--text: #e9e5dc;--text-muted: #9ba39a;--border: #2c3336;--border-strong: #3a4245;--accent: #86b894;--accent-hover: #9bc9a7;--accent-soft: #23342a;--accent-ink: #a9d3b4;--ok: #86b894;--ok-soft: #23342a;--ok-ink: #a9d3b4;--warn: #d7a463;--warn-soft: #372c1a;--warn-ink: #e5bd87;--bad: #d8836a;--bad-soft: #382420;--bad-ink: #eba28c;--meal-breakfast: #d7b268;--meal-lunch: #86b894;--meal-dinner: #8ba3bd;--meal-snack: #d09a80;--wash: rgba(134, 184, 148, .05);--tap-highlight: rgba(134, 184, 148, .16);--chart-text: #8f978e;--chart-grid: #2c3336;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .24);--shadow-lg: 0 2px 8px rgba(0, 0, 0, .4), 0 24px 56px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light dark;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:var(--tap-highlight)}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;font-size:var(--fs-base);line-height:1.7;color:var(--text);background-color:var(--bg);background-image:linear-gradient(180deg,var(--wash) 0%,transparent 420px);background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:.01em;line-height:1.35;font-weight:700}h1{font-size:var(--fs-xl);margin:0 0 var(--space-4)}h2{font-size:var(--fs-md);margin:0 0 var(--space-3)}h3{font-size:var(--fs-base);margin:0 0 var(--space-2)}p{margin:0 0 var(--space-3)}a{color:var(--accent-ink);text-underline-offset:2px}a:hover{color:var(--accent)}.stat-value,.nutrient-val,.pfc-val,.pfc-ratio,.meal-item-kcal,.history-kcal,.ring-value,table{font-variant-numeric:tabular-nums}.muted{color:var(--text-muted);font-size:var(--fs-sm)}small{font-size:var(--fs-xs)}hr{border:none;border-top:1px solid var(--border);margin:var(--space-4) 0}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:inherit}::selection{background:var(--accent-soft);color:var(--accent-ink)}@media (pointer: coarse){body{background-attachment:scroll}}@media (display-mode: standalone){body{overscroll-behavior-y:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:1040px;margin:0 auto;padding:0 max(var(--space-4),env(safe-area-inset-right)) 0 max(var(--space-4),env(safe-area-inset-left))}.app-header{position:sticky;top:0;z-index:20;padding-top:env(safe-area-inset-top);background:var(--surface);border-bottom:1px solid var(--border)}@supports (backdrop-filter: blur(8px)){.app-header{background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}}.header-inner{display:flex;align-items:center;gap:var(--space-4);height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--fs-md);letter-spacing:.02em;text-decoration:none;color:var(--text);white-space:nowrap}.brand:hover{color:var(--text)}.brand-mark{color:var(--accent);flex:none}.nav{display:flex;gap:2px;margin-left:auto;padding:3px;background:var(--surface-2);border-radius:var(--r-full)}.nav a{display:inline-flex;align-items:center;padding:7px 16px;border-radius:var(--r-full);text-decoration:none;color:var(--text-muted);font-weight:600;font-size:var(--fs-sm);white-space:nowrap;transition:background .15s var(--ease),color .15s var(--ease)}.nav a:hover{color:var(--text)}.nav a.active{background:var(--surface);color:var(--accent-ink);box-shadow:var(--shadow-sm)}.header-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.nav+.header-actions{margin-left:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid transparent;border-radius:var(--r-full);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}@media (pointer: coarse){.icon-btn{width:var(--tap);height:var(--tap)}}main,main.container{flex:1;width:100%;padding:var(--space-6) max(var(--space-4),env(safe-area-inset-right)) var(--space-7) max(var(--space-4),env(safe-area-inset-left))}.tabbar{display:none}.app-footer{margin-top:var(--space-7);border-top:1px solid var(--border);padding:var(--space-4) 0 0;font-size:var(--fs-xs);color:var(--text-muted)}.app-footer p{margin:2px 0}.auth-wrap{display:flex;justify-content:center;padding:var(--space-6) 0 var(--space-7)}.auth-card{width:100%;max-width:420px;border-radius:var(--r-xl);padding:var(--space-6)}.auth-card h1{margin:0 0 var(--space-1);font-size:var(--fs-lg)}.auth-lead{margin-bottom:var(--space-5)}.auth-mark{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto var(--space-4);border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent)}.auth-card .form-actions{flex-direction:column;align-items:stretch}.auth-card .form-actions .btn{width:100%}@media (max-width: 640px){.container{padding:0 max(var(--space-3),env(safe-area-inset-right)) 0 max(var(--space-3),env(safe-area-inset-left))}.header-inner{gap:var(--space-2)}.nav{display:none}main,main.container{padding:var(--space-4) max(var(--space-3),env(safe-area-inset-right)) var(--space-5) max(var(--space-3),env(safe-area-inset-left))}.app-footer{margin-top:var(--space-6)}body.has-tabbar{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:var(--surface);border-top:1px solid var(--border)}@supports (backdrop-filter: blur(8px)){.tabbar{background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--text-muted);font-size:11px;font-weight:600;line-height:1;transition:color .15s var(--ease)}.tabbar a.active{color:var(--accent-ink)}.tabbar-icon{display:flex;align-items:center;justify-content:center;width:40px;height:26px;border-radius:var(--r-full);transition:background .15s var(--ease)}.tabbar a.active .tabbar-icon{background:var(--accent-soft)}}@media (max-width: 360px){.brand span{display:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-5);box-shadow:var(--shadow)}.card+.card{margin-top:var(--space-4)}.card>:last-child{margin-bottom:0}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid+.grid,.grid+.card,.card+.grid,.grid+section,section+.grid{margin-top:var(--space-4)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.page-head h1,.page-head .muted{margin:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.section-head h2{margin:0}.section-head h2 small{font-weight:500;font-size:var(--fs-sm);margin-left:var(--space-2)}.stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:.04em}.stat-value{font-size:var(--fs-xl);font-weight:700;line-height:1.2}.stat-value small{font-size:var(--fs-sm);font-weight:500;color:var(--text-muted);margin-left:var(--space-1)}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:600;line-height:1.6;white-space:nowrap;background:var(--surface-2);color:var(--text-muted)}.badge-ok{background:var(--ok-soft);color:var(--ok-ink)}.badge-warn,.badge-low{background:var(--warn-soft);color:var(--warn-ink)}.badge-over{background:var(--bad-soft);color:var(--bad-ink)}.badge-none{display:none}.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--fs-xs);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 18px;border-radius:var(--r-full);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:var(--fs-sm);font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;line-height:1.4;white-space:nowrap;transition:background .15s var(--ease),border-color .15s var(--ease),transform .08s var(--ease)}.btn:hover{background:var(--surface-2);color:var(--text)}.btn:active{transform:translateY(1px)}.btn svg{flex:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}[data-theme=dark] .btn-primary,[data-theme=dark] .btn-primary:hover{color:#10221a}.btn-danger{color:var(--bad-ink);background:var(--bad-soft);border-color:var(--bad-soft)}.btn-danger:hover{background:var(--bad-soft);border-color:var(--bad);color:var(--bad-ink)}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-sm{min-height:34px;padding:0 14px}.btn-icon{padding:0;width:40px;min-width:40px}.btn-sm.btn-icon{width:34px;min-width:34px}.btn:disabled,.btn.disabled{opacity:.45;pointer-events:none}.btn-group{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}@media (pointer: coarse){.btn{min-height:var(--tap)}.btn-sm{min-height:40px}.btn-icon{width:var(--tap);min-width:var(--tap)}.btn-sm.btn-icon{width:40px;min-width:40px}}.chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.chip,.chip-check span,.score-select span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--r-full);cursor:pointer;font-size:var(--fs-sm);font-weight:500;background:var(--surface);color:var(--text);line-height:1.4;font-family:inherit;text-align:center;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.chip:hover,.chip-check span:hover,.score-select span:hover{background:var(--surface-2);border-color:var(--text-muted)}.chip.active,.chip-check input:checked+span,.score-select input:checked+span{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.chip-sm{min-height:30px;padding:0 12px;font-size:var(--fs-xs)}.chip-est{background:var(--warn-soft);border-color:transparent;color:var(--warn-ink)}.chip-est:hover{background:var(--warn-soft);border-color:var(--warn)}.chip-check,.score-select label{margin:0;font-weight:500}.chip-check input,.score-select input{position:absolute;opacity:0;width:0;height:0}.chip-check input:focus-visible+span,.score-select input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.score-select{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.score-select label{display:block}.score-select span{width:100%;padding:0 6px;font-size:var(--fs-sm)}@media (pointer: coarse){.chip,.chip-check span,.score-select span{min-height:40px}.chip-sm{min-height:34px}}@media (max-width: 420px){.score-select{grid-template-columns:repeat(3,1fr)}}label{display:block;font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--space-1);color:var(--text)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=file],select,textarea{width:100%;min-height:var(--tap);padding:10px 14px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:var(--fs-base);font-family:inherit;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.85}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{min-height:96px;resize:vertical;line-height:1.6}.field{margin-bottom:var(--space-3)}.field-unit{display:flex;align-items:center;gap:var(--space-2)}.field-unit input{flex:1;min-width:0}.field-unit span{color:var(--text-muted);font-size:var(--fs-sm);white-space:nowrap;min-width:36px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3) var(--space-4)}.form-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}fieldset{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--space-3) var(--space-4) var(--space-1);margin:0 0 var(--space-4)}legend{font-weight:700;padding:0 var(--space-2);font-size:var(--fs-sm)}select.inline{width:auto;min-height:36px;padding:6px 12px;font-size:var(--fs-sm)}.date-nav{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--surface-2);border-radius:var(--r-full)}.date-nav input[type=date]{width:auto;min-height:34px;padding:4px 10px;border-color:transparent;background:transparent;font-size:var(--fs-sm);font-weight:600}.date-nav .btn{border-color:transparent;background:transparent}.date-nav .btn:hover{background:var(--surface)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-sm)}table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);white-space:nowrap}th,td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:right}th:first-child,td:first-child{text-align:left}th{font-weight:700;color:var(--text-muted);font-size:var(--fs-xs);letter-spacing:.04em;background:var(--surface-2);position:sticky;top:0}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}td.memo{text-align:left;max-width:220px;overflow:hidden;text-overflow:ellipsis}td.actions{white-space:nowrap}.advice{margin:0 0 var(--space-2);padding:12px 14px;border-radius:var(--r-sm);font-size:var(--fs-sm);line-height:1.65;border-left:3px solid var(--accent);background:var(--surface-2)}.advice:last-child{margin-bottom:0}.advice-ok{border-color:var(--ok);background:var(--ok-soft);color:var(--ok-ink)}.advice-warn{border-color:var(--warn);background:var(--warn-soft);color:var(--warn-ink)}.advice-bad{border-color:var(--bad);background:var(--bad-soft);color:var(--bad-ink)}.advice-info{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.empty{text-align:center;padding:var(--space-6) var(--space-4);color:var(--text-muted)}.empty p{margin:0 0 var(--space-3)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:skeleton 1.4s ease infinite;border-radius:var(--r-xs)}@keyframes skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-list{display:flex;flex-direction:column;gap:1px}.skeleton-row{height:72px;border-radius:0}.skeleton-block{height:200px;border-radius:var(--r-md)}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background:var(--surface-2)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1b1680;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-7) var(--space-3);z-index:50;overflow-y:auto;animation:fade .18s var(--ease)}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:560px;padding:var(--space-5);box-shadow:var(--shadow-lg);animation:pop .2s var(--ease)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.modal-head h2{margin:0}body.modal-open{overflow:hidden}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes slide-up{0%{transform:translateY(100%)}}@media (max-width: 640px){.modal-backdrop{align-items:flex-end;padding:0}.modal{max-width:none;max-height:88vh;max-height:88dvh;overflow-y:auto;border-radius:var(--r-xl) var(--r-xl) 0 0;border-bottom:none;padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom));animation:slide-up .24s var(--ease)}}.toast{position:fixed;bottom:calc(var(--space-5) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:12px 20px;border-radius:var(--r-full);font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-lg);z-index:100;max-width:calc(100% - 32px);animation:toast-in .24s var(--ease)}.toast.error{background:var(--bad);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}@media (max-width: 640px){.toast{bottom:calc(var(--tabbar-h) + var(--space-3) + env(safe-area-inset-bottom))}}.chart-box{position:relative;width:100%;height:240px}.chart-box canvas{width:100%;height:100%;display:block}.btn-ghost.danger:hover{background:var(--bad-soft);color:var(--bad-ink)}.skeleton-load{display:grid;gap:var(--space-4);padding:var(--space-5) 0}.set-name{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent-ink)}@media (pointer: coarse),(max-width: 640px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=file],select,textarea,select.inline,.date-nav input[type=date]{font-size:16px}}@media (max-width: 640px){.page-head{align-items:stretch;margin-bottom:var(--space-4)}.page-head h1{font-size:var(--fs-lg)}.date-nav{display:flex;width:100%}.date-nav input[type=date]{flex:1;min-width:0;text-align:center}th,td{padding:8px 10px}}.quick-card{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow)}.quick-row{display:flex;gap:var(--space-2)}.quick-row select{width:auto;flex:0 0 auto;font-weight:600}.quick-row input{flex:1;min-width:0;font-size:16px}.quick-card .chips{margin-top:var(--space-3)}.quick-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--border)}.hero{display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);align-items:center}.ring{position:relative;flex:none;width:148px;height:148px}.ring svg{display:block;transform:rotate(-90deg)}.ring-track{stroke:var(--surface-3)}.ring-fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease),stroke .3s var(--ease)}.ring-fill.status-ok{stroke:var(--ok)}.ring-fill.status-low{stroke:var(--accent)}.ring-fill.status-over{stroke:var(--bad)}.ring-over{stroke:var(--bad);stroke-linecap:round}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}.ring-label{font-size:11px;color:var(--text-muted);letter-spacing:.04em}.ring-value{font-size:var(--fs-xl);font-weight:700;line-height:1.1}.ring-value.over{color:var(--bad)}.ring-unit{font-size:var(--fs-xs);color:var(--text-muted)}.hero-side{min-width:0}.hero-head{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.hero-total{font-size:var(--fs-lg);font-weight:700}.hero-total small{font-size:var(--fs-sm);font-weight:500;color:var(--text-muted);margin-left:var(--space-1)}.hero-note{margin:var(--space-3) 0 0}@media (max-width: 560px){.hero{grid-template-columns:1fr;justify-items:center;gap:var(--space-4)}.hero-side{width:100%}}.nutrient-list{display:flex;flex-direction:column;gap:var(--space-3)}.nutrient-row,.pfc-row{display:grid;grid-template-columns:84px 1fr auto 44px;align-items:center;gap:var(--space-2);font-size:var(--fs-sm)}.pfc{display:flex;flex-direction:column;gap:var(--space-3)}.pfc-row{grid-template-columns:92px 1fr auto 92px}.nutrient-name,.pfc-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-muted)}.pfc-label{font-weight:700;color:var(--text)}.pfc-label .muted{font-weight:500;font-size:11px}.nutrient-bar{position:relative;height:10px;background:var(--surface-3);border-radius:var(--r-full);overflow:hidden}.nutrient-bar:after{content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--border-strong);opacity:.9}.nutrient-fill{height:100%;border-radius:var(--r-full);background:var(--accent);transition:width .5s var(--ease),background .3s var(--ease)}.nutrient-fill.status-ok{background:var(--ok)}.nutrient-fill.status-low{background:var(--warn)}.nutrient-fill.status-over{background:var(--bad)}.nutrient-val,.pfc-val,.pfc-ratio{text-align:right;white-space:nowrap;font-weight:700}.nutrient-val small,.pfc-val small,.pfc-ratio small{font-weight:500;color:var(--text-muted)}.nutrient-status{text-align:right}.cond-summary{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;font-size:var(--fs-sm)}.cond-score{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700}.score-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--text-muted);flex:none}.score-dot.tone-1{background:var(--bad)}.score-dot.tone-2{background:var(--bad);opacity:.6}.score-dot.tone-3{background:var(--warn)}.score-dot.tone-4{background:var(--ok);opacity:.65}.score-dot.tone-5{background:var(--ok)}.timeline{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.meal-card{position:relative;overflow:hidden}.meal-card+.meal-card{margin-top:0}.meal-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--meal-color, var(--accent))}.meal-breakfast{--meal-color: var(--meal-breakfast)}.meal-lunch{--meal-color: var(--meal-lunch)}.meal-dinner{--meal-color: var(--meal-dinner)}.meal-snack{--meal-color: var(--meal-snack)}.meal-title{display:inline-flex;align-items:center;gap:var(--space-2)}.meal-title small{margin-left:0}.meal-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--meal-color, var(--accent));flex:none}.meal-list{list-style:none;margin:0;padding:0}.meal-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border)}.meal-item.unknown{background:var(--warn-soft);margin:0 calc(var(--space-5) * -1);padding:var(--space-3) var(--space-5);border-top-color:transparent}.meal-item-main{min-width:0}.meal-item-name{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meal-item-name .badge{margin-left:var(--space-2)}.meal-item-meta{display:block;font-size:var(--fs-xs);color:var(--text-muted)}.meal-item-kcal{font-weight:700;white-space:nowrap}.meal-item-kcal small{font-weight:500;color:var(--text-muted);margin-left:2px}.meal-item-actions{display:flex;gap:var(--space-1);align-items:center}.size-group{display:inline-flex;padding:2px;background:var(--surface-2);border-radius:var(--r-full)}.size-btn{border:none;background:transparent;color:var(--text-muted);min-width:30px;height:30px;padding:0 8px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s var(--ease),color .15s var(--ease)}.size-btn:hover{color:var(--text)}.size-btn.active{background:var(--surface);color:var(--accent-ink);font-weight:700;box-shadow:var(--shadow-sm)}@media (pointer: coarse){.size-btn{min-width:36px;height:36px}}.empty-meal{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin:0;padding:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--r-md);background:transparent;color:var(--text-muted);font-size:var(--fs-sm);font-family:inherit;gap:var(--space-2);cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.empty-meal:hover{background:var(--surface-2);border-color:var(--accent);color:var(--accent-ink)}.picker-section{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--border)}.picker-list{margin-top:var(--space-3);max-height:50vh;max-height:50dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--border)}.picker-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:var(--tap);padding:10px 8px;border:none;border-bottom:1px solid var(--border);border-radius:var(--r-xs);background:none;color:var(--text);text-align:left;cursor:pointer;font-family:inherit;font-size:var(--fs-sm)}.picker-item:hover{background:var(--surface-2)}.picker-name{font-weight:700}.picker-meta{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap}.history-list{padding:0;overflow:hidden}.history-row{display:grid;grid-template-columns:76px 1fr auto 96px;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);text-decoration:none;color:var(--text);transition:background .15s var(--ease)}.history-row:last-child{border-bottom:none}.history-row:hover{background:var(--surface-2);color:var(--text)}.history-date{font-weight:700;font-size:var(--fs-sm);white-space:nowrap}.history-main{min-width:0}.history-foods{font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-flags{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-top:var(--space-1)}.history-kcal{font-weight:700;white-space:nowrap}.history-kcal small{font-weight:500;color:var(--text-muted);margin-left:2px}.history-cond{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-1) var(--space-2);font-size:var(--fs-sm);text-align:right}.history-cond small{width:100%;font-size:11px;color:var(--text-muted)}.plain-list{list-style:none;margin:0;padding:0}.plain-list li{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border)}.plain-list li:first-child{border-top:none}.plain-list.compact li{display:block;padding:var(--space-2) 0;font-size:var(--fs-sm)}.status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.status-cell{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.status-bars{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-top:var(--space-1)}.status-bars .badge:empty{display:none}.diff-up{color:var(--bad);font-weight:700}.diff-down{color:var(--accent-ink);font-weight:700}.symptom-block+.symptom-block{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.symptom-block h3{display:flex;align-items:center;gap:var(--space-2)}.insights{margin-top:var(--space-3)}.advice-card .advice+.advice{margin-top:var(--space-2)}@media (max-width: 640px){.card{padding:var(--space-4)}.meal-item.unknown{margin:0 calc(var(--space-4) * -1);padding:var(--space-3) var(--space-4)}.quick-row{flex-wrap:wrap}.quick-row input{flex-basis:100%;order:-1}.quick-row select,.quick-row .btn{flex:1}.quick-card .chips,.quick-actions{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.quick-card .chips::-webkit-scrollbar,.quick-actions::-webkit-scrollbar{display:none}.quick-card .chip,.quick-actions .btn{flex:none}.quick-card .chips,.quick-actions{margin-left:calc(var(--space-4) * -1);margin-right:calc(var(--space-4) * -1);padding-left:var(--space-4);padding-right:var(--space-4)}.meal-item{grid-template-columns:1fr auto}.meal-item-actions{grid-column:1 / -1;justify-content:flex-end}.nutrient-row{grid-template-columns:76px 1fr auto}.nutrient-status{display:none}.pfc-row{grid-template-columns:64px 1fr auto auto}.pfc-ratio{font-size:var(--fs-xs)}.pfc-ratio small{display:none}.history-row{grid-template-columns:64px 1fr auto;padding:var(--space-3) var(--space-4)}.history-cond{grid-column:1 / -1;justify-content:flex-start}.history-cond small{width:auto}}@media (max-width: 360px){.ring{width:128px;height:128px}.nutrient-row{grid-template-columns:66px 1fr auto}.pfc-row{grid-template-columns:54px 1fr auto}.pfc-ratio{display:none}}.chart-note{margin:var(--space-2) 0 0}