/* bottom_sheet.js: the handle. The two heights are the page's own CSS,
   against --sheet-viewport, which the script keeps equal to the visual
   viewport's height so a keyboard shrinks the sheet rather than hiding its
   top. */
.sheet-handle { display: block; width: 100%; min-height: 28px; padding: 6px 0; border: 0;
  background: none; cursor: pointer; touch-action: none; }
.sheet-handle[hidden] { display: none; }
.sheet-grip { display: block; width: 44px; height: 5px; margin: 0 auto; border-radius: 3px;
  background: var(--border, #bbb); }