gitignore 및 스타일 업데이트

- .gitignore에 .claude/ 디렉토리 추가
- Safe Area CSS 스타일 추가
- 기타 스타일 업데이트

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/shared/ui/assets/css/safearea.css

@@ -0,0 +1,15 @@
+:root {
+    --safe-area-inset-top: env(safe-area-inset-top, 0px);
+    --safe-area-inset-right: env(safe-area-inset-right, 0px);
+    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
+    --safe-area-inset-left: env(safe-area-inset-left, 0px);
+}
+  
+.safe-area {
+    padding-top: var(--safe-area-inset-top);
+    padding-right: var(--safe-area-inset-right);
+    padding-bottom: var(--safe-area-inset-bottom);
+    padding-left: var(--safe-area-inset-left);
+    box-sizing: border-box;
+    min-height: 100vh;
+}

src/shared/ui/assets/css/style.css

@@ -1,6 +1,7 @@
 @charset "utf-8";
 @import 'reset.css';
 @import 'fonts.css';
+@import 'safearea.css';
 
 :root {
 

src/utils/safeArea.ts

@@ -0,0 +1,17 @@
+// safeArea.ts
+export function setSafeAreaInsets(top: number, right: number, bottom: number, left: number) {
+    const root = document.documentElement;
+    root.style.setProperty("--safe-area-inset-top", `${top}px`);
+    root.style.setProperty("--safe-area-inset-right", `${right}px`);
+    root.style.setProperty("--safe-area-inset-bottom", `${bottom}px`);
+    root.style.setProperty("--safe-area-inset-left", `${left}px`);
+  }
+  
+  // 전역에서 호출할 수 있게 window에 바인딩 (Android WebView 네이티브에서 실행할 수 있도록)
+  declare global {
+    interface Window {
+      setSafeAreaInsets: typeof setSafeAreaInsets;
+    }
+  }
+  
+  window.setSafeAreaInsets = setSafeAreaInsets;