:root{color-scheme:dark;--bg:#031126;--panel:#0b2142;--line:#284d7e;--text:#fff;--muted:#b7c9e5;--orange:#ff9500;--green:#67e0ae;--blue:#63a9ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#173f7d 0,#071a35 38%,var(--bg) 72%);color:var(--text);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}.shell{width:min(1120px,100%);margin:auto;padding:28px 20px 64px}.hero,.results{background:rgba(8,27,55,.92);border:1px solid var(--line);border-radius:28px;box-shadow:0 24px 80px #0005}.hero{padding:30px}.back{color:#a9ccff;text-decoration:none;font-weight:700}.eyebrow{margin:30px 0 8px;color:var(--blue);font-size:.78rem;font-weight:900;letter-spacing:.14em}h1{font-size:clamp(2.2rem,6vw,4.5rem);line-height:1;margin:0;max-width:760px}.lead{max-width:780px;color:var(--muted);font-size:1.1rem}.beta-banner{display:grid;gap:3px;margin:20px 0;padding:15px;border:1px solid #3aa77c;border-radius:16px;background:#0a382f;color:#95f3ca}.beta-banner small{color:#b7e8d4}.search{margin-top:28px;display:grid;gap:10px}.search-row{display:grid;grid-template-columns:1fr auto;gap:10px}label{font-size:.85rem;color:#c6d8f0;font-weight:800}input,select,button{border-radius:14px;border:1px solid var(--line);font:inherit}input,select{width:100%;padding:14px 16px;background:#06172f;color:#fff}button,.action{padding:14px 22px;background:var(--orange);color:#16100a;border:0;font-weight:900;cursor:pointer;text-decoration:none;text-align:center}.notice{margin:18px 0 0;padding:12px 15px;border-radius:14px;background:#0a382f;color:#8ff0c5;font-size:.9rem}.results{margin-top:20px;padding:24px}.results-head{display:flex;justify-content:space-between;align-items:center}.results-head h2{margin:0}.results-head span{color:var(--muted)}.status{padding:40px 10px;color:var(--muted);text-align:center}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.product-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.visual{height:190px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#173f77,#0c2348)}.visual img{width:100%;height:100%;object-fit:cover}.emoji{font-size:4rem}.publication{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:999px;background:#092039dd;color:#8ff0c5;font-size:.72rem;font-weight:900}.card-body{padding:18px}.meta{display:flex;justify-content:space-between;gap:8px;color:#8fb2df;font-size:.78rem;text-transform:uppercase}.brand{margin:14px 0 2px;color:var(--orange);font-weight:900}.name{margin:0;font-size:1.3rem}.category,.freshness{color:var(--muted);font-size:.88rem}.availability{display:flex;align-items:center;gap:8px;margin:18px 0 8px;font-weight:800}.dot{width:9px;height:9px;border-radius:50%;background:#aab7ca}.product-card[data-state="AVAILABLE"] .dot{background:var(--green);box-shadow:0 0 16px var(--green)}.product-card[data-state="TEMPORARILY_UNAVAILABLE"] .dot{background:#ffd166}.action{display:block;margin-top:16px}.action[hidden]{display:none}.feedback{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:10px}.feedback[hidden]{display:none}.feedback fieldset{display:grid;gap:7px;margin:0;padding:0;border:0}.feedback legend{margin-bottom:8px;font-weight:900}.feedback label{display:flex;align-items:center;gap:8px}.feedback input[type="radio"]{width:auto}.feedback button{padding:10px}.feedback-result{min-height:1.4em;margin:0;color:var(--green);font-size:.85rem}@media(max-width:820px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.shell{padding:12px 10px 40px}.hero,.results{border-radius:20px}.hero{padding:22px 18px}.search-row{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.visual{height:220px}}
