@media (max-width:768px){.button,.clickable,button{min-height:44px}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}body,html{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}main{padding-bottom:calc(1rem + env(safe-area-inset-bottom))!important}input,select,textarea{font-size:16px!important}}.has-safe-area-padding{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (max-width:768px){.card,.rounded-lg{border-radius:12px!important}.button:active,.clickable:active,button:active{transform:scale(.98)}}@media (min-width:1024px){h1{font-size:2.5rem;line-height:1.2}h2{font-size:2rem;line-height:1.3}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.desktop-spacing{padding:2rem 4rem}.desktop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.btn-desktop{padding:.75rem 1.5rem;font-size:1rem}input,select,textarea{font-size:1rem;padding:.75rem 1rem}.card{padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}nav{height:4rem;padding:0 2rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}}.scanner-desktop{--scanner-max-width:1024px;--scanner-padding:2rem;--scanner-heading-size:1.75rem;--scanner-text-size:1.125rem}@media (min-width:1024px){.scanner-container{display:grid;grid-template-columns:300px 1fr;gap:2rem;max-width:var(--scanner-max-width);margin:0 auto;padding:var(--scanner-padding);min-height:calc(100vh - 4rem)}.scanner-main{background-color:var(--background);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.scanner-controls{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background-color:var(--card);border-radius:.75rem;border:1px solid var(--border)}.scanner-viewport{aspect-ratio:4/3;max-height:600px;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.scanner-header{margin-bottom:2rem}.scanner-title{font-size:var(--scanner-heading-size);font-weight:600;color:var(--foreground);margin-bottom:.5rem}.scanner-instruction{font-size:var(--scanner-text-size);color:var(--muted-foreground);max-width:60ch}.scanner-buttons{display:flex;gap:1rem;margin-top:1.5rem}.scanner-button{padding:.75rem 1.5rem;font-size:1rem;min-width:120px}}@media (max-width:640px){.mobile-compact-padding{padding:.5rem!important}.mobile-compact-gap{gap:.5rem!important}.mobile-smaller-text{font-size:.875rem!important}.mobile-smaller-heading{font-size:1rem!important}.mobile-compact-card{margin-bottom:.5rem!important}.mobile-no-whitespace{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mobile-tight-container{padding-top:.25rem!important;padding-bottom:.25rem!important}.mobile-max-height{max-height:calc(100vh - 8rem)!important;overflow-y:auto!important}.mobile-sticky-header{position:sticky!important;top:0!important;z-index:10!important;background-color:inherit!important}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.py-compact{padding-top:.25rem!important;padding-bottom:.25rem!important}.px-compact{padding-left:.5rem!important;padding-right:.5rem!important}.gap-compact{gap:.5rem!important}