: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}}:root{--gold: #b8860b;--gold-soft: #fdf6e3;--silver: #6b7280;--silver-soft: #f1f3f5;--bronze: #a05a2c;--bronze-soft: #fbf0e7;--podium-glow: 0 0 0 1px var(--gold), 0 2px 12px rgb(184 134 11 / 18%)}:root:not([data-theme=light]){--gold-soft: #2a2411;--silver-soft: #22252a;--bronze-soft: #2a1d13}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--gold: #e0b23c;--silver: #9aa3ad;--bronze: #c9834a}}:root[data-theme=dark]{--gold: #e0b23c;--silver: #9aa3ad;--bronze: #c9834a;--gold-soft: #2a2411;--silver-soft: #22252a;--bronze-soft: #2a1d13}.rank{position:relative;font-variant-numeric:tabular-nums;transition:transform .12s ease}.rank-medal-1{background:var(--gold-soft);color:var(--gold);border:1.5px solid var(--gold);font-weight:800}.rank-medal-2{background:var(--silver-soft);color:var(--silver);border:1.5px solid var(--silver);font-weight:750}.rank-medal-3{background:var(--bronze-soft);color:var(--bronze);border:1.5px solid var(--bronze);font-weight:750}.card.is-podium-1{border-color:var(--gold);box-shadow:var(--podium-glow)}.card.is-podium-2{border-color:var(--silver)}.card.is-podium-3{border-color:var(--bronze)}.tier{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .45rem;border-radius:999px;font-size:.68rem;font-weight:750;letter-spacing:.02em;text-transform:uppercase;border:1px solid currentColor}.tier-s{background:var(--gold-soft);color:var(--gold)}.tier-a{background:var(--good-soft);color:var(--good)}.tier-b{background:var(--accent-soft);color:var(--accent)}.tier-c{background:var(--surface-2);color:var(--text-secondary)}.pct-track{position:relative;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.pct-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--good))}.pct-fill.is-top{background:linear-gradient(90deg,var(--gold),var(--good))}.board-hero{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem}.board-hero h1{font-size:1.45rem;letter-spacing:-.02em;margin-bottom:.1rem}.board-stats{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.board-stat{display:flex;flex-direction:column;gap:.1rem}.board-stat-value{font-size:1.15rem;font-weight:750;font-family:var(--font-mono);font-variant-numeric:tabular-nums;line-height:1}.board-stat-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.board-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);font-size:.84rem;font-weight:600;white-space:nowrap;transition:border-color .12s ease,color .12s ease}.board-pill:hover{border-color:var(--border-strong);color:var(--text-primary)}.board-pill[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.board-pill-icon{font-size:.95em;line-height:1}.coverage{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.76rem;color:var(--text-secondary)}.coverage-track{flex:1;max-width:180px;height:5px;border-radius:999px;background:var(--surface-2);overflow:hidden}.coverage-fill{height:100%;background:var(--accent);border-radius:999px}.coverage-fill.is-thin{background:var(--warning)}.rank-row{display:grid;grid-template-columns:1fr 90px 88px;align-items:center;gap:.6rem;padding:.45rem 0;border-bottom:1px solid var(--border)}.rank-row:last-child{border-bottom:0}.rank-position{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:750;text-align:right;font-size:.92rem}.rank-of{font-size:.68rem;color:var(--text-muted);font-family:var(--font-mono)}@media(prefers-reduced-motion:no-preference){.card{transition:border-color .12s ease,box-shadow .12s ease}}.lb-list{list-style:none;margin:0;padding:0;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.lb-row{display:grid;grid-template-columns:38px 52px minmax(0,1fr) auto 34px;align-items:center;gap:.7rem;padding:.6rem .8rem;border-bottom:1px solid var(--border)}.lb-row:last-child{border-bottom:0}.lb-row:hover{background:var(--surface-2)}.lb-podium-1{box-shadow:inset 3px 0 0 var(--gold)}.lb-podium-2{box-shadow:inset 3px 0 0 var(--silver)}.lb-podium-3{box-shadow:inset 3px 0 0 var(--bronze)}.lb-rank{display:grid;place-items:center;height:26px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;font-size:.82rem;color:var(--text-secondary);background:var(--surface-2)}.lb-thumb{width:52px;height:52px;border-radius:var(--radius-sm);object-fit:contain;background:#fff;border:1px solid var(--border)}.lb-thumb-empty{display:grid;place-items:center;background:var(--surface-2);color:var(--text-muted);font-size:1.1rem}.lb-main{min-width:0;display:flex;flex-direction:column;gap:.1rem}.lb-name{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lb-name:hover{color:var(--accent);text-decoration:none}.lb-sub{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-metric{display:flex;flex-direction:column;align-items:flex-end;gap:.05rem;text-align:right}.lb-metric-value{font-size:1.02rem;font-weight:750;font-family:var(--font-mono);font-variant-numeric:tabular-nums;line-height:1.1}.lb-metric-value.na{font-size:.82rem;font-weight:500;color:var(--text-muted)}.lb-metric-unit{font-size:.66rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.lb-compare{width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-secondary);font-size:.95rem;line-height:1;display:grid;place-items:center}.lb-compare:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.lb-compare.is-on{background:var(--accent);border-color:var(--accent);color:#fff}.lb-compare:disabled{opacity:.35;cursor:not-allowed}.audience{display:inline-flex;border:1px solid var(--border-strong);border-radius:999px;overflow:hidden}.audience button{padding:.3rem .7rem;border:0;background:var(--surface-1);color:var(--text-secondary);font-size:.8rem;font-weight:600}.audience button[aria-pressed=true]{background:var(--accent);color:#fff}@media(max-width:560px){.lb-row{grid-template-columns:30px 44px minmax(0,1fr) auto;gap:.5rem;padding:.55rem .6rem}.lb-thumb,.lb-thumb-empty{width:44px;height:44px}.lb-compare{display:none}.lb-sub{font-size:.72rem}}.pick{position:sticky;top:48px;z-index:20;background:var(--surface-0);padding:.5rem 0 .6rem;margin-bottom:.5rem}.pick-row{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.15rem;-webkit-overflow-scrolling:touch}.pick-row::-webkit-scrollbar{display:none}.pick-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:.3rem;padding:.5rem .85rem;border-radius:999px;border:1.5px solid var(--border);background:var(--surface-1);color:var(--text-secondary);font-size:.86rem;font-weight:600;white-space:nowrap;min-height:40px}.pick-chip.is-on{background:var(--accent);border-color:var(--accent);color:#fff}.pick-foot{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.pick-search{margin-left:auto;width:40px;height:40px;display:grid;place-items:center;border-radius:999px;border:1.5px solid var(--border);background:var(--surface-1);color:var(--text-secondary);font-size:1.15rem;text-decoration:none}.pick-search:hover{background:var(--surface-2);text-decoration:none}.combined-note{font-size:.78rem;color:var(--text-secondary);margin:0 0 .5rem}.cat-row{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none;margin-bottom:.6rem}.cat-row::-webkit-scrollbar{display:none}.cat-chip{flex:0 0 auto;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.78rem;white-space:nowrap}.cat-chip.is-on{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-strong);font-weight:600}.lb-skeleton{height:66px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,var(--surface-1),var(--surface-2),var(--surface-1));background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.foot-note{font-size:.72rem;color:var(--text-muted);text-align:center;margin:.75rem 0 0}@media(max-width:640px){.main{padding:.6rem .7rem 5rem}.lb-list{border-radius:12px}.lb-row{padding:.6rem .55rem}.lb-name{font-size:.88rem}.lb-metric-value{font-size:1.05rem}.app-header{padding-top:env(safe-area-inset-top)}}@supports (-webkit-touch-callout: none){body{-webkit-tap-highlight-color:transparent}.pick{top:calc(48px + env(safe-area-inset-top))}}