Add Settings Popup

src/styles.scss

@@ -6,29 +6,18 @@ body {
   font-family: 'NanumSquareNeo', 'Wanted Sans Variable', 'Pretendard JP', sans-serif;
   font-weight: 500;
   margin: 0;
-
   overscroll-behavior-x: none;
   background-color: white;
 }
 
 .icon-24 {
-  font-variation-settings:
-    'FILL' 0,
-    'wght' 300,
-    'GRAD' 0,
-    'opsz' 24;
-
+  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
   font-size: 24px;
   line-height: 24px;
 }
 
 .icon-40 {
-  font-variation-settings:
-    'FILL' 0,
-    'wght' 300,
-    'GRAD' 0,
-    'opsz' 40;
-
+  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 40;
   font-size: 40px;
   line-height: 40px;
 }
@@ -60,6 +49,18 @@ p {
   margin: 0 auto;
 }
 
+.popup-outlet {
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  z-index: 10000; /* 최상위 레이어 */
+}
+
+#global-popup-root > * {
+  pointer-events: auto;
+  display: block;
+}
+
 section {
   margin-bottom: 40px;
   padding: 20px;
@@ -67,3 +68,8 @@ section {
   border-radius: 8px;
 }
 
+.container {
+  padding: 40px;
+  max-width: 600px;
+  margin: 0 auto;
+}