diff --git a/src/app/globals.css b/src/app/globals.css
index 00ffae2..da34570 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -37,6 +37,38 @@
   }
 }
 
+.m-safe {
+  margin: env(safe-area-inset-bottom) env(safe-area-inset-right) env(safe-area-inset-top) env(safe-area-inset-left);
+}
+.mb-safe {
+  margin-bottom: env(safe-area-inset-bottom);
+}
+.mt-safe {
+  margin-top: env(safe-area-inset-top);
+}
+.ml-safe {
+  margin-left: env(safe-area-inset-left);
+}
+.mr-safe {
+  margin-right: env(safe-area-inset-right);
+}
+
+.p-safe {
+  padding: env(safe-area-inset-bottom) env(safe-area-inset-right) env(safe-area-inset-top) env(safe-area-inset-left);
+}
+.pb-safe {
+  padding-bottom: env(safe-area-inset-bottom);
+}
+.pt-safe {
+  padding-top: env(safe-area-inset-top);
+}
+.pl-safe {
+  padding-left: env(safe-area-inset-left);
+}
+.pr-safe {
+  padding-right: env(safe-area-inset-right);
+}
+
 body {
   background: var(--background);
   color: var(--foreground);