@media (min-width: 768px) {
  html:root {
    min-height: 100%;
    overflow: hidden;
    background: #ede7dc;
  }

  html body {
    width: 390px;
    height: min(844px, calc(100vh - 48px));
    margin: max(24px, calc((100vh - 844px) / 2)) auto;
    border: 7px solid #171715;
    border-radius: 34px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--paper, #f3eee4);
    box-shadow: 0 24px 64px rgba(24, 25, 22, .2);
  }

  html body::before {
    width: 48px;
    height: 4px;
    position: sticky;
    top: 10px;
    z-index: 20;
    display: block;
    margin: 10px auto -14px;
    border-radius: 999px;
    background: #171715;
    content: "";
  }
}