:root{color:#edf7f8;font-synthesis:none;background:#071018;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0}button{font:inherit}.welcome-screen{background:radial-gradient(circle at 50% 15%,#17414a,#071018 60%);place-items:center;min-height:100dvh;display:grid;overflow:hidden}.welcome-card{text-align:center;width:min(88vw,560px);padding:clamp(2rem,8vw,5rem)}.eyebrow{color:#70d0c5;letter-spacing:.2em;margin:0 0 1rem;font-size:.72rem;font-weight:700}h1{letter-spacing:.08em;margin:0;font-size:clamp(2.8rem,12vw,6rem);line-height:.9}.intro{color:#b3c7ca;max-width:31rem;margin:2rem auto;line-height:1.6}.scan-button{color:#051114;letter-spacing:.12em;cursor:pointer;background:#83e6d6;border:1px solid #83e6d6;border-radius:.35rem;padding:.9rem 1.5rem;font-weight:800}.scan-button:hover{background:#b2fff4}.scanner-overlay{isolation:isolate;background:#000;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.camera-feed{object-fit:cover;background:#071018;width:100%;height:100%;position:absolute;inset:0}.dashboard-overlay{z-index:2;transform-origin:0 0;opacity:0;pointer-events:none;cursor:pointer;touch-action:manipulation;will-change:transform;position:absolute;top:0;left:0}.dashboard-overlay.is-visible{opacity:1;pointer-events:auto}.dashboard-overlay img{width:100%;height:100%;display:block}.scanner-header,.scanner-status{z-index:3;color:#fff;text-shadow:0 1px 6px #000;position:absolute}.scanner-header{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));left:max(1rem, env(safe-area-inset-left));letter-spacing:.12em;justify-content:flex-end;align-items:center;font-size:.66rem;font-weight:800;display:flex}.scanner-header>span{position:absolute;left:50%;transform:translate(-50%)}.close-button{color:#fff;cursor:pointer;background:#07101899;border:1px solid #ffffff8a;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.8rem;line-height:1}.scanner-status{right:1rem;bottom:max(1rem, env(safe-area-inset-bottom));text-align:center;justify-content:center;align-items:center;gap:.55rem;font-size:.82rem;font-weight:600;display:flex;left:1rem}.status-dot{background:#83e6d6;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 12px #83e6d6}.camera-error{z-index:4;text-align:center;background:#071018e6;border:1px solid #ffffff4d;border-radius:.75rem;width:min(86vw,420px);padding:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-error p{margin:0 0 1.25rem;line-height:1.5}.virtual-dashboard{z-index:5;background:#020609;place-items:center;display:grid;position:absolute;inset:0}.virtual-dashboard img{object-fit:contain;width:100%;height:100%}.exit-button{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));color:#fff;letter-spacing:.12em;cursor:pointer;background:#071018cc;border:1px solid #ffffff8a;border-radius:.35rem;padding:.7rem 1rem;font-weight:800;position:absolute}@media (orientation:landscape) and (height<=500px){.scanner-header{top:max(.55rem, env(safe-area-inset-top))}.scanner-status{bottom:max(.55rem, env(safe-area-inset-bottom))}}