:root{--bg:#0b0e14;--bg-elev:#151a23;--bg-elev-2:#1d2430;--border:#2a3340;--text:#e8edf4;--text-dim:#9aa7b8;--accent:#4c9aff;--accent-strong:#2d7ff0;--good:#34c759;--warn:#ffb020;--bad:#ff453a;--radius:14px;--radius-sm:8px;--shadow:0 8px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.app-shell{max-width:960px;height:100%;padding:env(safe-area-inset-top) 16px 16px;flex-direction:column;margin:0 auto;display:flex}.btn{border-radius:var(--radius-sm);background:var(--bg-elev-2);border:1px solid var(--border);justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:background .15s,transform 50ms;display:inline-flex}.btn:hover{background:#26303d}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.btn-primary:hover{background:var(--accent)}.btn-ghost{color:var(--text-dim);background:0 0;border-color:#0000}.title{margin:0;font-size:1.5rem;font-weight:700}.subtitle{color:var(--text-dim);margin:6px 0 0;line-height:1.5}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.center-col{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.row{align-items:center;gap:12px;display:flex}.spread{justify-content:space-between}.fade-in{animation:.25s fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.face-grid{border:2px solid var(--border);background:#0a0d12;border-radius:8px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:3px;padding:4px;display:grid;overflow:hidden}.face-grid.suspect{border-color:var(--warn);box-shadow:0 0 0 2px #ffb0204d}.sticker{border:1px solid #00000059;border-radius:4px;width:100%;min-width:0;height:100%;min-height:0;padding:0;transition:transform 50ms;display:block;position:relative}.sticker:active{transform:scale(.92)}.sticker.center{box-shadow:inset 0 0 0 2px #00000073}.sticker.center:after{content:"•";color:#0006;place-items:center;font-size:1.2em;display:grid;position:absolute;inset:0}.sticker.low:before{content:"";background:var(--warn);border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px;box-shadow:0 0 0 1.5px #00000080}.camera-view{border-radius:var(--radius);border:1px solid var(--border);background:#000;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.camera-view.reviewing{background:radial-gradient(circle,#ffb0201f,#0000 42%),#06080c}.camera-video{object-fit:cover;width:100%;height:100%;display:block}.camera-video.hidden{opacity:0}.camera-overlay{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.camera-overlay.reviewing{pointer-events:auto}.align-square{box-sizing:border-box;border:2px solid #fff9;border-radius:10px;transition:border-color .15s,box-shadow .15s,filter .15s;position:relative}.align-square.holding{filter:saturate(1.06)}.align-square.recognized{background:#0a0d12;padding:0}.align-square.recognized .face-grid{border:0;border-radius:8px}.grid-lines{position:absolute;inset:0}.vline,.hline{background:#ffffff47;position:absolute}.vline{width:1px;top:0;bottom:0}.hline{height:1px;left:0;right:0}.hold-bar{background:#fff3;border-radius:999px;height:5px;position:absolute;bottom:12px;left:10%;right:10%;overflow:hidden}.hold-bar>span{border-radius:inherit;transform-origin:0;background:var(--accent);height:100%;transition:transform .12s linear;display:block;box-shadow:0 0 10px #4c9affb3}