:root{--bg: #efe8dc;--ink: #14110e;--muted: #4a453d;--accent: #b44a2a;--line: #14110e;--paper: #faf7f0}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);font-family:Instrument Sans,system-ui,sans-serif;font-size:17px;line-height:1.5}.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 40px;border-bottom:2px solid var(--line)}.actions{display:flex;flex-wrap:wrap;gap:10px}.brand h1{font-family:"Instrument Serif",Georgia,serif;font-size:44px;font-weight:400;letter-spacing:-.03em;line-height:1}.brand p{margin-top:8px;color:var(--muted);font-size:16px;font-weight:500}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;font-size:16px;font-weight:600;padding:12px 18px;cursor:pointer;white-space:nowrap}.btn:hover,.btn-solid{background:var(--ink);color:var(--bg)}.btn-solid:hover{background:var(--accent);border-color:var(--accent);color:#fff}.btn-danger{background:var(--paper);color:var(--accent);border-color:var(--accent)}.btn-danger:hover{background:var(--accent);color:#fff}.btn:disabled{opacity:.55;cursor:wait}.btn:focus-visible,.nav:focus-visible{outline:3px solid var(--accent);outline-offset:3px}main{padding:32px 40px 80px}.empty{max-width:560px;margin:8vh auto 0;text-align:center;padding:48px 32px;border:2px dashed var(--ink);background:var(--paper)}.empty[hidden],.grid[hidden],.drop-veil[hidden],.toast[hidden],.scan[hidden],.search-bar[hidden]{display:none}.empty h2{font-family:"Instrument Serif",Georgia,serif;font-size:40px;font-weight:400}.empty p{margin:14px auto 28px;max-width:420px;color:var(--muted);font-size:18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.scan{margin-bottom:16px;color:var(--muted);font-size:15px;font-weight:600}.search-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding:14px 16px;border:2px solid var(--line);background:var(--paper)}.search-bar p{font-weight:600}.card.match{outline:3px solid var(--accent);outline-offset:2px}.match-tag{position:absolute;top:10px;left:10px;background:var(--ink);color:var(--bg);font-size:12px;font-weight:700;letter-spacing:.04em;padding:4px 8px}.card{position:relative;display:flex;flex-direction:column;background:var(--paper);border:2px solid var(--line)}.picker{width:min(560px,92vw);border:2px solid var(--line);background:var(--bg);color:var(--ink);padding:0 24px 28px}.picker::backdrop{background:#14110e73}.picker-bar{display:flex;justify-content:flex-end;padding:18px 0 8px}.picker h2{font-family:"Instrument Serif",Georgia,serif;font-size:32px;font-weight:400}.picker p{margin:8px 0 20px;color:var(--muted)}.face-choices{display:flex;flex-wrap:wrap;gap:12px}.face-choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--ink);background:var(--paper);padding:0;cursor:pointer}.face-choice:hover,.face-choice:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.source-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.source-choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;gap:6px;align-items:flex-start;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;padding:20px 18px;cursor:pointer;text-align:left}.source-choice strong{font-size:20px;font-weight:600}.source-choice span{color:var(--muted);font-size:15px}.source-choice:hover,.source-choice:focus-visible{background:var(--ink);color:var(--bg)}.source-choice:hover span,.source-choice:focus-visible span{color:color-mix(in srgb,var(--bg) 80%,transparent)}.camera video{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;background:#1c1916;border:2px solid var(--line);margin-bottom:16px}.camera .btn-solid{width:100%}.face-choice img{display:block;width:96px;height:96px;object-fit:cover}.card img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;cursor:zoom-in;background:#ddd6c8}.card-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-top:2px solid var(--line)}.card-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;cursor:text;padding:2px 4px;margin:-2px -4px}.card-name:focus,.caption:focus{outline:2px solid var(--ink);outline-offset:1px}.name-input{min-width:0;width:100%;font:inherit;font-size:15px;font-weight:600;border:2px solid var(--ink);background:#fff;color:var(--ink);padding:4px 6px}.caption{padding:16px 28px 28px;color:var(--ink);font-size:16px;font-weight:600;cursor:text;min-height:1.5em}.caption .name-input{max-width:min(88vw,480px);font-size:16px}.btn-sm{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;border:2px solid var(--ink);background:var(--ink);color:var(--bg);font:inherit;font-size:14px;font-weight:600;padding:8px 12px;cursor:pointer}.btn-sm:hover{background:var(--accent);border-color:var(--accent);color:#fff}.drop-veil{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:20;display:grid;place-items:center;border:3px dashed var(--ink);background:color-mix(in srgb,var(--bg) 90%,transparent);font-family:"Instrument Serif",Georgia,serif;font-size:42px;pointer-events:none}.viewer{width:min(100%,100vw);height:100%;max-width:none;max-height:none;border:0;padding:0;background:var(--bg);color:var(--ink)}.viewer::backdrop{background:var(--bg)}.viewer[open]{display:grid;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center}.viewer-bar{width:100%;display:flex;justify-content:space-between;gap:12px;padding:20px 28px}.viewer-actions{display:flex;gap:10px}.viewer img{max-width:min(84vw,1100px);max-height:calc(100vh - 180px);object-fit:contain;border:2px solid var(--line);background:var(--paper)}.nav{position:fixed;top:50%;transform:translateY(-50%);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font-size:36px;line-height:1;width:52px;height:52px;cursor:pointer}.nav:hover{background:var(--ink);color:var(--bg)}.prev{left:16px}.next{right:16px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:14px 18px;font-size:16px;font-weight:600;z-index:30}@media(max-width:720px){.top,main{padding-left:16px;padding-right:16px}.top{padding-top:20px;align-items:flex-start;flex-direction:column}.brand h1{font-size:36px}.grid{grid-template-columns:repeat(2,1fr);gap:8px}.empty{padding:32px 20px}.drop-veil{font-size:28px;text-align:center;padding:24px}.viewer-bar{flex-wrap:wrap;padding:16px}.nav{top:auto;bottom:20px;transform:none}.source-choices{grid-template-columns:1fr}}