.remember-access{display:flex;align-items:flex-start;gap:9px;font-weight:500;line-height:1.4}
.remember-access input{width:auto;min-width:18px;margin:0}
.event-heading>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.scanner-mode{margin:0 0 10px;padding:8px 10px;border-radius:8px;font-size:12px;font-weight:700;color:#42586f;background:#e9eef4}
.event-mode .scanner-mode{color:#fff;background:#146958}
.scanner-card{scroll-margin-top:10px}
footer span{display:block;margin-top:6px}
@media(max-width:700px){
  main{margin:14px auto}
  header{padding:14px 16px}
  .card{padding:14px}
  .event-heading{gap:8px}
  .event-heading h1{font-size:20px;margin-bottom:8px}
  .mode-note{margin:8px 0 12px;font-size:12px}
  .workspace{gap:10px}
  .scanner{aspect-ratio:1.8}
  .scanner-card{padding-bottom:12px}
  .result-card{min-height:218px}
  #empty h2{font-size:22px;margin:8px 0}
  #empty p{margin:6px 0}
  .counts{margin:12px 0;padding:10px 2px}
  .counts strong{font-size:22px}
  #next,#retry{margin-bottom:8px;min-height:42px;padding:10px 12px}
}