:root{--bg: #f4f1ea;--surface: #ffffff;--surface-2: #f3efe7;--surface-3: #ebe6db;--surface-4: #e0d8c8;--text: #2b2823;--text-muted: #70685e;--border: #e7e1d5;--border-strong: #d8d0c0;--control-border: #bfb4a0;--accent: #4a7c59;--accent-hover: #3d6849;--accent-soft: #e7efe8;--accent-ink: #2f5a3c;--accent-pressed: #30563d;--on-accent: #ffffff;--tonal-bg: #e1ece3;--tonal-bg-hover: #d3e4d6;--tonal-bg-active: #c2d8c6;--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;--meal-none: #8a8378;--wash: rgba(74, 124, 89, .07);--flash: rgba(74, 124, 89, .22);--toast-accent: #9bc9a7;--cat-line: #4a3b33;--cat-cushion: #f6e8d3;--cat-cushion-edge: #ead6b8;--cat-silhouette: #d9d1c5;--cat-shadow: rgba(74, 59, 51, .12);--cat-bubble: #ffffff;--cat-zz: #9a8f82;--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);--dock-shadow: 0 -1px 0 rgba(43, 40, 35, .06), 0 -8px 24px rgba(43, 40, 35, .08);--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);--press-scale: .97}[data-theme=dark]{--bg: #14181a;--surface: #1b2022;--surface-2: #232a2c;--surface-3: #2b3335;--surface-4: #353e41;--text: #e9e5dc;--text-muted: #9ba39a;--border: #2c3336;--border-strong: #3a4245;--control-border: #4d575a;--accent: #86b894;--accent-hover: #9bc9a7;--accent-soft: #23342a;--accent-ink: #a9d3b4;--accent-pressed: #739f81;--on-accent: #10221a;--tonal-bg: #26382d;--tonal-bg-hover: #2e4436;--tonal-bg-active: #375241;--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;--meal-none: #8f978e;--wash: rgba(134, 184, 148, .05);--flash: rgba(134, 184, 148, .24);--toast-accent: #3d6849;--cat-line: #efe6dc;--cat-cushion: #3b3430;--cat-cushion-edge: #4d443e;--cat-silhouette: #3a4245;--cat-shadow: rgba(0, 0, 0, .35);--cat-bubble: #2b3335;--cat-zz: #9ba39a;--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);--dock-shadow: 0 -1px 0 rgba(0, 0, 0, .4), 0 -8px 24px rgba(0, 0, 0, .35)}*,*: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}@media (hover: hover){a:hover{color:var(--accent)}}details:not(.library-result)>summary{position:relative;list-style:none;padding-right:32px;border-radius:var(--r-xs);transition:background .15s var(--ease)}details:not(.library-result)>summary::-webkit-details-marker{display:none}details:not(.library-result)>summary:after{content:"";position:absolute;right:10px;top:50%;width:8px;height:8px;border-right:1.75px solid var(--accent-ink);border-bottom:1.75px solid var(--accent-ink);transform:translateY(-70%) rotate(45deg);transition:transform .2s var(--ease)}details[open]:not(.library-result)>summary:after{transform:translateY(-25%) rotate(-135deg)}summary:active{background:var(--surface-2)}.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)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}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:active{background:var(--surface-3)}.nav a.active{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}@media (hover: hover){.nav a:not(.active):hover{color:var(--text);background:var(--surface)}}.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),transform .08s var(--ease)}.icon-btn:active{background:var(--surface-3);transform:scale(var(--press-scale))}@media (hover: hover){.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}.nav+.header-actions{margin-left:auto}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);font-weight:700}.tabbar-icon{display:flex;align-items:center;justify-content:center;width:40px;height:26px;border-radius:var(--r-full);transition:background .15s var(--ease),transform .08s var(--ease)}.tabbar a:active .tabbar-icon{background:var(--surface-3);transform:scale(.92)}.tabbar a.active .tabbar-icon{width:52px;background:var(--tonal-bg-active)}}@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{position:relative;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(--control-border);background:var(--surface-2);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),color .15s var(--ease),transform .08s var(--ease),box-shadow .15s var(--ease)}.btn:active{background:var(--surface-4);transform:scale(var(--press-scale))}.btn svg{flex:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm),inset 0 -2px #0000001f}.btn-primary:active{background:var(--accent-pressed);border-color:var(--accent-pressed);color:var(--on-accent);box-shadow:none}.btn-tonal{background:var(--tonal-bg);border-color:transparent;color:var(--accent-ink)}.btn-tonal:active{background:var(--tonal-bg-active)}.btn-danger{color:var(--bad-ink);background:var(--bad-soft);border-color:transparent}.btn-danger:active{background:var(--bad-soft);border-color:var(--bad)}.btn-ghost{border-color:transparent;background:transparent;color:var(--accent-ink)}.btn-ghost:active{background:var(--tonal-bg-active)}.btn.danger{border-color:transparent;background:transparent;color:var(--bad-ink)}.btn-icon.danger{color:var(--bad)}.btn.danger:active{background:var(--bad-soft);color:var(--bad-ink)}.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.active,.btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn:disabled,.btn.disabled{background:var(--surface-3);border-color:transparent;color:var(--text-muted);box-shadow:none;cursor:not-allowed;pointer-events:none}.btn-ghost:disabled,.btn.danger:disabled{background:transparent}.btn[aria-busy=true],.chip[aria-busy=true]{color:transparent!important}.btn[aria-busy=true]>*,.chip[aria-busy=true]>*{opacity:0}.btn[aria-busy=true]:after,.chip[aria-busy=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:16px;height:16px;margin:auto;border:2px solid var(--accent);border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.btn-primary[aria-busy=true]:after{border-color:var(--on-accent);border-right-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}.btn-group{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}@media (hover: hover){.btn:hover{background:var(--surface-3);color:var(--text)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.btn-tonal:hover{background:var(--tonal-bg-hover);color:var(--accent-ink)}.btn-danger:hover{background:var(--bad-soft);border-color:var(--bad);color:var(--bad-ink)}.btn-ghost:hover{background:var(--tonal-bg);color:var(--accent-ink)}.btn.danger:hover{background:var(--bad-soft);color:var(--bad-ink)}.btn.active:hover,.btn[aria-pressed=true]:hover{background:var(--accent-hover);color:var(--on-accent)}}@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{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:34px;padding:0 14px;border:1px solid var(--control-border);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),transform .08s var(--ease)}.chip svg{flex:none}.chip:active,.chip-check span:active{background:var(--tonal-bg);border-color:var(--accent);transform:scale(var(--press-scale))}.chip.active,.chip[aria-pressed=true],.chip-check input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.chip:disabled{cursor:not-allowed;opacity:.55}.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-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}@media (hover: hover){.chip:hover,.chip-check span:hover{background:var(--surface-2);border-color:var(--accent)}.chip.active:hover,.chip[aria-pressed=true]:hover,.chip-check input:checked+span:hover{background:var(--accent-hover);color:var(--on-accent)}.chip-est:hover{background:var(--warn-soft);border-color:var(--warn)}}@media (pointer: coarse){.chip,.chip-check span{min-height:40px}.chip-sm{min-height:34px}}label{display:block;font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--space-1);color:var(--text)}input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=file],select,textarea{width:100%;min-height:var(--tap);padding:10px 14px;border:1px solid var(--control-border);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:active{background:var(--surface-4)}.date-nav .btn:disabled{background:transparent}@media (hover: hover){.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}@media (hover: hover){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)}.note-list{margin:0 0 var(--space-2);padding-left:1.2em;font-size:var(--fs-sm);line-height:1.7}.note-list li{margin-bottom:2px}.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:var(--on-accent)}.toast-icon{flex:none;color:var(--toast-accent);vertical-align:-4px;margin-right:var(--space-2)}@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}.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=search],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],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-combo{position:relative;flex:1;min-width:0}.quick-combo input{font-size:16px}.quick-suggest{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;z-index:10;max-height:min(320px,45vh);max-height:min(320px,45dvh);margin:0;padding:var(--space-1);overflow-y:auto;overscroll-behavior:contain;list-style:none;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:var(--shadow-lg)}.quick-suggest-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:8px 10px;border-radius:var(--r-xs);color:var(--text);font-size:var(--fs-sm);overflow-wrap:anywhere;cursor:pointer}.quick-suggest-item:hover,.quick-suggest-item[aria-selected=true]{background:var(--surface-2)}.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)}.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-list{list-style:none;margin:0;padding:0}.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}.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)}.supplement-list li{align-items:flex-start}.supplement-list .btn-group{flex:none}@media (max-width: 480px){.supplement-list li{display:block}.supplement-list .btn-group{margin-top:var(--space-2)}}.source-list{margin-top:var(--space-2)}.source-list li{display:block;padding:var(--space-1) 0;border-top:none;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)}.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}}@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}.consent-list{margin:var(--space-3) 0;padding-left:1.2em;display:flex;flex-direction:column;gap:var(--space-2);color:var(--text);font-size:var(--fs-sm);line-height:1.7}.photo-rows{list-style:none;margin:var(--space-3) 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.photo-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.photo-row-use{display:flex;align-items:center;gap:var(--space-2);margin:0;min-width:0;flex:1 1 auto;font-weight:500;cursor:pointer}.photo-row-edit{display:flex;align-items:center;gap:var(--space-2);flex:0 1 auto}.photo-row-edit .field-unit{width:120px}.photo-row-edit input[type=number]{padding-left:8px;padding-right:8px;text-align:right}@media (max-width: 360px){.photo-row-use,.photo-row-edit{flex:1 1 100%}.photo-row-edit .field-unit{width:auto;flex:1}}.picker-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.meal-edit-form label .muted,.composer-time label .muted{margin-left:var(--space-2);font-size:var(--fs-xs);font-weight:400}.picker-filter,.meal-exact-amount{margin:var(--space-3) 0;border-top:1px solid var(--border)}.picker-filter>summary,.meal-exact-amount>summary{padding:var(--space-3) 0;min-height:var(--tap);cursor:pointer;font-weight:600;overflow-wrap:anywhere}.picker-filter .field+.field{margin-top:var(--space-3)}.picker-filter .chips{padding-bottom:var(--space-2)}.picker-results-label{margin:var(--space-4) 0 var(--space-2);font-size:var(--fs-sm)}.food-picker-view .picker-list{max-height:none;overflow:visible}.food-picker-view .picker-item{min-width:0;gap:var(--space-2);flex-wrap:wrap}.food-picker-view .picker-name{min-width:0;overflow-wrap:anywhere}.food-picker-view .picker-meta{white-space:normal}.picker-empty{margin:0;padding:var(--space-3) 0;line-height:1.7}.meal-move-shortcuts,.meal-move-calendar,.meal-inline-error{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.meal-move-calendar{margin-top:var(--space-2)}.meal-move-calendar input{width:auto;min-width:0;max-width:100%}.meal-move-shortcuts .btn,.meal-move-calendar .btn,.meal-records .meal-item-actions .btn{min-height:44px}.meal-inline-error{color:var(--bad-ink);font-size:var(--fs-sm)}.toast:has(button){display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);width:max-content;border-radius:var(--r-lg)}.toast button{flex-shrink:0;min-height:44px}.meal-item-resolve{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);grid-column:1 / -1}.meal-item-resolve .muted{font-size:var(--fs-xs)}.meal-edit-form fieldset{border:0;padding:0;margin:0;min-width:0}.meal-edit-form legend{padding:0;margin-bottom:var(--space-2);font-weight:600}.meal-edit-sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.meal-edit-sizes .btn{min-width:0;min-height:var(--tap);padding-inline:var(--space-2)}.meal-edit-time{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.meal-edit-time select{flex:1 1 120px;min-width:0;width:auto}.meal-edit-delete{margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--border)}.photo-review-rows .photo-row{border:0;border-bottom:1px solid var(--border);border-radius:0;padding:var(--space-3) 0;gap:var(--space-2)}.photo-review-rows .photo-row-use{flex:1 1 130px}.photo-review-rows .picker-name{overflow-wrap:anywhere}.photo-review-rows .photo-amount-summary{display:block;color:var(--text-muted);font-size:var(--fs-xs);font-weight:400;margin-top:var(--space-1)}.photo-review-rows .photo-edit-panel{flex:1 1 100%;display:block;padding:var(--space-3);background:var(--surface-2);border-radius:var(--r-sm)}.photo-edit-panel .field{margin-bottom:var(--space-3)}.photo-edit-hint{font-size:var(--fs-xs)}.settings-page{max-width:760px;margin-inline:auto}.settings-back{display:inline-flex;align-items:center;min-height:var(--tap);gap:var(--space-1);margin-bottom:var(--space-2);color:var(--accent-ink);font-weight:600}.settings-menu{margin-top:var(--space-4);overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.settings-menu-row{display:flex;align-items:center;gap:var(--space-3);min-height:72px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;transition:background .15s var(--ease)}.settings-menu-row:last-child{border-bottom:0}.settings-menu-row:active{background:var(--surface-3)}@media (hover: hover){.settings-menu-row:hover{background:var(--surface-2);color:var(--text);text-decoration:none}}.settings-menu-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--tonal-bg);color:var(--accent-ink)}.settings-menu-text{flex:1;min-width:0}.settings-menu-row strong{display:block;font-size:var(--fs-md);font-weight:600}.settings-menu-row small{display:block;margin-top:var(--space-1);color:var(--text-muted);font-size:var(--fs-sm)}.settings-menu-row>svg{flex:none;color:var(--accent-ink)}.settings-fields{min-width:0;margin:0;padding:0;border:0}.settings-target-summary{display:grid;gap:var(--space-1);margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border)}.settings-target-summary strong{color:var(--accent-ink);font-size:var(--fs-display);line-height:1.25}.settings-target-summary strong small{font-size:var(--fs-base);font-weight:500}.settings-disclosure{margin-top:var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--border)}.settings-disclosure>summary{min-height:var(--tap);padding-block:var(--space-3);color:var(--text);font-weight:600;cursor:pointer}.settings-disclosure>summary .muted{font-size:var(--fs-sm);font-weight:400}.settings-disclosure[open]>summary{margin-bottom:var(--space-2)}.settings-danger{margin-top:var(--space-6)}.settings-danger>summary{color:var(--text-muted)}.settings-theme-options{display:flex;flex-wrap:wrap;gap:var(--space-3)}.settings-theme-choice{display:flex;align-items:center;flex:1 1 110px;gap:var(--space-2);min-height:56px;margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--control-border);border-radius:var(--r-sm);cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),transform .08s var(--ease)}.settings-theme-choice.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--accent);font-weight:700}.settings-theme-choice:active{transform:scale(var(--press-scale))}.supplement-add-actions{margin-bottom:var(--space-6)}.field-unit .supplement-unit{width:72px;flex:none}.supplement-nutrient-heading{margin-top:var(--space-5)}.supplement-nutrient-add{margin-top:var(--space-2)}.supplement-empty{margin-block:var(--space-4)}@media (max-width: 480px){.settings-menu-row{padding-inline:var(--space-3)}.settings-disclosure>summary .muted{display:block;padding-top:var(--space-1)}.settings-page .form-actions>.btn-primary{width:100%}}.review-tabs{display:flex;align-items:stretch;gap:var(--space-1);border-bottom:1px solid var(--border);margin:0 0 var(--space-5)}.review-tabs>a,.review-tabs>button{display:flex;align-items:center;justify-content:center;min-height:var(--tap);padding:var(--space-2) var(--space-4);border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--text-muted);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.review-tabs>[aria-current=page],.review-tabs>[aria-pressed=true]{color:var(--accent-ink);border-bottom-color:var(--accent)}.review-tabs>a:hover,.review-tabs>button:hover{background:var(--surface-2)}.review-disclosure>summary,.library-disclosure>summary{cursor:pointer;min-height:var(--tap);align-content:center;color:var(--text);font-weight:600}.review-disclosure>summary h2{display:inline;font-size:var(--fs-md)}.review-disclosure>summary>.muted{display:block;font-size:var(--fs-sm);font-weight:400;margin-top:var(--space-1)}.review-disclosure-body{padding-top:var(--space-4)}.review-disclosure-body>:last-child{margin-bottom:0}.review-readiness{margin:var(--space-4) 0}.review-readiness-list{padding-left:var(--space-5);color:var(--text-muted)}.review-readiness-list li+li{margin-top:var(--space-2)}.review-note{font-size:var(--fs-sm);margin-top:var(--space-5)}.library-back{display:inline-flex;align-items:center;min-height:var(--tap);font-size:var(--fs-sm);margin-bottom:var(--space-2)}.library-tabs>button{flex:1;padding-inline:var(--space-2)}.library-list li>div{min-width:0;overflow-wrap:anywhere}.library-list li>.btn{flex-shrink:0}.library-form-fields{border:0;margin:0;padding:0;min-width:0}.library-form-fields>.field{margin-bottom:var(--space-4)}.library-disclosure{border-top:1px solid var(--border);padding-top:var(--space-2)}.library-disclosure[open]>summary{margin-bottom:var(--space-3)}.library-disclosure summary>.muted{font-size:var(--fs-sm);font-weight:400;margin-left:var(--space-2)}.library-save-actions{position:sticky;bottom:0;padding:var(--space-3) 0;background:var(--surface);z-index:1}.library-delete{margin-top:var(--space-4);color:var(--bad-ink)}.library-delete-confirm{margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--r-sm)}.library-delete-confirm p{margin-top:0}.library-sources{margin-top:var(--space-5)}.library-result{border-top:1px solid var(--border)}.library-result>summary{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-3) 0;cursor:pointer;list-style:none}.library-result>summary::-webkit-details-marker{display:none}.library-result>summary:after{content:"+";color:var(--text-muted);flex-shrink:0}.library-result[open]>summary:after{content:"−"}.library-result>summary>span:first-child{min-width:0;flex:1;overflow-wrap:anywhere}.library-result>summary>span:first-child small{display:block;color:var(--text-muted);font-size:var(--fs-sm)}.library-result-kcal{white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}.library-result-kcal small{font-size:var(--fs-xs);font-weight:400}.library-nutrients{margin:0 0 var(--space-3);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-5)}.library-nutrients>div{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--fs-sm);border-bottom:1px solid var(--border);padding-block:var(--space-2)}.library-nutrients dt{color:var(--text-muted)}.library-nutrients dd{margin:0;white-space:nowrap}@media (max-width: 600px){.library-tabs>button{font-size:var(--fs-sm)}.library-nutrients{grid-template-columns:minmax(0,1fr)}.review-trend .section-head{flex-wrap:wrap}.review-trend .section-head select{max-width:100%}}.card.history-list{padding:0}.history-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto 18px;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;transition:background .15s var(--ease)}.history-row:last-child{border-bottom:none}.history-row:active{background:var(--surface-3)}.history-date{display:grid;justify-items:center;padding:var(--space-1) 0;border-radius:var(--r-sm);background:var(--surface-2);line-height:1.2}.history-date strong{font-size:var(--fs-lg);font-variant-numeric:tabular-nums}.history-date small{color:var(--text-muted);font-size:11px;white-space:nowrap}.history-date.today{background:var(--tonal-bg);color:var(--accent-ink)}.history-main{display:grid;gap:var(--space-1);min-width:0}.history-foods{font-size:var(--fs-sm);overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.history-meter{display:flex;align-items:center;gap:var(--space-2)}.history-kcal{font-size:var(--fs-sm);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.history-kcal small{margin-left:2px;color:var(--text-muted);font-size:var(--fs-xs);font-weight:500}.history-bar{flex:1;max-width:160px;height:6px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.history-fill{display:block;height:100%;border-radius:inherit;background:var(--accent)}.history-fill.over{background:var(--bad)}.history-mood{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--mood-soft);color:var(--mood-ink)}.history-mood.none{background:transparent;box-shadow:inset 0 0 0 1.5px var(--border-strong)}.history-go{color:var(--text-muted)}@media (hover: hover){.history-row:hover{background:var(--surface-2);color:var(--text)}}@media (max-width: 340px){.history-row{grid-template-columns:46px minmax(0,1fr) auto;gap:var(--space-2);padding-inline:var(--space-3)}.history-go{display:none}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}.app-header{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.tabbar{grid-template-columns:repeat(3,1fr);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.brand span{display:inline}.back-link{display:inline-flex;align-items:center;min-height:var(--tap);margin-bottom:var(--space-2)}.disclosure{margin-top:var(--space-4);border-top:1px solid var(--border)}.disclosure>summary{padding:var(--space-3) 0;cursor:pointer;font-weight:600;min-height:var(--tap)}.disclosure-value{display:block;margin-top:var(--space-1);color:var(--text-muted);font-size:var(--fs-sm);font-weight:400;overflow-wrap:anywhere}.disclosure[open]>summary{margin-bottom:var(--space-2)}.editor-fields{margin:0;padding:0;border:0;min-width:0}.editor-fields>legend{margin-bottom:var(--space-3);font-weight:600}.editor-danger{margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--border)}.condition-symptoms{flex-wrap:wrap}.modal-backdrop{align-items:center;padding:var(--space-5) var(--space-3);overflow:hidden;top:var(--dialog-top, 0px);bottom:auto;height:var(--dialog-height, 100dvh)}.modal{max-height:calc(var(--dialog-height, 100dvh) - 48px);overflow-y:auto;overscroll-behavior:contain;outline:none}.modal-head{position:sticky;top:calc(-1 * var(--space-5));padding:var(--space-3) 0;background:var(--surface);z-index:2}.modal-head h2{overflow-wrap:anywhere}.modal-head>button{flex:none}.modal .form-actions{position:sticky;bottom:calc(-1 * var(--space-5));margin-bottom:0;padding:var(--space-3) 0;background:var(--surface);z-index:1}.modal input,.modal select,.modal textarea{scroll-margin-block:80px}.btn,summary,.chip{touch-action:manipulation}@media (max-width: 640px){.day-head{margin-bottom:var(--space-3);gap:var(--space-2)}.day-head h1{font-size:var(--fs-lg)}.modal-backdrop{align-items:flex-end;padding:0}.modal{max-height:calc(var(--dialog-height, 100dvh) - 16px);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:0 var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom))}.modal-head{top:0;margin-bottom:var(--space-3);padding-top:var(--space-5)}.modal-head:before{content:"";position:absolute;top:var(--space-2);left:50%;width:36px;height:4px;border-radius:var(--r-full);background:var(--border-strong);transform:translate(-50%)}.modal .form-actions{bottom:calc(-1 * var(--space-4));padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}.modal .btn,.condition-editor .chip-check span{min-height:var(--tap)}}@media (prefers-reduced-motion: reduce){.modal,.modal-backdrop{animation:none}}.day-page{--gutter: max(var(--space-4), env(safe-area-inset-left));display:flex;flex-direction:column;gap:var(--space-4);min-height:calc(100dvh - var(--header-h) - env(safe-area-inset-top) - var(--space-6) - var(--space-7))}.day-page>.page-head{margin-bottom:0}.day-page>.card+.card{margin-top:0}.day-main{min-width:0}.day-summary{display:grid;gap:var(--space-3)}.summary-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.summary-more{flex:none;gap:2px;margin-right:calc(var(--space-2) * -1);padding-inline:var(--space-2)}.summary-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1) var(--space-2);margin:0}.summary-total strong{font-size:var(--fs-display);line-height:1.1;color:var(--accent-ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.summary-total strong.over{color:var(--bad-ink)}.summary-target{color:var(--text-muted);font-size:var(--fs-sm);font-weight:600}.summary-total .badge{align-self:center}.energy-bar{height:12px;margin-top:var(--space-2);border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.energy-fill{height:100%;border-radius:inherit;background:var(--accent);transition:width .5s var(--ease),background .3s var(--ease)}.energy-fill.over{background:var(--bad)}.summary-advice{margin:0;font-size:var(--fs-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.summary-condition{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.summary-label{flex:none;font-size:var(--fs-sm);font-weight:700}.summary-cond-more{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:calc(100% + var(--space-4));min-height:36px;margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) calc(var(--space-2) * -1);padding:var(--space-1) var(--space-2);border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);font:inherit;font-size:var(--fs-sm);text-align:left;cursor:pointer;transition:background .15s var(--ease)}.summary-cond-more span{min-width:0;overflow-wrap:anywhere}.summary-cond-more svg{flex:none;color:var(--accent-ink)}.summary-cond-more:active{background:var(--surface-3)}@media (hover: hover){.summary-cond-more:hover{background:var(--surface-2);color:var(--text)}}.tone-1,.tone-2{--mood: var(--bad);--mood-ink: var(--bad-ink);--mood-soft: var(--bad-soft)}.tone-3{--mood: var(--warn);--mood-ink: var(--warn-ink);--mood-soft: var(--warn-soft)}.tone-4,.tone-5{--mood: var(--ok);--mood-ink: var(--ok-ink);--mood-soft: var(--ok-soft)}.mood-picker{display:flex;flex:1;justify-content:space-between;gap:var(--space-1);max-width:300px}.mood-btn{position:relative;display:grid;place-items:center;width:var(--tap);height:var(--tap);padding:0;border:1px solid var(--control-border);border-radius:50%;background:var(--surface);color:var(--mood-ink);cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease),transform .08s var(--ease),box-shadow .15s var(--ease)}.mood-btn:active{background:var(--mood-soft);transform:scale(.92)}.mood-btn[aria-pressed=true]{background:var(--mood);border-color:var(--mood);color:var(--on-accent);box-shadow:0 0 0 3px var(--mood-soft)}.mood-btn:disabled{cursor:default}.mood-btn:disabled:not([aria-busy=true]){opacity:.55}.mood-btn[aria-busy=true]>svg{opacity:0}.mood-btn[aria-busy=true]:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--mood);border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@media (hover: hover){.mood-btn:not([aria-pressed=true]):hover{background:var(--mood-soft);border-color:var(--mood)}}.score-select{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.score-select label{display:block;margin:0}.score-select span{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-height:68px;padding:var(--space-2) 2px;border:1px solid var(--control-border);border-radius:var(--r-md);background:var(--surface);color:var(--mood-ink);cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),transform .08s var(--ease)}.score-select span small{color:var(--text);font-size:11px;font-weight:600;line-height:1.3;text-align:center}.score-select span:active{background:var(--mood-soft);transform:scale(var(--press-scale))}.score-select input:checked+span{background:var(--mood);border-color:var(--mood);color:var(--on-accent);box-shadow:0 0 0 3px var(--mood-soft)}.score-select input:checked+span small{color:var(--on-accent);font-weight:700}@media (hover: hover){.score-select input:not(:checked)+span:hover{background:var(--mood-soft);border-color:var(--mood)}}.meal-records{display:grid;gap:var(--space-4)}.meal-group{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.meal-group:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--meal-color, var(--accent))}.meal-none{--meal-color: var(--meal-none)}.meal-group-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:color-mix(in srgb,var(--meal-color, var(--accent)) 13%,var(--surface))}.meal-group-title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1) var(--space-2);min-width:0;margin:0;font-size:var(--fs-md)}.meal-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--surface);color:color-mix(in srgb,var(--meal-color, var(--accent)) 70%,var(--text));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--meal-color, var(--accent)) 45%,transparent)}.meal-group-kcal{font-size:var(--fs-sm);font-weight:700;font-variant-numeric:tabular-nums}.meal-group-kcal small,.meal-row-kcal small{margin-left:2px;color:var(--text-muted);font-size:var(--fs-xs);font-weight:500}.meal-group-actions{display:flex;flex:none;gap:var(--space-1)}.meal-list{padding:0 var(--space-2) 0 var(--space-3)}.meal-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--border);touch-action:pan-y pinch-zoom}.meal-row:first-child{border-top:0}.meal-row .time-pill{width:auto;min-width:0;min-height:36px;padding:4px 6px 4px 10px;border-color:transparent;border-radius:var(--r-full);background-color:var(--surface-2);font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.meal-row-time{margin:0}.meal-row-main{display:flex;align-items:center;gap:var(--space-2);min-width:0;min-height:var(--tap);padding:var(--space-1) var(--space-2);border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .15s var(--ease)}.meal-row-main:active{background:var(--surface-3)}.meal-row-main:disabled{cursor:default}.meal-row-text{display:grid;flex:1;min-width:0}.meal-row-name{font-weight:700;line-height:1.45;overflow-wrap:anywhere}.meal-row-name .badge{margin-left:var(--space-2);vertical-align:1px}.meal-row-meta{color:var(--text-muted);font-size:var(--fs-xs)}.meal-row-kcal{flex:none;font-size:var(--fs-md);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.meal-row .meal-inline-error,.meal-row .meal-item-resolve{grid-column:1 / -1}.meal-row.unknown{margin:0 calc(var(--space-2) * -1) 0 calc(var(--space-3) * -1);padding-inline:var(--space-3) var(--space-2);border-top-color:transparent;background:var(--warn-soft);box-shadow:inset 4px 0 0 var(--warn)}.meal-row.unknown .time-pill{background-color:var(--surface)}.meal-row.is-new{animation:row-flash 1.6s var(--ease)}.meal-row.unknown.is-new{animation-name:row-flash-warn}@keyframes row-flash{0%,35%{background:var(--flash)}to{background:transparent}}@keyframes row-flash-warn{0%,35%{background:var(--flash)}to{background:var(--warn-soft)}}@media (hover: hover){.meal-row-main:not(:disabled):hover{background:var(--surface-2)}}.day-note{margin:var(--space-4) 0 0;color:var(--text-muted);font-size:var(--fs-xs)}.timeline-empty{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);border:1.5px dashed var(--control-border);border-radius:var(--r-lg);color:var(--text-muted);text-align:center}.timeline-empty p{margin:0;font-weight:600}.meal-edit-move{min-width:0;margin:var(--space-5) 0 0;padding:0;border:0;border-radius:0}.meal-edit-move legend{width:100%;padding:var(--space-4) 0 var(--space-1);border-top:1px solid var(--border);font-size:var(--fs-base)}.meal-edit-move>p{margin-bottom:var(--space-2)}.nutrition-detail .pfc{margin-bottom:var(--space-4)}.nutrition-detail h3{margin-top:var(--space-5)}.composer{position:sticky;bottom:0;z-index:25;display:flex;flex-direction:column;gap:var(--space-2);margin:auto calc(var(--gutter) * -1) 0;padding:var(--space-2) var(--gutter) var(--space-3);background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--dock-shadow)}.composer-time{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.composer-time label{flex-basis:100%;margin:0}.composer-time select{flex:1 1 120px;width:auto;min-width:0}.composer-shortcuts{display:flex;gap:var(--space-2);margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--gutter);scrollbar-width:none}.composer-shortcuts::-webkit-scrollbar{display:none}.composer-shortcuts>*{flex:none}.composer-time-btn{font-variant-numeric:tabular-nums}.composer-time-btn.is-flash{animation:time-flash 1.2s var(--ease)}@keyframes time-flash{0%,40%{background:var(--tonal-bg-active);border-color:var(--accent);color:var(--accent-ink)}}.composer-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2)}.composer-row:not(:has(.photo-trigger)){grid-template-columns:minmax(0,1fr) auto}.composer-row .quick-combo input{min-height:46px;padding-inline:var(--space-4);border-radius:var(--r-full)}.composer .photo-trigger{width:46px;min-width:46px;height:46px}.composer-submit{min-height:46px;padding-inline:var(--space-5);font-size:var(--fs-base)}.quick-suggest.up{top:auto;bottom:calc(100% + var(--space-2))}.composer [aria-disabled=true]:not([aria-busy=true]){opacity:.55;pointer-events:none}@media (max-width: 959px){body:has(.composer) .app-footer{display:none}body:has(.composer) main{padding-bottom:0}body:has(.composer) .toast{bottom:calc(var(--composer-h, 120px) + var(--space-3) + env(safe-area-inset-bottom))}}@media (max-width: 640px){.day-page{--gutter: max(var(--space-3), env(safe-area-inset-left));gap:var(--space-3);min-height:calc(100dvh - var(--header-h) - var(--tabbar-h) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - var(--space-4) - var(--space-5))}.day-summary{gap:var(--space-2);padding:var(--space-3) var(--space-4)}.summary-total strong{font-size:var(--fs-xl)}.summary-advice{padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);line-height:1.55}.summary-condition{padding-top:var(--space-2)}.day-head h1{font-size:var(--fs-md);margin:0}.composer{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}body:has(.composer input[type=text]:focus) .tabbar{display:none}body:has(.composer input[type=text]:focus) .composer{bottom:0;padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}body:has(.composer) .toast{bottom:calc(var(--tabbar-h) + var(--composer-h, 120px) + var(--space-2) + env(safe-area-inset-bottom))}.meal-list{padding:0 var(--space-1) 0 var(--space-2)}.meal-row.unknown{margin:0 calc(var(--space-1) * -1) 0 calc(var(--space-2) * -1);padding-inline:var(--space-2) var(--space-1)}.meal-group-head{padding-left:var(--space-3)}}@media (max-width: 380px){.meal-row-kcal{font-size:var(--fs-sm)}.meal-row-main{padding-inline:var(--space-1)}.meal-row .time-pill{padding-left:8px}.mood-picker{gap:0}}@media (min-width: 960px){.day-page{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto auto auto 1fr;grid-template-areas:"head head" "main summary" "main composer" "main composer";align-items:start;gap:var(--space-4) var(--space-5);min-height:0}.day-head{grid-area:head}.day-summary{grid-area:summary}.day-main{grid-area:main}.composer{grid-area:composer;top:calc(var(--header-h) + var(--space-4));bottom:auto;margin:0;padding:var(--space-4);border:1.5px solid var(--accent);border-radius:var(--r-lg);box-shadow:0 0 0 4px var(--accent-soft),var(--shadow)}.composer-row{order:1}.composer-time{order:2;padding:var(--space-2) 0 0;border-top:1px solid var(--border);border-bottom:0}.composer-shortcuts{order:3;flex-wrap:wrap;margin:0;padding:0;overflow:visible}.timeline-empty-arrow{transform:rotate(-90deg)}.day-note{display:none}}@media (prefers-reduced-motion: reduce){.meal-row.is-new,.composer-time-btn.is-flash{animation:none}}.cat-art{display:block;overflow:visible;flex:none}.cat-art .cat-ol{stroke:var(--cat-line);stroke-linejoin:round;stroke-linecap:round}.cat-art .cat-shadow{fill:var(--cat-shadow)}.cat-art .cat-zz{stroke:var(--cat-zz)}.cat-art.is-silhouette .cat-fill{fill:var(--cat-silhouette)}.cat-art.is-silhouette .cat-ol,.cat-art.is-silhouette .cat-tail-in{stroke:var(--cat-silhouette)}.cat-art.is-animated .cat-tail{transform-box:view-box;animation:cat-tail 2.6s ease-in-out infinite}.cat-art.is-animated.cat-pose-loaf .cat-tail,.cat-art.is-animated.cat-pose-sleep .cat-tail{animation-name:cat-tail-small;animation-duration:3.8s}.cat-art.is-animated .cat-eyes{transform-box:fill-box;transform-origin:center;animation:cat-blink 4.6s infinite}.cat-art.is-animated.cat-pose-sit .cat-bob,.cat-art.is-animated.cat-pose-in .cat-bob{transform-box:fill-box;transform-origin:50% 100%;animation:cat-bob 3.4s ease-in-out infinite}.cat-art.is-animated .cat-ear-r{transform-box:fill-box;transform-origin:30% 100%;animation:cat-ear 5.2s ease-in-out infinite}.cat-art.is-animated .cat-breathe{transform-box:fill-box;transform-origin:50% 100%;animation:cat-breathe 3.6s ease-in-out infinite}.cat-art.is-animated .cat-zz{animation:cat-zz 3.6s ease-in-out infinite}@keyframes cat-tail{0%,to{transform:rotate(-8deg)}50%{transform:rotate(12deg)}}@keyframes cat-tail-small{0%,to{transform:rotate(0)}50%{transform:rotate(-6deg)}}@keyframes cat-blink{0%,90%,96%,to{transform:scaleY(1)}93%{transform:scaleY(.1)}}@keyframes cat-bob{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}@keyframes cat-ear{0%,70%,78%,to{transform:rotate(0)}74%{transform:rotate(-14deg)}}@keyframes cat-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.035)}}@keyframes cat-zz{0%,to{opacity:.2;transform:translateY(2px)}50%{opacity:1;transform:translateY(-2px)}}.cat-art.is-hopping{animation:cat-hop .5s var(--ease)}@keyframes cat-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-7px)}}.day-title{display:flex;align-items:center;gap:var(--space-2);min-width:0}.cat-perch{flex:none}.cat-perch-button{display:grid;place-items:center;width:max(44px,var(--tap));height:max(44px,var(--tap));padding:0;border:0;border-radius:var(--r-full);background:transparent;color:inherit;cursor:pointer}.cat-perch-button:hover{background:var(--surface-2)}.cat-cushion path{fill:var(--cat-cushion);stroke:var(--cat-cushion-edge);stroke-width:1.5}.cat-arrival{position:fixed;z-index:60;right:calc(var(--space-4) + env(safe-area-inset-right));bottom:calc(var(--space-5) + 56px + env(safe-area-inset-bottom));pointer-events:none}.cat-arrival-link{display:flex;align-items:flex-end;gap:var(--space-1);color:var(--text);text-decoration:none;pointer-events:auto}.cat-arrival-link:hover{text-decoration:none}.cat-arrival-cat{display:block;overflow:hidden;border-radius:0 0 var(--r-md) var(--r-md)}.cat-arrival .cat-art{animation:cat-peek .7s cubic-bezier(.3,1.5,.5,1) .35s both}.cat-arrival.is-leaving .cat-art{animation:cat-leave .4s var(--ease) both}.cat-arrival-bubble{display:grid;gap:2px;max-width:min(220px,calc(100vw - 140px));margin-bottom:var(--space-5);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--r-md) var(--r-md) var(--r-xs) var(--r-md);background:var(--cat-bubble);box-shadow:var(--shadow);font-size:var(--fs-sm);animation:pop .2s var(--ease) .7s both}.cat-arrival.is-leaving .cat-arrival-bubble{animation:fade-out .3s var(--ease) both}.cat-arrival-bubble strong{font-size:var(--fs-base)}.cat-arrival-new{color:var(--accent-ink);font-weight:600}@keyframes cat-peek{0%{transform:translateY(110%)}to{transform:none}}@keyframes cat-leave{to{transform:translateY(110%)}}@keyframes fade-out{to{opacity:0}}@media (max-width: 640px){.cat-arrival{bottom:calc(var(--tabbar-h) + 64px + env(safe-area-inset-bottom));right:calc(var(--space-3) + env(safe-area-inset-right))}}.cats-page{max-width:760px;margin-inline:auto}.cats-page h1{margin-bottom:var(--space-2)}.cats-progress{margin:var(--space-4) 0 var(--space-5)}.cats-progress p{margin:0}.cats-progress strong{font-size:var(--fs-xl)}.cats-bar{height:10px;margin:var(--space-2) 0;border-radius:var(--r-full);background:var(--surface-2);overflow:hidden}.cats-bar span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.cats-section{margin-bottom:var(--space-5)}.cats-section h2{display:flex;align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--fs-md)}.cats-section h2 .muted{font-size:var(--fs-sm);font-weight:400}.cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.cats-cell{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;height:100%;padding:var(--space-2) var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:inherit;text-align:center}button.cats-cell{cursor:pointer}button.cats-cell:hover{background:var(--surface-2);border-color:var(--border-strong)}.cats-cell.is-unknown{background:var(--surface-2);border-style:dashed}.cats-name{font-size:var(--fs-sm);font-weight:600;line-height:1.35;overflow-wrap:anywhere}.cats-cell.is-unknown .cats-name{color:var(--text-muted)}.cats-count{color:var(--text-muted);font-size:var(--fs-xs)}.cats-detail{display:grid;gap:var(--space-3)}.cats-detail>p{margin:0}.cats-stage{display:grid;place-items:center;padding:var(--space-3) 0;border-radius:var(--r-lg);background:var(--cat-cushion)}.cats-rarity{display:inline-block;margin-right:var(--space-2);padding:1px 10px;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--fs-xs);font-weight:700}.cats-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0}.cats-dates div{padding:var(--space-2) var(--space-3);border-radius:var(--r-sm);background:var(--surface-2)}.cats-dates dt{color:var(--text-muted);font-size:var(--fs-xs)}.cats-dates dd{margin:0;font-weight:600;font-size:var(--fs-sm)}@media (max-width: 360px){.cats-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.cats-dates{grid-template-columns:minmax(0,1fr)}}