diff --git a/styles/global.scss b/styles/global.scss
index 963e5f5..f4aaa8d 100644
--- a/styles/global.scss
+++ b/styles/global.scss
@@ -1,9 +1,19 @@
 page {
+  --app-viewport-height: 100vh;
+  --app-safe-top: env(safe-area-inset-top, 0px);
+  --app-safe-bottom: env(safe-area-inset-bottom, 0px);
+  --app-touch-min: 44px;
   background: $paper;
   color: $ink;
   font-family: "STKaiti", "KaiTi", serif
 }
 
+@supports (height: 100dvh) {
+  page {
+    --app-viewport-height: 100dvh;
+  }
+}
+
 .page-shell {
   min-height: 100vh;
   box-sizing: border-box;