*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

html{
  height:100%;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body{
  min-height:100vh;
  min-height:100svh;
  width:100%;
  max-width:100%;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow-x:clip;
  -webkit-tap-highlight-color:transparent;
}

/* buttons: no gesture-disambiguation delay on touch */
button{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

/* stop long-press selecting decorative / interactive chrome */
.no-select{
  -webkit-user-select:none;
  user-select:none;
}

/* keyboard focus ring, shared by any interactive element */
.focus-ring:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
}

@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms !important}
}