:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;overflow:hidden}#screen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;background:#000;touch-action:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#000000eb;color:#e6e6e6;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.overlay.hidden{display:none}.panel{width:min(440px,92vw);text-align:center}.panel h1{margin:0 0 .5rem;font-size:2rem;letter-spacing:.12em}.status{min-height:1.5em;margin:0 0 1rem;color:#9aa0a6}.hint{margin-top:1rem;color:#6b7177;font-size:.85rem}form{display:flex;gap:8px;justify-content:center}input{flex:1;max-width:220px;padding:12px;border:1px solid #333;border-radius:10px;background:#111;color:#fff;font-size:1.5rem;letter-spacing:.3em;text-align:center;text-transform:uppercase}button{padding:12px 18px;border:0;border-radius:10px;background:#2b6cb0;color:#fff;font-size:1rem;cursor:pointer}button:hover{background:#3079c4}button.danger{background:#b03a3a}button.ghost{margin-top:.75rem;background:transparent;border:1px solid #333;color:#cfd3d8}button.ghost:hover{background:#161616}.scanner-panel{width:min(420px,92vw)}.viewport{position:relative;width:100%;aspect-ratio:1;margin:0 auto 1rem;border-radius:12px;overflow:hidden;background:#000}#scanner-video{width:100%;height:100%;object-fit:cover;display:block}.reticle{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:2px solid rgba(255,255,255,.85);border-radius:12px;box-shadow:0 0 0 100vmax #00000059}input:focus-visible,button:focus-visible{outline:2px solid #6ea8fe;outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}