:root{--bg: #070912;--panel: rgba(255,255,255,.05);--line-2: rgba(255,255,255,.16);--txt: #e7e9f3;--mut: rgba(231,233,243,.62);--indigo: #6366f1;--indigo-l: #a5b0fb;--emerald: #10b981;--rose: #fb7185;--sans: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--display: "Space Grotesk", var(--sans)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--txt);font-family:var(--sans);-webkit-font-smoothing:antialiased}.scan{display:flex;flex-direction:column;height:100vh;height:100dvh;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}.scan-top{display:flex;align-items:baseline;gap:10px;padding:14px 0 12px}.scan-brand{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.01em}.scan-title{font-size:13px;color:var(--mut)}.scan-screen{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;padding-bottom:16px}.scan-view{position:relative;flex:1;min-height:0;border-radius:16px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.scan-view video,.scan-view img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.scan-guide{position:absolute;inset:9% 7%;pointer-events:none}.scan-guide i{position:absolute;width:34px;height:34px;border:3px solid rgba(255,255,255,.9)}.scan-guide i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-top-left-radius:12px}.scan-guide i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-top-right-radius:12px}.scan-guide i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-bottom-left-radius:12px}.scan-guide i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-bottom-right-radius:12px}.scan-tip{position:absolute;left:50%;bottom:14px;transform:translate(-50%);margin:0;padding:6px 12px;border-radius:999px;background:#0000008c;font-size:13px;white-space:nowrap}.scan-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.scan-preview .scan-bar .scan-btn{flex:1}.scan-bar-pad,.scan-camera .scan-btn-ghost{width:84px}.scan-shutter{width:74px;height:74px;border-radius:50%;border:4px solid #fff;background:transparent;padding:5px;cursor:pointer;flex-shrink:0}.scan-shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#fff;transition:transform .1s}.scan-shutter:active span{transform:scale(.88)}.scan-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:600 15px var(--sans);color:var(--txt);cursor:pointer;padding:14px 18px;border-radius:13px;border:1px solid var(--line-2);background:var(--panel)}.scan-btn:disabled{opacity:.6;cursor:default}.scan-btn-primary{border-color:transparent;background:linear-gradient(150deg,#6366f1,#4f46e5)}.scan-btn-ghost{background:transparent;border-color:transparent;color:var(--mut);padding:14px 0;text-align:left}.scan-msg{justify-content:center;align-items:stretch;text-align:center;padding:0 8px 40px}.scan-msg h1{font-family:var(--display);font-size:24px;letter-spacing:-.01em;margin:0}.scan-msg p{margin:0 0 10px;color:var(--mut);font-size:15px;line-height:1.55}.scan-msg p b{color:var(--txt)}.scan-badge{width:64px;height:64px;margin:0 auto 6px;border-radius:50%;display:flex;align-items:center;justify-content:center}.scan-badge svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.scan-badge-ok{background:#10b98129;color:var(--emerald)}.scan-badge-err{background:#fb718524;color:var(--rose)}.scan-err{margin:0;padding:10px 14px;border-radius:11px;font-size:14px;line-height:1.45;border:1px solid rgba(251,113,133,.45);background:#fb718514;color:#fda4af}.scan-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}