/* Page reset shared by every screen. */
:root { padding: env(safe-area-inset-top, 0px) 0 env(safe-area-inset-bottom, 0px); }
html, body { margin: 0; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
img { max-width: 100%; }
[hidden] { display: none !important; }
/* keeps scrolled content from showing behind the phone's status bar */
body::before { content: ""; position: fixed; z-index: 6; top: 0; left: 0; right: 0; height: env(safe-area-inset-top, 0px); background: var(--bg); }
@media (prefers-reduced-motion: no-preference) { @view-transition { navigation: auto; } }