.scanner{position:fixed;inset:0;overflow:hidden;background:var(--navy-900);height:100dvh}.scanner__feed{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease}.scanner__frame{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.scanner__window{position:relative;width:min(68vw,300px);aspect-ratio:1;border-radius:28px;box-shadow:0 0 0 100vmax rgba(1,25,67,.72)}.scanner__corner{position:absolute;width:30px;height:30px;border:3px solid #fff;transition:border-color .18s ease}.scanner__window:not(.scanner__window--found) .scanner__corner{animation:scanner-breathe 2.4s ease-in-out infinite}@keyframes scanner-breathe{0%,to{opacity:.75}50%{opacity:1}}.scanner__corner--tl{top:-1px;left:-1px;border-right:0;border-bottom:0;border-radius:28px 0 0 0}.scanner__corner--tr{top:-1px;right:-1px;border-left:0;border-bottom:0;border-radius:0 28px 0 0}.scanner__corner--bl{bottom:-1px;left:-1px;border-right:0;border-top:0;border-radius:0 0 0 28px}.scanner__corner--br{bottom:-1px;right:-1px;border-left:0;border-top:0;border-radius:0 0 28px 0}.scanner__line{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--signal-200) 20%,var(--signal-200) 80%,transparent);animation:scanner-sweep 2.4s ease-in-out infinite}@keyframes scanner-sweep{0%,to{top:10%}50%{top:88%}}.scanner__window--found{box-shadow:0 0 0 100vmax rgba(1,25,67,.86)}.scanner__window--found .scanner__corner{border-color:var(--verified)}.scanner__tick{position:absolute;inset:0;display:grid;place-items:center;color:var(--verified);animation:scanner-tick .26s cubic-bezier(.16,1,.3,1) both}.scanner__tick svg{width:30%;filter:drop-shadow(0 2px 12px rgba(1,25,67,.6))}@keyframes scanner-tick{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.scanner__hint--found{color:#fff;font-weight:500}@media (prefers-reduced-motion:reduce){.scanner__line{animation:none;top:50%}.scanner__window:not(.scanner__window--found) .scanner__corner{animation:none;opacity:1}.scanner__tick{animation:none}}.scanner__torch{margin-left:auto;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid hsla(0,0%,100%,.25);background:rgba(1,25,67,.45);color:#fff;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.scanner__torch svg{width:22px;height:22px}.scanner__torch:hover{border-color:hsla(0,0%,100%,.5)}.scanner__torch:focus-visible{outline:none;box-shadow:0 0 0 3px var(--navy-900),0 0 0 6px var(--signal-200)}.scanner__torch--on{background:#fff;border-color:#fff;color:var(--navy-900)}.scanner__top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:16px;padding:max(16px,env(safe-area-inset-top)) 20px 16px;background:linear-gradient(180deg,rgba(1,25,67,.8),transparent)}.scanner__back{display:inline-flex;align-items:center;gap:6px;font:500 15px/1 DM Sans,sans-serif;color:#fff;text-decoration:none;padding:8px 4px}.scanner__back:hover{text-decoration:none;opacity:.8}.scanner__back svg{width:20px;height:20px}.scanner__title{font:500 15px/1 DM Sans,sans-serif;color:hsla(0,0%,100%,.75)}.scanner__panel{position:absolute;left:0;right:0;bottom:0;padding:24px 20px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:16px;background:linear-gradient(0deg,rgba(1,25,67,.9) 55%,transparent)}.scanner__hint{margin:0;max-width:34ch;text-align:center;font:400 15px/1.45 DM Sans,sans-serif;color:hsla(0,0%,100%,.88);text-wrap:pretty}.scanner__btn{width:100%;max-width:380px;font:500 16px/1 DM Sans,sans-serif;padding:16px 24px;border:none;border-radius:var(--radius-md);background:var(--signal);color:#fff;cursor:pointer;transition:background .15s ease}.scanner__btn:hover{background:#17509f}.scanner__btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--navy-900),0 0 0 6px var(--signal-200)}.scanner__result{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:24px 20px;border-radius:var(--radius-md);background:rgba(1,25,67,.92);border:1px solid hsla(0,0%,100%,.12)}.scanner__result h2{margin:0;font:700 22px/1.2 DM Sans,sans-serif;color:#fff;letter-spacing:-.01em}.scanner__result p{margin:0;font:400 14px/1.5 DM Sans,sans-serif;color:var(--steel-400);text-wrap:pretty}.scanner__result .scanner__btn{margin-top:4px}.scanner__result--bad{border-color:rgba(220,38,38,.45)}.scanner__result--bad h2{color:#ff8f8f}.scanner__resultIcon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#dc2626;color:#fff}.scanner__resultIcon svg{width:28px;height:28px}.scanner__result .scanner__payload{width:100%;font:400 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--steel-500);word-break:break-all;background:rgba(0,0,0,.3);border-radius:8px;padding:8px 10px;max-height:4.6em;overflow:hidden}