/* Base: page reset, body, show/hide of pages */
/* ===== Page base ===== */
:root{
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
html{
  scroll-padding-top:env(safe-area-inset-top,0px);
}
*{
  box-sizing:border-box;
}
body{
  margin:0;
  font-family:var(--body-font-family);
  background:var(--body-background);
  color:var(--body-color);
}
img{
  max-width:100%;
  height:auto;
}
.view{
  display:none;
}
.view.is-visible{
  display:block;
}
a{
  color:var(--a-color);
}
button{
  font:inherit;
  cursor:pointer;
}
.toast{
  position:fixed;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  background:var(--toast-background);
  color:var(--toast-color);
  padding:10px 18px;
  border-radius:8px;
  display:none;
  z-index:9;
}