:root{color:#0b0d0f;font-synthesis:none;background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;min-height:100dvh;margin:0}#root{place-items:center;min-height:100dvh;padding:24px;display:grid}.surface{background:#fff;border-radius:28px;width:min(100%,520px);padding:36px;box-shadow:0 18px 60px #0f172a1a}.brand-icon{width:44px;height:44px}.eyebrow{color:#4b5563;letter-spacing:.04em;margin:18px 0 6px;font-size:.82rem}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(1.75rem,7vw,2.35rem);line-height:1.12}h2{margin-bottom:14px;font-size:1rem}.lead{color:#374151;line-height:1.65}.instructions,.card{background:#f8fafc;border-radius:18px;margin-top:24px;padding:18px}.instructions p:last-child,.diagnostic:last-child{margin-bottom:0}.diagnostic{color:#6b7280;overflow-wrap:anywhere;margin-top:18px;font-size:.82rem;line-height:1.55}.diagnostic.error{color:#9f1239}.status-list{grid-template-columns:auto 1fr;gap:8px 18px;margin:0;font-size:.9rem;display:grid}.status-list dt{color:#6b7280}.status-list dd{overflow-wrap:anywhere;margin:0}.actions{gap:12px;margin-top:24px;display:grid}.button{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#0b0d0f;border:0;border-radius:14px;padding:12px 18px;font-weight:500}.button.secondary{color:#0b0d0f;background:#f1f5f9}.button:focus-visible{outline-offset:2px;outline:3px solid #1687ff66}.scanner-host{margin-top:20px}.scanner-video{background:#0b0d0f;border-radius:18px;width:100%;display:block}.log ol{margin:0;padding-left:20px}.log li{margin:8px 0;line-height:1.45}@media (max-width:640px){#root{padding:0;display:block}.surface{width:100%;min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) 22px max(28px, env(safe-area-inset-bottom));box-shadow:none;border-radius:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}