:root{--navy:#062f43;--blue:#0c5b78;--cyan:#35d3c2;--cream:#f4f2e9;--white:#fff;--text:#0a3441;--muted:#657b82;--red:#bd453d;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--cream)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(160deg,#e9f5f2 0,var(--cream) 38%)}button,input,select{font:inherit}.app{width:min(100%,560px);margin:auto;padding:calc(22px + env(safe-area-inset-top)) 18px calc(30px + env(safe-area-inset-bottom))}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.kicker{margin:0 0 2px;font-size:.66rem;font-weight:800;letter-spacing:.16em;color:var(--blue)}h1{margin:0;font-family:Georgia,serif;font-size:2rem}.secure-badge{padding:6px 9px;border-radius:99px;background:#e6ded4;color:#785a47;font-size:.68rem;font-weight:800}.secure-badge.ok{background:#d9f4e8;color:#176649}.scanner{padding:18px;background:var(--navy);color:#fff;border-radius:24px;box-shadow:0 18px 45px #062f4330}.scanner-heading{display:flex;align-items:flex-start;justify-content:space-between}.scanner-heading h2{margin:0;font-size:1.18rem}.scanner-heading p{margin:4px 0 14px;color:#bcd1d8;font-size:.82rem}.scan-indicator{width:11px;height:11px;margin-top:5px;border-radius:50%;background:#647e87}.scan-indicator.active{background:var(--cyan);box-shadow:0 0 0 6px #35d3c225}.viewfinder{position:relative;overflow:hidden;aspect-ratio:4/3;background:#021a24;border-radius:16px}.viewfinder video{display:block;width:100%;height:100%;object-fit:cover}.guide{position:absolute;inset:22% 5%;border:2px solid #35d3c2;border-radius:10px;box-shadow:0 0 0 999px #00151f42;pointer-events:none}.guide:before,.guide:after{content:"";position:absolute;left:5%;right:5%;top:50%;height:2px;background:#35d3c2;box-shadow:0 0 10px #35d3c2}.guide:after{top:calc(50% + 5px);opacity:.3}.idle-message{position:absolute;inset:0;display:grid;place-items:center;background:#021a24;color:#9db4bc;font-size:.85rem}.idle-message.hidden{display:none}.status{min-height:34px;margin:11px 2px 4px;color:#d1e0e4;font-size:.78rem;line-height:1.4}.controls{display:grid;grid-template-columns:1fr auto;gap:8px}.controls button,.photo-button{border:0;border-radius:12px;padding:12px 15px;font-weight:800}.primary{background:var(--cyan);color:#062f43}.secondary{background:#244d5b;color:#fff}.secondary:disabled{opacity:.45}.camera-options{display:grid;gap:7px;margin-top:12px}.camera-options label{font-size:.7rem;font-weight:800;color:#bcd1d8}.camera-options select{width:100%;border:1px solid #557783;border-radius:10px;padding:10px;background:#0c3f51;color:#fff}.zoom-control{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.zoom-control input{width:100%}.photo-button{width:100%;margin-top:12px;border:1px solid #658590;background:transparent;color:#fff}.result{margin-top:16px;padding:18px;border-left:5px solid var(--cyan);border-radius:16px;background:#fff;box-shadow:0 10px 30px #062f4312}.result .flag{font-size:2rem}.result h2{margin:5px 0 4px;font-family:Georgia,serif}.result p{margin:0 0 10px;color:var(--muted);font-size:.85rem}.result code{padding:5px 7px;border-radius:7px;background:#edf2ef}.valid{display:inline-block;margin-left:7px;color:#187050;font-size:.72rem;font-weight:800}.manual{margin-top:18px}.manual>label{display:block;margin-bottom:7px;font-size:.75rem;font-weight:800}.manual>div{display:flex;overflow:hidden;border:1px solid #cad8d4;border-radius:13px;background:#fff}.manual input{min-width:0;flex:1;border:0;outline:0;padding:13px}.manual button{border:0;padding:0 14px;background:var(--blue);color:#fff;font-weight:800}.note{margin-top:16px;padding:14px;border-radius:12px;background:#e7ece7;color:#536a6e;font-size:.75rem;line-height:1.45}footer{text-align:center;margin-top:20px}footer img{width:125px;max-height:46px;object-fit:contain;mix-blend-mode:multiply}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}