:root{--bg:#f6f8fb;--card:#fff;--text:#0d1728;--muted:#667085;--line:#e5eaf0;--accent:#0d6efd;--accent2:#1fa67a;--soft:#edf5ff;--shadow:0 24px 70px rgba(18,38,63,.10)}
:root[data-theme=dark]{--bg:#09111f;--card:#101a2b;--text:#edf4ff;--muted:#9aabc2;--line:#223149;--accent:#6aa4ff;--accent2:#56d2a6;--soft:#132641;--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 22px}.brand{font-size:24px;font-weight:850;color:var(--text);text-decoration:none;letter-spacing:-.8px}.brand span{color:var(--accent)}.top-actions{display:flex;align-items:center;gap:12px}.pill{font-size:12px;border:1px solid var(--line);padding:7px 10px;border-radius:999px;color:var(--muted);background:var(--card)}.icon-btn{border:1px solid var(--line);background:var(--card);color:var(--text);width:36px;height:36px;border-radius:12px;cursor:pointer}.hero{max-width:980px;margin:44px auto 0;padding:0 22px;text-align:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:var(--accent);text-transform:uppercase}.hero h1{font-size:clamp(38px,7vw,72px);line-height:1.02;letter-spacing:-.055em;margin:14px 0}.hero h1 span{color:var(--accent)}.sub{max-width:760px;margin:0 auto;color:var(--muted);font-size:18px}.checker{max-width:820px;margin:34px auto 0;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.mode{display:grid;grid-template-columns:1fr 1fr;background:var(--bg);padding:4px;border-radius:14px;margin-bottom:18px}.mode-btn{border:0;background:transparent;color:var(--muted);padding:11px;border-radius:11px;font-weight:800;cursor:pointer}.mode-btn.active{background:var(--card);color:var(--accent);box-shadow:0 4px 18px rgba(20,40,70,.08)}label{display:block;font-size:13px;font-weight:750;color:var(--muted);margin-top:12px}label span{font-weight:500}input,textarea{width:100%;margin-top:7px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:13px;padding:13px 14px;font:inherit;outline:none}textarea{resize:vertical;min-height:92px}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.grid3{display:grid;grid-template-columns:1.35fr 1fr .7fr;gap:12px}.primary{width:100%;margin-top:18px;border:0;border-radius:14px;padding:15px 18px;background:var(--accent);color:#fff;font-size:15px;font-weight:850;cursor:pointer}.primary:disabled{opacity:.55;cursor:wait}.status{min-height:20px;margin-top:10px;color:var(--muted);font-size:13px;text-align:center}.result{max-width:1120px;margin:56px auto;padding:0 22px}.hidden{display:none!important}.result-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.result h2,.how h2{font-size:34px;letter-spacing:-.035em;margin:6px 0}.confidence{border:1px solid var(--line);background:var(--card);padding:10px 14px;border-radius:14px;font-weight:850}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.metric{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}.metric span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.metric strong{font-size:22px;letter-spacing:-.02em}.metric.verdict{background:var(--soft);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}.notice{margin-top:14px;padding:14px 16px;border-radius:14px;background:#fff6db;color:#6b5200;border:1px solid #f3df9b}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.split>div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}.split h3,.evidence-head h3{margin:0 0 10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--bg);border:1px solid var(--line);padding:7px 9px;border-radius:999px;font-size:12px}.summary{color:var(--muted);font-size:14px}.evidence-head{margin-top:28px}.evidence-head p{color:var(--muted);margin:4px 0}.evidence{display:grid;gap:10px;margin-top:14px}.e-row{display:grid;grid-template-columns:130px 1fr 95px 80px;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:15px}.e-price{font-size:19px;font-weight:850}.e-title{min-width:0}.e-title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.e-title span{display:block;color:var(--muted);font-size:12px}.match{font-weight:800;color:var(--accent2)}.view{color:var(--accent);font-weight:800;text-decoration:none}.truth{margin-top:14px;color:var(--muted);font-size:13px}.how{max-width:1120px;margin:90px auto 70px;padding:0 22px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps article{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}.steps article b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--soft);color:var(--accent)}.steps h3{margin:13px 0 5px}.steps p{margin:0;color:var(--muted);font-size:14px}footer{max-width:1120px;margin:auto;padding:28px 22px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}@media(max-width:760px){.pill{display:none}.hero{margin-top:22px}.sub{font-size:16px}.checker{padding:16px}.grid3,.metrics,.split,.steps{grid-template-columns:1fr}.e-row{grid-template-columns:1fr auto}.e-price{grid-column:1}.e-title{grid-column:1/-1}.match{grid-column:1}.view{grid-column:2}.result-head{align-items:start;flex-direction:column}.confidence{align-self:flex-start}footer{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:no-preference){.checker,.metric,.e-row{transition:transform .18s ease,border-color .18s ease}.e-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}}
.coverage{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px}.coverage .chip{font-size:11px}.e-row{grid-template-columns:135px 1fr 105px 85px}.e-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.tag{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px 7px;font-size:10px;color:var(--muted);background:var(--bg)}.tag.used{color:var(--accent2);font-weight:800}.tag.outlier{color:#8a5a00;background:#fff6db;border-color:#f3df9b}.match small{display:block;color:var(--muted);font-weight:600;margin-top:3px}.reasons{color:var(--muted);font-size:11px;margin-top:4px;white-space:normal}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}.source-grid span{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:7px;font-size:11px;color:var(--muted)}@media(max-width:760px){.source-grid{grid-template-columns:1fr}.e-row{grid-template-columns:1fr auto}}


/* FairPrice Phase 2B: category picker, loader, SEO and ad placements */
.top-link{color:var(--accent);font-size:13px;font-weight:750;text-decoration:none}.grid2{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}.check-first{margin-bottom:10px}select{width:100%;margin-top:7px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:13px;padding:13px 14px;font:inherit;outline:none}select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}label em{font-style:normal;font-weight:650;font-size:11px;color:var(--accent)}.type-help{color:var(--muted);font-size:12px;margin:8px 0 12px}.mode-btn{font-size:12px}.search-loader{display:flex;align-items:center;gap:14px;padding:14px;margin-top:12px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.search-loader strong,.search-loader span{display:block}.search-loader>div span{color:var(--muted);font-size:12px;margin-top:3px}.loader-ring{flex:none;width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:fp-spin 1.1s linear infinite}@keyframes fp-spin{to{transform:rotate(360deg)}}.fp-ad-slot{max-width:970px;margin:18px auto;padding:10px;border-radius:11px;min-height:85px;outline:1px dashed var(--line);background:var(--card)}.fp-ad-label{display:block;color:var(--muted);font-size:9px;letter-spacing:1.5px;text-align:center}.fp-ad-unfilled{height:60px}.fp-directory{margin-top:44px}.fp-directory p,.fp-landing-guide p{color:var(--muted);font-size:14px}.fp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.fp-types a{display:block;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px;color:var(--text)}.fp-types strong{display:block;font-size:14px;margin-bottom:6px}.fp-types span{display:block;font-size:12px;color:var(--muted)}.fp-landing-guide{margin-top:40px;margin-bottom:45px}.fp-landing-guide h3{margin-top:22px}.e-row.reference-only{grid-template-columns:1fr auto}.ref-subtitle{color:var(--muted);font-size:12px;max-height:3em;overflow:hidden}.reference-note{margin-top:10px;font-size:12px;color:var(--muted)}@media(max-width:760px){.grid2,.fp-types{grid-template-columns:1fr}.fp-ad-unfilled{height:42px}.fp-ad-slot{min-height:70px}.top-link{display:none}.e-row.reference-only{grid-template-columns:1fr}.hero{margin-top:20px}}@media(prefers-reduced-motion:reduce){.loader-ring{animation:none}}