:root{color-scheme:dark;--bg:#101410;--panel:#1a211a;--ink:#f4f5ec;--muted:#b8c4b7;--line:#344236;--accent:#c9ff73;font-family:system-ui,sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit}[hidden]{display:none!important}.bar,main,footer{width:min(100% - 36px,1000px);margin:auto}.bar{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--accent);font-size:1.15rem}.brand span,.tag,footer{color:var(--muted)}.tag,.eyebrow,footer{font:600 .72rem ui-monospace,monospace;letter-spacing:.13em}.intro{padding:55px 0 34px}.intro>p:last-child{color:var(--muted);max-width:33rem;line-height:1.55}.eyebrow{color:var(--accent);margin:0 0 10px}h1{font-size:clamp(2.6rem,7vw,5.3rem);line-height:.99;letter-spacing:-.07em;margin:0}h1 em{font-style:normal;color:var(--accent)}h2{margin:0 0 18px;font-size:1.45rem;letter-spacing:-.025em}.grid{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}.panel{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:18px}.drop{min-height:150px;display:grid;place-items:center;text-align:center;cursor:pointer;border:1px dashed #6b846b;border-radius:12px;background:#131a14;overflow:hidden}.drop small,.drop strong{display:block}.drop small{margin-top:5px;color:var(--muted)}.camera{display:block;color:var(--accent);font-size:2rem;line-height:1;margin-bottom:7px}.drop img{width:100%;max-height:200px;object-fit:contain}.capture:focus-within .drop{border-color:var(--accent)}.consent{display:flex;align-items:flex-start;gap:8px;color:var(--muted);margin:14px 0;font-size:.84rem}.consent input{accent-color:var(--accent)}form label{display:block;font-size:.85rem;margin:0 0 10px}form input{display:block;width:100%;margin-top:5px;background:#131a14;border:1px solid var(--line);border-radius:8px;padding:9px 10px;color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}button{cursor:pointer;border:1px solid transparent;border-radius:8px;padding:9px 13px;background:var(--accent);color:#16210d;font-weight:700}.secondary{background:transparent;border-color:#6b846b;color:var(--ink)}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.status{margin:10px 0 0;color:var(--muted);font-size:.84rem;line-height:1.4}.status:empty{display:none}.caption{background:#111711;padding:10px;border-radius:8px;overflow-wrap:anywhere}.results{padding:28px 0 6px}.results ul{list-style:none;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.results li{border:1px solid var(--line);border-radius:12px;padding:14px;animation:appear .3s both;animation-delay:calc(var(--order) * 65ms);overflow-wrap:anywhere}.results a{color:var(--accent)}.results p{color:var(--muted);font-size:.86rem}.badge{display:block;margin-bottom:7px;font:600 .68rem ui-monospace,monospace;text-transform:uppercase;color:var(--muted)}footer{padding:25px 0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes appear{from{opacity:0;transform:translateY(7px)}}@media(max-width:650px){.grid{grid-template-columns:1fr}.intro{padding-top:38px}.tag{font-size:.62rem}}@media(prefers-reduced-motion:reduce){.results li{animation:none}}
