:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{min-width:280px}.app-shell{max-width:600px;min-height:100svh;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:28px;margin:0 auto;display:flex}.app-shell--barcode{padding-top:env(safe-area-inset-top,0px)}.scanner-top{background:#fff;border-radius:0 0 16px 16px;overflow:hidden}.scanner-top .barcode-area{padding:0 8px 8px}.scanner-top .barcode-button{border-radius:0;padding:0}.barcode-button{color:#142842;cursor:pointer;background:#fff;border:0;border-radius:12px;width:100%;padding:22px 12px;display:block}.barcode-button:focus-visible{outline-offset:3px;outline:3px solid #3781dd}.barcode-button:disabled{cursor:default}.barcode-button svg{width:100%;height:auto;max-height:170px;margin:0 auto;display:block}.barcode-area{background:#fff;padding:24px 20px 16px}.app-footer{text-align:center;margin-top:auto;padding:4px 8px}@media (max-width:360px){.app-shell{gap:20px;padding-left:12px;padding-right:12px}.barcode-area{padding:18px 10px 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}