:root{color-scheme:light;--page: #f9f9f7;--surface: #fcfcfb;--text: #0b0b0b;--text-2: #52514e;--muted: #898781;--grid: #e1e0d9;--baseline: #c3c2b7;--border: rgba(11, 11, 11, .1);--accent: #2a78d6;--accent-ink: #1c5cab;--accent-wash: #cde2fb;--risk-high: #d03b3b;--risk-medium: #ec835a;--risk-low: #0ca30c;--risk-info: #898781;--risk-high-wash: rgba(208, 59, 59, .12);--risk-medium-wash: rgba(236, 131, 90, .14);--risk-low-wash: rgba(12, 163, 12, .1);--risk-info-wash: rgba(137, 135, 129, .12);--seq-0: #eef3f9;--seq-1: #cde2fb;--seq-2: #9ec5f4;--seq-3: #5598e7;--seq-4: #2a78d6;--seq-5: #184f95}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--page: #0d0d0d;--surface: #1a1a19;--text: #ffffff;--text-2: #c3c2b7;--muted: #898781;--grid: #2c2c2a;--baseline: #383835;--border: rgba(255, 255, 255, .1);--accent: #3987e5;--accent-ink: #86b6ef;--accent-wash: #10315c;--seq-0: #23262b;--seq-1: #0d366b;--seq-2: #184f95;--seq-3: #256abf;--seq-4: #3987e5;--seq-5: #86b6ef}}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}.app{max-width:1080px;margin:0 auto;padding:0 16px 64px}.header{padding:24px 0 12px}.header h1{margin:0;font-size:1.6rem;letter-spacing:-.01em}.header h1 .logo{color:var(--accent);margin-right:8px}.tagline{margin:2px 0 0;color:var(--text-2);font-size:.95rem}.meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:.82rem;color:var(--muted)}.source-badge{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:2px 10px;display:inline-flex;align-items:center;gap:6px}.src-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex-shrink:0}.src-live-server .src-dot,.src-live-browser .src-dot{background:var(--risk-low)}.src-snapshot .src-dot{background:var(--risk-medium)}.src-unavailable .src-dot{background:var(--risk-high)}.refresh-btn{border:1px solid var(--border);background:var(--surface);color:var(--accent-ink);border-radius:999px;padding:2px 12px;font-size:.82rem;cursor:pointer}.refresh-btn:hover{background:var(--accent-wash)}.quick-scan{display:inline-flex;margin-top:12px;justify-content:center;align-items:center;gap:8px;font-size:1rem;padding:11px 20px}@media (max-width: 800px){.quick-scan{display:flex;width:100%}}.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--grid);margin:12px 0 20px;position:sticky;top:0;background:var(--page);z-index:20;padding-top:4px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:var(--text-2);font:inherit;font-size:.95rem;padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tab:hover{color:var(--text)}.tab.active{color:var(--accent-ink);border-bottom-color:var(--accent);font-weight:600}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}.panel h2{margin:0 0 4px;font-size:1.15rem}.panel h3{margin:16px 0 6px;font-size:1rem}.panel .sub{color:var(--text-2);font-size:.9rem;margin:0 0 12px}.notice{border-left:3px solid var(--risk-medium);background:var(--risk-medium-wash);padding:8px 12px;border-radius:6px;font-size:.88rem;margin-bottom:12px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;align-items:center}.filters input[type=search],.filters input[type=text],.filters select{font:inherit;font-size:.92rem;padding:8px 12px;border-radius:8px;border:1px solid var(--baseline);background:var(--surface);color:var(--text);min-width:0}.filters input[type=search]{flex:1 1 220px}.chip{border:1px solid var(--baseline);background:var(--surface);color:var(--text-2);border-radius:999px;padding:6px 12px;font:inherit;font-size:.85rem;cursor:pointer}.chip.active{background:var(--accent-wash);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.result-count{color:var(--muted);font-size:.85rem;margin:0 0 10px}.browse{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.filters-toggle{display:none;grid-column:1 / -1;justify-self:start}.filter-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;position:sticky;top:54px;max-height:calc(100vh - 70px);overflow-y:auto}.filter-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px}.fsec{border-top:1px solid var(--grid);padding:9px 0}.fsec summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;font-size:.9rem}.fsec summary::-webkit-details-marker{display:none}.fsec summary:after{content:"▾";color:var(--muted);font-size:.8rem;transition:transform .15s}.fsec[open] summary:after{transform:rotate(180deg)}.fsec summary span:first-child{flex:1}.fsec-count{background:var(--accent);color:#fff;border-radius:999px;font-size:.72rem;font-weight:700;padding:1px 7px}.fsec-search{width:100%;margin-top:8px;padding:6px 10px;font:inherit;font-size:.85rem;border:1px solid var(--baseline);border-radius:6px;background:var(--surface);color:var(--text)}.fsec-options{margin-top:6px;max-height:230px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.fsec-opt{display:flex;align-items:center;gap:8px;font-size:.86rem;padding:4px 2px;cursor:pointer;border-radius:6px}.fsec-opt:hover{background:var(--page)}.fsec-opt input{accent-color:var(--accent);flex-shrink:0}.fsec-opt-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2)}.fsec-opt-count{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums}.fsec-empty{color:var(--muted);font-size:.82rem;margin:4px 0}@media (max-width: 800px){.browse{grid-template-columns:1fr}.filters-toggle{display:inline-flex}.filter-panel{display:none;position:static;max-height:none}.filter-panel.open{display:block}}.risk-help{margin:0 0 14px;font-size:.85rem}.risk-help summary{color:var(--accent-ink);cursor:pointer;list-style:none;display:inline-block}.risk-help summary::-webkit-details-marker{display:none}.risk-help p{margin:8px 0 0;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;max-width:720px}.recall-list{display:flex;flex-direction:column;gap:10px}.recall-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.recall-card summary{cursor:pointer;list-style:none;display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.recall-card summary::-webkit-details-marker{display:none}.recall-title{font-weight:600;font-size:.98rem;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meta-strong{color:var(--accent-ink);font-weight:600}.product-list{margin-bottom:12px}.product-items{margin:6px 0 0;padding-left:22px;font-size:.88rem;color:var(--text-2)}.product-items li{margin:4px 0;overflow-wrap:anywhere}.recall-firm{color:var(--text-2);font-size:.86rem;margin-top:2px}.recall-reason{color:var(--text-2);font-size:.88rem;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recall-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:.8rem;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600;white-space:nowrap;flex-shrink:0}.badge-high{color:var(--risk-high);background:var(--risk-high-wash)}.badge-medium{color:var(--risk-medium);background:var(--risk-medium-wash)}.badge-low{color:var(--risk-low);background:var(--risk-low-wash)}.badge-info{color:var(--risk-info);background:var(--risk-info-wash)}@media (prefers-color-scheme: light){.badge-medium{color:#b4562f}}.recall-detail{border-top:1px solid var(--grid);margin-top:12px;padding-top:12px;font-size:.9rem}.recall-detail dl{display:grid;grid-template-columns:minmax(110px,max-content) 1fr;gap:6px 16px;margin:0 0 12px}.recall-detail dt{color:var(--muted);font-size:.82rem}.recall-detail dd{margin:0;overflow-wrap:anywhere}.hazard-box{background:var(--risk-medium-wash);border:1px solid var(--risk-medium);border-radius:8px;padding:10px 14px;margin-bottom:12px;font-size:.88rem}.hazard-box.emergency{background:var(--risk-high-wash);border-color:var(--risk-high)}.hazard-box ul{margin:6px 0 0;padding-left:18px}.hazard-box li{margin:3px 0;color:var(--text-2)}.product-photo{margin:0 0 12px;display:flex;align-items:flex-start;gap:12px}.product-photo img{max-width:110px;max-height:140px;border-radius:8px;border:1px solid var(--border);background:#fff}.product-photo figcaption{font-size:.8rem;color:var(--muted);max-width:340px}.links-row{display:flex;flex-wrap:wrap;gap:6px 18px}.active-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.hbar-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.hbar-row{display:grid;grid-template-columns:minmax(110px,38%) 1fr auto;align-items:center;gap:10px;font-size:.86rem}.hbar-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font:inherit;text-align:left;width:100%;padding:4px 6px;border-radius:8px;cursor:pointer}.hbar-btn:hover{background:var(--page)}.hbar-btn.active{background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent)}.hbar-btn.dimmed{opacity:.5}.hbar-label{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-track{background:var(--page);border-radius:4px;height:14px;overflow:hidden}.hbar-fill{display:block;height:100%;background:var(--accent);border-radius:4px;min-width:2px}.hbar-value{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.news-box{border-top:1px solid var(--grid);padding-top:10px;font-size:.88rem}.news-box ul{margin:6px 0 0;padding-left:18px}.news-box li{margin:4px 0}.news-src{color:var(--muted);font-size:.82rem}.sub-inline{color:var(--muted);font-size:.8rem}.why-box{background:var(--page);border:1px solid var(--grid);border-radius:8px;padding:10px 14px}.why-box ul{margin:6px 0 0;padding-left:18px}.why-box li{margin:2px 0;font-size:.86rem;color:var(--text-2)}.ext-link{color:var(--accent-ink)}.map-wrap{position:relative}.map-svg{width:100%;height:auto;display:block}.state-path{stroke:var(--surface);stroke-width:1;cursor:pointer;transition:opacity .1s}.state-path:hover{opacity:.75}.state-path.selected{stroke:var(--text);stroke-width:1.75}.map-tooltip{position:absolute;pointer-events:none;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:0 2px 10px #00000026;border-radius:8px;padding:8px 12px;font-size:.83rem;z-index:30;max-width:240px}.map-tooltip .tt-title{font-weight:600}.map-tooltip .tt-sub{color:var(--text-2)}.map-legend{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:10px;font-size:.78rem;color:var(--muted)}.legend-swatch{width:26px;height:12px;border-radius:3px;border:1px solid var(--border)}.zip-form{display:flex;gap:8px;flex-wrap:wrap}.zip-form input{font:inherit;font-size:1.05rem;padding:10px 14px;border-radius:8px;border:1px solid var(--baseline);background:var(--surface);color:var(--text);width:160px;letter-spacing:.05em}.btn-primary{font:inherit;font-size:.95rem;font-weight:600;padding:10px 18px;border-radius:8px;border:none;background:var(--accent);color:#fff;cursor:pointer}.btn-primary:hover{background:var(--accent-ink)}.btn-secondary{font:inherit;font-size:.92rem;padding:9px 16px;border-radius:8px;border:1px solid var(--baseline);background:var(--surface);color:var(--text);cursor:pointer}.area-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:16px 0}.stat-tile{background:var(--page);border:1px solid var(--grid);border-radius:10px;padding:12px 14px}.stat-btn{font:inherit;color:inherit;text-align:left;cursor:pointer}.stat-btn:hover{border-color:var(--accent)}.stat-btn.active{border-color:var(--accent);background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent)}.stat-tile .stat-value{font-size:1.7rem;font-weight:700;line-height:1.2}.stat-tile .stat-label{font-size:.8rem;color:var(--text-2)}.scan-video{width:100%;max-width:420px;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px;border:1px solid var(--border);background:#000}.scanned-product{display:flex;gap:12px;align-items:flex-start;background:var(--page);border:1px solid var(--grid);border-radius:10px;padding:12px 14px;margin:12px 0}.scanned-product img{max-width:72px;max-height:96px;border-radius:6px;border:1px solid var(--border);background:#fff}.scanned-brand{color:var(--text-2);font-size:.88rem}.check-verdict{border-radius:10px;padding:14px 16px;margin:14px 0;font-size:.95rem;border:1px solid var(--border)}.check-verdict.hit{background:var(--risk-high-wash);border-color:var(--risk-high)}.check-verdict.clear{background:var(--risk-low-wash);border-color:var(--risk-low)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.temp-table-wrap{overflow-x:auto}table.temp-table{border-collapse:collapse;width:100%;font-size:.9rem}.temp-table th,.temp-table td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--grid)}.temp-table th{color:var(--muted);font-size:.8rem;font-weight:600}.temp-table td.num{font-variant-numeric:tabular-nums;white-space:nowrap}.loading,.empty{text-align:center;color:var(--muted);padding:48px 16px}.spinner{display:inline-block;width:22px;height:22px;border:3px solid var(--grid);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}.footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--grid);color:var(--muted);font-size:.8rem}