:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f8fa;--foreground:#20242c;--muted:#606a78;--accent:#0f766e;--accent-strong:#0b5d57;--accent-soft:#dff5f1;--surface:#fff;--border:#d7dce3;--shadow:0 16px 48px #20242c1a}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.app-shell{gap:32px;max-width:1160px;margin:0 auto;padding:32px 24px 56px;display:grid}.topbar{justify-content:space-between;align-items:center;display:flex}.brand-mark,.environment-note,.eyebrow,.merchant-name,.result-meta,.price,.compare-price,.state-message,.search-subtitle,.mock-warning,.results-toolbar p{margin:0}.brand-mark{font-size:1.05rem;font-weight:800}.environment-note{color:var(--muted);font-size:.9rem}.search-workspace{gap:24px;display:grid}.search-copy{gap:10px;max-width:880px;display:grid}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800}.search-panel,.recommendation-panel,.results-panel,.admin-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px}.search-subtitle{color:var(--muted);font-size:1.02rem;line-height:1.6}.search-panel{gap:16px;padding:24px;display:grid}.recommendation-panel,.recommendation-results,.recommendation-list,.recommendation-card,.explanation-block{gap:16px;display:grid}.recommendation-panel{padding:24px}.recommendation-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;display:grid}.recommendation-card{border:1px solid var(--border);border-radius:8px;padding:16px}.recommendation-card .source-link{width:max-content}.feedback-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.feedback-actions span{color:var(--muted);font-size:.86rem;font-weight:800}.feedback-actions button{min-height:38px}.explanation-block{border:1px solid var(--border);background:#f8fafc;border-radius:8px;padding:14px}.explanation-block h4,.explanation-block p{margin:0}.explanation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.explanation-grid strong{color:var(--foreground);text-transform:uppercase;font-size:.78rem}.explanation-grid ul{color:var(--muted);gap:6px;margin:8px 0 0;padding-left:18px;display:grid}.quick-searches{flex-wrap:wrap;gap:10px;display:flex}.quick-searches button{background:var(--accent-soft);color:var(--accent-strong);min-height:38px;padding:0 14px}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.field{color:var(--muted);gap:8px;font-size:.85rem;font-weight:700;display:grid}.field input{border:1px solid var(--border);color:var(--foreground);font:inherit;background:#fbfcfd;border-radius:8px;width:100%;min-height:46px;padding:0 14px}.field select{appearance:none;border:1px solid var(--border);color:var(--foreground);font:inherit;background:#fbfcfd;border-radius:8px;min-height:42px;padding:0 36px 0 12px}.field input:focus,.field select:focus{border-color:var(--accent);outline:3px solid var(--accent-soft)}.search-field input{min-height:56px;font-size:1.1rem}.filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.compact-field{min-width:180px}.toggle{border:1px solid var(--border);color:var(--foreground);border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-size:.92rem;font-weight:700;display:inline-flex}.toggle input{accent-color:var(--accent)}button{background:var(--accent);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:8px;min-height:44px;padding:0 18px;font-weight:800}button:disabled{cursor:progress;opacity:.68}.secondary-button{color:var(--foreground);background:#eef1f5}.results-panel{min-height:220px;padding:18px}.state-message{color:var(--muted);line-height:1.5}.state-block,.results-toolbar{gap:8px;padding:10px 6px 18px;display:grid}.results-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end}.results-toolbar p{color:var(--muted);font-size:.9rem}.result-list{gap:12px;display:grid}.result-card{border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:18px;display:grid}.merchant-name{color:var(--accent);text-transform:uppercase;font-size:.8rem;font-weight:800}.result-meta,.compare-price{color:var(--muted);font-size:.92rem;line-height:1.5}.price-block{text-align:right}.price{font-size:1.2rem;font-weight:900}.badge-row{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.badge-row span{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800}.match-reason{color:var(--muted);grid-column:1/-1;margin:-4px 0 0;font-size:.86rem;font-weight:700}.ranking-reason{border:1px solid var(--border);color:var(--foreground);background:#f8fafc;border-radius:8px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:.86rem;font-weight:800;line-height:1.45}h1,h2,h3{margin:0}h1{font-size:clamp(2.35rem,6vw,4.25rem);line-height:1.05}h2,h3{font-size:1.1rem;line-height:1.35}.source-link{color:var(--accent-strong);text-underline-offset:4px;grid-column:1/-1;font-size:.9rem;font-weight:800;text-decoration-thickness:2px}.detail-button{grid-column:1/-1;justify-self:start}.detail-state{padding:14px 6px 0}.offer-detail{border:1px solid var(--border);border-radius:8px;gap:18px;margin-top:16px;padding:20px;display:grid}.detail-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.mock-warning{color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:12px 14px;font-size:.92rem;font-weight:700;line-height:1.5}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.detail-grid section{border:1px solid var(--border);border-radius:8px;gap:12px;padding:14px;display:grid}.detail-grid dl{gap:10px;margin:0;display:grid}.detail-grid dl div{gap:2px;display:grid}.detail-grid dt{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.detail-grid dd{overflow-wrap:anywhere;margin:0;font-weight:800}.detail-grid ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.detail-grid li{gap:2px;display:grid}.detail-grid li span{color:var(--muted);line-height:1.4}.detail-actions{flex-wrap:wrap;gap:14px;display:flex}.detail-actions a{color:var(--accent-strong);text-underline-offset:4px;font-weight:800;text-decoration-thickness:2px}.admin-panel{gap:18px;padding:20px;display:grid}.admin-heading,.admin-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;display:grid}.admin-action-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.admin-controls{grid-template-columns:minmax(0,1fr) auto auto}.compact-controls{grid-template-columns:auto;justify-content:start}.admin-controls .field{max-width:460px}.admin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card,.admin-table{border:1px solid var(--border);border-radius:8px;padding:14px}.metric-card{gap:6px;display:grid}.metric-card span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.metric-card strong{font-size:1.85rem}.admin-table{gap:12px;display:grid}.admin-table table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{border-top:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 8px;font-size:.9rem}.admin-table th{color:var(--muted);text-transform:uppercase;font-size:.75rem}.admin-table td:last-child,.admin-table th:last-child{text-align:right}.latest-sync{grid-column:span 2}.sync-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.sync-list div{border-top:1px solid var(--border);gap:2px;padding-top:10px;display:grid}.sync-list dt{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.sync-list dd{overflow-wrap:anywhere;margin:0;font-weight:800}.recent-clicks{grid-column:1/-1}.feedback-dashboard,.quality-cockpit{gap:14px;display:grid}.quality-scoreboard{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.quality-signal{border:1px solid var(--border);border-left:4px solid #94a3b8;border-radius:8px;gap:12px;padding:14px;display:grid}.quality-signal.pass{border-left-color:var(--accent)}.quality-signal.warn{border-left-color:#d97706}.quality-signal.fail{border-left-color:#dc2626}.quality-signal div{gap:5px;display:grid}.quality-signal span{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:900}.quality-signal strong{font-size:1.55rem;line-height:1.1}.quality-signal p{color:var(--muted);margin:0;line-height:1.45}.quality-closeout{border:1px solid var(--border);border-left:4px solid #d97706;border-radius:8px;grid-template-columns:minmax(220px,.7fr) minmax(0,1fr);gap:14px;padding:16px;display:grid}.quality-closeout.ready{border-left-color:var(--accent)}.quality-closeout h3,.quality-closeout p{margin:0}.quality-closeout p{color:var(--muted);line-height:1.5}.quality-closeout ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.quality-closeout li{border-top:1px solid var(--border);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding-top:10px;display:grid}.quality-closeout li>span{text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:.7rem;font-weight:900}.quality-closeout li.pass>span{color:#0f6b4f;background:#dff7ee}.quality-closeout li.warn>span{color:#92400e;background:#fef3c7}.quality-closeout li.fail>span{color:#991b1b;background:#fee2e2}.quality-closeout li div{gap:4px;display:grid}.quality-insights{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.quality-note ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.quality-note li{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.quality-note li strong{color:var(--foreground);text-align:right}.feedback-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.feedback-sentiment{border-left:4px solid var(--accent)}.feedback-sentiment.not-helpful{border-left-color:#dc2626}.feedback-sentiment p,.quality-note p{color:var(--muted);margin:0;line-height:1.5}.quality-note{border:1px solid var(--border);background:#f8fafc;border-radius:8px;gap:8px;padding:14px;display:grid}.retention-panel{border:1px solid var(--border);border-radius:8px;gap:14px;padding:14px;display:grid}.retention-controls,.retention-danger{grid-template-columns:minmax(160px,220px) auto;justify-content:start;align-items:end;gap:12px;display:grid}.retention-danger{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;grid-template-columns:minmax(260px,1fr) auto;padding:12px}.retention-danger button{background:#b91c1c}.retention-danger button:disabled{background:#fca5a5}.retention-result{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.retention-result div{border:1px solid var(--border);background:#f8fafc;border-radius:8px;gap:4px;padding:12px;display:grid}.retention-result span{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.retention-result strong{font-size:1.45rem}.retention-result p{color:var(--muted);margin:0}.evaluation-viewer{gap:18px;display:grid}.evaluation-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.evaluation-table{grid-column:1/-1}.evaluation-table td{vertical-align:top}.evaluation-table td>span,.evaluation-table td>strong{display:block}.evaluation-table td>span{color:var(--muted);margin-top:4px}.status-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-content:center;padding:4px 9px;font-size:.72rem;font-weight:900;display:inline-flex}.evaluation-table .status-pill{display:inline-flex}.status-pill.pass{color:#0f6b4f;background:#dff7ee}.status-pill.fail{color:#991b1b;background:#fee2e2}.trace-viewer,.trace-list,.trace-drilldown,.trace-card,.trace-compare-panel,.trace-detail-panel,.trace-detail-section,.trace-steps{gap:14px;display:grid}.trace-viewer{grid-template-columns:minmax(180px,240px) minmax(0,1fr)}.trace-list{min-width:0}.trace-drilldown{grid-template-columns:minmax(180px,280px) minmax(0,1fr);min-width:0}.trace-index{align-content:start;gap:10px;display:grid}.trace-index button{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;background:#f8fafc;border-radius:8px;gap:5px;padding:12px;display:grid}.trace-index button.active{border-color:var(--accent);box-shadow:0 0 0 2px #137e6e1f}.trace-index span,.trace-detail-section h4{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:900}.trace-index strong{overflow-wrap:anywhere}.trace-index small,.trace-feedback-list small{color:var(--muted);font-weight:700}.trace-card{border:1px solid var(--border);border-radius:8px;padding:16px}.trace-compare-panel{grid-column:2}.trace-card-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.trace-intent{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.trace-intent div{border:1px solid var(--border);background:#f8fafc;border-radius:8px;gap:3px;padding:10px;display:grid}.trace-intent dt{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.trace-intent dd{overflow-wrap:anywhere;margin:0;font-weight:800}.trace-steps{counter-reset:trace-step;margin:0;padding:0;list-style:none}.trace-steps li{border-top:1px solid var(--border);counter-increment:trace-step;gap:6px;padding-top:12px;display:grid}.trace-steps li div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.trace-steps li strong:before{color:var(--accent);content:counter(trace-step) ". "}.trace-steps li span,.trace-steps li p{color:var(--muted);font-size:.86rem}.trace-steps li p{margin:0}.trace-feedback-list{gap:10px;display:grid}.trace-feedback-list>div{border-top:1px solid var(--border);gap:6px;padding-top:12px;display:grid}.trace-feedback-list p{color:var(--muted);margin:0}.trace-compare-picker{color:var(--muted);gap:6px;min-width:220px;font-size:.82rem;font-weight:800;display:grid}.trace-compare-picker select{border:1px solid var(--border);color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:10px}.trace-compare-table{border:1px solid var(--border);border-radius:8px;overflow:hidden}.trace-compare-row{grid-template-columns:minmax(110px,.8fr) repeat(2,minmax(0,1fr)) minmax(80px,.5fr);gap:10px;padding:10px 12px;display:grid}.trace-compare-row+.trace-compare-row{border-top:1px solid var(--border)}.trace-compare-row.heading{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#f8fafc;font-size:.72rem;font-weight:900}.trace-compare-row span,.trace-compare-row strong{overflow-wrap:anywhere}.trace-compare-row.changed span:last-child{color:#991b1b;font-weight:900}.trace-compare-row.same span:last-child{color:#0f6b4f;font-weight:900}@media (max-width:760px){.app-shell{padding:24px 16px 40px}.topbar,.filter-row{flex-direction:column;align-items:stretch}.results-toolbar{grid-template-columns:1fr;align-items:start}.filter-grid,.recommendation-form,.explanation-grid,.result-card,.detail-heading,.detail-grid,.admin-heading,.admin-controls,.admin-action-row,.admin-grid,.evaluation-metrics,.feedback-split,.quality-closeout,.quality-insights,.quality-scoreboard,.retention-controls,.retention-danger,.retention-result,.sync-list,.trace-viewer,.trace-drilldown,.trace-compare-row,.trace-card-heading,.trace-intent{grid-template-columns:1fr}.trace-compare-panel,.latest-sync{grid-column:auto}.price-block{text-align:left}button{width:100%}.admin-action-row{justify-content:stretch}h1{font-size:2.6rem}}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-shell{gap:24px;max-width:720px;margin:0 auto;padding:32px 24px 56px;display:grid}.home-topbar{justify-content:space-between;align-items:center;display:flex}.home-title{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15}.home-search,.home-search-form,.home-result-list{gap:16px;display:grid}.home-search-form{grid-template-columns:minmax(0,1fr) auto}.home-result-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:8px;padding:18px;display:grid}.home-result-card h2{font-size:1.05rem}.home-result-card .price,.home-result-card .compare-price{text-align:left}.home-footer{border-top:1px solid var(--border);color:var(--muted);gap:10px;padding-top:20px;font-size:.88rem;line-height:1.55;display:grid}.home-footer p,.privacy-section p,.privacy-note{margin:0}.home-footer a,.privacy-page a{color:var(--accent-strong);font-weight:700}.privacy-draft-banner{background:#fff6d8;border:1px solid #e4d39a;border-radius:8px;margin:0;padding:12px 14px;font-weight:800}.privacy-note,.privacy-section{color:var(--muted);gap:10px;line-height:1.6;display:grid}.privacy-section h2{color:var(--foreground)}@media (max-width:760px){.home-shell{padding:24px 16px 40px}.home-search-form{grid-template-columns:1fr}}
