html,
body {

  margin: 0;

  padding: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

  background: #000;

  font-family: Arial, sans-serif;

}

#app {

  width: 100%;

  height: 100vh;

}

.scanner-view {

  position: fixed;

  inset: 0;

  overflow: hidden;

  background: black;

}

#reader {

  position: fixed;

  inset: 0;

  width: 100vw !important;

  height: 100vh !important;

}

#reader video {

  width: 100% !important;

  height: 100% !important;

  object-fit: cover;

}

.back-btn {

  position: absolute;

  top: 20px;

  left: 20px;

  width: 50px;

  height: 50px;

  border: none;

  border-radius: 50%;

  background: rgba(0,0,0,.55);

  color: white;

  font-size: 28px;

  cursor: pointer;

  z-index: 1000;

  backdrop-filter: blur(8px);

}

.result {

  position: absolute;

  bottom: 40px;

  left: 50%;

  transform: translateX(-50%);

  min-width: 260px;

  padding: 16px 24px;

  border-radius: 16px;

  background: rgba(0,0,0,.65);

  color: white;

  font-size: 22px;

  font-weight: bold;

  text-align: center;

  z-index: 1000;

  backdrop-filter: blur(8px);

}