:root{color:#12161c;background:#f3f5f7;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.page{display:grid;min-height:100vh;padding:24px;place-items:center}.card{width:min(100%,480px);padding:32px 24px;border-radius:18px;background:#fff;box-shadow:0 12px 32px #12161c1f}.eyebrow{margin:0;color:#b54708;font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:8px 0;font-size:clamp(2.5rem,12vw,4.5rem);line-height:1}.status{margin:0;color:#475467;font-size:1.125rem}.scanner-test{display:grid;gap:10px;margin-top:32px;padding-top:24px;border-top:1px solid #d0d5dd}.scanner-test label{font-weight:700}.scanner-test input{width:100%;min-height:52px;padding:12px;border:2px solid #98a2b3;border-radius:8px;color:#12161c;background:#fff}.scanner-test input:focus{border-color:#b54708;outline:3px solid rgb(181 71 8 / 20%)}.scanner-help,.scanner-test output{margin:0;overflow-wrap:anywhere;color:#475467;font-size:.875rem}.scanner-test output{min-height:44px;padding:12px;border-radius:8px;background:#f2f4f7;color:#12161c}@media (max-width: 420px){.page{padding:12px}.card{padding:24px 18px}}