.mobile-poem-fallback{
  position:fixed;
  pointer-events:auto;
  touch-action:pan-y pinch-zoom;
  inset:0;
  z-index:2147483000;
  height:100dvh;
  background:var(--bg, #d7d7d7);
  color:#111;
  overflow-y:scroll !important;
  overflow-x:hidden;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  padding:max(1.2rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.8rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
}
.mobile-poem-fallback__inner{
  width:min(100%, 44rem);
  min-height:max-content;
  margin:0 auto;
  padding-bottom:1.2rem;
  font-family:Arial, Helvetica, sans-serif;
}
.mobile-poem-fallback__site{
  font-size:clamp(.76rem, 2.2vw, .9rem);
  letter-spacing:.02em;
  margin:0 0 .28rem 0;
}
.mobile-poem-fallback__note{
  font-size:clamp(.72rem, 2vw, .84rem);
  letter-spacing:.01em;
  color:rgba(0,0,0,.72);
  margin:0 0 1rem 0;
}
.mobile-poem-fallback__title{
  font-size:clamp(1.6rem, 5vw, 2.3rem);
  font-weight:400;
  line-height:1.08;
  margin:0 0 1.25rem 0;
}
.mobile-poem-fallback__poem{
  font-size:clamp(1rem, 3.35vw, 1.15rem);
  line-height:1.48;
  letter-spacing:.01em;
}
.mobile-poem-fallback__line{
  margin:0 0 .42rem 0;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.mobile-poem-fallback__spacer{height:.9rem;}
.mobile-poem-fallback__back{
  display:inline-block;
  margin-top:1.2rem;
  color:inherit;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.3);
  padding:.52rem .8rem;
}
body.mobile-poem-fallback-active{
  background:var(--bg, #d7d7d7) !important;
}
body.mobile-poem-fallback-active > *:not(.mobile-poem-fallback){
  display:none !important;
}

html:has(body.mobile-poem-fallback-active){
  overflow:hidden;
}


body.mobile-poem-fallback-active{
  overflow:hidden !important;
  touch-action:none;
}
.mobile-poem-fallback,
.mobile-poem-fallback *{
  -webkit-overflow-scrolling:touch;
}
.mobile-poem-fallback__poem{
  overflow:visible !important;
}