:root{--bg: #f3efe4;--bg-2: #fffdf8;--ink: #1c1913;--muted: #6f675c;--line: #d8d0c2;--accent: #9c3b1e;--accent-2: #245c4a;--danger: #8f1d1d;--ok: #215c3a;--shadow: 0 18px 40px rgba(28, 25, 19, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(1200px 500px at 10% -10%,#fff8ea 0%,transparent 50%),var(--bg);font-family:IBM Plex Sans,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{max-width:1120px;margin:0 auto;padding:28px 22px 80px}.topbar{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}.brand{font-family:Fraunces,serif;font-size:28px;letter-spacing:-.03em}.brand span{color:var(--accent)}.topbar p{margin:0;color:var(--muted);font-size:14px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;padding:28px 0 10px}.hero h1{font-family:Fraunces,serif;font-size:clamp(34px,5vw,54px);line-height:.95;margin:0 0 12px;letter-spacing:-.04em}.hero p{margin:0;color:var(--muted);max-width:52ch}.search{display:flex;gap:8px;background:var(--bg-2);padding:8px;border:1px solid var(--line);box-shadow:var(--shadow)}.search input{flex:1;border:0;background:transparent;padding:10px 12px;outline:none}.btn{border:0;background:var(--ink);color:#f7f1e6;padding:10px 14px;cursor:pointer}.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--accent);padding-left:0}.btn:disabled{opacity:.5;cursor:wait}.results,.card,.panel{background:var(--bg-2);border:1px solid var(--line);box-shadow:var(--shadow)}.results{margin-top:12px}.result{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 14px;border-top:1px solid var(--line)}.result:first-child{border-top:0}.sku{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.card{padding:16px;min-height:170px;display:flex;flex-direction:column;gap:8px}.card h3{margin:0;font-family:Fraunces,serif;font-size:22px;letter-spacing:-.03em}.price{font-family:Fraunces,serif;font-size:28px}.badge{display:inline-block;font-size:12px;padding:3px 7px;border:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em}.badge.ok{color:var(--ok);border-color:#b7d4c3}.badge.fail{color:var(--danger);border-color:#e3b4b4}.badge.warn{color:#8a5a12;border-color:#ead3a8}.alerts{display:grid;gap:8px}.alert{padding:12px 14px;border-left:3px solid var(--accent);background:#fff7f2;border:1px solid #ead5cb}.panel{padding:18px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 12px}.section-title h2{margin:0;font-family:Fraunces,serif;font-size:26px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:500;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.chart{height:220px;width:100%}.muted{color:var(--muted)}.error{color:var(--danger)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.specs{display:grid;grid-template-columns:160px 1fr;gap:8px 16px;font-size:14px}.specs dt{color:var(--muted)}@media(max-width:800px){.hero,.specs{grid-template-columns:1fr}}