:root{color-scheme:light;--surface-0: #f4f4f2;--surface-1: #fcfcfb;--surface-2: #f0f0ed;--surface-raised: #ffffff;--border: #dcdcd6;--border-strong: #b9b9b1;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #78776f;--text-inverse: #ffffff;--accent: #2a78d6;--accent-hover: #1f60ae;--accent-soft: #e8f0fb;--good: #027a48;--good-soft: #e6f4ee;--warning: #b25e02;--warning-soft: #fdf2e3;--critical: #b42318;--critical-soft: #fdecea;--series-protein: #2a78d6;--series-carbs: #eb6834;--series-fat: #1baf7a;--series-other: #78776f;--grid: #e6e6e1;--radius: 8px;--radius-sm: 4px;--shadow: 0 1px 2px rgb(0 0 0 / 8%), 0 1px 3px rgb(0 0 0 / 4%);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--surface-0: #121211;--surface-1: #1a1a19;--surface-2: #232322;--surface-raised: #232322;--border: #34342f;--border-strong: #4d4d46;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #96958b;--text-inverse: #0b0b0b;--accent: #3987e5;--accent-hover: #5b9dea;--accent-soft: #16283d;--good: #4ac489;--good-soft: #12281e;--warning: #e2a13c;--warning-soft: #2c2113;--critical: #f27a72;--critical-soft: #2e1614;--series-protein: #3987e5;--series-carbs: #d95926;--series-fat: #199e70;--series-other: #96958b;--grid: #2b2b28;--shadow: 0 1px 2px rgb(0 0 0 / 40%)}}:root[data-theme=dark]{color-scheme:dark;--surface-0: #121211;--surface-1: #1a1a19;--surface-2: #232322;--surface-raised: #232322;--border: #34342f;--border-strong: #4d4d46;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #96958b;--text-inverse: #0b0b0b;--accent: #3987e5;--accent-hover: #5b9dea;--accent-soft: #16283d;--good: #4ac489;--good-soft: #12281e;--warning: #e2a13c;--warning-soft: #2c2113;--critical: #f27a72;--critical-soft: #2e1614;--series-protein: #3987e5;--series-carbs: #d95926;--series-fat: #199e70;--series-other: #96958b;--grid: #2b2b28;--shadow: 0 1px 2px rgb(0 0 0 / 40%)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface-0);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom)}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em}h1{font-size:1.25rem}h2{font-size:1.05rem}h3{font-size:.95rem}p{margin:0 0 .75rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.na{color:var(--text-muted);font-style:normal}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:30;background:var(--surface-1);border-bottom:1px solid var(--border)}.header-inner{max-width:1440px;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;gap:.75rem}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;flex-shrink:0}.brand:hover{text-decoration:none}.brand-mark{width:26px;height:26px;border-radius:6px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700}.header-nav{margin-left:auto;display:flex;gap:.25rem;align-items:center}.nav-link{padding:.35rem .6rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;font-weight:500;white-space:nowrap}.nav-link:hover{background:var(--surface-2);text-decoration:none}.nav-link[aria-current=page]{color:var(--text-primary);background:var(--surface-2)}.main{flex:1;max-width:1440px;width:100%;margin:0 auto;padding:1rem}.layout{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:1024px){.layout{grid-template-columns:260px minmax(0,1fr) 340px;align-items:start}.layout-sidebar,.layout-aside{position:sticky;top:72px}}@media(max-width:1023px){.layout-sidebar{display:none}.layout-aside{order:3}}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem}.panel+.panel{margin-top:.75rem}.panel-title{font-size:.78rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.6rem}.search-form{display:flex;gap:.5rem;width:100%}.search-input-wrap{position:relative;flex:1}.search-input{width:100%;padding:.6rem .75rem .6rem 2.1rem;font-size:16px;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary)}.search-input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.btn{padding:.55rem .9rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);font-size:.88rem;font-weight:550;white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-sm{padding:.3rem .55rem;font-size:.8rem}.example-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}.chip{padding:.28rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);font-size:.8rem}.chip:hover{background:var(--surface-2);color:var(--text-primary)}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.goal-row{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:thin;padding-bottom:.2rem;-webkit-overflow-scrolling:touch}.goal-btn{flex:0 0 auto;padding:.4rem .7rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);font-size:.84rem;font-weight:550}.goal-btn:hover{background:var(--surface-2)}.goal-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.goal-explain{margin-top:.5rem;font-size:.8rem;color:var(--text-secondary)}.goal-explain code{font-family:var(--font-mono);font-size:.95em;background:var(--surface-2);padding:.05rem .3rem;border-radius:3px}.controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.75rem 0}.control-select{padding:.45rem .6rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);font-size:.85rem;max-width:100%}.active-sort{font-size:.8rem;color:var(--text-secondary)}.active-sort strong{color:var(--text-primary)}.result-count{font-size:.82rem;color:var(--text-muted);margin-left:auto}.filter-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700}.results{display:grid;gap:.6rem;grid-template-columns:1fr}@media(min-width:640px){.results{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.card{position:relative;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.card:hover{border-color:var(--border-strong)}.card.is-top{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card-head{display:flex;gap:.6rem;align-items:flex-start}.rank{flex:0 0 auto;min-width:26px;height:26px;padding:0 6px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary);display:grid;place-items:center;font-size:.78rem;font-weight:700;font-family:var(--font-mono)}.rank.rank-1{background:var(--accent);color:#fff}.card-title{flex:1;min-width:0}.card-name{font-size:.92rem;font-weight:600;color:var(--text-primary);display:block;line-height:1.3}.card-name:hover{color:var(--accent)}.card-brand{font-size:.78rem;color:var(--text-muted);margin-top:.1rem}.card-price{text-align:right;flex-shrink:0}.price-amount{font-size:1.05rem;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.price-was{font-size:.75rem;color:var(--text-muted);text-decoration:line-through}.price-unit{font-size:.74rem;color:var(--text-secondary);font-family:var(--font-mono)}.hero-metric{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.45rem .6rem;background:var(--surface-2);border-radius:var(--radius-sm)}.hero-metric-label{font-size:.74rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-weight:600}.hero-metric-value{font-size:1rem;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary)}.hero-metric-value.na{color:var(--text-muted);font-weight:500;font-size:.85rem}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.metric-cell{background:var(--surface-2);border-radius:var(--radius-sm);padding:.35rem .45rem;min-width:0}.metric-cell-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-cell-value{font-size:.85rem;font-weight:650;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.card-foot{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.76rem;color:var(--text-secondary);border-top:1px solid var(--border);padding-top:.5rem}.store-name{font-weight:600;color:var(--text-primary)}.card-actions{margin-left:auto;display:flex;gap:.35rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.12rem .4rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:650;border:1px solid transparent;white-space:nowrap}.badge-good{background:var(--good-soft);color:var(--good);border-color:currentColor}.badge-warn{background:var(--warning-soft);color:var(--warning);border-color:currentColor}.badge-critical{background:var(--critical-soft);color:var(--critical);border-color:currentColor}.badge-neutral{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border)}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:currentColor}.macro{display:flex;flex-direction:column;gap:.3rem}.macro-track{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--surface-2);gap:2px}.macro-seg{height:100%}.macro-seg-protein{background:var(--series-protein)}.macro-seg-carbs{background:var(--series-carbs)}.macro-seg-fat{background:var(--series-fat)}.macro-seg-rest{background:var(--series-other);opacity:.35}.macro-legend{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.74rem;color:var(--text-secondary)}.macro-legend-item{display:inline-flex;align-items:center;gap:.28rem}.macro-swatch{width:9px;height:9px;border-radius:2px;flex-shrink:0}.macro-legend-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:650;color:var(--text-primary)}.macro-incomplete{font-size:.72rem;color:var(--warning)}.score-head{display:flex;align-items:baseline;gap:.5rem}.score-value{font-size:1.9rem;font-weight:750;font-family:var(--font-mono);line-height:1}.score-components{display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem}.score-row{display:grid;grid-template-columns:1fr 70px 44px;align-items:center;gap:.5rem;font-size:.78rem}.score-bar{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.score-bar-fill{height:100%;background:var(--accent);border-radius:999px}.score-raw{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--text-secondary);font-size:.74rem}.insights{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.insight{display:flex;gap:.5rem;padding:.5rem .65rem;border-radius:var(--radius);font-size:.82rem;border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary)}.insight-tradeoff{border-left:3px solid var(--accent)}.insight-warning{border-left:3px solid var(--warning)}.sheet-backdrop{position:fixed;inset:0;background:#00000073;z-index:90;border:0;padding:0}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:100;max-height:85vh;overflow-y:auto;background:var(--surface-1);border-top-left-radius:14px;border-top-right-radius:14px;border-top:1px solid var(--border);padding:.5rem 1rem calc(1rem + env(safe-area-inset-bottom))}.sheet-grabber{width:36px;height:4px;border-radius:999px;background:var(--border-strong);margin:.4rem auto .8rem}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.sheet-foot{position:sticky;bottom:0;background:var(--surface-1);padding-top:.75rem;margin-top:1rem;border-top:1px solid var(--border);display:flex;gap:.5rem}.sheet-foot .btn{flex:1;justify-content:center}.filter-group{margin-bottom:1rem}.filter-group-title{font-size:.78rem;font-weight:650;color:var(--text-secondary);margin-bottom:.4rem}.filter-options{display:flex;flex-wrap:wrap;gap:.35rem}.check-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem;padding:.25rem 0}.range-row{display:flex;align-items:center;gap:.5rem}.range-input{flex:1;min-width:0;padding:.4rem .5rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-primary);font-size:16px;font-family:var(--font-mono)}.tray{position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--surface-raised);border-top:1px solid var(--border-strong);box-shadow:0 -2px 8px #0000001a;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom))}.tray-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:.6rem}.tray-items{display:flex;gap:.35rem;overflow-x:auto;flex:1;min-width:0}.tray-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:.76rem;white-space:nowrap;max-width:190px}.tray-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tray-remove{border:0;background:none;color:var(--text-muted);padding:0 .1rem;font-size:.95rem;line-height:1}.tray-remove:hover{color:var(--critical)}.compare-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);-webkit-overflow-scrolling:touch}.compare-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.83rem}.compare-table th,.compare-table td{padding:.5rem .6rem;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap}.compare-table thead th{position:sticky;top:0;background:var(--surface-2);z-index:2;font-size:.76rem;font-weight:650}.compare-table th[scope=row],.compare-table thead th:first-child{position:sticky;left:0;text-align:left;background:var(--surface-2);z-index:1;font-weight:600;min-width:150px}.compare-table thead th:first-child{z-index:3}.compare-table td.is-best{background:var(--good-soft);color:var(--good);font-weight:700}.best-mark{font-size:.7rem;margin-right:.2rem}.compare-formula{font-size:.7rem;color:var(--text-muted);font-weight:400;display:block;margin-top:.1rem;white-space:normal}.chart-figure{margin:0}.chart-caption{font-size:.76rem;color:var(--text-muted);margin-top:.35rem}.chart-svg{display:block;width:100%;height:auto;overflow:visible}.chart-grid-line{stroke:var(--grid);stroke-width:1}.chart-axis-label{fill:var(--text-muted);font-size:10px;font-family:var(--font-mono)}.chart-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-area{fill:var(--accent);opacity:.1}.chart-dot{fill:var(--accent);stroke:var(--surface-1);stroke-width:2}.chart-bar{fill:var(--accent)}.chart-bar-muted{fill:var(--border-strong)}.chart-label{fill:var(--text-secondary);font-size:10px}.chart-value{fill:var(--text-primary);font-size:10px;font-family:var(--font-mono);font-weight:650}.chart-hit{fill:transparent;cursor:pointer}.chart-crosshair{stroke:var(--border-strong);stroke-width:1;stroke-dasharray:3 3}.chart-tooltip{position:absolute;pointer-events:none;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.35rem .5rem;font-size:.75rem;box-shadow:var(--shadow);z-index:10;white-space:nowrap}.chart-wrap{position:relative}.chart-empty{padding:1.25rem .75rem;text-align:center;color:var(--text-muted);font-size:.82rem}.detail-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:900px){.detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.detail-head{display:flex;gap:.9rem;align-items:flex-start;margin-bottom:.9rem}.detail-image{width:88px;height:88px;border-radius:var(--radius);object-fit:cover;background:var(--surface-2);flex-shrink:0}.detail-image-placeholder{width:88px;height:88px;border-radius:var(--radius);background:var(--surface-2);display:grid;place-items:center;color:var(--text-muted);font-size:1.5rem;flex-shrink:0}.nutrition-table{width:100%;border-collapse:collapse;font-size:.84rem}.nutrition-table td{padding:.35rem 0;border-bottom:1px solid var(--border)}.nutrition-table td:last-child{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.kv-list{display:flex;flex-direction:column;gap:.4rem;font-size:.82rem}.kv-row{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}.kv-row dt{color:var(--text-secondary)}.kv-row dd{margin:0;text-align:right;font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.target-bar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:.2rem}.target-bar-fill{height:100%;background:var(--accent);border-radius:999px}.notice{padding:.6rem .75rem;border-radius:var(--radius);font-size:.82rem;border:1px solid;margin-bottom:.75rem;display:flex;gap:.5rem;align-items:flex-start}.notice-info{background:var(--accent-soft);border-color:var(--accent);color:var(--text-primary)}.notice-warn{background:var(--warning-soft);border-color:var(--warning);color:var(--text-primary)}.notice-error{background:var(--critical-soft);border-color:var(--critical);color:var(--text-primary)}.notice ul{margin:.25rem 0 0;padding-left:1.1rem}.notice li{margin-bottom:.15rem}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--text-secondary)}.empty-state h2{margin-bottom:.4rem}.skeleton{background:var(--surface-2);border-radius:var(--radius);height:132px;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.spinner-row{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem;padding:.5rem 0}.status-strip{display:flex;align-items:center;gap:.4rem;padding:.35rem 1rem;font-size:.78rem;background:var(--warning-soft);color:var(--text-primary);border-bottom:1px solid var(--warning)}.dot{width:7px;height:7px;border-radius:999px;flex-shrink:0}.dot-warn{background:var(--warning)}.dot-good{background:var(--good)}.dot-muted{background:var(--text-muted)}.provenance{font-size:.72rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}@media(min-width:1024px){.mobile-only{display:none!important}}@media(max-width:1023px){.desktop-only{display:none!important}.main{padding-bottom:5rem}}