:root{color-scheme:dark;--bg: #0f1419;--panel: #171e26;--panel-2: #1a2430;--border: #2a3542;--text: #e7eef6;--muted: #8fa3b8;--accent: #5b9fd4;--chip: #243041;--ok-bg: #1e3d32;--ok-fg: #9fe0bf;--warn-bg: #3a2f12;--warn-fg: #f0d57a;--bad-bg: #3a1e24;--bad-fg: #f0a0a8;--gap-bg: #243041;--gap-fg: #b8c9db;--score-mid: #c9a227;--score-low: #d45b5b;--score-high: #3d9a6a;--rail: 320px;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}#app,.app{height:100%;display:flex;flex-direction:column;min-height:0}.app{max-width:1280px;margin:0 auto;padding:14px 16px 10px;gap:10px;width:100%}.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.brand-title{font-weight:700;font-size:.95rem}.brand-sub{font-size:.75rem}.switcher{display:flex;gap:6px;flex-wrap:wrap}.switcher button,.tabs button,.model-pill,.claim-row,.toggle{font:inherit;cursor:pointer;color:var(--text);border:1px solid var(--border);background:var(--panel)}.switcher button{border-radius:999px;padding:6px 12px}.switcher button.active,.tabs button.active,.model-pill.active,.claim-row.active{border-color:var(--accent);background:#243a52}.switcher button:hover,.tabs button:hover,.model-pill:hover,.claim-row:hover,.toggle:hover{border-color:#3d5168}.hero-compact{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:linear-gradient(145deg,#182230,#141b24 60%,#1a2736);border:1px solid var(--border);border-radius:12px;padding:12px 14px;flex-shrink:0}.hero-compact h1{margin:0 0 4px;font-size:1.25rem}.lede{margin:0 0 8px;font-size:.85rem;max-width:42rem;line-height:1.35}.meta{display:flex;flex-wrap:wrap;gap:6px}.score-ring{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,var(--panel) 58%,transparent 59%),conic-gradient(var(--score-color) calc(var(--score) * 1%),#2a3542 0);border:1px solid var(--border)}.score-ring.small{width:84px;height:84px}.score-ring .val{font-size:1.55rem;font-weight:750;line-height:1;text-align:center}.score-ring .lbl{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;text-align:center}.model-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;flex-shrink:0}.model-pill{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;min-width:180px;padding:8px 10px;border-radius:10px;text-align:left}.model-pill.not_run{opacity:.8}.model-pill.failed{opacity:.85;outline:1px solid color-mix(in srgb,var(--score-low) 55%,transparent)}.model-pill .rank{color:var(--muted);font-size:.7rem}.model-pill .name{font-weight:600;font-size:.82rem;white-space:nowrap}.model-pill .pill-score{font-weight:750;font-size:1.1rem}.metrics-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;flex-shrink:0}.metric{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px 10px}.metric b{display:block;font-size:1rem}.metric span{color:var(--muted);font-size:.72rem}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:var(--rail) 1fr;gap:10px}.rail,.pane{min-height:0;border:1px solid var(--border);border-radius:12px;background:var(--panel);display:flex;flex-direction:column;overflow:hidden}.tabs{display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--border);flex-shrink:0}.tabs button{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;text-align:left;font-size:.84rem}.tabs button:last-child{border-bottom:0}.tabs button .count{color:var(--muted);font-size:.78rem;background:var(--chip);border-radius:999px;padding:1px 7px}.claim-list{overflow:auto;flex:1;min-height:0}.claim-row{width:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 8px;padding:9px 10px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;text-align:left}.claim-row .chip{grid-row:1 / span 2;align-self:center}.claim-title{font-size:.86rem;font-weight:600}.claim-cat{font-size:.72rem;grid-column:2}.pane{padding:0}.detail{padding:14px;overflow:auto;height:100%}.detail-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}.detail-head h3{margin:0 0 8px;font-size:1.1rem}.empty-detail{display:grid;place-items:center;color:var(--muted);height:100%;padding:24px;text-align:center}.compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-col{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:.86rem}.source{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:8px;background:#121820;border:1px solid var(--border);font-size:.8rem}.source-label{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);font-size:.68rem;font-weight:650}.src-links{display:flex;flex-direction:column;gap:2px}.src-link{color:#9ec9ef;word-break:break-all;text-decoration:none}.src-link:hover{text-decoration:underline}.notes{margin-top:10px;font-size:.82rem;color:var(--muted);background:#121820;border-radius:8px;padding:8px 10px}.dev{margin-top:10px;font-size:.75rem}.chip{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--chip);color:var(--text);font-size:.72rem;white-space:nowrap}.chip.bad{background:var(--bad-bg);color:var(--bad-fg)}.chip.ok{background:var(--ok-bg);color:var(--ok-fg)}.chip.gap{background:var(--gap-bg);color:var(--gap-fg)}.chip.muted{background:#1c2633;color:var(--muted)}.toggle{border-radius:8px;padding:6px 10px;color:var(--muted);background:transparent;flex-shrink:0}.banner,.empty,.foot{font-size:.82rem;color:var(--muted)}.banner{border:1px dashed #3a4a5c;border-radius:10px;padding:10px 12px;background:var(--panel-2);text-align:center;flex-shrink:0}.empty{padding:16px;text-align:center}.foot{flex-shrink:0;text-align:center;padding-top:2px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.muted{color:var(--muted)}@media(max-width:900px){body{overflow:auto}.app{height:auto;min-height:100%;overflow:visible}.workspace{grid-template-columns:1fr;height:auto}.rail{max-height:280px}.pane{min-height:320px}.metrics-row{grid-template-columns:repeat(3,minmax(0,1fr))}.compare{grid-template-columns:1fr}}.shelf-app{overflow:auto;height:100%}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:8px 0 16px}.shelf-card{text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;cursor:pointer;color:var(--text);font:inherit;transition:border-color .12s,transform .12s}.shelf-card:hover{border-color:var(--accent);transform:translateY(-1px)}.shelf-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.shelf-score{text-align:right}.shelf-score .num{display:block;font-size:1.75rem;font-weight:750;line-height:1}.shelf-score .lbl{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.shelf-name{font-weight:700;font-size:1rem;margin-bottom:2px}.shelf-host{font-size:.78rem;margin-bottom:10px}.shelf-badges{display:flex;flex-wrap:wrap;gap:6px}.favicon{width:20px;height:20px;border-radius:4px;background:#243041;object-fit:contain;flex-shrink:0}.favicon.lg{width:36px;height:36px;border-radius:8px}.favicon.fallback{display:inline-grid;place-items:center;font-size:.65rem;font-weight:700;color:#c5d4e4}.favicon.lg.fallback{font-size:.85rem}.hero-title-row{display:flex;gap:12px;align-items:flex-start}.browser-app{padding:10px 12px 8px;max-width:1320px}.browser{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid #3a4654;border-radius:12px;overflow:hidden;background:#0c1015;box-shadow:0 12px 40px #00000059}.browser-titlebar{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#1a222c;border-bottom:1px solid var(--border);flex-shrink:0}.traffic{display:flex;gap:6px}.traffic span{width:10px;height:10px;border-radius:50%;background:#3d4a58}.traffic span:nth-child(1){background:#e06c75}.traffic span:nth-child(2){background:#e5c07b}.traffic span:nth-child(3){background:#98c379}.browser-app-name{flex:1;font-size:.78rem}.browser-tabs{display:flex;gap:4px;padding:6px 8px 0;background:#141b24;overflow-x:auto;flex-shrink:0}.browser-tab{display:flex;align-items:center;gap:6px;max-width:220px;padding:7px 10px;border:1px solid transparent;border-bottom:0;border-radius:10px 10px 0 0;background:#1a2430;color:var(--text);font:inherit;font-size:.8rem;cursor:pointer;white-space:nowrap}.browser-tab.active{background:var(--bg);border-color:var(--border)}.browser-tab.add{max-width:none;padding:7px 12px;color:var(--muted)}.tab-title{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.tab-score{font-weight:700;font-size:.85rem}.browser-toolbar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0}.addr{flex:1;display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:6px 12px;min-width:0}.addr-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:var(--muted)}.lock{font-size:.75rem}.browser-content{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px;overflow:hidden;background:var(--bg)}@media(max-width:900px){.browser-content{overflow:auto}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.toggle.active{border-color:var(--accent);color:var(--text);background:#243a52}.compare-facts-panel{border:1px dashed #3d5168;border-radius:12px;background:var(--panel-2);padding:12px;display:flex;flex-direction:column;gap:10px;flex-shrink:0;max-height:42vh;min-height:0}.cf-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:flex-start}.cf-title{font-weight:700;font-size:.95rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cf-sub{font-size:.75rem;margin-top:2px}.cf-cats,.cf-chips{display:flex;flex-wrap:wrap;gap:6px}.cf-cat,.cf-merchant{cursor:pointer;border:1px solid var(--border);background:var(--panel);font:inherit}.cf-cat.active,.cf-merchant.active{border-color:var(--accent);background:#243a52}.cf-table-wrap{overflow:auto;min-height:0;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.cf-table{width:100%;border-collapse:collapse;font-size:.78rem}.cf-table th,.cf-table td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:8px 10px;vertical-align:top;text-align:left}.cf-table th:last-child,.cf-table td:last-child{border-right:0}.cf-table thead th{position:sticky;top:0;background:#1a2430;z-index:1;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.cf-table tbody th{min-width:140px;background:#141b24;font-weight:600}.cf-key{font-size:.65rem;font-weight:400;margin-top:2px}.cf-cell{min-width:120px}.cf-cell .cf-status{display:inline-block;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:1px 6px;margin-bottom:4px}.cf-cell.same{background:color-mix(in srgb,var(--ok-bg) 55%,transparent)}.cf-cell.same .cf-status{background:var(--ok-bg);color:var(--ok-fg)}.cf-cell.different{background:color-mix(in srgb,var(--warn-bg) 55%,transparent)}.cf-cell.different .cf-status{background:var(--warn-bg);color:var(--warn-fg)}.cf-cell.missing{background:color-mix(in srgb,var(--gap-bg) 55%,transparent)}.cf-cell.missing .cf-status{background:var(--gap-bg);color:var(--gap-fg)}.cf-val{display:block;color:var(--text);word-break:break-word}.cf-foot{font-size:.72rem;text-align:center}.model-pill.skipped{opacity:.8}.legal{flex-shrink:0;text-align:center;font-size:.75rem;line-height:1.4;padding:8px 12px 16px;max-width:52rem;margin:0 auto}.legal a{color:inherit;text-decoration:underline}