:root{color-scheme:dark;--bg: #121212;--bg-card: #1c1c1c;--ink: #f4f1ea;--muted: #c4bba8;--yellow: #f5d000;--line: #3a3a3a;--red: #e23b32;--orange: #f08a24;--blue: #3b82f6;--green: #3cbf6e;--purple: #9b5de5;--pink: #ff6b9d;--white: #f7f7f7}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Figtree,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}.screen{min-height:100dvh;max-width:28rem;margin:0 auto;padding:calc(1.25rem + env(safe-area-inset-top)) 1.25rem calc(1.5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1rem}.kicker{margin:0;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700;color:var(--yellow)}h1{margin:0;font-family:Oswald,Arial Narrow,sans-serif;font-size:clamp(2rem,8vw,2.6rem);line-height:.95;text-transform:uppercase}h2{margin:0 0 .6rem;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow)}.lede,.footnote,.card p,.error{margin:0;line-height:1.45}.lede,.footnote{color:var(--muted)}.footnote{font-size:.85rem}.actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;min-height:3.25rem;padding:.9rem 1rem;font:inherit;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;cursor:pointer}.btn.primary{background:var(--yellow);color:#151515}.btn.secondary{background:transparent;color:var(--ink);border:2px solid var(--yellow)}.btn input{display:none}.error{color:#ffb4a2}.meter{height:.7rem;background:#2a2a2a;overflow:hidden}.meter span{display:block;height:100%;background:var(--yellow)}.loading{justify-content:center}.photo{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#000}.card{background:var(--bg-card);padding:1rem;border:1px solid var(--line)}.legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.legend li{display:grid;grid-template-columns:.85rem 1fr;gap:.7rem;align-items:start;color:var(--muted);font-size:.92rem}.legend li.seen,.legend strong{color:var(--ink)}.swatch{width:.85rem;height:.85rem;margin-top:.2rem}.swatch.yellow{background:var(--yellow)}.swatch.red{background:var(--red)}.swatch.orange{background:var(--orange)}.swatch.blue{background:var(--blue)}.swatch.green{background:var(--green)}.swatch.purple{background:var(--purple)}.swatch.pink{background:var(--pink)}.swatch.white{background:var(--white)}.result .btn{margin-top:auto}