diff --git "a/.github/ISSUE_TEMPLATE/--\355\216\230\354\235\264\354\247\200\353\252\205--\353\202\264\354\232\251.md" "b/.github/ISSUE_TEMPLATE/--\355\216\230\354\235\264\354\247\200\353\252\205--\353\202\264\354\232\251.md"
new file mode 100644
index 0000000..3fb817e
--- /dev/null
+++ "b/.github/ISSUE_TEMPLATE/--\355\216\230\354\235\264\354\247\200\353\252\205--\353\202\264\354\232\251.md"
@@ -0,0 +1,17 @@
+---
+name: " [페이지명] 내용"
+about: 이슈 템플릿입니다.
+title: "[페이지명] 내용"
+labels: ""
+assignees: ""
+---
+
+## 💚 어떤 기능인가요?
+
+카톡 로그인 기능을 개발.
+
+## ✅ To Dos
+
+- [ ]
+- [ ]
+- [ ]
diff --git a/.github/ISSUE_TEMPLATE/todo.yml b/.github/ISSUE_TEMPLATE/todo.yml
new file mode 100644
index 0000000..49629b7
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/todo.yml
@@ -0,0 +1,21 @@
+name: To-do Task
+description: 해야 할 작업을 기록하고 관리합니다.
+title: "[To-do] 카톡 로그인 기능 개발"
+labels: ["todo"]
+assignees: []
+
+body:
+  - type: markdown
+    attributes:
+      value: |
+        ## 💚 어떤 기능인가요?
+        카톡 로그인 기능을 개발.
+
+  - type: markdown
+    attributes:
+      value: |
+        ## ✅ To Dos
+
+        - [ ] 
+        - [ ] 
+        - [ ]
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
new file mode 100644
index 0000000..08816eb
--- /dev/null
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -0,0 +1,26 @@
+## 이슈 넘버
+
+- close #
+<!-- # 뒤에 이슈넘버를 써서 이슈를 닫아주세요 -->
+
+## 구현 사항
+
+<!-- 실제로 변경한 사항을 설명해주세요.-->
+
+- [ ]
+- [ ]
+- [ ]
+- [ ]
+
+## Need Review
+
+- ~ 부분 이렇게 구현했어요, 피드백 부탁해요!
+<!-- 어떤 부분에 리뷰어가 집중해야 하는지 or 해당 PR에서 논의가 필요한 사항을 적어주세요. -->
+
+## 📸 스크린샷
+
+<!-- 팀원들이 이해하기 쉽도록 스크린샷을 첨부해주세요. -->
+
+## Reference
+
+<!-- 참고한 사이트가 있다면 링크를 공유해주세요. -->
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
new file mode 100644
index 0000000..3349e6c
--- /dev/null
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,34 @@
+name: git push into another repo to deploy to vercel
+
+on:
+  push:
+    branches: [main]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    container: pandoc/latex
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Install mustache (to update the date)
+        run: apk add ruby && gem install mustache
+
+      - name: creates output
+        run: sh ./build.sh
+
+      - name: Pushes to another repository
+        id: push_directory
+        uses: cpina/github-action-push-to-another-repository@main
+        env:
+          API_TOKEN_GITHUB: ${{ secrets.SECRET_ACCESS_KEY }} # secret 변수(토큰)
+        with:
+          source-directory: "output"
+          destination-github-username: 78-artilleryman # 개인 레포 주인 username
+          destination-repository-name: frontend-sarang # 개인-레포-이름
+          user-email: ${{ secrets.AUTO_EMAIL }} # secret 변수(이메일)
+          commit-message: ${{ github.event.commits[0].message }}
+          target-branch: main # 개인 레포 브랜치(vercel과 연동된 브랜치)
+
+      - name: Test get variable exported by push-to-another-repository
+        run: echo $DESTINATION_CLONED_DIRECTORY
diff --git a/.gitignore b/.gitignore
index 6d6ae5a..f4a72d0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,3 +23,11 @@ dev-dist
 *.njsproj
 *.sln
 *.sw?
+
+.env
+
+_wildcard.sarangkkun.site+2-key.pem
+_wildcard.sarangkkun.site+2.pem
+mkcert.exe
+
+.cursor
\ No newline at end of file
diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100644
index 0000000..89fcb19
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1,2 @@
+pnpm lint-staged
+pnpm run lint
diff --git a/.husky/pre-push b/.husky/pre-push
new file mode 100644
index 0000000..0c958d2
--- /dev/null
+++ b/.husky/pre-push
@@ -0,0 +1 @@
+pnpm run build
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..6a68a83
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,14 @@
+{
+  "arrowParens": "avoid",
+  "bracketSpacing": true,
+  "bracketSameLine": true,
+  "jsxBracketSameLine": true,
+  "jsxSingleQuote": false,
+  "printWidth": 120,
+  "proseWrap": "always",
+  "semi": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "endOfLine": "auto",
+  "plugins": ["prettier-plugin-tailwindcss"]
+}
diff --git a/README.md b/README.md
index 74872fd..9b7a773 100644
--- a/README.md
+++ b/README.md
@@ -1,50 +1,104 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-- Configure the top-level `parserOptions` property like this:
-
-```js
-export default tseslint.config({
-  languageOptions: {
-    // other options...
-    parserOptions: {
-      project: ['./tsconfig.node.json', './tsconfig.app.json'],
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})
-```
-
-- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
-- Optionally add `...tseslint.configs.stylisticTypeChecked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
-
-```js
-// eslint.config.js
-import react from 'eslint-plugin-react'
-
-export default tseslint.config({
-  // Set the react version
-  settings: { react: { version: '18.3' } },
-  plugins: {
-    // Add the react plugin
-    react,
-  },
-  rules: {
-    // other rules...
-    // Enable its recommended rules
-    ...react.configs.recommended.rules,
-    ...react.configs['jsx-runtime'].rules,
-  },
-})
-```
+# 🪖 곰신 커플을 위한 공유 캘린더
+
+기존의 군인/곰신 커플은 군대라는 장소와 연락의 제약으로 인해 많은 문제를 겪어왔습니다. 
+상호 단절이 자연스럽고, 이에 불화가 생길 시에 풀기 어려운 문제가 발생합니다. 이러한 문제점이 더욱 가중될 수 있다는 것은 군인/곰신 커플이 가지는 필연적인 어려움입니다. 
+
+### 사랑꾼은  **상호 이해(감정, 일정)를 바탕으로 표현을 도와주어 군인과 곰신의 관계 유지를 돕는 커플 공유 캘린더 서비스입니다.**
+### 사랑꾼 서비스 배포 주소 : https://www.sarangkkun.site
+![team4_thumbnail_web](https://github.com/user-attachments/assets/e912ac8d-e99c-48cb-9302-e2eaf53e7c06)
+
+# 👨‍👧‍👦 팀 소개
+
+### **팀명 : 방산소년단**
+
+| **분야** | **이름** | **포지션** | **내용** |
+| :---: | :---: | --- | --- |
+| 기획 | 방산들 | 📈 PM, 서비스 기획 | 유저 리서치, 와이어프레임 작성, 기능정의서 작성  |
+| 기획 | 강현규 | 📈 서비스 기획 | 유저 리서치, 와이어프레임 작성, UX 라이팅, <br /> WBS작성 |
+| 디자인 | 박세린 | 🎨 디자인 리드 | 서비스 브랜딩, UX/UI 디자인, GUI 디자인 |
+| 디자인 | 현명화 | 🎨 디자인 | 서비스 브랜딩, UX/UI 디자인, GUI 디자인 |
+| 개발 | 윤병현 | 📱  프론트엔드 리드 | 화면 UI 구현, API 연동 |
+| 개발 | 김유민 | 📱 프론트엔드 | 화면 UI 구현, API 연동 |
+| 개발 | 전호영 | 💻 백엔드 리드 | API 구현, ERD 설계, 서버 배포 |
+| 개발 | 김영록 | 💻 백엔드 | API 구현, ERD 설계, 서버 배포 |
+
+---
+
+# 📱 주요기능
+
+<img width="1534" alt="Frame 2087327984" src="https://github.com/user-attachments/assets/b443b690-be71-46c0-9129-c3e031e9f2dd" />
+
+
+# 💻 개발(Development)
+
+> **깃허브 레포지토리**
+> 
+- https://github.com/Gomushim
+
+> **배포 URL 및 API 명세서**
+> 
+- https://www.sarangkkun.site/
+- https://api.sarangkkun.site/swagger-ui/index.html#/
+
+>
+> **시스템 아키텍쳐**
+><img width="1462" alt="Image" src="https://github.com/user-attachments/assets/d519c766-61c7-45bb-ba07-cf07c1bf3190" />
+
+---
+
+## **🌟 프론트엔드**
+
+### 🔧 프론트엔드 기술 스택
+
+| 기술 | 설명 |
+|------|------|
+| **TypeScript** | 타입 안정성을 통해 유지보수성과 리팩터링 효율 향상 |
+| **React + Vite** | 컴포넌트 기반 구조 + 빠른 번들링과 HMR 제공 |
+| **PWA** | 모바일 설치 가능, 웹 푸시 알림 등 기능 제공 |
+| **Tailwind CSS** | 유틸리티 기반 CSS로 빠르고 일관된 스타일링 |
+| **shadcn/ui** | 접근성과 커스터마이징이 강력한 UI 컴포넌트 라이브러리 |
+| **Zustand** | 간단하고 가벼운 전역 상태 관리 |
+| **React Query** (`@tanstack/react-query`) | 서버 상태 관리, 캐싱, 리페칭 자동화 |
+| **Axios** | HTTP 요청/응답 처리 및 인터셉터 설정 |
+| **MSW** | API mocking으로 프론트 개발 병렬화 지원 |
+| **Vitest** | Vite와 통합된 빠른 테스트 실행 환경 |
+
+<br>
+
+---
+
+<br>
+
+## **🌟 백엔드**
+
+> **ERD 설계도:** ![Image](https://github.com/user-attachments/assets/9f8d7844-795f-4bd2-87f1-cfa82ea2c83c)
+>
+
+---
+
+### 🔧 백엔드 기술 스택
+
+| 기술 | 설명 |
+|------|------|
+| **Kotlin** | 간결한 문법, Java 호환성, Null 안정성 |
+| **Spring Boot** | 설정 자동화, 내장 톰캣 서버 제공 |
+| **Spring Data JPA** | 객체 중심의 DB 접근, SQL 최소화 |
+| **JUnit5** | 유연한 테스트 작성 가능 |
+| **Mockito** | 의존성 모킹 및 메서드 호출 검증 |
+| **CoderabbitAI** | AI 기반 코드 리뷰 및 보안/성능 개선 |
+| **MySQL 8.x** | 성능 향상, 공간 데이터 등 최신 기능 제공 |
+| **Docker** | 배포 및 개발 환경 통일화 |
+| **Github Actions** | CI/CD 자동화 파이프라인 구축 |
+| **Naver Cloud Platform (NCP)** | 국내 클라우드 인프라 사용 (서버, VPC, CDN 등) |
+
+## 🟩 NCP 사용 스택
+
+| 서비스 | 사용 목적 및 설명 |
+|--------|------------------|
+| **Server** | 백엔드 배포 서버로 사용 |
+| **VPC (Virtual Private Cloud)** | 클라우드 내 전용 네트워크 확보를 위해 사용 |
+| **Container Registry** | 백엔드 및 프론트엔드 Docker 이미지 저장용 사설 레지스트리 사용 <br> - Public Registry의 보안 이슈 방지 <br> - 이미지의 취약점 분석 및 보안성 향상 |
+| **Object Storage** | 이미지 정적 파일 저장 및 제공 <br> - NCP CDN과 연결하여 빠르고 효율적인 콘텐츠 전달 |
+
+
+
diff --git a/build.sh b/build.sh
new file mode 100644
index 0000000..a7ac9f9
--- /dev/null
+++ b/build.sh
@@ -0,0 +1,5 @@
+#!/bin/sh
+cd ../
+mkdir output
+cp -R ./frontend/* ./output
+cp -R ./output ./frontend/
\ No newline at end of file
diff --git a/components.json b/components.json
new file mode 100644
index 0000000..6d3998d
--- /dev/null
+++ b/components.json
@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/index.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}
diff --git a/eslint.config.js b/eslint.config.js
index 092408a..f98114c 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,28 +1,43 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
+import js from "@eslint/js";
+import globals from "globals";
+import react from "eslint-plugin-react";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
 
 export default tseslint.config(
-  { ignores: ['dist'] },
+  { ignores: ["dist"] },
   {
     extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ['**/*.{ts,tsx}'],
+    files: ["**/*.{ts,tsx}"],
     languageOptions: {
       ecmaVersion: 2020,
       globals: globals.browser,
     },
     plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
+      react,
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
-      ],
+      "react-refresh/only-export-components": ["warn", { allowConstantExport: true }],
+      "react/react-in-jsx-scope": "off",
+      "react/prop-types": "off",
+      "react/no-unused-state": "error",
+      "react/self-closing-comp": "warn",
+      semi: ["error", "always"],
+      quotes: ["error", "double"],
+      "no-unused-vars": "off",
+      "@typescript-eslint/no-unused-vars": "warn",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/ban-ts-comment": "off",
+      "array-callback-return": "off",
     },
-  },
-)
+    settings: {
+      react: {
+        version: "detect",
+      },
+    },
+  }
+);
diff --git a/index.html b/index.html
index c9f581b..afba4c7 100644
--- a/index.html
+++ b/index.html
@@ -1,17 +1,97 @@
 <!doctype html>
-<html lang="en">
+<html lang="ko">
   <head>
     <meta charset="UTF-8" />
-        <meta name="theme-color" content="#ffffff">
-    <link rel="icon" href="/favicon.ico" sizes="48x48">
-    <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml">
-    <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png">
+    <meta name="theme-color" content="#ffffff" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=no, maximum-scale=1.0" />
+    <title>사랑꾼</title>
+    <meta name="description" content="사랑꾼 - 당신의 사랑을 더 특별하게" />
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>sarang-mate + TS</title>
+    <!-- 기본 메타 태그 -->
+    <meta name="theme-color" content="#ffffff" />
+
+    <!-- 기본 웹 앱 매니페스트 -->
+    <link rel="manifest" href="/manifest.webmanifest" />
+
+    <!-- 기본 파비콘 -->
+    <link rel="icon" type="image/png" sizes="16x16" href="/ios/16.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/ios/32.png" />
+    <link rel="icon" type="image/png" sizes="96x96" href="/android/android-launchericon-96-96.png" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/android/android-launchericon-192-192.png" />
+    <link rel="shortcut icon" href="/favicon.ico" />
+
+    <!-- iOS 아이콘 -->
+    <link rel="apple-touch-icon" sizes="76x76" href="/ios/180.png" />
+    <link rel="apple-touch-icon" sizes="120x120" href="/ios/180.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/ios/180.png" />
+
+    <!-- iOS 설정 -->
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta name="apple-mobile-web-app-title" content="사랑꾼" />
+
+    <!-- iOS 스플래쉬 (최신 기기별, portrait) -->
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="/splash/ios/iPhone_16_Pro_Max_portrait.png" />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="/splash/ios/iPhone_16_Pro_portrait.png" />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="/splash/ios/iPhone_16_Plus__iPhone_15_Pro_Max__iPhone_15_Plus__iPhone_14_Pro_Max_portrait.png" />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="/splash/ios/iPhone_16__iPhone_15_Pro__iPhone_15__iPhone_14_Pro_portrait.png" />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="/splash/ios/iPhone_14_Plus__iPhone_13_Pro_Max__iPhone_12_Pro_Max_portrait.png" />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="/splash/ios/iPhone_16e__iPhone_14__iPhone_13_Pro__iPhone_13__iPhone_12_Pro__iPhone_12_portrait.png" />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="/splash/ios/iPhone_13_mini__iPhone_12_mini__iPhone_11_Pro__iPhone_XS__iPhone_X_portrait.png" />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="/splash/ios/iPhone_11_Pro_Max__iPhone_XS_Max_portrait.png" />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="/splash/ios/iPhone_11__iPhone_XR_portrait.png" />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="/splash/ios/iPhone_8_Plus__iPhone_7_Plus__iPhone_6s_Plus__iPhone_6_Plus_portrait.png" />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="/splash/ios/iPhone_8__iPhone_7__iPhone_6s__iPhone_6__4.7__iPhone_SE_portrait.png" />
+
+    <!-- Windows 11 아이콘 및 메타 태그 -->
+    <meta name="msapplication-TileColor" content="#ffffff" />
+    <meta name="msapplication-TileImage" content="/windows11/Square150x150Logo.scale-100.png" />
+    <meta name="msapplication-config" content="/browserconfig.xml" />
+
+    <!-- Windows 11 타일 아이콘 - 주요 사이즈 -->
+    <meta name="msapplication-square70x70logo" content="/windows11/SmallTile.scale-100.png" />
+    <meta name="msapplication-square150x150logo" content="/windows11/Square150x150Logo.scale-100.png" />
+    <meta name="msapplication-wide310x150logo" content="/windows11/Wide310x150Logo.scale-100.png" />
+    <meta name="msapplication-square310x310logo" content="/windows11/LargeTile.scale-100.png" />
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="/src/app/main.tsx"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
index 9f47c05..6220ef8 100644
--- a/package.json
+++ b/package.json
@@ -8,26 +8,73 @@
     "build": "tsc -b && vite build",
     "lint": "eslint .",
     "preview": "vite preview",
-    "generate-pwa-icons": "pwa-assets-generator"
+    "generate-pwa-icons": "pwa-assets-generator",
+    "prepare": "husky",
+    "lint-staged": "lint-staged",
+    "test": "vitest",
+    "prettier": "npx prettier --write ."
   },
   "dependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "@lukemorales/query-key-factory": "^1.3.4",
+    "@radix-ui/react-alert-dialog": "^1.1.13",
+    "@radix-ui/react-checkbox": "^1.2.2",
+    "@radix-ui/react-dialog": "^1.1.11",
+    "@radix-ui/react-slot": "^1.2.0",
+    "@radix-ui/react-switch": "^1.2.2",
+    "@tailwindcss/vite": "^4.1.3",
+    "@tanstack/react-query": "^5.74.3",
+    "@types/js-cookie": "^3.0.6",
+    "axios": "^1.8.4",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "embla-carousel-react": "^8.6.0",
+    "js-cookie": "^3.0.5",
+    "lottie-react": "^2.4.1",
+    "lucide-react": "^0.487.0",
+    "react": "^18.3.1",
+    "react-datepicker": "^8.3.0",
+    "react-dom": "^18.3.1",
+    "react-error-boundary": "^6.0.0",
+    "react-mobile-picker": "^1.1.1",
+    "react-router": "^7.5.0",
+    "tailwind-merge": "^3.1.0",
+    "tailwindcss": "^4.1.3",
+    "tailwindcss-animate": "^1.0.7",
+    "tw-animate-css": "^1.2.5",
+    "vaul": "^1.1.2",
+    "zustand": "^5.0.3"
   },
   "devDependencies": {
     "@eslint/js": "^9.18.0",
-    "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3",
+    "@tanstack/react-query-devtools": "^5.74.9",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^22.14.0",
+    "@types/react": "^18.3.20",
+    "@types/react-dom": "^18.3.6",
     "@vite-pwa/assets-generator": "^0.2.6",
     "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^9.18.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.18",
+    "eslint": "^9.23.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.6",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "firebase": "^11.6.0",
     "globals": "^15.14.0",
+    "happy-dom": "^17.4.4",
+    "husky": "^9.1.7",
+    "lint-staged": "^15.5.0",
+    "msw": "^2.7.3",
+    "prettier": "^3.5.3",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "typescript": "~5.7.2",
-    "typescript-eslint": "^8.20.0",
+    "typescript-eslint": "^8.29.0",
     "vite": "^6.0.11",
-    "vite-plugin-pwa": "^0.21.1",
+    "vite-plugin-pwa": "^0.21.2",
+    "vite-plugin-svgr": "^4.3.0",
+    "vitest": "^3.1.1",
     "workbox-core": "^7.3.0",
     "workbox-precaching": "^7.3.0",
     "workbox-routing": "^7.3.0",
@@ -37,5 +84,15 @@
   "resolutions": {
     "sharp": "0.32.6",
     "sharp-ico": "0.1.5"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --cache --fix --no-ignore"
+    ]
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d2f9728..2d50dfe 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,52 +12,181 @@ importers:
 
   .:
     dependencies:
+      '@lukemorales/query-key-factory':
+        specifier: ^1.3.4
+        version: 1.3.4(@tanstack/query-core@5.74.3)(@tanstack/react-query@5.74.3(react@18.3.1))
+      '@radix-ui/react-alert-dialog':
+        specifier: ^1.1.13
+        version: 1.1.13(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-checkbox':
+        specifier: ^1.2.2
+        version: 1.2.3(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-dialog':
+        specifier: ^1.1.11
+        version: 1.1.11(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot':
+        specifier: ^1.2.0
+        version: 1.2.0(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-switch':
+        specifier: ^1.2.2
+        version: 1.2.2(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@tailwindcss/vite':
+        specifier: ^4.1.3
+        version: 4.1.3(vite@6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1))
+      '@tanstack/react-query':
+        specifier: ^5.74.3
+        version: 5.74.3(react@18.3.1)
+      '@types/js-cookie':
+        specifier: ^3.0.6
+        version: 3.0.6
+      axios:
+        specifier: ^1.8.4
+        version: 1.8.4
+      class-variance-authority:
+        specifier: ^0.7.1
+        version: 0.7.1
+      clsx:
+        specifier: ^2.1.1
+        version: 2.1.1
+      embla-carousel-react:
+        specifier: ^8.6.0
+        version: 8.6.0(react@18.3.1)
+      js-cookie:
+        specifier: ^3.0.5
+        version: 3.0.5
+      lottie-react:
+        specifier: ^2.4.1
+        version: 2.4.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      lucide-react:
+        specifier: ^0.487.0
+        version: 0.487.0(react@18.3.1)
       react:
-        specifier: ^19.0.0
-        version: 19.1.0
+        specifier: ^18.3.1
+        version: 18.3.1
+      react-datepicker:
+        specifier: ^8.3.0
+        version: 8.3.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react-dom:
-        specifier: ^19.0.0
-        version: 19.1.0(react@19.1.0)
+        specifier: ^18.3.1
+        version: 18.3.1(react@18.3.1)
+      react-error-boundary:
+        specifier: ^6.0.0
+        version: 6.0.0(react@18.3.1)
+      react-mobile-picker:
+        specifier: ^1.1.1
+        version: 1.1.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-router:
+        specifier: ^7.5.0
+        version: 7.5.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      tailwind-merge:
+        specifier: ^3.1.0
+        version: 3.1.0
+      tailwindcss:
+        specifier: ^4.1.3
+        version: 4.1.3
+      tailwindcss-animate:
+        specifier: ^1.0.7
+        version: 1.0.7(tailwindcss@4.1.3)
+      tw-animate-css:
+        specifier: ^1.2.5
+        version: 1.2.5
+      vaul:
+        specifier: ^1.1.2
+        version: 1.1.2(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      zustand:
+        specifier: ^5.0.3
+        version: 5.0.3(@types/react@18.3.20)(react@18.3.1)
     devDependencies:
       '@eslint/js':
         specifier: ^9.18.0
         version: 9.23.0
+      '@tanstack/react-query-devtools':
+        specifier: ^5.74.9
+        version: 5.74.9(@tanstack/react-query@5.74.3(react@18.3.1))(react@18.3.1)
+      '@testing-library/jest-dom':
+        specifier: ^6.6.3
+        version: 6.6.3
+      '@testing-library/react':
+        specifier: ^16.3.0
+        version: 16.3.0(@testing-library/dom@10.4.0)(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@testing-library/user-event':
+        specifier: ^14.6.1
+        version: 14.6.1(@testing-library/dom@10.4.0)
+      '@types/node':
+        specifier: ^22.14.0
+        version: 22.14.0
       '@types/react':
-        specifier: ^19.0.8
-        version: 19.0.12
+        specifier: ^18.3.20
+        version: 18.3.20
       '@types/react-dom':
-        specifier: ^19.0.3
-        version: 19.0.4(@types/react@19.0.12)
+        specifier: ^18.3.6
+        version: 18.3.6(@types/react@18.3.20)
       '@vite-pwa/assets-generator':
         specifier: ^0.2.6
         version: 0.2.6
       '@vitejs/plugin-react':
         specifier: ^4.2.1
-        version: 4.3.4(vite@6.2.4(jiti@1.21.7)(terser@5.39.0))
+        version: 4.3.4(vite@6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1))
       eslint:
-        specifier: ^9.18.0
-        version: 9.23.0(jiti@1.21.7)
+        specifier: ^9.23.0
+        version: 9.23.0(jiti@2.4.2)
+      eslint-config-prettier:
+        specifier: ^10.1.1
+        version: 10.1.1(eslint@9.23.0(jiti@2.4.2))
+      eslint-plugin-prettier:
+        specifier: ^5.2.6
+        version: 5.2.6(eslint-config-prettier@10.1.1(eslint@9.23.0(jiti@2.4.2)))(eslint@9.23.0(jiti@2.4.2))(prettier@3.5.3)
+      eslint-plugin-react:
+        specifier: ^7.37.5
+        version: 7.37.5(eslint@9.23.0(jiti@2.4.2))
       eslint-plugin-react-hooks:
-        specifier: ^5.0.0
-        version: 5.2.0(eslint@9.23.0(jiti@1.21.7))
+        specifier: ^5.2.0
+        version: 5.2.0(eslint@9.23.0(jiti@2.4.2))
       eslint-plugin-react-refresh:
-        specifier: ^0.4.18
-        version: 0.4.19(eslint@9.23.0(jiti@1.21.7))
+        specifier: ^0.4.19
+        version: 0.4.19(eslint@9.23.0(jiti@2.4.2))
+      firebase:
+        specifier: ^11.6.0
+        version: 11.6.0
       globals:
         specifier: ^15.14.0
         version: 15.15.0
+      happy-dom:
+        specifier: ^17.4.4
+        version: 17.4.4
+      husky:
+        specifier: ^9.1.7
+        version: 9.1.7
+      lint-staged:
+        specifier: ^15.5.0
+        version: 15.5.0
+      msw:
+        specifier: ^2.7.3
+        version: 2.7.3(@types/node@22.14.0)(typescript@5.7.3)
+      prettier:
+        specifier: ^3.5.3
+        version: 3.5.3
+      prettier-plugin-tailwindcss:
+        specifier: ^0.6.11
+        version: 0.6.11(prettier@3.5.3)
       typescript:
         specifier: ~5.7.2
         version: 5.7.3
       typescript-eslint:
-        specifier: ^8.20.0
-        version: 8.29.0(eslint@9.23.0(jiti@1.21.7))(typescript@5.7.3)
+        specifier: ^8.29.0
+        version: 8.29.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.7.3)
       vite:
         specifier: ^6.0.11
-        version: 6.2.4(jiti@1.21.7)(terser@5.39.0)
+        version: 6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1)
       vite-plugin-pwa:
-        specifier: ^0.21.1
-        version: 0.21.2(@vite-pwa/assets-generator@0.2.6)(vite@6.2.4(jiti@1.21.7)(terser@5.39.0))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0)
+        specifier: ^0.21.2
+        version: 0.21.2(@vite-pwa/assets-generator@0.2.6)(vite@6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0)
+      vite-plugin-svgr:
+        specifier: ^4.3.0
+        version: 4.3.0(rollup@2.79.2)(typescript@5.7.3)(vite@6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1))
+      vitest:
+        specifier: ^3.1.1
+        version: 3.1.1(@types/node@22.14.0)(happy-dom@17.4.4)(jiti@2.4.2)(jsdom@26.0.0)(lightningcss@1.29.2)(msw@2.7.3(@types/node@22.14.0)(typescript@5.7.3))(terser@5.39.0)(yaml@2.7.1)
       workbox-core:
         specifier: ^7.3.0
         version: 7.3.0
@@ -76,6 +205,9 @@ importers:
 
 packages:
 
+  '@adobe/css-tools@4.4.2':
+    resolution: {integrity: sha512-baYZExFpsdkBNuvGKTKWCwKH57HRZLVtycZS05WTQNVOiXVSeAki3nU35zlRbToeMW8aHlJfyS+1C4BOv27q0A==}
+
   '@ampproject/remapping@2.3.0':
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
@@ -89,6 +221,9 @@ packages:
     peerDependencies:
       ajv: '>=8'
 
+  '@asamuzakjp/css-color@3.1.1':
+    resolution: {integrity: sha512-hpRD68SV2OMcZCsrbdkccTw5FXjNDLo5OuqSHyHZfwweGsDWZwDJ2+gONyNAbazZclobMirACLw0lk8WVxIqxA==}
+
   '@babel/code-frame@7.26.2':
     resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
     engines: {node: '>=6.9.0'}
@@ -586,9 +721,46 @@ packages:
     resolution: {integrity: sha512-H45s8fVLYjbhFH62dIJ3WtmJ6RSPt/3DRO0ZcT2SUiYiQyz3BLVb9ADEnLl91m74aQPS3AzzeajZHYOalWe3bg==}
     engines: {node: '>=6.9.0'}
 
+  '@bundled-es-modules/cookie@2.0.1':
+    resolution: {integrity: sha512-8o+5fRPLNbjbdGRRmJj3h6Hh1AQJf2dk3qQ/5ZFb+PXkRNiSoMGGUKlsgLfrxneb72axVJyIYji64E2+nNfYyw==}
+
+  '@bundled-es-modules/statuses@1.0.1':
+    resolution: {integrity: sha512-yn7BklA5acgcBr+7w064fGV+SGIFySjCKpqjcWgBAIfrAkY+4GQTJJHQMeT3V/sgz23VTEVV8TtOmkvJAhFVfg==}
+
+  '@bundled-es-modules/tough-cookie@0.1.6':
+    resolution: {integrity: sha512-dvMHbL464C0zI+Yqxbz6kZ5TOEp7GLW+pry/RWndAR8MJQAXZ2rPmIs8tziTZjeIyhSNZgZbCePtfSbdWqStJw==}
+
   '@canvas/image-data@1.0.0':
     resolution: {integrity: sha512-BxOqI5LgsIQP1odU5KMwV9yoijleOPzHL18/YvNqF9KFSGF2K/DLlYAbDQsWqd/1nbaFuSkYD/191dpMtNh4vw==}
 
+  '@csstools/color-helpers@5.0.2':
+    resolution: {integrity: sha512-JqWH1vsgdGcw2RR6VliXXdA0/59LttzlU8UlRT/iUUsEeWfYq8I+K0yhihEUTTHLRm1EXvpsCx3083EU15ecsA==}
+    engines: {node: '>=18'}
+
+  '@csstools/css-calc@2.1.2':
+    resolution: {integrity: sha512-TklMyb3uBB28b5uQdxjReG4L80NxAqgrECqLZFQbyLekwwlcDDS8r3f07DKqeo8C4926Br0gf/ZDe17Zv4wIuw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.4
+      '@csstools/css-tokenizer': ^3.0.3
+
+  '@csstools/css-color-parser@3.0.8':
+    resolution: {integrity: sha512-pdwotQjCCnRPuNi06jFuP68cykU1f3ZWExLe/8MQ1LOs8Xq+fTkYgd+2V8mWUWMrOn9iS2HftPVaMZDaXzGbhQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.4
+      '@csstools/css-tokenizer': ^3.0.3
+
+  '@csstools/css-parser-algorithms@3.0.4':
+    resolution: {integrity: sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^3.0.3
+
+  '@csstools/css-tokenizer@3.0.3':
+    resolution: {integrity: sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==}
+    engines: {node: '>=18'}
+
   '@esbuild/aix-ppc64@0.25.2':
     resolution: {integrity: sha512-wCIboOL2yXZym2cgm6mlA742s9QeJ8DjGVaL39dLN4rRwrOgOyYSnOaFPhKZGLb2ngj4EyfAFjsNJwPXZvseag==}
     engines: {node: '>=18'}
@@ -777,6 +949,246 @@ packages:
     resolution: {integrity: sha512-JubJ5B2pJ4k4yGxaNLdbjrnk9d/iDz6/q8wOilpIowd6PJPgaxCuHBnBszq7Ce2TyMrywm5r4PnKm6V3iiZF+g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@firebase/analytics-compat@0.2.18':
+    resolution: {integrity: sha512-Hw9mzsSMZaQu6wrTbi3kYYwGw9nBqOHr47pVLxfr5v8CalsdrG5gfs9XUlPOZjHRVISp3oQrh1j7d3E+ulHPjQ==}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/analytics-types@0.8.3':
+    resolution: {integrity: sha512-VrIp/d8iq2g501qO46uGz3hjbDb8xzYMrbu8Tp0ovzIzrvJZ2fvmj649gTjge/b7cCCcjT0H37g1gVtlNhnkbg==}
+
+  '@firebase/analytics@0.10.12':
+    resolution: {integrity: sha512-iDCGnw6qdFqwI5ywkgece99WADJNoymu+nLIQI4fZM/vCZ3bEo4wlpEetW71s1HqGpI0hQStiPhqVjFxDb2yyw==}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/app-check-compat@0.3.20':
+    resolution: {integrity: sha512-/twgmlnNAaZ/wbz3kcQrL/26b+X+zUX+lBmu5LwwEcWcpnb+mrVEAKhD7/ttm52dxYiSWtLDeuXy3FXBhqBC5A==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/app-check-interop-types@0.3.3':
+    resolution: {integrity: sha512-gAlxfPLT2j8bTI/qfe3ahl2I2YcBQ8cFIBdhAQA4I2f3TndcO+22YizyGYuttLHPQEpWkhmpFW60VCFEPg4g5A==}
+
+  '@firebase/app-check-types@0.5.3':
+    resolution: {integrity: sha512-hyl5rKSj0QmwPdsAxrI5x1otDlByQ7bvNvVt8G/XPO2CSwE++rmSVf3VEhaeOR4J8ZFaF0Z0NDSmLejPweZ3ng==}
+
+  '@firebase/app-check@0.8.13':
+    resolution: {integrity: sha512-ONsgml8/dplUOAP42JQO6hhiWDEwR9+RUTLenxAN9S8N6gel/sDQ9Ci721Py1oASMGdDU8v9R7xAZxzvOX5lPg==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/app-compat@0.2.53':
+    resolution: {integrity: sha512-vDeZSit0q4NyaDIVcaiJF3zhLgguP6yc0JwQAfpTyllgt8XMtkMFyY/MxJtFrK2ocpQX/yCbV2DXwvpY2NVuJw==}
+    engines: {node: '>=18.0.0'}
+
+  '@firebase/app-types@0.9.3':
+    resolution: {integrity: sha512-kRVpIl4vVGJ4baogMDINbyrIOtOxqhkZQg4jTq3l8Lw6WSk0xfpEYzezFu+Kl4ve4fbPl79dvwRtaFqAC/ucCw==}
+
+  '@firebase/app@0.11.4':
+    resolution: {integrity: sha512-GPREsZjfSaHzwyC6cI/Cqvzf6zxqMzya+25tSpUstdqC2w0IdfxEfOMjfdW7bDfVEf4Rb4Nb6gfoOAgVSp4c4g==}
+    engines: {node: '>=18.0.0'}
+
+  '@firebase/auth-compat@0.5.20':
+    resolution: {integrity: sha512-8FwODTSBnaqGQbKfML7LcpzGGPyouB7YHg3dZq+CZMziVc7oBY1jJeNvpnM1hAQoVuTjWPXoRrCltdGeOlkKfQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/auth-interop-types@0.2.4':
+    resolution: {integrity: sha512-JPgcXKCuO+CWqGDnigBtvo09HeBs5u/Ktc2GaFj2m01hLarbxthLNm7Fk8iOP1aqAtXV+fnnGj7U28xmk7IwVA==}
+
+  '@firebase/auth-types@0.13.0':
+    resolution: {integrity: sha512-S/PuIjni0AQRLF+l9ck0YpsMOdE8GO2KU6ubmBB7P+7TJUCQDa3R1dlgYm9UzGbbePMZsp0xzB93f2b/CgxMOg==}
+    peerDependencies:
+      '@firebase/app-types': 0.x
+      '@firebase/util': 1.x
+
+  '@firebase/auth@1.10.0':
+    resolution: {integrity: sha512-S7SqBsN7sIQsftNE3bitLlK+4bWrTHY+Rx2JFlNitgVYu2nK8W8ZQrkG8GCEwiFPq0B2vZ9pO5kVTFfq2sP96A==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      '@firebase/app': 0.x
+      '@react-native-async-storage/async-storage': ^1.18.1
+    peerDependenciesMeta:
+      '@react-native-async-storage/async-storage':
+        optional: true
+
+  '@firebase/component@0.6.13':
+    resolution: {integrity: sha512-I/Eg1NpAtZ8AAfq8mpdfXnuUpcLxIDdCDtTzWSh+FXnp/9eCKJ3SNbOCKrUCyhLzNa2SiPJYruei0sxVjaOTeg==}
+    engines: {node: '>=18.0.0'}
+
+  '@firebase/data-connect@0.3.3':
+    resolution: {integrity: sha512-JsgppNX1wcQYP5bg4Sg6WTS7S0XazklSjr1fG3ox9DHtt4LOQwJ3X1/c81mKMIZxocV22ujiwLYQWG6Y9D1FiQ==}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/database-compat@2.0.5':
+    resolution: {integrity: sha512-CNf1UbvWh6qIaSf4sn6sx2DTDz/em/D7QxULH1LTxxDQHr9+CeYGvlAqrKnk4ZH0P0eIHyQFQU7RwkUJI0B9gQ==}
+    engines: {node: '>=18.0.0'}
+
+  '@firebase/database-types@1.0.10':
+    resolution: {integrity: sha512-mH6RC1E9/Pv8jf1/p+M8YFTX+iu+iHDN89hecvyO7wHrI4R1V0TXjxOHvX3nLJN1sfh0CWG6CHZ0VlrSmK/cwg==}
+
+  '@firebase/database@1.0.14':
+    resolution: {integrity: sha512-9nxYtkHAG02/Nh2Ssms1T4BbWPPjiwohCvkHDUl4hNxnki1kPgsLo5xe9kXNzbacOStmVys+RUXvwzynQSKmUQ==}
+    engines: {node: '>=18.0.0'}
+
+  '@firebase/firestore-compat@0.3.45':
+    resolution: {integrity: sha512-uRvi7AYPmsDl7UZwPyV7jgDGYusEZ2+U2g7MndbQHKIA8fNHpYC6QrzMs58+/IjX+kF/lkUn67Vrr0AkVjlY+Q==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/firestore-types@3.0.3':
+    resolution: {integrity: sha512-hD2jGdiWRxB/eZWF89xcK9gF8wvENDJkzpVFb4aGkzfEaKxVRD1kjz1t1Wj8VZEp2LCB53Yx1zD8mrhQu87R6Q==}
+    peerDependencies:
+      '@firebase/app-types': 0.x
+      '@firebase/util': 1.x
+
+  '@firebase/firestore@4.7.10':
+    resolution: {integrity: sha512-6nKsyo2U+jYSCcSE5sjMdDNA23DMUvYPUvsYGg09CNvcTO8GGKsPs7SpOhspsB91mbacq+u627CDAx3FUhPSSQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/functions-compat@0.3.20':
+    resolution: {integrity: sha512-iIudmYDAML6n3c7uXO2YTlzra2/J6lnMzmJTXNthvrKVMgNMaseNoQP1wKfchK84hMuSF8EkM4AvufwbJ+Juew==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/functions-types@0.6.3':
+    resolution: {integrity: sha512-EZoDKQLUHFKNx6VLipQwrSMh01A1SaL3Wg6Hpi//x6/fJ6Ee4hrAeswK99I5Ht8roiniKHw4iO0B1Oxj5I4plg==}
+
+  '@firebase/functions@0.12.3':
+    resolution: {integrity: sha512-Wv7JZMUkKLb1goOWRtsu3t7m97uK6XQvjQLPvn8rncY91+VgdU72crqnaYCDI/ophNuBEmuK8mn0/pAnjUeA6A==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/installations-compat@0.2.13':
+    resolution: {integrity: sha512-f/o6MqCI7LD/ulY9gvgkv6w5k6diaReD8BFHd/y/fEdpsXmFWYS/g28GXCB72bRVBOgPpkOUNl+VsMvDwlRKmw==}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/installations-types@0.5.3':
+    resolution: {integrity: sha512-2FJI7gkLqIE0iYsNQ1P751lO3hER+Umykel+TkLwHj6plzWVxqvfclPUZhcKFVQObqloEBTmpi2Ozn7EkCABAA==}
+    peerDependencies:
+      '@firebase/app-types': 0.x
+
+  '@firebase/installations@0.6.13':
+    resolution: {integrity: sha512-6ZpkUiaygPFwgVneYxuuOuHnSPnTA4KefLEaw/sKk/rNYgC7X6twaGfYb0sYLpbi9xV4i5jXsqZ3WO+yaguNgg==}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/logger@0.4.4':
+    resolution: {integrity: sha512-mH0PEh1zoXGnaR8gD1DeGeNZtWFKbnz9hDO91dIml3iou1gpOnLqXQ2dJfB71dj6dpmUjcQ6phY3ZZJbjErr9g==}
+    engines: {node: '>=18.0.0'}
+
+  '@firebase/messaging-compat@0.2.17':
+    resolution: {integrity: sha512-5Q+9IG7FuedusdWHVQRjpA3OVD9KUWp/IPegcv0s5qSqRLBjib7FlAeWxN+VL0Ew43tuPJBY2HKhEecuizmO1Q==}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/messaging-interop-types@0.2.3':
+    resolution: {integrity: sha512-xfzFaJpzcmtDjycpDeCUj0Ge10ATFi/VHVIvEEjDNc3hodVBQADZ7BWQU7CuFpjSHE+eLuBI13z5F/9xOoGX8Q==}
+
+  '@firebase/messaging@0.12.17':
+    resolution: {integrity: sha512-W3CnGhTm6Nx8XGb6E5/+jZTuxX/EK8Vur4QXvO1DwZta/t0xqWMRgO9vNsZFMYBqFV4o3j4F9qK/iddGYwWS6g==}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/performance-compat@0.2.15':
+    resolution: {integrity: sha512-wUxsw7hGBEMN6XfvYQqwPIQp5LcJXawWM5tmYp6L7ClCoTQuEiCKHWWVurJgN8Q1YHzoHVgjNfPQAOVu29iMVg==}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/performance-types@0.2.3':
+    resolution: {integrity: sha512-IgkyTz6QZVPAq8GSkLYJvwSLr3LS9+V6vNPQr0x4YozZJiLF5jYixj0amDtATf1X0EtYHqoPO48a9ija8GocxQ==}
+
+  '@firebase/performance@0.7.2':
+    resolution: {integrity: sha512-DXLLp0R0jdxH/yTmv+WTkOzsLl8YYecXh4lGZE0dzqC0IV8k+AxpLSSWvOTCkAETze8yEU/iF+PtgYVlGjfMMQ==}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/remote-config-compat@0.2.13':
+    resolution: {integrity: sha512-UmHoO7TxAEJPIZf8e1Hy6CeFGMeyjqSCpgoBkQZYXFI2JHhzxIyDpr8jVKJJN1dmAePKZ5EX7dC13CmcdTOl7Q==}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/remote-config-types@0.4.0':
+    resolution: {integrity: sha512-7p3mRE/ldCNYt8fmWMQ/MSGRmXYlJ15Rvs9Rk17t8p0WwZDbeK7eRmoI1tvCPaDzn9Oqh+yD6Lw+sGLsLg4kKg==}
+
+  '@firebase/remote-config@0.6.0':
+    resolution: {integrity: sha512-Yrk4l5+6FJLPHC6irNHMzgTtJ3NfHXlAXVChCBdNFtgmzyGmufNs/sr8oA0auEfIJ5VpXCaThRh3P4OdQxiAlQ==}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/storage-compat@0.3.17':
+    resolution: {integrity: sha512-CBlODWEZ5b6MJWVh21VZioxwxNwVfPA9CAdsk+ZgVocJQQbE2oDW1XJoRcgthRY1HOitgbn4cVrM+NlQtuUYhw==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/storage-types@0.8.3':
+    resolution: {integrity: sha512-+Muk7g9uwngTpd8xn9OdF/D48uiQ7I1Fae7ULsWPuKoCH3HU7bfFPhxtJYzyhjdniowhuDpQcfPmuNRAqZEfvg==}
+    peerDependencies:
+      '@firebase/app-types': 0.x
+      '@firebase/util': 1.x
+
+  '@firebase/storage@0.13.7':
+    resolution: {integrity: sha512-FkRyc24rK+Y6EaQ1tYFm3TevBnnfSNA0VyTfew2hrYyL/aYfatBg7HOgktUdB4kWMHNA9VoTotzZTGoLuK92wg==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/util@1.11.0':
+    resolution: {integrity: sha512-PzSrhIr++KI6y4P6C/IdgBNMkEx0Ex6554/cYd0Hm+ovyFSJtJXqb/3OSIdnBoa2cpwZT1/GW56EmRc5qEc5fQ==}
+    engines: {node: '>=18.0.0'}
+
+  '@firebase/vertexai@1.2.1':
+    resolution: {integrity: sha512-cukZ5ne2RsOWB4PB1EO6nTXgOLxPMKDJfEn+XnSV5ZKWM0ID5o0DvbyS59XihFaBzmy2SwJldP5ap7/xUnW4jA==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      '@firebase/app': 0.x
+      '@firebase/app-types': 0.x
+
+  '@firebase/webchannel-wrapper@1.0.3':
+    resolution: {integrity: sha512-2xCRM9q9FlzGZCdgDMJwc0gyUkWFtkosy7Xxr6sFgQwn+wMNIWd7xIvYNauU1r64B5L5rsGKy/n9TKJ0aAFeqQ==}
+
+  '@floating-ui/core@1.6.9':
+    resolution: {integrity: sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==}
+
+  '@floating-ui/dom@1.6.13':
+    resolution: {integrity: sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==}
+
+  '@floating-ui/react-dom@2.1.2':
+    resolution: {integrity: sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@floating-ui/react@0.27.8':
+    resolution: {integrity: sha512-EQJ4Th328y2wyHR3KzOUOoTW2UKjFk53fmyahfwExnFQ8vnsMYqKc+fFPOkeYtj5tcp1DUMiNJ7BFhed7e9ONw==}
+    peerDependencies:
+      react: '>=17.0.0'
+      react-dom: '>=17.0.0'
+
+  '@floating-ui/utils@0.2.9':
+    resolution: {integrity: sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==}
+
+  '@grpc/grpc-js@1.9.15':
+    resolution: {integrity: sha512-nqE7Hc0AzI+euzUwDAy0aY5hCp10r734gMGRdU+qOPX0XSceI2ULrcXB5U2xSc5VkWwalCj4M7GzCAygZl2KoQ==}
+    engines: {node: ^8.13.0 || >=10.10.0}
+
+  '@grpc/proto-loader@0.7.13':
+    resolution: {integrity: sha512-AiXO/bfe9bmxBjxxtYxFAXGZvMaN5s8kO+jBHAJCON8rJoB5YS/D6X7ZNc6XQkuHNmyl4CYaMI1fJ/Gn27RGGw==}
+    engines: {node: '>=6'}
+    hasBin: true
+
   '@humanfs/core@0.19.1':
     resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
     engines: {node: '>=18.18.0'}
@@ -797,6 +1209,37 @@ packages:
     resolution: {integrity: sha512-xeO57FpIu4p1Ri3Jq/EXq4ClRm86dVF2z/+kvFnyqVYRavTZmaFaUBbWCOuuTh0o/g7DSsk6kc2vrS4Vl5oPOQ==}
     engines: {node: '>=18.18'}
 
+  '@inquirer/confirm@5.1.9':
+    resolution: {integrity: sha512-NgQCnHqFTjF7Ys2fsqK2WtnA8X1kHyInyG+nMIuHowVTIgIuS10T4AznI/PvbqSpJqjCUqNBlKGh1v3bwLFL4w==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@types/node': '>=18'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  '@inquirer/core@10.1.10':
+    resolution: {integrity: sha512-roDaKeY1PYY0aCqhRmXihrHjoSW2A00pV3Ke5fTpMCkzcGF64R8e0lw3dK+eLEHwS4vB5RnW1wuQmvzoRul8Mw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@types/node': '>=18'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  '@inquirer/figures@1.0.11':
+    resolution: {integrity: sha512-eOg92lvrn/aRUqbxRyvpEWnrvRuTYRifixHkYVpJiygTgVSBIHDqLh0SrMQXkafvULg3ck11V7xvR+zcgvpHFw==}
+    engines: {node: '>=18'}
+
+  '@inquirer/type@3.0.6':
+    resolution: {integrity: sha512-/mKVCtVpyBu3IDarv0G+59KC4stsD5mDsGpYh+GKs1NZT88Jh52+cuoA1AtLk2Q0r/quNl+1cSUyLRHBFeD0XA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@types/node': '>=18'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
   '@jridgewell/gen-mapping@0.3.8':
     resolution: {integrity: sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==}
     engines: {node: '>=6.0.0'}
@@ -818,6 +1261,17 @@ packages:
   '@jridgewell/trace-mapping@0.3.25':
     resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
 
+  '@lukemorales/query-key-factory@1.3.4':
+    resolution: {integrity: sha512-A3frRDdkmaNNQi6mxIshsDk4chRXWoXa05US8fBo4kci/H+lVmujS6QrwQLLGIkNIRFGjMqp2uKjC4XsLdydRw==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@tanstack/query-core': '>= 4.0.0'
+      '@tanstack/react-query': '>= 4.0.0'
+
+  '@mswjs/interceptors@0.37.6':
+    resolution: {integrity: sha512-wK+5pLK5XFmgtH3aQ2YVvA3HohS3xqV/OxuVOdNx9Wpnz7VE/fnC+e1A7ln6LFYeck7gOJ/dsZV6OLplOtAJ2w==}
+    engines: {node: '>=18'}
+
   '@nodelib/fs.scandir@2.1.5':
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -830,91 +1284,436 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
-  '@rollup/plugin-babel@5.3.1':
-    resolution: {integrity: sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==}
-    engines: {node: '>= 10.0.0'}
+  '@open-draft/deferred-promise@2.2.0':
+    resolution: {integrity: sha512-CecwLWx3rhxVQF6V4bAgPS5t+So2sTbPgAzafKkVizyi7tlwpcFpdFqq+wqF2OwNBmqFuu6tOyouTuxgpMfzmA==}
+
+  '@open-draft/logger@0.3.0':
+    resolution: {integrity: sha512-X2g45fzhxH238HKO4xbSr7+wBS8Fvw6ixhTDuvLd5mqh6bJJCFAPwU9mPDxbcrRtfxv4u5IHCEH77BmxvXmmxQ==}
+
+  '@open-draft/until@2.1.0':
+    resolution: {integrity: sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==}
+
+  '@pkgr/core@0.2.0':
+    resolution: {integrity: sha512-vsJDAkYR6qCPu+ioGScGiMYR7LvZYIXh/dlQeviqoTWNCVfKTLYD/LkNWH4Mxsv2a5vpIRc77FN5DnmK1eBggQ==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+
+  '@protobufjs/aspromise@1.1.2':
+    resolution: {integrity: sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==}
+
+  '@protobufjs/base64@1.1.2':
+    resolution: {integrity: sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==}
+
+  '@protobufjs/codegen@2.0.4':
+    resolution: {integrity: sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg==}
+
+  '@protobufjs/eventemitter@1.1.0':
+    resolution: {integrity: sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q==}
+
+  '@protobufjs/fetch@1.1.0':
+    resolution: {integrity: sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==}
+
+  '@protobufjs/float@1.0.2':
+    resolution: {integrity: sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==}
+
+  '@protobufjs/inquire@1.1.0':
+    resolution: {integrity: sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q==}
+
+  '@protobufjs/path@1.1.2':
+    resolution: {integrity: sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==}
+
+  '@protobufjs/pool@1.1.0':
+    resolution: {integrity: sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==}
+
+  '@protobufjs/utf8@1.1.0':
+    resolution: {integrity: sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==}
+
+  '@radix-ui/primitive@1.1.2':
+    resolution: {integrity: sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA==}
+
+  '@radix-ui/react-alert-dialog@1.1.13':
+    resolution: {integrity: sha512-/uPs78OwxGxslYOG5TKeUsv9fZC0vo376cXSADdKirTmsLJU2au6L3n34c3p6W26rFDDDze/hwy4fYeNd0qdGA==}
     peerDependencies:
-      '@babel/core': ^7.0.0
-      '@types/babel__core': ^7.1.9
-      rollup: ^1.20.0||^2.0.0
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/babel__core':
+      '@types/react':
+        optional: true
+      '@types/react-dom':
         optional: true
 
-  '@rollup/plugin-node-resolve@15.3.1':
-    resolution: {integrity: sha512-tgg6b91pAybXHJQMAAwW9VuWBO6Thi+q7BCNARLwSqlmsHz0XYURtGvh/AuwSADXSI4h/2uHbs7s4FzlZDGSGA==}
-    engines: {node: '>=14.0.0'}
+  '@radix-ui/react-checkbox@1.2.3':
+    resolution: {integrity: sha512-pHVzDYsnaDmBlAuwim45y3soIN8H4R7KbkSVirGhXO+R/kO2OLCe0eucUEbddaTcdMHHdzcIGHtZSMSQlA+apw==}
     peerDependencies:
-      rollup: ^2.78.0||^3.0.0||^4.0.0
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      rollup:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
         optional: true
 
-  '@rollup/plugin-replace@2.4.2':
-    resolution: {integrity: sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==}
+  '@radix-ui/react-compose-refs@1.1.2':
+    resolution: {integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==}
     peerDependencies:
-      rollup: ^1.20.0 || ^2.0.0
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
 
-  '@rollup/plugin-terser@0.4.4':
-    resolution: {integrity: sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==}
-    engines: {node: '>=14.0.0'}
+  '@radix-ui/react-context@1.1.2':
+    resolution: {integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==}
     peerDependencies:
-      rollup: ^2.0.0||^3.0.0||^4.0.0
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      rollup:
+      '@types/react':
         optional: true
 
-  '@rollup/pluginutils@3.1.0':
-    resolution: {integrity: sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==}
-    engines: {node: '>= 8.0.0'}
+  '@radix-ui/react-dialog@1.1.11':
+    resolution: {integrity: sha512-yI7S1ipkP5/+99qhSI6nthfo/tR6bL6Zgxi/+1UO6qPa6UeM6nlafWcQ65vB4rU2XjgjMfMhI3k9Y5MztA62VQ==}
     peerDependencies:
-      rollup: ^1.20.0||^2.0.0
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/pluginutils@5.1.4':
-    resolution: {integrity: sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==}
-    engines: {node: '>=14.0.0'}
+  '@radix-ui/react-dialog@1.1.13':
+    resolution: {integrity: sha512-ARFmqUyhIVS3+riWzwGTe7JLjqwqgnODBUZdqpWar/z1WFs9z76fuOs/2BOWCR+YboRn4/WN9aoaGVwqNRr8VA==}
     peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      rollup:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
         optional: true
 
-  '@rollup/rollup-android-arm-eabi@4.38.0':
-    resolution: {integrity: sha512-ldomqc4/jDZu/xpYU+aRxo3V4mGCV9HeTgUBANI3oIQMOL+SsxB+S2lxMpkFp5UamSS3XuTMQVbsS24R4J4Qjg==}
-    cpu: [arm]
-    os: [android]
+  '@radix-ui/react-dismissable-layer@1.1.7':
+    resolution: {integrity: sha512-j5+WBUdhccJsmH5/H0K6RncjDtoALSEr6jbkaZu+bjw6hOPOhHycr6vEUujl+HBK8kjUfWcoCJXxP6e4lUlMZw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/rollup-android-arm64@4.38.0':
-    resolution: {integrity: sha512-VUsgcy4GhhT7rokwzYQP+aV9XnSLkkhlEJ0St8pbasuWO/vwphhZQxYEKUP3ayeCYLhk6gEtacRpYP/cj3GjyQ==}
-    cpu: [arm64]
-    os: [android]
+  '@radix-ui/react-dismissable-layer@1.1.9':
+    resolution: {integrity: sha512-way197PiTvNp+WBP7svMJasHl+vibhWGQDb6Mgf5mhEWJkgb85z7Lfl9TUdkqpWsf8GRNmoopx9ZxCyDzmgRMQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/rollup-darwin-arm64@4.38.0':
-    resolution: {integrity: sha512-buA17AYXlW9Rn091sWMq1xGUvWQFOH4N1rqUxGJtEQzhChxWjldGCCup7r/wUnaI6Au8sKXpoh0xg58a7cgcpg==}
-    cpu: [arm64]
-    os: [darwin]
+  '@radix-ui/react-focus-guards@1.1.2':
+    resolution: {integrity: sha512-fyjAACV62oPV925xFCrH8DR5xWhg9KYtJT4s3u54jxp+L/hbpTY2kIeEFFbFe+a/HCE94zGQMZLIpVTPVZDhaA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
 
-  '@rollup/rollup-darwin-x64@4.38.0':
-    resolution: {integrity: sha512-Mgcmc78AjunP1SKXl624vVBOF2bzwNWFPMP4fpOu05vS0amnLcX8gHIge7q/lDAHy3T2HeR0TqrriZDQS2Woeg==}
-    cpu: [x64]
-    os: [darwin]
+  '@radix-ui/react-focus-scope@1.1.4':
+    resolution: {integrity: sha512-r2annK27lIW5w9Ho5NyQgqs0MmgZSTIKXWpVCJaLC1q2kZrZkcqnmHkCHMEmv8XLvsLlurKMPT+kbKkRkm/xVA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/rollup-freebsd-arm64@4.38.0':
-    resolution: {integrity: sha512-zzJACgjLbQTsscxWqvrEQAEh28hqhebpRz5q/uUd1T7VTwUNZ4VIXQt5hE7ncs0GrF+s7d3S4on4TiXUY8KoQA==}
-    cpu: [arm64]
-    os: [freebsd]
+  '@radix-ui/react-focus-scope@1.1.6':
+    resolution: {integrity: sha512-r9zpYNUQY+2jWHWZGyddQLL9YHkM/XvSFHVcWs7bdVuxMAnCwTAuy6Pf47Z4nw7dYcUou1vg/VgjjrrH03VeBw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/rollup-freebsd-x64@4.38.0':
-    resolution: {integrity: sha512-hCY/KAeYMCyDpEE4pTETam0XZS4/5GXzlLgpi5f0IaPExw9kuB+PDTOTLuPtM10TlRG0U9OSmXJ+Wq9J39LvAg==}
-    cpu: [x64]
-    os: [freebsd]
+  '@radix-ui/react-id@1.1.1':
+    resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.38.0':
-    resolution: {integrity: sha512-mimPH43mHl4JdOTD7bUMFhBdrg6f9HzMTOEnzRmXbOZqjijCw8LA5z8uL6LCjxSa67H2xiLFvvO67PT05PRKGg==}
-    cpu: [arm]
-    os: [linux]
+  '@radix-ui/react-portal@1.1.6':
+    resolution: {integrity: sha512-XmsIl2z1n/TsYFLIdYam2rmFwf9OC/Sh2avkbmVMDuBZIe7hSpM0cYnWPAo7nHOVx8zTuwDZGByfcqLdnzp3Vw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.38.0':
+  '@radix-ui/react-portal@1.1.8':
+    resolution: {integrity: sha512-hQsTUIn7p7fxCPvao/q6wpbxmCwgLrlz+nOrJgC+RwfZqWY/WN+UMqkXzrtKbPrF82P43eCTl3ekeKuyAQbFeg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-presence@1.1.4':
+    resolution: {integrity: sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-primitive@2.1.0':
+    resolution: {integrity: sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-primitive@2.1.2':
+    resolution: {integrity: sha512-uHa+l/lKfxuDD2zjN/0peM/RhhSmRjr5YWdk/37EnSv1nJ88uvG85DPexSm8HdFQROd2VdERJ6ynXbkCFi+APw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-slot@1.2.0':
+    resolution: {integrity: sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-slot@1.2.2':
+    resolution: {integrity: sha512-y7TBO4xN4Y94FvcWIOIh18fM4R1A8S4q1jhoz4PNzOoHsFcN8pogcFmZrTYAm4F9VRUrWP/Mw7xSKybIeRI+CQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-switch@1.2.2':
+    resolution: {integrity: sha512-7Z8n6L+ifMIIYZ83f28qWSceUpkXuslI2FJ34+kDMTiyj91ENdpdQ7VCidrzj5JfwfZTeano/BnGBbu/jqa5rQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-use-callback-ref@1.1.1':
+    resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-controllable-state@1.2.2':
+    resolution: {integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-effect-event@0.0.2':
+    resolution: {integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-escape-keydown@1.1.1':
+    resolution: {integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-layout-effect@1.1.1':
+    resolution: {integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-previous@1.1.1':
+    resolution: {integrity: sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-size@1.1.1':
+    resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@rollup/plugin-babel@5.3.1':
+    resolution: {integrity: sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==}
+    engines: {node: '>= 10.0.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+      '@types/babel__core': ^7.1.9
+      rollup: ^1.20.0||^2.0.0
+    peerDependenciesMeta:
+      '@types/babel__core':
+        optional: true
+
+  '@rollup/plugin-node-resolve@15.3.1':
+    resolution: {integrity: sha512-tgg6b91pAybXHJQMAAwW9VuWBO6Thi+q7BCNARLwSqlmsHz0XYURtGvh/AuwSADXSI4h/2uHbs7s4FzlZDGSGA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.78.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-replace@2.4.2':
+    resolution: {integrity: sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==}
+    peerDependencies:
+      rollup: ^1.20.0 || ^2.0.0
+
+  '@rollup/plugin-terser@0.4.4':
+    resolution: {integrity: sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/pluginutils@3.1.0':
+    resolution: {integrity: sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==}
+    engines: {node: '>= 8.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0
+
+  '@rollup/pluginutils@5.1.4':
+    resolution: {integrity: sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/rollup-android-arm-eabi@4.38.0':
+    resolution: {integrity: sha512-ldomqc4/jDZu/xpYU+aRxo3V4mGCV9HeTgUBANI3oIQMOL+SsxB+S2lxMpkFp5UamSS3XuTMQVbsS24R4J4Qjg==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.38.0':
+    resolution: {integrity: sha512-VUsgcy4GhhT7rokwzYQP+aV9XnSLkkhlEJ0St8pbasuWO/vwphhZQxYEKUP3ayeCYLhk6gEtacRpYP/cj3GjyQ==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.38.0':
+    resolution: {integrity: sha512-buA17AYXlW9Rn091sWMq1xGUvWQFOH4N1rqUxGJtEQzhChxWjldGCCup7r/wUnaI6Au8sKXpoh0xg58a7cgcpg==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.38.0':
+    resolution: {integrity: sha512-Mgcmc78AjunP1SKXl624vVBOF2bzwNWFPMP4fpOu05vS0amnLcX8gHIge7q/lDAHy3T2HeR0TqrriZDQS2Woeg==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.38.0':
+    resolution: {integrity: sha512-zzJACgjLbQTsscxWqvrEQAEh28hqhebpRz5q/uUd1T7VTwUNZ4VIXQt5hE7ncs0GrF+s7d3S4on4TiXUY8KoQA==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.38.0':
+    resolution: {integrity: sha512-hCY/KAeYMCyDpEE4pTETam0XZS4/5GXzlLgpi5f0IaPExw9kuB+PDTOTLuPtM10TlRG0U9OSmXJ+Wq9J39LvAg==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.38.0':
+    resolution: {integrity: sha512-mimPH43mHl4JdOTD7bUMFhBdrg6f9HzMTOEnzRmXbOZqjijCw8LA5z8uL6LCjxSa67H2xiLFvvO67PT05PRKGg==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.38.0':
     resolution: {integrity: sha512-tPiJtiOoNuIH8XGG8sWoMMkAMm98PUwlriOFCCbZGc9WCax+GLeVRhmaxjJtz6WxrPKACgrwoZ5ia/uapq3ZVg==}
     cpu: [arm]
     os: [linux]
@@ -982,6 +1781,201 @@ packages:
   '@surma/rollup-plugin-off-main-thread@2.2.3':
     resolution: {integrity: sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==}
 
+  '@svgr/babel-plugin-add-jsx-attribute@8.0.0':
+    resolution: {integrity: sha512-b9MIk7yhdS1pMCZM8VeNfUlSKVRhsHZNMl5O9SfaX0l0t5wjdgu4IDzGB8bpnGBBOjGST3rRFVsaaEtI4W6f7g==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-remove-jsx-attribute@8.0.0':
+    resolution: {integrity: sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0':
+    resolution: {integrity: sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-replace-jsx-attribute-value@8.0.0':
+    resolution: {integrity: sha512-KVQ+PtIjb1BuYT3ht8M5KbzWBhdAjjUPdlMtpuw/VjT8coTrItWX6Qafl9+ji831JaJcu6PJNKCV0bp01lBNzQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-svg-dynamic-title@8.0.0':
+    resolution: {integrity: sha512-omNiKqwjNmOQJ2v6ge4SErBbkooV2aAWwaPFs2vUY7p7GhVkzRkJ00kILXQvRhA6miHnNpXv7MRnnSjdRjK8og==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-svg-em-dimensions@8.0.0':
+    resolution: {integrity: sha512-mURHYnu6Iw3UBTbhGwE/vsngtCIbHE43xCRK7kCw4t01xyGqb2Pd+WXekRRoFOBIY29ZoOhUCTEweDMdrjfi9g==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-transform-react-native-svg@8.1.0':
+    resolution: {integrity: sha512-Tx8T58CHo+7nwJ+EhUwx3LfdNSG9R2OKfaIXXs5soiy5HtgoAEkDay9LIimLOcG8dJQH1wPZp/cnAv6S9CrR1Q==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-transform-svg-component@8.0.0':
+    resolution: {integrity: sha512-DFx8xa3cZXTdb/k3kfPeaixecQLgKh5NVBMwD0AQxOzcZawK4oo1Jh9LbrcACUivsCA7TLG8eeWgrDXjTMhRmw==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-preset@8.1.0':
+    resolution: {integrity: sha512-7EYDbHE7MxHpv4sxvnVPngw5fuR6pw79SkcrILHJ/iMpuKySNCl5W1qcwPEpU+LgyRXOaAFgH0KhwD18wwg6ug==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/core@8.1.0':
+    resolution: {integrity: sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==}
+    engines: {node: '>=14'}
+
+  '@svgr/hast-util-to-babel-ast@8.0.0':
+    resolution: {integrity: sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q==}
+    engines: {node: '>=14'}
+
+  '@svgr/plugin-jsx@8.1.0':
+    resolution: {integrity: sha512-0xiIyBsLlr8quN+WyuxooNW9RJ0Dpr8uOnH/xrCVO8GLUcwHISwj1AG0k+LFzteTkAA0GbX0kj9q6Dk70PTiPA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@svgr/core': '*'
+
+  '@tailwindcss/node@4.1.3':
+    resolution: {integrity: sha512-H/6r6IPFJkCfBJZ2dKZiPJ7Ueb2wbL592+9bQEl2r73qbX6yGnmQVIfiUvDRB2YI0a3PWDrzUwkvQx1XW1bNkA==}
+
+  '@tailwindcss/oxide-android-arm64@4.1.3':
+    resolution: {integrity: sha512-cxklKjtNLwFl3mDYw4XpEfBY+G8ssSg9ADL4Wm6//5woi3XGqlxFsnV5Zb6v07dxw1NvEX2uoqsxO/zWQsgR+g==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.3':
+    resolution: {integrity: sha512-mqkf2tLR5VCrjBvuRDwzKNShRu99gCAVMkVsaEOFvv6cCjlEKXRecPu9DEnxp6STk5z+Vlbh1M5zY3nQCXMXhw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.1.3':
+    resolution: {integrity: sha512-7sGraGaWzXvCLyxrc7d+CCpUN3fYnkkcso3rCzwUmo/LteAl2ZGCDlGvDD8Y/1D3ngxT8KgDj1DSwOnNewKhmg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.3':
+    resolution: {integrity: sha512-E2+PbcbzIReaAYZe997wb9rId246yDkCwAakllAWSGqe6VTg9hHle67hfH6ExjpV2LSK/siRzBUs5wVff3RW9w==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.3':
+    resolution: {integrity: sha512-GvfbJ8wjSSjbLFFE3UYz4Eh8i4L6GiEYqCtA8j2Zd2oXriPuom/Ah/64pg/szWycQpzRnbDiJozoxFU2oJZyfg==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.3':
+    resolution: {integrity: sha512-35UkuCWQTeG9BHcBQXndDOrpsnt3Pj9NVIB4CgNiKmpG8GnCNXeMczkUpOoqcOhO6Cc/mM2W7kaQ/MTEENDDXg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.3':
+    resolution: {integrity: sha512-dm18aQiML5QCj9DQo7wMbt1Z2tl3Giht54uVR87a84X8qRtuXxUqnKQkRDK5B4bCOmcZ580lF9YcoMkbDYTXHQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.3':
+    resolution: {integrity: sha512-LMdTmGe/NPtGOaOfV2HuO7w07jI3cflPrVq5CXl+2O93DCewADK0uW1ORNAcfu2YxDUS035eY2W38TxrsqngxA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.3':
+    resolution: {integrity: sha512-aalNWwIi54bbFEizwl1/XpmdDrOaCjRFQRgtbv9slWjmNPuJJTIKPHf5/XXDARc9CneW9FkSTqTbyvNecYAEGw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.3':
+    resolution: {integrity: sha512-PEj7XR4OGTGoboTIAdXicKuWl4EQIjKHKuR+bFy9oYN7CFZo0eu74+70O4XuERX4yjqVZGAkCdglBODlgqcCXg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.3':
+    resolution: {integrity: sha512-T8gfxECWDBENotpw3HR9SmNiHC9AOJdxs+woasRZ8Q/J4VHN0OMs7F+4yVNZ9EVN26Wv6mZbK0jv7eHYuLJLwA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.1.3':
+    resolution: {integrity: sha512-t16lpHCU7LBxDe/8dCj9ntyNpXaSTAgxWm1u2XQP5NiIu4KGSyrDJJRlK9hJ4U9yJxx0UKCVI67MJWFNll5mOQ==}
+    engines: {node: '>= 10'}
+
+  '@tailwindcss/vite@4.1.3':
+    resolution: {integrity: sha512-lUI/QaDxLtlV52Lho6pu07CG9pSnRYLOPmKGIQjyHdTBagemc6HmgZxyjGAQ/5HMPrNeWBfTVIpQl0/jLXvWHQ==}
+    peerDependencies:
+      vite: ^5.2.0 || ^6
+
+  '@tanstack/query-core@5.74.3':
+    resolution: {integrity: sha512-Mqk+5o3qTuAiZML248XpNH8r2cOzl15+LTbUsZQEwvSvn1GU4VQhvqzAbil36p+MBxpr/58oBSnRzhrBevDhfg==}
+
+  '@tanstack/query-devtools@5.74.7':
+    resolution: {integrity: sha512-nSNlfuGdnHf4yB0S+BoNYOE1o3oAH093weAYZolIHfS2stulyA/gWfSk/9H4ZFk5mAAHb5vNqAeJOmbdcGPEQw==}
+
+  '@tanstack/react-query-devtools@5.74.9':
+    resolution: {integrity: sha512-6dMfeK/5OvC9E88/ziwiv1Pggqkgjker8V+pLJFrjh7O7E7S6yXJRNNr/KjA/c+z6d/i7HpDk8FF+oSr7mhYLg==}
+    peerDependencies:
+      '@tanstack/react-query': ^5.74.9
+      react: ^18 || ^19
+
+  '@tanstack/react-query@5.74.3':
+    resolution: {integrity: sha512-QrycUn0wxjVPzITvQvOxFRdhlAwIoOQSuav7qWD4SWCoKCdLbyRZ2vji2GuBq/glaxbF4wBx3fqcYRDOt8KDTA==}
+    peerDependencies:
+      react: ^18 || ^19
+
+  '@testing-library/dom@10.4.0':
+    resolution: {integrity: sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==}
+    engines: {node: '>=18'}
+
+  '@testing-library/jest-dom@6.6.3':
+    resolution: {integrity: sha512-IteBhl4XqYNkM54f4ejhLRJiZNqcSCoXUOG2CPK7qbD322KjQozM4kHQOfkG2oln9b9HTYqs+Sae8vBATubxxA==}
+    engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
+
+  '@testing-library/react@16.3.0':
+    resolution: {integrity: sha512-kFSyxiEDwv1WLl2fgsq6pPBbw5aWKrsY2/noi1Id0TK0UParSF62oFQFGHXIyaG4pp2tEub/Zlel+fjjZILDsw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@testing-library/dom': ^10.0.0
+      '@types/react': ^18.0.0 || ^19.0.0
+      '@types/react-dom': ^18.0.0 || ^19.0.0
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@testing-library/user-event@14.6.1':
+    resolution: {integrity: sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==}
+    engines: {node: '>=12', npm: '>=6'}
+    peerDependencies:
+      '@testing-library/dom': '>=7.21.4'
+
+  '@types/aria-query@5.0.4':
+    resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
+
   '@types/babel__core@7.20.5':
     resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
 
@@ -994,26 +1988,44 @@ packages:
   '@types/babel__traverse@7.20.7':
     resolution: {integrity: sha512-dkO5fhS7+/oos4ciWxyEyjWe48zmG6wbCheo/G2ZnHx4fs3EU6YC6UM8rk56gAjNJ9P3MTH2jo5jb92/K6wbng==}
 
+  '@types/cookie@0.6.0':
+    resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
+
   '@types/estree@0.0.39':
     resolution: {integrity: sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==}
 
   '@types/estree@1.0.7':
     resolution: {integrity: sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==}
 
+  '@types/js-cookie@3.0.6':
+    resolution: {integrity: sha512-wkw9yd1kEXOPnvEeEV1Go1MmxtBJL0RR79aOTAApecWFVu7w0NNXNqhcWgvw2YgZDYadliXkl14pa3WXw5jlCQ==}
+
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
-  '@types/react-dom@19.0.4':
-    resolution: {integrity: sha512-4fSQ8vWFkg+TGhePfUzVmat3eC14TXYSsiiDSLI0dVLsrm9gZFABjPy/Qu6TKgl1tq1Bu1yDsuQgY3A3DOjCcg==}
+  '@types/node@22.14.0':
+    resolution: {integrity: sha512-Kmpl+z84ILoG+3T/zQFyAJsU6EPTmOCj8/2+83fSN6djd6I4o7uOuGIH6vq3PrjY5BGitSbFuMN18j3iknubbA==}
+
+  '@types/prop-types@15.7.14':
+    resolution: {integrity: sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==}
+
+  '@types/react-dom@18.3.6':
+    resolution: {integrity: sha512-nf22//wEbKXusP6E9pfOCDwFdHAX4u172eaJI4YkDRQEZiorm6KfYnSC2SWLDMVWUOWPERmJnN0ujeAfTBLvrw==}
     peerDependencies:
-      '@types/react': ^19.0.0
+      '@types/react': ^18.0.0
 
-  '@types/react@19.0.12':
-    resolution: {integrity: sha512-V6Ar115dBDrjbtXSrS+/Oruobc+qVbbUxDFC1RSbRqLt5SYvxxyIDrSC85RWml54g+jfNeEMZhEj7wW07ONQhA==}
+  '@types/react@18.3.20':
+    resolution: {integrity: sha512-IPaCZN7PShZK/3t6Q87pfTkRm6oLTd4vztyoj+cbHUF1g3FfVb2tFIL79uCRKEfv16AhqDMBywP2VW3KIZUvcg==}
 
   '@types/resolve@1.20.2':
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
 
+  '@types/statuses@2.0.5':
+    resolution: {integrity: sha512-jmIUGWrAiwu3dZpxntxieC+1n/5c3mjrImkmOSQ2NC5uP6cYO4aAZDdSmRcI5C1oiTmqlZGHC+/NmJrKogbP5A==}
+
+  '@types/tough-cookie@4.0.5':
+    resolution: {integrity: sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==}
+
   '@types/trusted-types@2.0.7':
     resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
 
@@ -1075,6 +2087,35 @@ packages:
     peerDependencies:
       vite: ^4.2.0 || ^5.0.0 || ^6.0.0
 
+  '@vitest/expect@3.1.1':
+    resolution: {integrity: sha512-q/zjrW9lgynctNbwvFtQkGK9+vvHA5UzVi2V8APrp1C6fG6/MuYYkmlx4FubuqLycCeSdHD5aadWfua/Vr0EUA==}
+
+  '@vitest/mocker@3.1.1':
+    resolution: {integrity: sha512-bmpJJm7Y7i9BBELlLuuM1J1Q6EQ6K5Ye4wcyOpOMXMcePYKSIYlpcrCm4l/O6ja4VJA5G2aMJiuZkZdnxlC3SA==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^5.0.0 || ^6.0.0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/pretty-format@3.1.1':
+    resolution: {integrity: sha512-dg0CIzNx+hMMYfNmSqJlLSXEmnNhMswcn3sXO7Tpldr0LiGmg3eXdLLhwkv2ZqgHb/d5xg5F7ezNFRA1fA13yA==}
+
+  '@vitest/runner@3.1.1':
+    resolution: {integrity: sha512-X/d46qzJuEDO8ueyjtKfxffiXraPRfmYasoC4i5+mlLEJ10UvPb0XH5M9C3gWuxd7BAQhpK42cJgJtq53YnWVA==}
+
+  '@vitest/snapshot@3.1.1':
+    resolution: {integrity: sha512-bByMwaVWe/+1WDf9exFxWWgAixelSdiwo2p33tpqIlM14vW7PRV5ppayVXtfycqze4Qhtwag5sVhX400MLBOOw==}
+
+  '@vitest/spy@3.1.1':
+    resolution: {integrity: sha512-+EmrUOOXbKzLkTDwlsc/xrwOlPDXyVk3Z6P6K4oiCndxz7YLpp/0R0UsWVOKT0IXWjjBJuSMk6D27qipaupcvQ==}
+
+  '@vitest/utils@3.1.1':
+    resolution: {integrity: sha512-1XIjflyaU2k3HMArJ50bwSh3wKWPD6Q47wz/NUSmRV0zNywPc4w79ARjg/i/aNINHwA+mIALhUVqD9/aUvZNgg==}
+
   acorn-jsx@5.3.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -1085,27 +2126,86 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  agent-base@7.1.3:
+    resolution: {integrity: sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==}
+    engines: {node: '>= 14'}
+
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
   ajv@8.17.1:
     resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
 
+  ansi-escapes@4.3.2:
+    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
+    engines: {node: '>=8'}
+
+  ansi-escapes@7.0.0:
+    resolution: {integrity: sha512-GdYO7a61mR0fOlAsvC9/rIHf7L96sBc6dEWzeOu+KAea5bZyQRPIpojrVoI4AXGJS/ycu/fBTdLrUkA4ODrvjw==}
+    engines: {node: '>=18'}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.1.0:
+    resolution: {integrity: sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==}
+    engines: {node: '>=12'}
+
   ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
 
+  ansi-styles@5.2.0:
+    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
+    engines: {node: '>=10'}
+
+  ansi-styles@6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+    engines: {node: '>=12'}
+
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
+  aria-hidden@1.2.4:
+    resolution: {integrity: sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==}
+    engines: {node: '>=10'}
+
+  aria-query@5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+
   array-buffer-byte-length@1.0.2:
     resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
     engines: {node: '>= 0.4'}
 
+  array-includes@3.1.8:
+    resolution: {integrity: sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.findlast@1.2.5:
+    resolution: {integrity: sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.flat@1.3.3:
+    resolution: {integrity: sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.flatmap@1.3.3:
+    resolution: {integrity: sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.tosorted@1.1.4:
+    resolution: {integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==}
+    engines: {node: '>= 0.4'}
+
   arraybuffer.prototype.slice@1.0.4:
     resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
     engines: {node: '>= 0.4'}
 
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
+
   async-function@1.0.0:
     resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
     engines: {node: '>= 0.4'}
@@ -1113,6 +2213,9 @@ packages:
   async@3.2.6:
     resolution: {integrity: sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==}
 
+  asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+
   at-least-node@1.0.0:
     resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
     engines: {node: '>= 4.0.0'}
@@ -1121,6 +2224,9 @@ packages:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
 
+  axios@1.8.4:
+    resolution: {integrity: sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==}
+
   b4a@1.6.7:
     resolution: {integrity: sha512-OnAYlL5b7LEkALw87fUVafQw5rVR9RjwGd4KUwNQ6DrrNmaVaUCgLipfVlzrPQ4tWOR9P0IXGNOx50jYCCdSJg==}
 
@@ -1219,16 +2325,59 @@ packages:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
+  camelcase@6.3.0:
+    resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
+    engines: {node: '>=10'}
+
   caniuse-lite@1.0.30001707:
     resolution: {integrity: sha512-3qtRjw/HQSMlDWf+X79N206fepf4SOOU6SQLMaq/0KkZLmSjPxAkBOQQ+FxbHKfHmYLZFfdWsO3KA90ceHPSnw==}
 
+  chai@5.2.0:
+    resolution: {integrity: sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==}
+    engines: {node: '>=12'}
+
+  chalk@3.0.0:
+    resolution: {integrity: sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==}
+    engines: {node: '>=8'}
+
   chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
+  chalk@5.4.1:
+    resolution: {integrity: sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
+  check-error@2.1.1:
+    resolution: {integrity: sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==}
+    engines: {node: '>= 16'}
+
   chownr@1.1.4:
     resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
 
+  class-variance-authority@0.7.1:
+    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
+
+  cli-cursor@5.0.0:
+    resolution: {integrity: sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==}
+    engines: {node: '>=18'}
+
+  cli-truncate@4.0.0:
+    resolution: {integrity: sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==}
+    engines: {node: '>=18'}
+
+  cli-width@4.1.0:
+    resolution: {integrity: sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==}
+    engines: {node: '>= 12'}
+
+  cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
+
   color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
@@ -1246,6 +2395,14 @@ packages:
   colorette@2.0.20:
     resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
 
+  combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+
+  commander@13.1.0:
+    resolution: {integrity: sha512-/rFeCpNJQbhSZjGVwO9RFV3xPqbnERS8MmIQzCtD/zl6gpJuV/bMLuN92oG3F7d8oDEHHRrujSXNUr8fpjntKw==}
+    engines: {node: '>=18'}
+
   commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
@@ -1263,9 +2420,26 @@ packages:
   convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
+  cookie@0.7.2:
+    resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
+    engines: {node: '>= 0.6'}
+
+  cookie@1.0.2:
+    resolution: {integrity: sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==}
+    engines: {node: '>=18'}
+
   core-js-compat@3.41.0:
     resolution: {integrity: sha512-RFsU9LySVue9RTwdDVX/T0e2Y6jRYWXERKElIjpuEOEnxaXffI0X7RUwVzfYLfzuLXSNJDYoRYUAmRUcyln20A==}
 
+  cosmiconfig@8.3.6:
+    resolution: {integrity: sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      typescript: '>=4.9.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   cross-spawn@7.0.6:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
@@ -1274,9 +2448,20 @@ packages:
     resolution: {integrity: sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==}
     engines: {node: '>=8'}
 
+  css.escape@1.5.1:
+    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
+
+  cssstyle@4.3.0:
+    resolution: {integrity: sha512-6r0NiY0xizYqfBvWp1G7WXJ06/bZyrk7Dc6PHql82C/pKGUTKu4yAX4Y8JPamb1ob9nBKuxWzCGTRuGwU3yxJQ==}
+    engines: {node: '>=18'}
+
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
+  data-urls@5.0.0:
+    resolution: {integrity: sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==}
+    engines: {node: '>=18'}
+
   data-view-buffer@1.0.2:
     resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
     engines: {node: '>= 0.4'}
@@ -1289,6 +2474,9 @@ packages:
     resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
     engines: {node: '>= 0.4'}
 
+  date-fns@4.1.0:
+    resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
+
   debug@4.4.0:
     resolution: {integrity: sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==}
     engines: {node: '>=6.0'}
@@ -1298,6 +2486,9 @@ packages:
       supports-color:
         optional: true
 
+  decimal.js@10.5.0:
+    resolution: {integrity: sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==}
+
   decode-bmp@0.2.1:
     resolution: {integrity: sha512-NiOaGe+GN0KJqi2STf24hfMkFitDUaIoUU3eKvP/wAbLe8o6FuW5n/x7MHPR0HKvBokp6MQY/j7w8lewEeVCIA==}
     engines: {node: '>=8.6.0'}
@@ -1310,6 +2501,10 @@ packages:
     resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
     engines: {node: '>=10'}
 
+  deep-eql@5.0.2:
+    resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
+    engines: {node: '>=6'}
+
   deep-extend@0.6.0:
     resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
     engines: {node: '>=4.0.0'}
@@ -1332,10 +2527,34 @@ packages:
   defu@6.1.4:
     resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==}
 
+  delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
   detect-libc@2.0.3:
     resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
     engines: {node: '>=8'}
 
+  detect-node-es@1.1.0:
+    resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
+
+  doctrine@2.1.0:
+    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
+    engines: {node: '>=0.10.0'}
+
+  dom-accessibility-api@0.5.16:
+    resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
+
+  dom-accessibility-api@0.6.3:
+    resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==}
+
+  dot-case@3.0.4:
+    resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
+
   dunder-proto@1.0.1:
     resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
     engines: {node: '>= 0.4'}
@@ -1348,9 +2567,43 @@ packages:
   electron-to-chromium@1.5.129:
     resolution: {integrity: sha512-JlXUemX4s0+9f8mLqib/bHH8gOHf5elKS6KeWG3sk3xozb/JTq/RLXIv8OKUWiK4Ah00Wm88EFj5PYkFr4RUPA==}
 
+  embla-carousel-react@8.6.0:
+    resolution: {integrity: sha512-0/PjqU7geVmo6F734pmPqpyHqiM99olvyecY7zdweCw+6tKEXnrE90pBiBbMMU8s5tICemzpQ3hi5EpxzGW+JA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.1 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+
+  embla-carousel-reactive-utils@8.6.0:
+    resolution: {integrity: sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A==}
+    peerDependencies:
+      embla-carousel: 8.6.0
+
+  embla-carousel@8.6.0:
+    resolution: {integrity: sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==}
+
+  emoji-regex@10.4.0:
+    resolution: {integrity: sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
   end-of-stream@1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
 
+  enhanced-resolve@5.18.1:
+    resolution: {integrity: sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==}
+    engines: {node: '>=10.13.0'}
+
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  environment@1.1.0:
+    resolution: {integrity: sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==}
+    engines: {node: '>=18'}
+
+  error-ex@1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+
   es-abstract@1.23.9:
     resolution: {integrity: sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==}
     engines: {node: '>= 0.4'}
@@ -1363,6 +2616,13 @@ packages:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
 
+  es-iterator-helpers@1.2.1:
+    resolution: {integrity: sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==}
+    engines: {node: '>= 0.4'}
+
+  es-module-lexer@1.6.0:
+    resolution: {integrity: sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==}
+
   es-object-atoms@1.1.1:
     resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
     engines: {node: '>= 0.4'}
@@ -1371,6 +2631,10 @@ packages:
     resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
     engines: {node: '>= 0.4'}
 
+  es-shim-unscopables@1.1.0:
+    resolution: {integrity: sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==}
+    engines: {node: '>= 0.4'}
+
   es-to-primitive@1.3.0:
     resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
@@ -1388,6 +2652,26 @@ packages:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
 
+  eslint-config-prettier@10.1.1:
+    resolution: {integrity: sha512-4EQQr6wXwS+ZJSzaR5ZCrYgLxqvUjdXctaEtBqHcbkW944B1NQyO4qpdHQbXBONfwxXdkAY81HH4+LUfrg+zPw==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+
+  eslint-plugin-prettier@5.2.6:
+    resolution: {integrity: sha512-mUcf7QG2Tjk7H055Jk0lGBjbgDnfrvqjhXh9t2xLMSCjZVcw9Rb1V6sVNXO0th3jgeO7zllWPTNRil3JW94TnQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      '@types/eslint': '>=8.0.0'
+      eslint: '>=8.0.0'
+      eslint-config-prettier: '>= 7.0.0 <10.0.0 || >=10.1.0'
+      prettier: '>=3.0.0'
+    peerDependenciesMeta:
+      '@types/eslint':
+        optional: true
+      eslint-config-prettier:
+        optional: true
+
   eslint-plugin-react-hooks@5.2.0:
     resolution: {integrity: sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==}
     engines: {node: '>=10'}
@@ -1397,7 +2681,13 @@ packages:
   eslint-plugin-react-refresh@0.4.19:
     resolution: {integrity: sha512-eyy8pcr/YxSYjBoqIFSrlbn9i/xvxUFa8CjzAYo9cFjgGXqq1hyjihcpZvxRLalpaWmueWR81xn7vuKmAFijDQ==}
     peerDependencies:
-      eslint: '>=8.40'
+      eslint: '>=8.40'
+
+  eslint-plugin-react@7.37.5:
+    resolution: {integrity: sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
 
   eslint-scope@8.3.0:
     resolution: {integrity: sha512-pUNxi75F8MJ/GdeKtVLSbYg4ZI34J6C0C7sbL4YOp2exGwen7ZsuBqKzUhXd0qMQ362yET3z+uPwKeg/0C2XCQ==}
@@ -1443,17 +2733,34 @@ packages:
   estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
 
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
   esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
 
+  eventemitter3@5.0.1:
+    resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
+
+  execa@8.0.1:
+    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
+    engines: {node: '>=16.17'}
+
   expand-template@2.0.3:
     resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
     engines: {node: '>=6'}
 
+  expect-type@1.2.1:
+    resolution: {integrity: sha512-/kP8CAwxzLVEeFrMm4kMmy4CCDlpipyA7MYLVrdJIkV0fYF0UaigQHRsxHiuY/GEea+bh4KSv3TIlgr+2UL6bw==}
+    engines: {node: '>=12.0.0'}
+
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
+  fast-diff@1.3.0:
+    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
+
   fast-fifo@1.3.2:
     resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==}
 
@@ -1473,6 +2780,10 @@ packages:
   fastq@1.19.1:
     resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
 
+  faye-websocket@0.11.4:
+    resolution: {integrity: sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==}
+    engines: {node: '>=0.8.0'}
+
   fdir@6.4.3:
     resolution: {integrity: sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==}
     peerDependencies:
@@ -1496,6 +2807,9 @@ packages:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
 
+  firebase@11.6.0:
+    resolution: {integrity: sha512-Xqm6j6zszIEmI5nW1MPR8yTafoRTSrW3mWG9Lk9elCJtQDQSiTEkKZiNtUm9y6XfOPl8xoF1TNpxZe8HjgA0Og==}
+
   flat-cache@4.0.1:
     resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
     engines: {node: '>=16'}
@@ -1503,10 +2817,23 @@ packages:
   flatted@3.3.3:
     resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
 
+  follow-redirects@1.15.9:
+    resolution: {integrity: sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+
   for-each@0.3.5:
     resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
     engines: {node: '>= 0.4'}
 
+  form-data@4.0.2:
+    resolution: {integrity: sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==}
+    engines: {node: '>= 6'}
+
   fs-constants@1.0.0:
     resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
 
@@ -1536,10 +2863,22 @@ packages:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
 
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
+  get-east-asian-width@1.3.0:
+    resolution: {integrity: sha512-vpeMIQKxczTD/0s2CdEWHcb0eeJe6TFjxb+J5xgX7hScxqrGuyjmv4c1D4A/gelKfyox0gJJwIHF+fLjeaM8kQ==}
+    engines: {node: '>=18'}
+
   get-intrinsic@1.3.0:
     resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
     engines: {node: '>= 0.4'}
 
+  get-nonce@1.0.1:
+    resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
+    engines: {node: '>=6'}
+
   get-own-enumerable-property-symbols@3.0.2:
     resolution: {integrity: sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==}
 
@@ -1547,6 +2886,10 @@ packages:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
 
+  get-stream@8.0.1:
+    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
+    engines: {node: '>=16'}
+
   get-symbol-description@1.1.0:
     resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
     engines: {node: '>= 0.4'}
@@ -1592,6 +2935,14 @@ packages:
   graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
 
+  graphql@16.10.0:
+    resolution: {integrity: sha512-AjqGKbDGUFRKIRCP9tCKiIGHyriz2oHEbPIbEtcSLSs4YjReZOIPQQWek4+6hjw62H9QShXHyaGivGiYVLeYFQ==}
+    engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0}
+
+  happy-dom@17.4.4:
+    resolution: {integrity: sha512-/Pb0ctk3HTZ5xEL3BZ0hK1AqDSAUuRQitOmROPHhfUYEWpmTImwfD8vFDGADmMAX0JYgbcgxWoLFKtsWhcpuVA==}
+    engines: {node: '>=18.0.0'}
+
   has-bigints@1.1.0:
     resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
     engines: {node: '>= 0.4'}
@@ -1619,9 +2970,40 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
+  headers-polyfill@4.0.3:
+    resolution: {integrity: sha512-IScLbePpkvO846sIwOtOTDjutRMWdXdJmXdMvk6gCBHxFO8d+QKOQedyZSxFTTFYRSmlgSTDtXqqq4pcenBXLQ==}
+
+  html-encoding-sniffer@4.0.0:
+    resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==}
+    engines: {node: '>=18'}
+
+  http-parser-js@0.5.10:
+    resolution: {integrity: sha512-Pysuw9XpUq5dVc/2SMHpuTY01RFl8fttgcyunjL7eEMhGM3cI4eOmiCycJDVCo/7O7ClfQD3SaI6ftDzqOXYMA==}
+
+  http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
+
+  https-proxy-agent@7.0.6:
+    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
+    engines: {node: '>= 14'}
+
+  human-signals@5.0.0:
+    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
+    engines: {node: '>=16.17.0'}
+
+  husky@9.1.7:
+    resolution: {integrity: sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   ico-endec@0.1.6:
     resolution: {integrity: sha512-ZdLU38ZoED3g1j3iEyzcQj+wAkY2xfWNkymszfJPoxucIUhK7NayQ+/C4Kv0nDFMIsbtbEHldv3V8PU494/ueQ==}
 
+  iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+
   idb@7.1.1:
     resolution: {integrity: sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==}
 
@@ -1640,6 +3022,10 @@ packages:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
 
+  indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+
   inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
     deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
@@ -1658,6 +3044,9 @@ packages:
     resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
     engines: {node: '>= 0.4'}
 
+  is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+
   is-arrayish@0.3.2:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
 
@@ -1697,6 +3086,18 @@ packages:
     resolution: {integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==}
     engines: {node: '>= 0.4'}
 
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
+  is-fullwidth-code-point@4.0.0:
+    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
+    engines: {node: '>=12'}
+
+  is-fullwidth-code-point@5.0.0:
+    resolution: {integrity: sha512-OVa3u9kkBbw7b8Xw5F9P+D/T9X+Z4+JruYVNapTjPYZYUznQ5YfWeFkOj606XYYW8yugTfC8Pj0hYqvi4ryAhA==}
+    engines: {node: '>=18'}
+
   is-generator-function@1.1.0:
     resolution: {integrity: sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==}
     engines: {node: '>= 0.4'}
@@ -1712,6 +3113,9 @@ packages:
   is-module@1.0.0:
     resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
 
+  is-node-process@1.2.0:
+    resolution: {integrity: sha512-Vg4o6/fqPxIjtxgUH5QLJhwZ7gW5diGCVlXpuUfELC62CuxM1iHcRe51f2W1FDy04Ai4KJkagKjx3XaqyfRKXw==}
+
   is-number-object@1.1.1:
     resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
     engines: {node: '>= 0.4'}
@@ -1724,6 +3128,9 @@ packages:
     resolution: {integrity: sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==}
     engines: {node: '>=0.10.0'}
 
+  is-potential-custom-element-name@1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+
   is-regex@1.2.1:
     resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
     engines: {node: '>= 0.4'}
@@ -1744,6 +3151,10 @@ packages:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
     engines: {node: '>=8'}
 
+  is-stream@3.0.0:
+    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
   is-string@1.1.1:
     resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
     engines: {node: '>= 0.4'}
@@ -1774,6 +3185,10 @@ packages:
   isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
+  iterator.prototype@1.1.5:
+    resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
+    engines: {node: '>= 0.4'}
+
   jake@10.9.2:
     resolution: {integrity: sha512-2P4SQ0HrLQ+fw6llpLnOaGAvN2Zu6778SJMrCUwns4fOoG9ayrTiZk3VV8sCPkVZF8ab0zksVpS8FDY5pRCNBA==}
     engines: {node: '>=10'}
@@ -1783,6 +3198,14 @@ packages:
     resolution: {integrity: sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==}
     hasBin: true
 
+  jiti@2.4.2:
+    resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
+    hasBin: true
+
+  js-cookie@3.0.5:
+    resolution: {integrity: sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==}
+    engines: {node: '>=14'}
+
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
@@ -1790,6 +3213,15 @@ packages:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
 
+  jsdom@26.0.0:
+    resolution: {integrity: sha512-BZYDGVAIriBWTpIxYzrXjv3E/4u8+/pSG5bQdIYCbNCGOvsPkDQfTVLAIXAf9ETdCpduCVTkDe2NNZ8NIwUVzw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      canvas: ^3.0.0
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
   jsesc@3.0.2:
     resolution: {integrity: sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==}
     engines: {node: '>=6'}
@@ -1803,6 +3235,9 @@ packages:
   json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
+  json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+
   json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
@@ -1827,6 +3262,10 @@ packages:
     resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
     engines: {node: '>=0.10.0'}
 
+  jsx-ast-utils@3.3.5:
+    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
+    engines: {node: '>=4.0'}
+
   keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
 
@@ -1838,10 +3277,93 @@ packages:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
 
+  lightningcss-darwin-arm64@1.29.2:
+    resolution: {integrity: sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.29.2:
+    resolution: {integrity: sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.29.2:
+    resolution: {integrity: sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.29.2:
+    resolution: {integrity: sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.29.2:
+    resolution: {integrity: sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.29.2:
+    resolution: {integrity: sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.29.2:
+    resolution: {integrity: sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.29.2:
+    resolution: {integrity: sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.29.2:
+    resolution: {integrity: sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.29.2:
+    resolution: {integrity: sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.29.2:
+    resolution: {integrity: sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA==}
+    engines: {node: '>= 12.0.0'}
+
+  lilconfig@3.1.3:
+    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
+    engines: {node: '>=14'}
+
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+  lint-staged@15.5.0:
+    resolution: {integrity: sha512-WyCzSbfYGhK7cU+UuDDkzUiytbfbi0ZdPy2orwtM75P3WTtQBzmG40cCxIa8Ii2+XjfxzLH6Be46tUfWS85Xfg==}
+    engines: {node: '>=18.12.0'}
+    hasBin: true
+
+  listr2@8.2.5:
+    resolution: {integrity: sha512-iyAZCeyD+c1gPyE9qpFu8af0Y+MRtmKOncdGoA2S5EY8iFq99dmmvkNnHiWo+pj0s7yH7l3KPIgee77tKpXPWQ==}
+    engines: {node: '>=18.0.0'}
+
   locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
+  lodash.camelcase@4.3.0:
+    resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
+
   lodash.debounce@4.0.8:
     resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
 
@@ -1854,16 +3376,60 @@ packages:
   lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
+  log-update@6.1.0:
+    resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
+    engines: {node: '>=18'}
+
+  long@5.3.1:
+    resolution: {integrity: sha512-ka87Jz3gcx/I7Hal94xaN2tZEOPoUOEVftkQqZx2EeQRN7LGdfLlI3FvZ+7WDplm+vK2Urx9ULrvSowtdCieng==}
+
+  loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+
+  lottie-react@2.4.1:
+    resolution: {integrity: sha512-LQrH7jlkigIIv++wIyrOYFLHSKQpEY4zehPicL9bQsrt1rnoKRYCYgpCUe5maqylNtacy58/sQDZTkwMcTRxZw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  lottie-web@5.12.2:
+    resolution: {integrity: sha512-uvhvYPC8kGPjXT3MyKMrL3JitEAmDMp30lVkuq/590Mw9ok6pWcFCwXJveo0t5uqYw1UREQHofD+jVpdjBv8wg==}
+
+  loupe@3.1.3:
+    resolution: {integrity: sha512-kkIp7XSkP78ZxJEsSxW3712C6teJVoeHHwgo9zJ380de7IYyJ2ISlxojcH2pC5OFLewESmnRi/+XCDIEEVyoug==}
+
+  lower-case@2.0.2:
+    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
+
+  lru-cache@10.4.3:
+    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
+
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
+  lucide-react@0.487.0:
+    resolution: {integrity: sha512-aKqhOQ+YmFnwq8dWgGjOuLc8V1R9/c/yOd+zDY4+ohsR2Jo05lSGc3WsstYPIzcTpeosN7LoCkLReUUITvaIvw==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  lz-string@1.5.0:
+    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
+    hasBin: true
+
   magic-string@0.25.9:
     resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
 
+  magic-string@0.30.17:
+    resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
+
   math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
 
+  merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+
   merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
@@ -1872,10 +3438,30 @@ packages:
     resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
 
+  mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+
+  mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+
+  mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
+    engines: {node: '>=12'}
+
+  mimic-function@5.0.1:
+    resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
+    engines: {node: '>=18'}
+
   mimic-response@3.1.0:
     resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
     engines: {node: '>=10'}
 
+  min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+
   minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
 
@@ -1896,6 +3482,20 @@ packages:
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
+  msw@2.7.3:
+    resolution: {integrity: sha512-+mycXv8l2fEAjFZ5sjrtjJDmm2ceKGjrNbBr1durRg6VkU9fNUE/gsmQ51hWbHqs+l35W1iM+ZsmOD9Fd6lspw==}
+    engines: {node: '>=18'}
+    hasBin: true
+    peerDependencies:
+      typescript: '>= 4.8.x'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  mute-stream@2.0.0:
+    resolution: {integrity: sha512-WWdIxpyjEn+FhQJQQv9aQAYlHoNVdzIzUySNV1gHUPDSdZJ3yZn7pAAbQcV7B56Mvu881q9FZV+0Vx2xC44VWA==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+
   nanoid@3.3.11:
     resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -1907,6 +3507,9 @@ packages:
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
+  no-case@3.0.4:
+    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
+
   node-abi@3.74.0:
     resolution: {integrity: sha512-c5XK0MjkGBrQPGYG24GBADZud0NCbznxNx0ZkS+ebUTrmV1qTDxPxSL8zEAPURXSbLRWVexxmP4986BziahL5w==}
     engines: {node: '>=10'}
@@ -1917,6 +3520,17 @@ packages:
   node-releases@2.0.19:
     resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
 
+  npm-run-path@5.3.0:
+    resolution: {integrity: sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  nwsapi@2.2.20:
+    resolution: {integrity: sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==}
+
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
   object-inspect@1.13.4:
     resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
     engines: {node: '>= 0.4'}
@@ -1929,13 +3543,36 @@ packages:
     resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
     engines: {node: '>= 0.4'}
 
+  object.entries@1.1.9:
+    resolution: {integrity: sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==}
+    engines: {node: '>= 0.4'}
+
+  object.fromentries@2.0.8:
+    resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
+    engines: {node: '>= 0.4'}
+
+  object.values@1.2.1:
+    resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
+    engines: {node: '>= 0.4'}
+
   once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
 
+  onetime@6.0.0:
+    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
+    engines: {node: '>=12'}
+
+  onetime@7.0.0:
+    resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
+    engines: {node: '>=18'}
+
   optionator@0.9.4:
     resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
     engines: {node: '>= 0.8.0'}
 
+  outvariant@1.4.3:
+    resolution: {integrity: sha512-+Sl2UErvtsoajRDKCE5/dBz4DIvHXQQnAxtQTF04OJxY0+DyZXSo5P5Bb7XYWOh81syohlYL24hbDwxedPUJCA==}
+
   own-keys@1.0.1:
     resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
     engines: {node: '>= 0.4'}
@@ -1952,6 +3589,13 @@ packages:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
 
+  parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+
+  parse5@7.2.1:
+    resolution: {integrity: sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==}
+
   path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
@@ -1964,9 +3608,27 @@ packages:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
 
+  path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+
   path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
+  path-to-regexp@6.3.0:
+    resolution: {integrity: sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==}
+
+  path-type@4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
+  pathval@2.0.0:
+    resolution: {integrity: sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==}
+    engines: {node: '>= 14.16'}
+
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -1978,6 +3640,11 @@ packages:
     resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
     engines: {node: '>=12'}
 
+  pidtree@0.6.0:
+    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+
   possible-typed-array-names@1.1.0:
     resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
     engines: {node: '>= 0.4'}
@@ -1995,6 +3662,70 @@ packages:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
+  prettier-linter-helpers@1.0.0:
+    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
+    engines: {node: '>=6.0.0'}
+
+  prettier-plugin-tailwindcss@0.6.11:
+    resolution: {integrity: sha512-YxaYSIvZPAqhrrEpRtonnrXdghZg1irNg4qrjboCXrpybLWVs55cW2N3juhspVJiO0JBvYJT8SYsJpc8OQSnsA==}
+    engines: {node: '>=14.21.3'}
+    peerDependencies:
+      '@ianvs/prettier-plugin-sort-imports': '*'
+      '@prettier/plugin-pug': '*'
+      '@shopify/prettier-plugin-liquid': '*'
+      '@trivago/prettier-plugin-sort-imports': '*'
+      '@zackad/prettier-plugin-twig': '*'
+      prettier: ^3.0
+      prettier-plugin-astro: '*'
+      prettier-plugin-css-order: '*'
+      prettier-plugin-import-sort: '*'
+      prettier-plugin-jsdoc: '*'
+      prettier-plugin-marko: '*'
+      prettier-plugin-multiline-arrays: '*'
+      prettier-plugin-organize-attributes: '*'
+      prettier-plugin-organize-imports: '*'
+      prettier-plugin-sort-imports: '*'
+      prettier-plugin-style-order: '*'
+      prettier-plugin-svelte: '*'
+    peerDependenciesMeta:
+      '@ianvs/prettier-plugin-sort-imports':
+        optional: true
+      '@prettier/plugin-pug':
+        optional: true
+      '@shopify/prettier-plugin-liquid':
+        optional: true
+      '@trivago/prettier-plugin-sort-imports':
+        optional: true
+      '@zackad/prettier-plugin-twig':
+        optional: true
+      prettier-plugin-astro:
+        optional: true
+      prettier-plugin-css-order:
+        optional: true
+      prettier-plugin-import-sort:
+        optional: true
+      prettier-plugin-jsdoc:
+        optional: true
+      prettier-plugin-marko:
+        optional: true
+      prettier-plugin-multiline-arrays:
+        optional: true
+      prettier-plugin-organize-attributes:
+        optional: true
+      prettier-plugin-organize-imports:
+        optional: true
+      prettier-plugin-sort-imports:
+        optional: true
+      prettier-plugin-style-order:
+        optional: true
+      prettier-plugin-svelte:
+        optional: true
+
+  prettier@3.5.3:
+    resolution: {integrity: sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==}
+    engines: {node: '>=14'}
+    hasBin: true
+
   pretty-bytes@5.6.0:
     resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
     engines: {node: '>=6'}
@@ -2003,6 +3734,23 @@ packages:
     resolution: {integrity: sha512-mQUvGU6aUFQ+rNvTIAcZuWGRT9a6f6Yrg9bHs4ImKF+HZCEK+plBvnAZYSIQztknZF2qnzNtr6F8s0+IuptdlQ==}
     engines: {node: ^14.13.1 || >=16.0.0}
 
+  pretty-format@27.5.1:
+    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+
+  prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+
+  protobufjs@7.4.0:
+    resolution: {integrity: sha512-mRUWCc3KUU4w1jU8sGxICXH/gNS94DvI1gxqDvBzhj1JpcsimQkYiOJfwsPUykUI5ZaspFbSgmBLER8IrQ3tqw==}
+    engines: {node: '>=12.0.0'}
+
+  proxy-from-env@1.1.0:
+    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
+
+  psl@1.15.0:
+    resolution: {integrity: sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==}
+
   pump@3.0.2:
     resolution: {integrity: sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==}
 
@@ -2010,6 +3758,9 @@ packages:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
 
+  querystringify@2.2.0:
+    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
+
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
@@ -2020,23 +3771,90 @@ packages:
     resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
     hasBin: true
 
-  react-dom@19.1.0:
-    resolution: {integrity: sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==}
+  react-datepicker@8.3.0:
+    resolution: {integrity: sha512-DhfrIJnTPJTUVRtXU7c7zooug40rD6q+Fc8UTCt19dYEotLpDQgTN98MfocY6Rc4S99oOFFEoxyanOM/TKauuw==}
+    peerDependencies:
+      react: ^16.9.0 || ^17 || ^18 || ^19 || ^19.0.0-rc
+      react-dom: ^16.9.0 || ^17 || ^18 || ^19 || ^19.0.0-rc
+
+  react-dom@18.3.1:
+    resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==}
+    peerDependencies:
+      react: ^18.3.1
+
+  react-error-boundary@6.0.0:
+    resolution: {integrity: sha512-gdlJjD7NWr0IfkPlaREN2d9uUZUlksrfOx7SX62VRerwXbMY6ftGCIZua1VG1aXFNOimhISsTq+Owp725b9SiA==}
+    peerDependencies:
+      react: '>=16.13.1'
+
+  react-is@16.13.1:
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+
+  react-is@17.0.2:
+    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
+
+  react-mobile-picker@1.1.1:
+    resolution: {integrity: sha512-Yv5ND0rtSFnzT+qvuD8wiOfAcEm/abSLNwaUnIS74Hii1x0IIOtRHB7Jis/O9ve3y7YQkaYFyk/wvlKoTv1Aog==}
     peerDependencies:
-      react: ^19.1.0
+      react: ^16 || ^17 || ^18
+      react-dom: ^16 || ^17 || ^18
 
   react-refresh@0.14.2:
     resolution: {integrity: sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==}
     engines: {node: '>=0.10.0'}
 
-  react@19.1.0:
-    resolution: {integrity: sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==}
+  react-remove-scroll-bar@2.3.8:
+    resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-remove-scroll@2.6.3:
+    resolution: {integrity: sha512-pnAi91oOk8g8ABQKGF5/M9qxmmOPxaAnopyTHYfqYEwJhyFrbbBtHuSgtKEoH0jpcxx5o3hXqH1mNd9/Oi+8iQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-router@7.5.0:
+    resolution: {integrity: sha512-estOHrRlDMKdlQa6Mj32gIks4J+AxNsYoE0DbTTxiMy2mPzZuWSDU+N85/r1IlNR7kGfznF3VCUlvc5IUO+B9g==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      react: '>=18'
+      react-dom: '>=18'
+    peerDependenciesMeta:
+      react-dom:
+        optional: true
+
+  react-style-singleton@2.2.3:
+    resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react@18.3.1:
+    resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
     engines: {node: '>=0.10.0'}
 
   readable-stream@3.6.2:
     resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
     engines: {node: '>= 6'}
 
+  redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+
   reflect.getprototypeof@1.0.10:
     resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
     engines: {node: '>= 0.4'}
@@ -2069,10 +3887,17 @@ packages:
     resolution: {integrity: sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==}
     hasBin: true
 
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
   require-from-string@2.0.2:
     resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
     engines: {node: '>=0.10.0'}
 
+  requires-port@1.0.0:
+    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
+
   resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
@@ -2082,10 +3907,21 @@ packages:
     engines: {node: '>= 0.4'}
     hasBin: true
 
+  resolve@2.0.0-next.5:
+    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
+    hasBin: true
+
+  restore-cursor@5.1.0:
+    resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==}
+    engines: {node: '>=18'}
+
   reusify@1.1.0:
     resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+
   rollup@2.79.2:
     resolution: {integrity: sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==}
     engines: {node: '>=10.0.0'}
@@ -2096,6 +3932,9 @@ packages:
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
+  rrweb-cssom@0.8.0:
+    resolution: {integrity: sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==}
+
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
@@ -2114,8 +3953,15 @@ packages:
     resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
     engines: {node: '>= 0.4'}
 
-  scheduler@0.26.0:
-    resolution: {integrity: sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==}
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  saxes@6.0.0:
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
+
+  scheduler@0.23.2:
+    resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
 
   semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
@@ -2129,6 +3975,9 @@ packages:
   serialize-javascript@6.0.2:
     resolution: {integrity: sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==}
 
+  set-cookie-parser@2.7.1:
+    resolution: {integrity: sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==}
+
   set-function-length@1.2.2:
     resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
     engines: {node: '>= 0.4'}
@@ -2172,6 +4021,13 @@ packages:
     resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
     engines: {node: '>= 0.4'}
 
+  siginfo@2.0.0:
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
   simple-concat@1.0.1:
     resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
 
@@ -2181,9 +4037,20 @@ packages:
   simple-swizzle@0.2.2:
     resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
 
+  slice-ansi@5.0.0:
+    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
+    engines: {node: '>=12'}
+
+  slice-ansi@7.1.0:
+    resolution: {integrity: sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg==}
+    engines: {node: '>=18'}
+
   smob@1.5.0:
     resolution: {integrity: sha512-g6T+p7QO8npa+/hNx9ohv1E5pVCmWrVCUzUXJyLdMmftX6ER0oiWY/w9knEonLpnOp6b6FenKnMfR8gqwWdwig==}
 
+  snake-case@3.0.4:
+    resolution: {integrity: sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==}
+
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
@@ -2203,13 +4070,41 @@ packages:
     resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
     deprecated: Please use @jridgewell/sourcemap-codec instead
 
+  stackback@0.0.2:
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+
+  statuses@2.0.1:
+    resolution: {integrity: sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==}
+    engines: {node: '>= 0.8'}
+
+  std-env@3.9.0:
+    resolution: {integrity: sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==}
+
   streamx@2.22.0:
     resolution: {integrity: sha512-sLh1evHOzBy/iWRiR6d1zRcLao4gGZr3C1kzNz4fopCOKJb6xD9ub8Mpi9Mr1R6id5o43S+d93fI48UC5uM9aw==}
 
+  strict-event-emitter@0.5.1:
+    resolution: {integrity: sha512-vMgjE/GGEPEFnhFub6pa4FmJBRBVOLpIII2hvCZ8Kzb7K0hlHo7mQv6xYrBvCL2LtAIBwFUK8wvuJgTVSQ5MFQ==}
+
+  string-argv@0.3.2:
+    resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
+    engines: {node: '>=0.6.19'}
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  string-width@7.2.0:
+    resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
+    engines: {node: '>=18'}
+
   string.prototype.matchall@4.0.12:
     resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
     engines: {node: '>= 0.4'}
 
+  string.prototype.repeat@1.0.0:
+    resolution: {integrity: sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==}
+
   string.prototype.trim@1.2.10:
     resolution: {integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==}
     engines: {node: '>= 0.4'}
@@ -2229,10 +4124,26 @@ packages:
     resolution: {integrity: sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==}
     engines: {node: '>=4'}
 
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  strip-ansi@7.1.0:
+    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
+    engines: {node: '>=12'}
+
   strip-comments@2.0.1:
     resolution: {integrity: sha512-ZprKx+bBLXv067WTCALv8SSz5l2+XhpYCsVtSqlMnkAXMWDq+/ekVbl1ghqP9rUHTzv6sm/DwCOiYutU/yp1fw==}
     engines: {node: '>=10'}
 
+  strip-final-newline@3.0.0:
+    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
+    engines: {node: '>=12'}
+
+  strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+
   strip-json-comments@2.0.1:
     resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
     engines: {node: '>=0.10.0'}
@@ -2249,6 +4160,34 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
+  svg-parser@2.0.4:
+    resolution: {integrity: sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==}
+
+  symbol-tree@3.2.4:
+    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+
+  synckit@0.11.2:
+    resolution: {integrity: sha512-1IUffI8zZ8qUMB3NUJIjk0RpLroG/8NkQDAWH1NbB2iJ0/5pn3M8rxfNzMz4GH9OnYaGYn31LEDSXJp/qIlxgA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+
+  tabbable@6.2.0:
+    resolution: {integrity: sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==}
+
+  tailwind-merge@3.1.0:
+    resolution: {integrity: sha512-aV27Oj8B7U/tAOMhJsSGdWqelfmudnGMdXIlMnk1JfsjwSjts6o8HyfN7SFH3EztzH4YH8kk6GbLTHzITJO39Q==}
+
+  tailwindcss-animate@1.0.7:
+    resolution: {integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==}
+    peerDependencies:
+      tailwindcss: '>=3.0.0 || insiders'
+
+  tailwindcss@4.1.3:
+    resolution: {integrity: sha512-2Q+rw9vy1WFXu5cIxlvsabCwhU2qUwodGq03ODhLJ0jW4ek5BUtoCsnLB0qG+m8AHgEsSJcJGDSDe06FXlP74g==}
+
+  tapable@2.2.1:
+    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
+    engines: {node: '>=6'}
+
   tar-fs@2.1.2:
     resolution: {integrity: sha512-EsaAXwxmx8UB7FRKqeozqEPop69DXcmYwTQwXvyAPF352HJsPdkVhvTaDPYqfNgruveJIJy3TA2l+2zj8LJIJA==}
 
@@ -2278,10 +4217,35 @@ packages:
   text-decoder@1.2.3:
     resolution: {integrity: sha512-3/o9z3X0X0fTupwsYvR03pJ/DjWuqqrfwBgTQzdWDiQSm9KitAyz/9WqsT2JQW7KV2m+bC2ol/zqpW37NHxLaA==}
 
+  tinybench@2.9.0:
+    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
+
+  tinyexec@0.3.2:
+    resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
+
   tinyglobby@0.2.12:
     resolution: {integrity: sha512-qkf4trmKSIiMTs/E63cxH+ojC2unam7rJ0WrauAzpT3ECNTxGRMlaXxVbfxMUC/w0LaYk6jQ4y/nGR9uBO3tww==}
     engines: {node: '>=12.0.0'}
 
+  tinypool@1.0.2:
+    resolution: {integrity: sha512-al6n+QEANGFOMf/dmUMsuS5/r9B06uwlyNjZZql/zv8J7ybHCgoihBNORZCY2mzUuAnomQa2JdhyHKzZxPCrFA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+
+  tinyrainbow@2.0.0:
+    resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
+    engines: {node: '>=14.0.0'}
+
+  tinyspy@3.0.2:
+    resolution: {integrity: sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==}
+    engines: {node: '>=14.0.0'}
+
+  tldts-core@6.1.85:
+    resolution: {integrity: sha512-DTjUVvxckL1fIoPSb3KE7ISNtkWSawZdpfxGxwiIrZoO6EbHVDXXUIlIuWympPaeS+BLGyggozX/HTMsRAdsoA==}
+
+  tldts@6.1.85:
+    resolution: {integrity: sha512-gBdZ1RjCSevRPFix/hpaUWeak2/RNUZB4/8frF1r5uYMHjFptkiT0JXIebWvgI/0ZHXvxaUDDJshiA0j6GdL3w==}
+    hasBin: true
+
   to-data-view@1.1.0:
     resolution: {integrity: sha512-1eAdufMg6mwgmlojAx3QeMnzB/BTVp7Tbndi3U7ftcT2zCZadjxkkmLmd97zmaxWi+sgGcgWrokmpEoy0Dn0vQ==}
 
@@ -2289,18 +4253,39 @@ packages:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
+  tough-cookie@4.1.4:
+    resolution: {integrity: sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==}
+    engines: {node: '>=6'}
+
+  tough-cookie@5.1.2:
+    resolution: {integrity: sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==}
+    engines: {node: '>=16'}
+
   tr46@1.0.1:
     resolution: {integrity: sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==}
 
+  tr46@5.1.0:
+    resolution: {integrity: sha512-IUWnUK7ADYR5Sl1fZlO1INDUhVhatWl7BtJWsIhwJ0UAK7ilzzIa8uIqOO/aYVWHZPJkKbEL+362wrzoeRF7bw==}
+    engines: {node: '>=18'}
+
   ts-api-utils@2.1.0:
     resolution: {integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==}
     engines: {node: '>=18.12'}
     peerDependencies:
       typescript: '>=4.8.4'
 
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
   tunnel-agent@0.6.0:
     resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
 
+  turbo-stream@2.4.0:
+    resolution: {integrity: sha512-FHncC10WpBd2eOmGwpmQsWLDoK4cqsA/UT/GqNoaKOQnT8uzhtCbg3EoUDMvqpOSAI0S26mr0rkjzbOO6S3v1g==}
+
+  tw-animate-css@1.2.5:
+    resolution: {integrity: sha512-ABzjfgVo+fDbhRREGL4KQZUqqdPgvc5zVrLyeW9/6mVqvaDepXc7EvedA+pYmMnIOsUAQMwcWzNvom26J2qYvQ==}
+
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -2309,6 +4294,14 @@ packages:
     resolution: {integrity: sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==}
     engines: {node: '>=10'}
 
+  type-fest@0.21.3:
+    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
+    engines: {node: '>=10'}
+
+  type-fest@4.39.1:
+    resolution: {integrity: sha512-uW9qzd66uyHYxwyVBYiwS4Oi0qZyUqwjU+Oevr6ZogYiXt99EOYtwvzMSLw1c3lYo2HzJsep/NB23iEVEgjG/w==}
+    engines: {node: '>=16'}
+
   typed-array-buffer@1.0.3:
     resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
@@ -2344,6 +4337,9 @@ packages:
   unconfig@0.3.13:
     resolution: {integrity: sha512-N9Ph5NC4+sqtcOjPfHrRcHekBCadCXWTBzp2VYYbySOHW0PfD9XLCeXshTXjkPYwLrBr9AtSeU0CZmkYECJhng==}
 
+  undici-types@6.21.0:
+    resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
+
   unicode-canonical-property-names-ecmascript@2.0.1:
     resolution: {integrity: sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==}
     engines: {node: '>=4'}
@@ -2364,6 +4360,10 @@ packages:
     resolution: {integrity: sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==}
     engines: {node: '>=8'}
 
+  universalify@0.2.0:
+    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
+    engines: {node: '>= 4.0.0'}
+
   universalify@2.0.1:
     resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
@@ -2381,9 +4381,43 @@ packages:
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
+  url-parse@1.5.10:
+    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==}
+
+  use-callback-ref@1.3.3:
+    resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-sidecar@1.1.3:
+    resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
+  vaul@1.1.2:
+    resolution: {integrity: sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
+
+  vite-node@3.1.1:
+    resolution: {integrity: sha512-V+IxPAE2FvXpTCHXyNem0M+gWm6J7eRyWPR6vYoG/Gl+IscNOjXzztUhimQgTxaAoUoj40Qqimaa0NLIOOAH4w==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+
   vite-plugin-pwa@0.21.2:
     resolution: {integrity: sha512-vFhH6Waw8itNu37hWUJxL50q+CBbNcMVzsKaYHQVrfxTt3ihk3PeLO22SbiP1UNWzcEPaTQv+YVxe4G0KOjAkg==}
     engines: {node: '>=16.0.0'}
@@ -2396,6 +4430,11 @@ packages:
       '@vite-pwa/assets-generator':
         optional: true
 
+  vite-plugin-svgr@4.3.0:
+    resolution: {integrity: sha512-Jy9qLB2/PyWklpYy0xk0UU3TlU0t2UMpJXZvf+hWII1lAmRHrOUKi11Uw8N3rxoNk7atZNYO3pR3vI1f7oi+6w==}
+    peerDependencies:
+      vite: '>=2.6.0'
+
   vite@6.2.4:
     resolution: {integrity: sha512-veHMSew8CcRzhL5o8ONjy8gkfmFJAd5Ac16oxBUjlwgX3Gq2Wqr+qNC3TjPIpy7TPV/KporLga5GT9HqdrCizw==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
@@ -2436,9 +4475,72 @@ packages:
       yaml:
         optional: true
 
+  vitest@3.1.1:
+    resolution: {integrity: sha512-kiZc/IYmKICeBAZr9DQ5rT7/6bD9G7uqQEki4fxazi1jdVl2mWGzedtBs5s6llz59yQhVb7FFY2MbHzHCnT79Q==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@types/debug': ^4.1.12
+      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
+      '@vitest/browser': 3.1.1
+      '@vitest/ui': 3.1.1
+      happy-dom: '*'
+      jsdom: '*'
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@types/debug':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+
+  w3c-xmlserializer@5.0.0:
+    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
+    engines: {node: '>=18'}
+
+  web-vitals@4.2.4:
+    resolution: {integrity: sha512-r4DIlprAGwJ7YM11VZp4R884m0Vmgr6EAKe3P+kO0PPj3Unqyvv59rczf6UiGcb9Z8QxZVcqKNwv/g0WNdWwsw==}
+
   webidl-conversions@4.0.2:
     resolution: {integrity: sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==}
 
+  webidl-conversions@7.0.0:
+    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
+    engines: {node: '>=12'}
+
+  websocket-driver@0.7.4:
+    resolution: {integrity: sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==}
+    engines: {node: '>=0.8.0'}
+
+  websocket-extensions@0.1.4:
+    resolution: {integrity: sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==}
+    engines: {node: '>=0.8.0'}
+
+  whatwg-encoding@3.1.1:
+    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
+    engines: {node: '>=18'}
+
+  whatwg-mimetype@3.0.0:
+    resolution: {integrity: sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==}
+    engines: {node: '>=12'}
+
+  whatwg-mimetype@4.0.0:
+    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
+    engines: {node: '>=18'}
+
+  whatwg-url@14.2.0:
+    resolution: {integrity: sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==}
+    engines: {node: '>=18'}
+
   whatwg-url@7.1.0:
     resolution: {integrity: sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==}
 
@@ -2463,6 +4565,11 @@ packages:
     engines: {node: '>= 8'}
     hasBin: true
 
+  why-is-node-running@2.3.0:
+    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
+    engines: {node: '>=8'}
+    hasBin: true
+
   word-wrap@1.2.5:
     resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
     engines: {node: '>=0.10.0'}
@@ -2516,18 +4623,90 @@ packages:
   workbox-window@7.3.0:
     resolution: {integrity: sha512-qW8PDy16OV1UBaUNGlTVcepzrlzyzNW/ZJvFQQs2j2TzGsg6IKjcpZC1RSquqQnTOafl5pCj5bGfAHlCjOOjdA==}
 
+  wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
+
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  wrap-ansi@9.0.0:
+    resolution: {integrity: sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==}
+    engines: {node: '>=18'}
+
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
+  ws@8.18.1:
+    resolution: {integrity: sha512-RKW2aJZMXeMxVpnZ6bck+RswznaxmzdULiBr6KY7XkTnW8uvt0iT9H5DkHUChXrc+uurzwa0rVI16n/Xzjdz1w==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
+  xml-name-validator@5.0.0:
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
+
+  xmlchars@2.2.0:
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+
+  y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+
   yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
+  yaml@2.7.1:
+    resolution: {integrity: sha512-10ULxpnOCQXxJvBgxsn9ptjq6uviG/htZKk9veJGhlqn3w/DxQ631zFF+nlQXLwmImeS5amR2dl2U8sg6U9jsQ==}
+    engines: {node: '>= 14'}
+    hasBin: true
+
+  yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+
+  yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+
   yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
+  yoctocolors-cjs@2.1.2:
+    resolution: {integrity: sha512-cYVsTjKl8b+FrnidjibDWskAv7UKOfcwaVZdp/it9n1s9fU3IkgDbhdIRKCW4JDsAlECJY0ytoVPT3sK6kideA==}
+    engines: {node: '>=18'}
+
+  zustand@5.0.3:
+    resolution: {integrity: sha512-14fwWQtU3pH4dE0dOpdMiWjddcH+QzKIgk1cl8epwSE7yag43k/AD/m4L6+K7DytAOr9gGBe3/EXj9g7cdostg==}
+    engines: {node: '>=12.20.0'}
+    peerDependencies:
+      '@types/react': '>=18.0.0'
+      immer: '>=9.0.6'
+      react: '>=18.0.0'
+      use-sync-external-store: '>=1.2.0'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
+      use-sync-external-store:
+        optional: true
+
 snapshots:
 
+  '@adobe/css-tools@4.4.2': {}
+
   '@ampproject/remapping@2.3.0':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.8
@@ -2542,6 +4721,15 @@ snapshots:
       jsonpointer: 5.0.1
       leven: 3.1.0
 
+  '@asamuzakjp/css-color@3.1.1':
+    dependencies:
+      '@csstools/css-calc': 2.1.2(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
+      '@csstools/css-color-parser': 3.0.8(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
+      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
+      '@csstools/css-tokenizer': 3.0.3
+      lru-cache: 10.4.3
+    optional: true
+
   '@babel/code-frame@7.26.2':
     dependencies:
       '@babel/helper-validator-identifier': 7.25.9
@@ -3191,8 +5379,46 @@ snapshots:
       '@babel/helper-string-parser': 7.25.9
       '@babel/helper-validator-identifier': 7.25.9
 
+  '@bundled-es-modules/cookie@2.0.1':
+    dependencies:
+      cookie: 0.7.2
+
+  '@bundled-es-modules/statuses@1.0.1':
+    dependencies:
+      statuses: 2.0.1
+
+  '@bundled-es-modules/tough-cookie@0.1.6':
+    dependencies:
+      '@types/tough-cookie': 4.0.5
+      tough-cookie: 4.1.4
+
   '@canvas/image-data@1.0.0': {}
 
+  '@csstools/color-helpers@5.0.2':
+    optional: true
+
+  '@csstools/css-calc@2.1.2(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
+      '@csstools/css-tokenizer': 3.0.3
+    optional: true
+
+  '@csstools/css-color-parser@3.0.8(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)':
+    dependencies:
+      '@csstools/color-helpers': 5.0.2
+      '@csstools/css-calc': 2.1.2(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
+      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
+      '@csstools/css-tokenizer': 3.0.3
+    optional: true
+
+  '@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3)':
+    dependencies:
+      '@csstools/css-tokenizer': 3.0.3
+    optional: true
+
+  '@csstools/css-tokenizer@3.0.3':
+    optional: true
+
   '@esbuild/aix-ppc64@0.25.2':
     optional: true
 
@@ -3268,9 +5494,9 @@ snapshots:
   '@esbuild/win32-x64@0.25.2':
     optional: true
 
-  '@eslint-community/eslint-utils@4.5.1(eslint@9.23.0(jiti@1.21.7))':
+  '@eslint-community/eslint-utils@4.5.1(eslint@9.23.0(jiti@2.4.2))':
     dependencies:
-      eslint: 9.23.0(jiti@1.21.7)
+      eslint: 9.23.0(jiti@2.4.2)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.1': {}
@@ -3303,14 +5529,369 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@9.23.0': {}
+  '@eslint/js@9.23.0': {}
+
+  '@eslint/object-schema@2.1.6': {}
+
+  '@eslint/plugin-kit@0.2.7':
+    dependencies:
+      '@eslint/core': 0.12.0
+      levn: 0.4.1
+
+  '@firebase/analytics-compat@0.2.18(@firebase/app-compat@0.2.53)(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/analytics': 0.10.12(@firebase/app@0.11.4)
+      '@firebase/analytics-types': 0.8.3
+      '@firebase/app-compat': 0.2.53
+      '@firebase/component': 0.6.13
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+
+  '@firebase/analytics-types@0.8.3': {}
+
+  '@firebase/analytics@0.10.12(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app': 0.11.4
+      '@firebase/component': 0.6.13
+      '@firebase/installations': 0.6.13(@firebase/app@0.11.4)
+      '@firebase/logger': 0.4.4
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+
+  '@firebase/app-check-compat@0.3.20(@firebase/app-compat@0.2.53)(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app-check': 0.8.13(@firebase/app@0.11.4)
+      '@firebase/app-check-types': 0.5.3
+      '@firebase/app-compat': 0.2.53
+      '@firebase/component': 0.6.13
+      '@firebase/logger': 0.4.4
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+
+  '@firebase/app-check-interop-types@0.3.3': {}
+
+  '@firebase/app-check-types@0.5.3': {}
+
+  '@firebase/app-check@0.8.13(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app': 0.11.4
+      '@firebase/component': 0.6.13
+      '@firebase/logger': 0.4.4
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+
+  '@firebase/app-compat@0.2.53':
+    dependencies:
+      '@firebase/app': 0.11.4
+      '@firebase/component': 0.6.13
+      '@firebase/logger': 0.4.4
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+
+  '@firebase/app-types@0.9.3': {}
+
+  '@firebase/app@0.11.4':
+    dependencies:
+      '@firebase/component': 0.6.13
+      '@firebase/logger': 0.4.4
+      '@firebase/util': 1.11.0
+      idb: 7.1.1
+      tslib: 2.8.1
+
+  '@firebase/auth-compat@0.5.20(@firebase/app-compat@0.2.53)(@firebase/app-types@0.9.3)(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app-compat': 0.2.53
+      '@firebase/auth': 1.10.0(@firebase/app@0.11.4)
+      '@firebase/auth-types': 0.13.0(@firebase/app-types@0.9.3)(@firebase/util@1.11.0)
+      '@firebase/component': 0.6.13
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+      - '@firebase/app-types'
+      - '@react-native-async-storage/async-storage'
+
+  '@firebase/auth-interop-types@0.2.4': {}
+
+  '@firebase/auth-types@0.13.0(@firebase/app-types@0.9.3)(@firebase/util@1.11.0)':
+    dependencies:
+      '@firebase/app-types': 0.9.3
+      '@firebase/util': 1.11.0
+
+  '@firebase/auth@1.10.0(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app': 0.11.4
+      '@firebase/component': 0.6.13
+      '@firebase/logger': 0.4.4
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+
+  '@firebase/component@0.6.13':
+    dependencies:
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+
+  '@firebase/data-connect@0.3.3(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app': 0.11.4
+      '@firebase/auth-interop-types': 0.2.4
+      '@firebase/component': 0.6.13
+      '@firebase/logger': 0.4.4
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+
+  '@firebase/database-compat@2.0.5':
+    dependencies:
+      '@firebase/component': 0.6.13
+      '@firebase/database': 1.0.14
+      '@firebase/database-types': 1.0.10
+      '@firebase/logger': 0.4.4
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+
+  '@firebase/database-types@1.0.10':
+    dependencies:
+      '@firebase/app-types': 0.9.3
+      '@firebase/util': 1.11.0
+
+  '@firebase/database@1.0.14':
+    dependencies:
+      '@firebase/app-check-interop-types': 0.3.3
+      '@firebase/auth-interop-types': 0.2.4
+      '@firebase/component': 0.6.13
+      '@firebase/logger': 0.4.4
+      '@firebase/util': 1.11.0
+      faye-websocket: 0.11.4
+      tslib: 2.8.1
+
+  '@firebase/firestore-compat@0.3.45(@firebase/app-compat@0.2.53)(@firebase/app-types@0.9.3)(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app-compat': 0.2.53
+      '@firebase/component': 0.6.13
+      '@firebase/firestore': 4.7.10(@firebase/app@0.11.4)
+      '@firebase/firestore-types': 3.0.3(@firebase/app-types@0.9.3)(@firebase/util@1.11.0)
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+      - '@firebase/app-types'
+
+  '@firebase/firestore-types@3.0.3(@firebase/app-types@0.9.3)(@firebase/util@1.11.0)':
+    dependencies:
+      '@firebase/app-types': 0.9.3
+      '@firebase/util': 1.11.0
+
+  '@firebase/firestore@4.7.10(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app': 0.11.4
+      '@firebase/component': 0.6.13
+      '@firebase/logger': 0.4.4
+      '@firebase/util': 1.11.0
+      '@firebase/webchannel-wrapper': 1.0.3
+      '@grpc/grpc-js': 1.9.15
+      '@grpc/proto-loader': 0.7.13
+      tslib: 2.8.1
+
+  '@firebase/functions-compat@0.3.20(@firebase/app-compat@0.2.53)(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app-compat': 0.2.53
+      '@firebase/component': 0.6.13
+      '@firebase/functions': 0.12.3(@firebase/app@0.11.4)
+      '@firebase/functions-types': 0.6.3
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+
+  '@firebase/functions-types@0.6.3': {}
+
+  '@firebase/functions@0.12.3(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app': 0.11.4
+      '@firebase/app-check-interop-types': 0.3.3
+      '@firebase/auth-interop-types': 0.2.4
+      '@firebase/component': 0.6.13
+      '@firebase/messaging-interop-types': 0.2.3
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+
+  '@firebase/installations-compat@0.2.13(@firebase/app-compat@0.2.53)(@firebase/app-types@0.9.3)(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app-compat': 0.2.53
+      '@firebase/component': 0.6.13
+      '@firebase/installations': 0.6.13(@firebase/app@0.11.4)
+      '@firebase/installations-types': 0.5.3(@firebase/app-types@0.9.3)
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+      - '@firebase/app-types'
+
+  '@firebase/installations-types@0.5.3(@firebase/app-types@0.9.3)':
+    dependencies:
+      '@firebase/app-types': 0.9.3
+
+  '@firebase/installations@0.6.13(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app': 0.11.4
+      '@firebase/component': 0.6.13
+      '@firebase/util': 1.11.0
+      idb: 7.1.1
+      tslib: 2.8.1
+
+  '@firebase/logger@0.4.4':
+    dependencies:
+      tslib: 2.8.1
+
+  '@firebase/messaging-compat@0.2.17(@firebase/app-compat@0.2.53)(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app-compat': 0.2.53
+      '@firebase/component': 0.6.13
+      '@firebase/messaging': 0.12.17(@firebase/app@0.11.4)
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+
+  '@firebase/messaging-interop-types@0.2.3': {}
+
+  '@firebase/messaging@0.12.17(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app': 0.11.4
+      '@firebase/component': 0.6.13
+      '@firebase/installations': 0.6.13(@firebase/app@0.11.4)
+      '@firebase/messaging-interop-types': 0.2.3
+      '@firebase/util': 1.11.0
+      idb: 7.1.1
+      tslib: 2.8.1
+
+  '@firebase/performance-compat@0.2.15(@firebase/app-compat@0.2.53)(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app-compat': 0.2.53
+      '@firebase/component': 0.6.13
+      '@firebase/logger': 0.4.4
+      '@firebase/performance': 0.7.2(@firebase/app@0.11.4)
+      '@firebase/performance-types': 0.2.3
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+
+  '@firebase/performance-types@0.2.3': {}
+
+  '@firebase/performance@0.7.2(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app': 0.11.4
+      '@firebase/component': 0.6.13
+      '@firebase/installations': 0.6.13(@firebase/app@0.11.4)
+      '@firebase/logger': 0.4.4
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+      web-vitals: 4.2.4
+
+  '@firebase/remote-config-compat@0.2.13(@firebase/app-compat@0.2.53)(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app-compat': 0.2.53
+      '@firebase/component': 0.6.13
+      '@firebase/logger': 0.4.4
+      '@firebase/remote-config': 0.6.0(@firebase/app@0.11.4)
+      '@firebase/remote-config-types': 0.4.0
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+
+  '@firebase/remote-config-types@0.4.0': {}
+
+  '@firebase/remote-config@0.6.0(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app': 0.11.4
+      '@firebase/component': 0.6.13
+      '@firebase/installations': 0.6.13(@firebase/app@0.11.4)
+      '@firebase/logger': 0.4.4
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+
+  '@firebase/storage-compat@0.3.17(@firebase/app-compat@0.2.53)(@firebase/app-types@0.9.3)(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app-compat': 0.2.53
+      '@firebase/component': 0.6.13
+      '@firebase/storage': 0.13.7(@firebase/app@0.11.4)
+      '@firebase/storage-types': 0.8.3(@firebase/app-types@0.9.3)(@firebase/util@1.11.0)
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+      - '@firebase/app-types'
+
+  '@firebase/storage-types@0.8.3(@firebase/app-types@0.9.3)(@firebase/util@1.11.0)':
+    dependencies:
+      '@firebase/app-types': 0.9.3
+      '@firebase/util': 1.11.0
+
+  '@firebase/storage@0.13.7(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app': 0.11.4
+      '@firebase/component': 0.6.13
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+
+  '@firebase/util@1.11.0':
+    dependencies:
+      tslib: 2.8.1
+
+  '@firebase/vertexai@1.2.1(@firebase/app-types@0.9.3)(@firebase/app@0.11.4)':
+    dependencies:
+      '@firebase/app': 0.11.4
+      '@firebase/app-check-interop-types': 0.3.3
+      '@firebase/app-types': 0.9.3
+      '@firebase/component': 0.6.13
+      '@firebase/logger': 0.4.4
+      '@firebase/util': 1.11.0
+      tslib: 2.8.1
+
+  '@firebase/webchannel-wrapper@1.0.3': {}
+
+  '@floating-ui/core@1.6.9':
+    dependencies:
+      '@floating-ui/utils': 0.2.9
+
+  '@floating-ui/dom@1.6.13':
+    dependencies:
+      '@floating-ui/core': 1.6.9
+      '@floating-ui/utils': 0.2.9
+
+  '@floating-ui/react-dom@2.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@floating-ui/dom': 1.6.13
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  '@floating-ui/react@0.27.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@floating-ui/utils': 0.2.9
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      tabbable: 6.2.0
 
-  '@eslint/object-schema@2.1.6': {}
+  '@floating-ui/utils@0.2.9': {}
 
-  '@eslint/plugin-kit@0.2.7':
+  '@grpc/grpc-js@1.9.15':
     dependencies:
-      '@eslint/core': 0.12.0
-      levn: 0.4.1
+      '@grpc/proto-loader': 0.7.13
+      '@types/node': 22.14.0
+
+  '@grpc/proto-loader@0.7.13':
+    dependencies:
+      lodash.camelcase: 4.3.0
+      long: 5.3.1
+      protobufjs: 7.4.0
+      yargs: 17.7.2
 
   '@humanfs/core@0.19.1': {}
 
@@ -3325,6 +5906,32 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.2': {}
 
+  '@inquirer/confirm@5.1.9(@types/node@22.14.0)':
+    dependencies:
+      '@inquirer/core': 10.1.10(@types/node@22.14.0)
+      '@inquirer/type': 3.0.6(@types/node@22.14.0)
+    optionalDependencies:
+      '@types/node': 22.14.0
+
+  '@inquirer/core@10.1.10(@types/node@22.14.0)':
+    dependencies:
+      '@inquirer/figures': 1.0.11
+      '@inquirer/type': 3.0.6(@types/node@22.14.0)
+      ansi-escapes: 4.3.2
+      cli-width: 4.1.0
+      mute-stream: 2.0.0
+      signal-exit: 4.1.0
+      wrap-ansi: 6.2.0
+      yoctocolors-cjs: 2.1.2
+    optionalDependencies:
+      '@types/node': 22.14.0
+
+  '@inquirer/figures@1.0.11': {}
+
+  '@inquirer/type@3.0.6(@types/node@22.14.0)':
+    optionalDependencies:
+      '@types/node': 22.14.0
+
   '@jridgewell/gen-mapping@0.3.8':
     dependencies:
       '@jridgewell/set-array': 1.2.1
@@ -3347,6 +5954,20 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.0
 
+  '@lukemorales/query-key-factory@1.3.4(@tanstack/query-core@5.74.3)(@tanstack/react-query@5.74.3(react@18.3.1))':
+    dependencies:
+      '@tanstack/query-core': 5.74.3
+      '@tanstack/react-query': 5.74.3(react@18.3.1)
+
+  '@mswjs/interceptors@0.37.6':
+    dependencies:
+      '@open-draft/deferred-promise': 2.2.0
+      '@open-draft/logger': 0.3.0
+      '@open-draft/until': 2.1.0
+      is-node-process: 1.2.0
+      outvariant: 1.4.3
+      strict-event-emitter: 0.5.1
+
   '@nodelib/fs.scandir@2.1.5':
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -3359,6 +5980,313 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.19.1
 
+  '@open-draft/deferred-promise@2.2.0': {}
+
+  '@open-draft/logger@0.3.0':
+    dependencies:
+      is-node-process: 1.2.0
+      outvariant: 1.4.3
+
+  '@open-draft/until@2.1.0': {}
+
+  '@pkgr/core@0.2.0': {}
+
+  '@protobufjs/aspromise@1.1.2': {}
+
+  '@protobufjs/base64@1.1.2': {}
+
+  '@protobufjs/codegen@2.0.4': {}
+
+  '@protobufjs/eventemitter@1.1.0': {}
+
+  '@protobufjs/fetch@1.1.0':
+    dependencies:
+      '@protobufjs/aspromise': 1.1.2
+      '@protobufjs/inquire': 1.1.0
+
+  '@protobufjs/float@1.0.2': {}
+
+  '@protobufjs/inquire@1.1.0': {}
+
+  '@protobufjs/path@1.1.2': {}
+
+  '@protobufjs/pool@1.1.0': {}
+
+  '@protobufjs/utf8@1.1.0': {}
+
+  '@radix-ui/primitive@1.1.2': {}
+
+  '@radix-ui/react-alert-dialog@1.1.13(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-dialog': 1.1.13(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.2(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.2.2(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.20
+      '@types/react-dom': 18.3.6(@types/react@18.3.20)
+
+  '@radix-ui/react-checkbox@1.2.3(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.0(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.20
+      '@types/react-dom': 18.3.6(@types/react@18.3.20)
+
+  '@radix-ui/react-compose-refs@1.1.2(@types/react@18.3.20)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
+  '@radix-ui/react-context@1.1.2(@types/react@18.3.20)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
+  '@radix-ui/react-dialog@1.1.11(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.7(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.4(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.6(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.0(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.2.0(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.20)(react@18.3.1)
+      aria-hidden: 1.2.4
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-remove-scroll: 2.6.3(@types/react@18.3.20)(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.20
+      '@types/react-dom': 18.3.6(@types/react@18.3.20)
+
+  '@radix-ui/react-dialog@1.1.13(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.9(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.6(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.8(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.2(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.2.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.20)(react@18.3.1)
+      aria-hidden: 1.2.4
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-remove-scroll: 2.6.3(@types/react@18.3.20)(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.20
+      '@types/react-dom': 18.3.6(@types/react@18.3.20)
+
+  '@radix-ui/react-dismissable-layer@1.1.7(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.0(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.20
+      '@types/react-dom': 18.3.6(@types/react@18.3.20)
+
+  '@radix-ui/react-dismissable-layer@1.1.9(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.2(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.20
+      '@types/react-dom': 18.3.6(@types/react@18.3.20)
+
+  '@radix-ui/react-focus-guards@1.1.2(@types/react@18.3.20)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
+  '@radix-ui/react-focus-scope@1.1.4(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.0(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.20
+      '@types/react-dom': 18.3.6(@types/react@18.3.20)
+
+  '@radix-ui/react-focus-scope@1.1.6(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.2(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.20
+      '@types/react-dom': 18.3.6(@types/react@18.3.20)
+
+  '@radix-ui/react-id@1.1.1(@types/react@18.3.20)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
+  '@radix-ui/react-portal@1.1.6(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.0(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.20
+      '@types/react-dom': 18.3.6(@types/react@18.3.20)
+
+  '@radix-ui/react-portal@1.1.8(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.2(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.20
+      '@types/react-dom': 18.3.6(@types/react@18.3.20)
+
+  '@radix-ui/react-presence@1.1.4(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.20
+      '@types/react-dom': 18.3.6(@types/react@18.3.20)
+
+  '@radix-ui/react-primitive@2.1.0(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-slot': 1.2.0(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.20
+      '@types/react-dom': 18.3.6(@types/react@18.3.20)
+
+  '@radix-ui/react-primitive@2.1.2(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-slot': 1.2.2(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.20
+      '@types/react-dom': 18.3.6(@types/react@18.3.20)
+
+  '@radix-ui/react-slot@1.2.0(@types/react@18.3.20)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
+  '@radix-ui/react-slot@1.2.2(@types/react@18.3.20)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
+  '@radix-ui/react-switch@1.2.2(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.0(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.20
+      '@types/react-dom': 18.3.6(@types/react@18.3.20)
+
+  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@18.3.20)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
+  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@18.3.20)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@18.3.20)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
+  '@radix-ui/react-use-effect-event@0.0.2(@types/react@18.3.20)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
+  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@18.3.20)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
+  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@18.3.20)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
+  '@radix-ui/react-use-previous@1.1.1(@types/react@18.3.20)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
+  '@radix-ui/react-use-size@1.1.1(@types/react@18.3.20)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.20)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
   '@rollup/plugin-babel@5.3.1(@babel/core@7.26.10)(@types/babel__core@7.20.5)(rollup@2.79.2)':
     dependencies:
       '@babel/core': 7.26.10
@@ -3476,6 +6404,189 @@ snapshots:
       magic-string: 0.25.9
       string.prototype.matchall: 4.0.12
 
+  '@svgr/babel-plugin-add-jsx-attribute@8.0.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+
+  '@svgr/babel-plugin-remove-jsx-attribute@8.0.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+
+  '@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+
+  '@svgr/babel-plugin-replace-jsx-attribute-value@8.0.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+
+  '@svgr/babel-plugin-svg-dynamic-title@8.0.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+
+  '@svgr/babel-plugin-svg-em-dimensions@8.0.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+
+  '@svgr/babel-plugin-transform-react-native-svg@8.1.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+
+  '@svgr/babel-plugin-transform-svg-component@8.0.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+
+  '@svgr/babel-preset@8.1.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+      '@svgr/babel-plugin-add-jsx-attribute': 8.0.0(@babel/core@7.26.10)
+      '@svgr/babel-plugin-remove-jsx-attribute': 8.0.0(@babel/core@7.26.10)
+      '@svgr/babel-plugin-remove-jsx-empty-expression': 8.0.0(@babel/core@7.26.10)
+      '@svgr/babel-plugin-replace-jsx-attribute-value': 8.0.0(@babel/core@7.26.10)
+      '@svgr/babel-plugin-svg-dynamic-title': 8.0.0(@babel/core@7.26.10)
+      '@svgr/babel-plugin-svg-em-dimensions': 8.0.0(@babel/core@7.26.10)
+      '@svgr/babel-plugin-transform-react-native-svg': 8.1.0(@babel/core@7.26.10)
+      '@svgr/babel-plugin-transform-svg-component': 8.0.0(@babel/core@7.26.10)
+
+  '@svgr/core@8.1.0(typescript@5.7.3)':
+    dependencies:
+      '@babel/core': 7.26.10
+      '@svgr/babel-preset': 8.1.0(@babel/core@7.26.10)
+      camelcase: 6.3.0
+      cosmiconfig: 8.3.6(typescript@5.7.3)
+      snake-case: 3.0.4
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  '@svgr/hast-util-to-babel-ast@8.0.0':
+    dependencies:
+      '@babel/types': 7.27.0
+      entities: 4.5.0
+
+  '@svgr/plugin-jsx@8.1.0(@svgr/core@8.1.0(typescript@5.7.3))':
+    dependencies:
+      '@babel/core': 7.26.10
+      '@svgr/babel-preset': 8.1.0(@babel/core@7.26.10)
+      '@svgr/core': 8.1.0(typescript@5.7.3)
+      '@svgr/hast-util-to-babel-ast': 8.0.0
+      svg-parser: 2.0.4
+    transitivePeerDependencies:
+      - supports-color
+
+  '@tailwindcss/node@4.1.3':
+    dependencies:
+      enhanced-resolve: 5.18.1
+      jiti: 2.4.2
+      lightningcss: 1.29.2
+      tailwindcss: 4.1.3
+
+  '@tailwindcss/oxide-android-arm64@4.1.3':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.3':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.1.3':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.3':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.3':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.3':
+    optional: true
+
+  '@tailwindcss/oxide@4.1.3':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.1.3
+      '@tailwindcss/oxide-darwin-arm64': 4.1.3
+      '@tailwindcss/oxide-darwin-x64': 4.1.3
+      '@tailwindcss/oxide-freebsd-x64': 4.1.3
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.3
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.3
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.3
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.3
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.3
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.3
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.3
+
+  '@tailwindcss/vite@4.1.3(vite@6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1))':
+    dependencies:
+      '@tailwindcss/node': 4.1.3
+      '@tailwindcss/oxide': 4.1.3
+      tailwindcss: 4.1.3
+      vite: 6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1)
+
+  '@tanstack/query-core@5.74.3': {}
+
+  '@tanstack/query-devtools@5.74.7': {}
+
+  '@tanstack/react-query-devtools@5.74.9(@tanstack/react-query@5.74.3(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@tanstack/query-devtools': 5.74.7
+      '@tanstack/react-query': 5.74.3(react@18.3.1)
+      react: 18.3.1
+
+  '@tanstack/react-query@5.74.3(react@18.3.1)':
+    dependencies:
+      '@tanstack/query-core': 5.74.3
+      react: 18.3.1
+
+  '@testing-library/dom@10.4.0':
+    dependencies:
+      '@babel/code-frame': 7.26.2
+      '@babel/runtime': 7.27.0
+      '@types/aria-query': 5.0.4
+      aria-query: 5.3.0
+      chalk: 4.1.2
+      dom-accessibility-api: 0.5.16
+      lz-string: 1.5.0
+      pretty-format: 27.5.1
+
+  '@testing-library/jest-dom@6.6.3':
+    dependencies:
+      '@adobe/css-tools': 4.4.2
+      aria-query: 5.3.0
+      chalk: 3.0.0
+      css.escape: 1.5.1
+      dom-accessibility-api: 0.6.3
+      lodash: 4.17.21
+      redent: 3.0.0
+
+  '@testing-library/react@16.3.0(@testing-library/dom@10.4.0)(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.27.0
+      '@testing-library/dom': 10.4.0
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.20
+      '@types/react-dom': 18.3.6(@types/react@18.3.20)
+
+  '@testing-library/user-event@14.6.1(@testing-library/dom@10.4.0)':
+    dependencies:
+      '@testing-library/dom': 10.4.0
+
+  '@types/aria-query@5.0.4': {}
+
   '@types/babel__core@7.20.5':
     dependencies:
       '@babel/parser': 7.27.0
@@ -3497,33 +6608,48 @@ snapshots:
     dependencies:
       '@babel/types': 7.27.0
 
+  '@types/cookie@0.6.0': {}
+
   '@types/estree@0.0.39': {}
 
   '@types/estree@1.0.7': {}
 
+  '@types/js-cookie@3.0.6': {}
+
   '@types/json-schema@7.0.15': {}
 
-  '@types/react-dom@19.0.4(@types/react@19.0.12)':
+  '@types/node@22.14.0':
+    dependencies:
+      undici-types: 6.21.0
+
+  '@types/prop-types@15.7.14': {}
+
+  '@types/react-dom@18.3.6(@types/react@18.3.20)':
     dependencies:
-      '@types/react': 19.0.12
+      '@types/react': 18.3.20
 
-  '@types/react@19.0.12':
+  '@types/react@18.3.20':
     dependencies:
+      '@types/prop-types': 15.7.14
       csstype: 3.1.3
 
   '@types/resolve@1.20.2': {}
 
+  '@types/statuses@2.0.5': {}
+
+  '@types/tough-cookie@4.0.5': {}
+
   '@types/trusted-types@2.0.7': {}
 
-  '@typescript-eslint/eslint-plugin@8.29.0(@typescript-eslint/parser@8.29.0(eslint@9.23.0(jiti@1.21.7))(typescript@5.7.3))(eslint@9.23.0(jiti@1.21.7))(typescript@5.7.3)':
+  '@typescript-eslint/eslint-plugin@8.29.0(@typescript-eslint/parser@8.29.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.7.3))(eslint@9.23.0(jiti@2.4.2))(typescript@5.7.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.29.0(eslint@9.23.0(jiti@1.21.7))(typescript@5.7.3)
+      '@typescript-eslint/parser': 8.29.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.7.3)
       '@typescript-eslint/scope-manager': 8.29.0
-      '@typescript-eslint/type-utils': 8.29.0(eslint@9.23.0(jiti@1.21.7))(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.29.0(eslint@9.23.0(jiti@1.21.7))(typescript@5.7.3)
+      '@typescript-eslint/type-utils': 8.29.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.29.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.7.3)
       '@typescript-eslint/visitor-keys': 8.29.0
-      eslint: 9.23.0(jiti@1.21.7)
+      eslint: 9.23.0(jiti@2.4.2)
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare: 1.4.0
@@ -3532,14 +6658,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.29.0(eslint@9.23.0(jiti@1.21.7))(typescript@5.7.3)':
+  '@typescript-eslint/parser@8.29.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.7.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.29.0
       '@typescript-eslint/types': 8.29.0
       '@typescript-eslint/typescript-estree': 8.29.0(typescript@5.7.3)
       '@typescript-eslint/visitor-keys': 8.29.0
       debug: 4.4.0
-      eslint: 9.23.0(jiti@1.21.7)
+      eslint: 9.23.0(jiti@2.4.2)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
@@ -3549,12 +6675,12 @@ snapshots:
       '@typescript-eslint/types': 8.29.0
       '@typescript-eslint/visitor-keys': 8.29.0
 
-  '@typescript-eslint/type-utils@8.29.0(eslint@9.23.0(jiti@1.21.7))(typescript@5.7.3)':
+  '@typescript-eslint/type-utils@8.29.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.7.3)':
     dependencies:
       '@typescript-eslint/typescript-estree': 8.29.0(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.29.0(eslint@9.23.0(jiti@1.21.7))(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.29.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.7.3)
       debug: 4.4.0
-      eslint: 9.23.0(jiti@1.21.7)
+      eslint: 9.23.0(jiti@2.4.2)
       ts-api-utils: 2.1.0(typescript@5.7.3)
       typescript: 5.7.3
     transitivePeerDependencies:
@@ -3576,13 +6702,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.29.0(eslint@9.23.0(jiti@1.21.7))(typescript@5.7.3)':
+  '@typescript-eslint/utils@8.29.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.7.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.5.1(eslint@9.23.0(jiti@1.21.7))
+      '@eslint-community/eslint-utils': 4.5.1(eslint@9.23.0(jiti@2.4.2))
       '@typescript-eslint/scope-manager': 8.29.0
       '@typescript-eslint/types': 8.29.0
       '@typescript-eslint/typescript-estree': 8.29.0(typescript@5.7.3)
-      eslint: 9.23.0(jiti@1.21.7)
+      eslint: 9.23.0(jiti@2.4.2)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
@@ -3603,23 +6729,67 @@ snapshots:
     transitivePeerDependencies:
       - bare-buffer
 
-  '@vitejs/plugin-react@4.3.4(vite@6.2.4(jiti@1.21.7)(terser@5.39.0))':
+  '@vitejs/plugin-react@4.3.4(vite@6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1))':
     dependencies:
       '@babel/core': 7.26.10
       '@babel/plugin-transform-react-jsx-self': 7.25.9(@babel/core@7.26.10)
       '@babel/plugin-transform-react-jsx-source': 7.25.9(@babel/core@7.26.10)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.2
-      vite: 6.2.4(jiti@1.21.7)(terser@5.39.0)
+      vite: 6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1)
     transitivePeerDependencies:
       - supports-color
 
+  '@vitest/expect@3.1.1':
+    dependencies:
+      '@vitest/spy': 3.1.1
+      '@vitest/utils': 3.1.1
+      chai: 5.2.0
+      tinyrainbow: 2.0.0
+
+  '@vitest/mocker@3.1.1(msw@2.7.3(@types/node@22.14.0)(typescript@5.7.3))(vite@6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1))':
+    dependencies:
+      '@vitest/spy': 3.1.1
+      estree-walker: 3.0.3
+      magic-string: 0.30.17
+    optionalDependencies:
+      msw: 2.7.3(@types/node@22.14.0)(typescript@5.7.3)
+      vite: 6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1)
+
+  '@vitest/pretty-format@3.1.1':
+    dependencies:
+      tinyrainbow: 2.0.0
+
+  '@vitest/runner@3.1.1':
+    dependencies:
+      '@vitest/utils': 3.1.1
+      pathe: 2.0.3
+
+  '@vitest/snapshot@3.1.1':
+    dependencies:
+      '@vitest/pretty-format': 3.1.1
+      magic-string: 0.30.17
+      pathe: 2.0.3
+
+  '@vitest/spy@3.1.1':
+    dependencies:
+      tinyspy: 3.0.2
+
+  '@vitest/utils@3.1.1':
+    dependencies:
+      '@vitest/pretty-format': 3.1.1
+      loupe: 3.1.3
+      tinyrainbow: 2.0.0
+
   acorn-jsx@5.3.2(acorn@8.14.1):
     dependencies:
       acorn: 8.14.1
 
   acorn@8.14.1: {}
 
+  agent-base@7.1.3:
+    optional: true
+
   ajv@6.12.6:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -3627,23 +6797,87 @@ snapshots:
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
-  ajv@8.17.1:
+  ajv@8.17.1:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-uri: 3.0.6
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+
+  ansi-escapes@4.3.2:
+    dependencies:
+      type-fest: 0.21.3
+
+  ansi-escapes@7.0.0:
+    dependencies:
+      environment: 1.1.0
+
+  ansi-regex@5.0.1: {}
+
+  ansi-regex@6.1.0: {}
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  ansi-styles@5.2.0: {}
+
+  ansi-styles@6.2.1: {}
+
+  argparse@2.0.1: {}
+
+  aria-hidden@1.2.4:
+    dependencies:
+      tslib: 2.8.1
+
+  aria-query@5.3.0:
+    dependencies:
+      dequal: 2.0.3
+
+  array-buffer-byte-length@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      is-array-buffer: 3.0.5
+
+  array-includes@3.1.8:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.23.9
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      is-string: 1.1.1
+
+  array.prototype.findlast@1.2.5:
     dependencies:
-      fast-deep-equal: 3.1.3
-      fast-uri: 3.0.6
-      json-schema-traverse: 1.0.0
-      require-from-string: 2.0.2
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.23.9
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      es-shim-unscopables: 1.1.0
 
-  ansi-styles@4.3.0:
+  array.prototype.flat@1.3.3:
     dependencies:
-      color-convert: 2.0.1
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.23.9
+      es-shim-unscopables: 1.1.0
 
-  argparse@2.0.1: {}
+  array.prototype.flatmap@1.3.3:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.23.9
+      es-shim-unscopables: 1.1.0
 
-  array-buffer-byte-length@1.0.2:
+  array.prototype.tosorted@1.1.4:
     dependencies:
-      call-bound: 1.0.4
-      is-array-buffer: 3.0.5
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.23.9
+      es-errors: 1.3.0
+      es-shim-unscopables: 1.1.0
 
   arraybuffer.prototype.slice@1.0.4:
     dependencies:
@@ -3655,16 +6889,28 @@ snapshots:
       get-intrinsic: 1.3.0
       is-array-buffer: 3.0.5
 
+  assertion-error@2.0.1: {}
+
   async-function@1.0.0: {}
 
   async@3.2.6: {}
 
+  asynckit@0.4.0: {}
+
   at-least-node@1.0.0: {}
 
   available-typed-arrays@1.0.7:
     dependencies:
       possible-typed-array-names: 1.1.0
 
+  axios@1.8.4:
+    dependencies:
+      follow-redirects: 1.15.9
+      form-data: 4.0.2
+      proxy-from-env: 1.1.0
+    transitivePeerDependencies:
+      - debug
+
   b4a@1.6.7: {}
 
   babel-plugin-polyfill-corejs2@0.4.13(@babel/core@7.26.10):
@@ -3774,15 +7020,57 @@ snapshots:
 
   callsites@3.1.0: {}
 
+  camelcase@6.3.0: {}
+
   caniuse-lite@1.0.30001707: {}
 
+  chai@5.2.0:
+    dependencies:
+      assertion-error: 2.0.1
+      check-error: 2.1.1
+      deep-eql: 5.0.2
+      loupe: 3.1.3
+      pathval: 2.0.0
+
+  chalk@3.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
   chalk@4.1.2:
     dependencies:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
+  chalk@5.4.1: {}
+
+  check-error@2.1.1: {}
+
   chownr@1.1.4: {}
 
+  class-variance-authority@0.7.1:
+    dependencies:
+      clsx: 2.1.1
+
+  cli-cursor@5.0.0:
+    dependencies:
+      restore-cursor: 5.1.0
+
+  cli-truncate@4.0.0:
+    dependencies:
+      slice-ansi: 5.0.0
+      string-width: 7.2.0
+
+  cli-width@4.1.0: {}
+
+  cliui@8.0.1:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+
+  clsx@2.1.1: {}
+
   color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
@@ -3801,6 +7089,12 @@ snapshots:
 
   colorette@2.0.20: {}
 
+  combined-stream@1.0.8:
+    dependencies:
+      delayed-stream: 1.0.0
+
+  commander@13.1.0: {}
+
   commander@2.20.3: {}
 
   common-tags@1.8.2: {}
@@ -3811,10 +7105,23 @@ snapshots:
 
   convert-source-map@2.0.0: {}
 
+  cookie@0.7.2: {}
+
+  cookie@1.0.2: {}
+
   core-js-compat@3.41.0:
     dependencies:
       browserslist: 4.24.4
 
+  cosmiconfig@8.3.6(typescript@5.7.3):
+    dependencies:
+      import-fresh: 3.3.1
+      js-yaml: 4.1.0
+      parse-json: 5.2.0
+      path-type: 4.0.0
+    optionalDependencies:
+      typescript: 5.7.3
+
   cross-spawn@7.0.6:
     dependencies:
       path-key: 3.1.1
@@ -3823,8 +7130,22 @@ snapshots:
 
   crypto-random-string@2.0.0: {}
 
+  css.escape@1.5.1: {}
+
+  cssstyle@4.3.0:
+    dependencies:
+      '@asamuzakjp/css-color': 3.1.1
+      rrweb-cssom: 0.8.0
+    optional: true
+
   csstype@3.1.3: {}
 
+  data-urls@5.0.0:
+    dependencies:
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 14.2.0
+    optional: true
+
   data-view-buffer@1.0.2:
     dependencies:
       call-bound: 1.0.4
@@ -3843,10 +7164,15 @@ snapshots:
       es-errors: 1.3.0
       is-data-view: 1.0.2
 
+  date-fns@4.1.0: {}
+
   debug@4.4.0:
     dependencies:
       ms: 2.1.3
 
+  decimal.js@10.5.0:
+    optional: true
+
   decode-bmp@0.2.1:
     dependencies:
       '@canvas/image-data': 1.0.0
@@ -3862,6 +7188,8 @@ snapshots:
     dependencies:
       mimic-response: 3.1.0
 
+  deep-eql@5.0.2: {}
+
   deep-extend@0.6.0: {}
 
   deep-is@0.1.4: {}
@@ -3882,8 +7210,27 @@ snapshots:
 
   defu@6.1.4: {}
 
+  delayed-stream@1.0.0: {}
+
+  dequal@2.0.3: {}
+
   detect-libc@2.0.3: {}
 
+  detect-node-es@1.1.0: {}
+
+  doctrine@2.1.0:
+    dependencies:
+      esutils: 2.0.3
+
+  dom-accessibility-api@0.5.16: {}
+
+  dom-accessibility-api@0.6.3: {}
+
+  dot-case@3.0.4:
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.8.1
+
   dunder-proto@1.0.1:
     dependencies:
       call-bind-apply-helpers: 1.0.2
@@ -3896,10 +7243,39 @@ snapshots:
 
   electron-to-chromium@1.5.129: {}
 
+  embla-carousel-react@8.6.0(react@18.3.1):
+    dependencies:
+      embla-carousel: 8.6.0
+      embla-carousel-reactive-utils: 8.6.0(embla-carousel@8.6.0)
+      react: 18.3.1
+
+  embla-carousel-reactive-utils@8.6.0(embla-carousel@8.6.0):
+    dependencies:
+      embla-carousel: 8.6.0
+
+  embla-carousel@8.6.0: {}
+
+  emoji-regex@10.4.0: {}
+
+  emoji-regex@8.0.0: {}
+
   end-of-stream@1.4.4:
     dependencies:
       once: 1.4.0
 
+  enhanced-resolve@5.18.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.2.1
+
+  entities@4.5.0: {}
+
+  environment@1.1.0: {}
+
+  error-ex@1.3.2:
+    dependencies:
+      is-arrayish: 0.2.1
+
   es-abstract@1.23.9:
     dependencies:
       array-buffer-byte-length: 1.0.2
@@ -3958,6 +7334,27 @@ snapshots:
 
   es-errors@1.3.0: {}
 
+  es-iterator-helpers@1.2.1:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-abstract: 1.23.9
+      es-errors: 1.3.0
+      es-set-tostringtag: 2.1.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.3.0
+      globalthis: 1.0.4
+      gopd: 1.2.0
+      has-property-descriptors: 1.0.2
+      has-proto: 1.2.0
+      has-symbols: 1.1.0
+      internal-slot: 1.1.0
+      iterator.prototype: 1.1.5
+      safe-array-concat: 1.1.3
+
+  es-module-lexer@1.6.0: {}
+
   es-object-atoms@1.1.1:
     dependencies:
       es-errors: 1.3.0
@@ -3969,6 +7366,10 @@ snapshots:
       has-tostringtag: 1.0.2
       hasown: 2.0.2
 
+  es-shim-unscopables@1.1.0:
+    dependencies:
+      hasown: 2.0.2
+
   es-to-primitive@1.3.0:
     dependencies:
       is-callable: 1.2.7
@@ -4007,13 +7408,48 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-plugin-react-hooks@5.2.0(eslint@9.23.0(jiti@1.21.7)):
+  eslint-config-prettier@10.1.1(eslint@9.23.0(jiti@2.4.2)):
+    dependencies:
+      eslint: 9.23.0(jiti@2.4.2)
+
+  eslint-plugin-prettier@5.2.6(eslint-config-prettier@10.1.1(eslint@9.23.0(jiti@2.4.2)))(eslint@9.23.0(jiti@2.4.2))(prettier@3.5.3):
+    dependencies:
+      eslint: 9.23.0(jiti@2.4.2)
+      prettier: 3.5.3
+      prettier-linter-helpers: 1.0.0
+      synckit: 0.11.2
+    optionalDependencies:
+      eslint-config-prettier: 10.1.1(eslint@9.23.0(jiti@2.4.2))
+
+  eslint-plugin-react-hooks@5.2.0(eslint@9.23.0(jiti@2.4.2)):
     dependencies:
-      eslint: 9.23.0(jiti@1.21.7)
+      eslint: 9.23.0(jiti@2.4.2)
 
-  eslint-plugin-react-refresh@0.4.19(eslint@9.23.0(jiti@1.21.7)):
+  eslint-plugin-react-refresh@0.4.19(eslint@9.23.0(jiti@2.4.2)):
     dependencies:
-      eslint: 9.23.0(jiti@1.21.7)
+      eslint: 9.23.0(jiti@2.4.2)
+
+  eslint-plugin-react@7.37.5(eslint@9.23.0(jiti@2.4.2)):
+    dependencies:
+      array-includes: 3.1.8
+      array.prototype.findlast: 1.2.5
+      array.prototype.flatmap: 1.3.3
+      array.prototype.tosorted: 1.1.4
+      doctrine: 2.1.0
+      es-iterator-helpers: 1.2.1
+      eslint: 9.23.0(jiti@2.4.2)
+      estraverse: 5.3.0
+      hasown: 2.0.2
+      jsx-ast-utils: 3.3.5
+      minimatch: 3.1.2
+      object.entries: 1.1.9
+      object.fromentries: 2.0.8
+      object.values: 1.2.1
+      prop-types: 15.8.1
+      resolve: 2.0.0-next.5
+      semver: 6.3.1
+      string.prototype.matchall: 4.0.12
+      string.prototype.repeat: 1.0.0
 
   eslint-scope@8.3.0:
     dependencies:
@@ -4024,9 +7460,9 @@ snapshots:
 
   eslint-visitor-keys@4.2.0: {}
 
-  eslint@9.23.0(jiti@1.21.7):
+  eslint@9.23.0(jiti@2.4.2):
     dependencies:
-      '@eslint-community/eslint-utils': 4.5.1(eslint@9.23.0(jiti@1.21.7))
+      '@eslint-community/eslint-utils': 4.5.1(eslint@9.23.0(jiti@2.4.2))
       '@eslint-community/regexpp': 4.12.1
       '@eslint/config-array': 0.19.2
       '@eslint/config-helpers': 0.2.0
@@ -4062,7 +7498,7 @@ snapshots:
       natural-compare: 1.4.0
       optionator: 0.9.4
     optionalDependencies:
-      jiti: 1.21.7
+      jiti: 2.4.2
     transitivePeerDependencies:
       - supports-color
 
@@ -4086,12 +7522,34 @@ snapshots:
 
   estree-walker@2.0.2: {}
 
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.7
+
   esutils@2.0.3: {}
 
+  eventemitter3@5.0.1: {}
+
+  execa@8.0.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      get-stream: 8.0.1
+      human-signals: 5.0.0
+      is-stream: 3.0.0
+      merge-stream: 2.0.0
+      npm-run-path: 5.3.0
+      onetime: 6.0.0
+      signal-exit: 4.1.0
+      strip-final-newline: 3.0.0
+
   expand-template@2.0.3: {}
 
+  expect-type@1.2.1: {}
+
   fast-deep-equal@3.1.3: {}
 
+  fast-diff@1.3.0: {}
+
   fast-fifo@1.3.2: {}
 
   fast-glob@3.3.3:
@@ -4112,6 +7570,10 @@ snapshots:
     dependencies:
       reusify: 1.1.0
 
+  faye-websocket@0.11.4:
+    dependencies:
+      websocket-driver: 0.7.4
+
   fdir@6.4.3(picomatch@4.0.2):
     optionalDependencies:
       picomatch: 4.0.2
@@ -4133,6 +7595,39 @@ snapshots:
       locate-path: 6.0.0
       path-exists: 4.0.0
 
+  firebase@11.6.0:
+    dependencies:
+      '@firebase/analytics': 0.10.12(@firebase/app@0.11.4)
+      '@firebase/analytics-compat': 0.2.18(@firebase/app-compat@0.2.53)(@firebase/app@0.11.4)
+      '@firebase/app': 0.11.4
+      '@firebase/app-check': 0.8.13(@firebase/app@0.11.4)
+      '@firebase/app-check-compat': 0.3.20(@firebase/app-compat@0.2.53)(@firebase/app@0.11.4)
+      '@firebase/app-compat': 0.2.53
+      '@firebase/app-types': 0.9.3
+      '@firebase/auth': 1.10.0(@firebase/app@0.11.4)
+      '@firebase/auth-compat': 0.5.20(@firebase/app-compat@0.2.53)(@firebase/app-types@0.9.3)(@firebase/app@0.11.4)
+      '@firebase/data-connect': 0.3.3(@firebase/app@0.11.4)
+      '@firebase/database': 1.0.14
+      '@firebase/database-compat': 2.0.5
+      '@firebase/firestore': 4.7.10(@firebase/app@0.11.4)
+      '@firebase/firestore-compat': 0.3.45(@firebase/app-compat@0.2.53)(@firebase/app-types@0.9.3)(@firebase/app@0.11.4)
+      '@firebase/functions': 0.12.3(@firebase/app@0.11.4)
+      '@firebase/functions-compat': 0.3.20(@firebase/app-compat@0.2.53)(@firebase/app@0.11.4)
+      '@firebase/installations': 0.6.13(@firebase/app@0.11.4)
+      '@firebase/installations-compat': 0.2.13(@firebase/app-compat@0.2.53)(@firebase/app-types@0.9.3)(@firebase/app@0.11.4)
+      '@firebase/messaging': 0.12.17(@firebase/app@0.11.4)
+      '@firebase/messaging-compat': 0.2.17(@firebase/app-compat@0.2.53)(@firebase/app@0.11.4)
+      '@firebase/performance': 0.7.2(@firebase/app@0.11.4)
+      '@firebase/performance-compat': 0.2.15(@firebase/app-compat@0.2.53)(@firebase/app@0.11.4)
+      '@firebase/remote-config': 0.6.0(@firebase/app@0.11.4)
+      '@firebase/remote-config-compat': 0.2.13(@firebase/app-compat@0.2.53)(@firebase/app@0.11.4)
+      '@firebase/storage': 0.13.7(@firebase/app@0.11.4)
+      '@firebase/storage-compat': 0.3.17(@firebase/app-compat@0.2.53)(@firebase/app-types@0.9.3)(@firebase/app@0.11.4)
+      '@firebase/util': 1.11.0
+      '@firebase/vertexai': 1.2.1(@firebase/app-types@0.9.3)(@firebase/app@0.11.4)
+    transitivePeerDependencies:
+      - '@react-native-async-storage/async-storage'
+
   flat-cache@4.0.1:
     dependencies:
       flatted: 3.3.3
@@ -4140,10 +7635,19 @@ snapshots:
 
   flatted@3.3.3: {}
 
+  follow-redirects@1.15.9: {}
+
   for-each@0.3.5:
     dependencies:
       is-callable: 1.2.7
 
+  form-data@4.0.2:
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      es-set-tostringtag: 2.1.0
+      mime-types: 2.1.35
+
   fs-constants@1.0.0: {}
 
   fs-extra@9.1.0:
@@ -4173,6 +7677,10 @@ snapshots:
 
   gensync@1.0.0-beta.2: {}
 
+  get-caller-file@2.0.5: {}
+
+  get-east-asian-width@1.3.0: {}
+
   get-intrinsic@1.3.0:
     dependencies:
       call-bind-apply-helpers: 1.0.2
@@ -4186,6 +7694,8 @@ snapshots:
       hasown: 2.0.2
       math-intrinsics: 1.1.0
 
+  get-nonce@1.0.1: {}
+
   get-own-enumerable-property-symbols@3.0.2: {}
 
   get-proto@1.0.1:
@@ -4193,6 +7703,8 @@ snapshots:
       dunder-proto: 1.0.1
       es-object-atoms: 1.1.1
 
+  get-stream@8.0.1: {}
+
   get-symbol-description@1.1.0:
     dependencies:
       call-bound: 1.0.4
@@ -4235,6 +7747,13 @@ snapshots:
 
   graphemer@1.4.0: {}
 
+  graphql@16.10.0: {}
+
+  happy-dom@17.4.4:
+    dependencies:
+      webidl-conversions: 7.0.0
+      whatwg-mimetype: 3.0.0
+
   has-bigints@1.1.0: {}
 
   has-flag@4.0.0: {}
@@ -4257,8 +7776,42 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
+  headers-polyfill@4.0.3: {}
+
+  html-encoding-sniffer@4.0.0:
+    dependencies:
+      whatwg-encoding: 3.1.1
+    optional: true
+
+  http-parser-js@0.5.10: {}
+
+  http-proxy-agent@7.0.2:
+    dependencies:
+      agent-base: 7.1.3
+      debug: 4.4.0
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
+  https-proxy-agent@7.0.6:
+    dependencies:
+      agent-base: 7.1.3
+      debug: 4.4.0
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
+  human-signals@5.0.0: {}
+
+  husky@9.1.7: {}
+
   ico-endec@0.1.6: {}
 
+  iconv-lite@0.6.3:
+    dependencies:
+      safer-buffer: 2.1.2
+    optional: true
+
   idb@7.1.1: {}
 
   ieee754@1.2.1: {}
@@ -4272,6 +7825,8 @@ snapshots:
 
   imurmurhash@0.1.4: {}
 
+  indent-string@4.0.0: {}
+
   inflight@1.0.6:
     dependencies:
       once: 1.4.0
@@ -4293,6 +7848,8 @@ snapshots:
       call-bound: 1.0.4
       get-intrinsic: 1.3.0
 
+  is-arrayish@0.2.1: {}
+
   is-arrayish@0.3.2: {}
 
   is-async-function@2.1.1:
@@ -4335,6 +7892,14 @@ snapshots:
     dependencies:
       call-bound: 1.0.4
 
+  is-fullwidth-code-point@3.0.0: {}
+
+  is-fullwidth-code-point@4.0.0: {}
+
+  is-fullwidth-code-point@5.0.0:
+    dependencies:
+      get-east-asian-width: 1.3.0
+
   is-generator-function@1.1.0:
     dependencies:
       call-bound: 1.0.4
@@ -4350,6 +7915,8 @@ snapshots:
 
   is-module@1.0.0: {}
 
+  is-node-process@1.2.0: {}
+
   is-number-object@1.1.1:
     dependencies:
       call-bound: 1.0.4
@@ -4359,6 +7926,9 @@ snapshots:
 
   is-obj@1.0.1: {}
 
+  is-potential-custom-element-name@1.0.1:
+    optional: true
+
   is-regex@1.2.1:
     dependencies:
       call-bound: 1.0.4
@@ -4376,6 +7946,8 @@ snapshots:
 
   is-stream@2.0.1: {}
 
+  is-stream@3.0.0: {}
+
   is-string@1.1.1:
     dependencies:
       call-bound: 1.0.4
@@ -4406,6 +7978,15 @@ snapshots:
 
   isexe@2.0.0: {}
 
+  iterator.prototype@1.1.5:
+    dependencies:
+      define-data-property: 1.1.4
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      has-symbols: 1.1.0
+      set-function-name: 2.0.2
+
   jake@10.9.2:
     dependencies:
       async: 3.2.6
@@ -4415,18 +7996,53 @@ snapshots:
 
   jiti@1.21.7: {}
 
+  jiti@2.4.2: {}
+
+  js-cookie@3.0.5: {}
+
   js-tokens@4.0.0: {}
 
   js-yaml@4.1.0:
     dependencies:
       argparse: 2.0.1
 
+  jsdom@26.0.0:
+    dependencies:
+      cssstyle: 4.3.0
+      data-urls: 5.0.0
+      decimal.js: 10.5.0
+      form-data: 4.0.2
+      html-encoding-sniffer: 4.0.0
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.6
+      is-potential-custom-element-name: 1.0.1
+      nwsapi: 2.2.20
+      parse5: 7.2.1
+      rrweb-cssom: 0.8.0
+      saxes: 6.0.0
+      symbol-tree: 3.2.4
+      tough-cookie: 5.1.2
+      w3c-xmlserializer: 5.0.0
+      webidl-conversions: 7.0.0
+      whatwg-encoding: 3.1.1
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 14.2.0
+      ws: 8.18.1
+      xml-name-validator: 5.0.0
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    optional: true
+
   jsesc@3.0.2: {}
 
   jsesc@3.1.0: {}
 
   json-buffer@3.0.1: {}
 
+  json-parse-even-better-errors@2.3.1: {}
+
   json-schema-traverse@0.4.1: {}
 
   json-schema-traverse@1.0.0: {}
@@ -4445,6 +8061,13 @@ snapshots:
 
   jsonpointer@5.0.1: {}
 
+  jsx-ast-utils@3.3.5:
+    dependencies:
+      array-includes: 3.1.8
+      array.prototype.flat: 1.3.3
+      object.assign: 4.1.7
+      object.values: 1.2.1
+
   keyv@4.5.4:
     dependencies:
       json-buffer: 3.0.1
@@ -4456,10 +8079,85 @@ snapshots:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
+  lightningcss-darwin-arm64@1.29.2:
+    optional: true
+
+  lightningcss-darwin-x64@1.29.2:
+    optional: true
+
+  lightningcss-freebsd-x64@1.29.2:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.29.2:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.29.2:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.29.2:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.29.2:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.29.2:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.29.2:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.29.2:
+    optional: true
+
+  lightningcss@1.29.2:
+    dependencies:
+      detect-libc: 2.0.3
+    optionalDependencies:
+      lightningcss-darwin-arm64: 1.29.2
+      lightningcss-darwin-x64: 1.29.2
+      lightningcss-freebsd-x64: 1.29.2
+      lightningcss-linux-arm-gnueabihf: 1.29.2
+      lightningcss-linux-arm64-gnu: 1.29.2
+      lightningcss-linux-arm64-musl: 1.29.2
+      lightningcss-linux-x64-gnu: 1.29.2
+      lightningcss-linux-x64-musl: 1.29.2
+      lightningcss-win32-arm64-msvc: 1.29.2
+      lightningcss-win32-x64-msvc: 1.29.2
+
+  lilconfig@3.1.3: {}
+
+  lines-and-columns@1.2.4: {}
+
+  lint-staged@15.5.0:
+    dependencies:
+      chalk: 5.4.1
+      commander: 13.1.0
+      debug: 4.4.0
+      execa: 8.0.1
+      lilconfig: 3.1.3
+      listr2: 8.2.5
+      micromatch: 4.0.8
+      pidtree: 0.6.0
+      string-argv: 0.3.2
+      yaml: 2.7.1
+    transitivePeerDependencies:
+      - supports-color
+
+  listr2@8.2.5:
+    dependencies:
+      cli-truncate: 4.0.0
+      colorette: 2.0.20
+      eventemitter3: 5.0.1
+      log-update: 6.1.0
+      rfdc: 1.4.1
+      wrap-ansi: 9.0.0
+
   locate-path@6.0.0:
     dependencies:
       p-locate: 5.0.0
 
+  lodash.camelcase@4.3.0: {}
+
   lodash.debounce@4.0.8: {}
 
   lodash.merge@4.6.2: {}
@@ -4468,16 +8166,59 @@ snapshots:
 
   lodash@4.17.21: {}
 
+  log-update@6.1.0:
+    dependencies:
+      ansi-escapes: 7.0.0
+      cli-cursor: 5.0.0
+      slice-ansi: 7.1.0
+      strip-ansi: 7.1.0
+      wrap-ansi: 9.0.0
+
+  long@5.3.1: {}
+
+  loose-envify@1.4.0:
+    dependencies:
+      js-tokens: 4.0.0
+
+  lottie-react@2.4.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      lottie-web: 5.12.2
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  lottie-web@5.12.2: {}
+
+  loupe@3.1.3: {}
+
+  lower-case@2.0.2:
+    dependencies:
+      tslib: 2.8.1
+
+  lru-cache@10.4.3:
+    optional: true
+
   lru-cache@5.1.1:
     dependencies:
       yallist: 3.1.1
 
+  lucide-react@0.487.0(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
+  lz-string@1.5.0: {}
+
   magic-string@0.25.9:
     dependencies:
       sourcemap-codec: 1.4.8
 
+  magic-string@0.30.17:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.0
+
   math-intrinsics@1.1.0: {}
 
+  merge-stream@2.0.0: {}
+
   merge2@1.4.1: {}
 
   micromatch@4.0.8:
@@ -4485,8 +8226,20 @@ snapshots:
       braces: 3.0.3
       picomatch: 2.3.1
 
+  mime-db@1.52.0: {}
+
+  mime-types@2.1.35:
+    dependencies:
+      mime-db: 1.52.0
+
+  mimic-fn@4.0.0: {}
+
+  mimic-function@5.0.1: {}
+
   mimic-response@3.1.0: {}
 
+  min-indent@1.0.1: {}
+
   minimatch@3.1.2:
     dependencies:
       brace-expansion: 1.1.11
@@ -4505,12 +8258,44 @@ snapshots:
 
   ms@2.1.3: {}
 
+  msw@2.7.3(@types/node@22.14.0)(typescript@5.7.3):
+    dependencies:
+      '@bundled-es-modules/cookie': 2.0.1
+      '@bundled-es-modules/statuses': 1.0.1
+      '@bundled-es-modules/tough-cookie': 0.1.6
+      '@inquirer/confirm': 5.1.9(@types/node@22.14.0)
+      '@mswjs/interceptors': 0.37.6
+      '@open-draft/deferred-promise': 2.2.0
+      '@open-draft/until': 2.1.0
+      '@types/cookie': 0.6.0
+      '@types/statuses': 2.0.5
+      graphql: 16.10.0
+      headers-polyfill: 4.0.3
+      is-node-process: 1.2.0
+      outvariant: 1.4.3
+      path-to-regexp: 6.3.0
+      picocolors: 1.1.1
+      strict-event-emitter: 0.5.1
+      type-fest: 4.39.1
+      yargs: 17.7.2
+    optionalDependencies:
+      typescript: 5.7.3
+    transitivePeerDependencies:
+      - '@types/node'
+
+  mute-stream@2.0.0: {}
+
   nanoid@3.3.11: {}
 
   napi-build-utils@2.0.0: {}
 
   natural-compare@1.4.0: {}
 
+  no-case@3.0.4:
+    dependencies:
+      lower-case: 2.0.2
+      tslib: 2.8.1
+
   node-abi@3.74.0:
     dependencies:
       semver: 7.7.1
@@ -4519,6 +8304,15 @@ snapshots:
 
   node-releases@2.0.19: {}
 
+  npm-run-path@5.3.0:
+    dependencies:
+      path-key: 4.0.0
+
+  nwsapi@2.2.20:
+    optional: true
+
+  object-assign@4.1.1: {}
+
   object-inspect@1.13.4: {}
 
   object-keys@1.1.1: {}
@@ -4532,10 +8326,39 @@ snapshots:
       has-symbols: 1.1.0
       object-keys: 1.1.1
 
+  object.entries@1.1.9:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.1
+
+  object.fromentries@2.0.8:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.23.9
+      es-object-atoms: 1.1.1
+
+  object.values@1.2.1:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.1
+
   once@1.4.0:
     dependencies:
       wrappy: 1.0.2
 
+  onetime@6.0.0:
+    dependencies:
+      mimic-fn: 4.0.0
+
+  onetime@7.0.0:
+    dependencies:
+      mimic-function: 5.0.1
+
   optionator@0.9.4:
     dependencies:
       deep-is: 0.1.4
@@ -4545,6 +8368,8 @@ snapshots:
       type-check: 0.4.0
       word-wrap: 1.2.5
 
+  outvariant@1.4.3: {}
+
   own-keys@1.0.1:
     dependencies:
       get-intrinsic: 1.3.0
@@ -4563,20 +8388,44 @@ snapshots:
     dependencies:
       callsites: 3.1.0
 
+  parse-json@5.2.0:
+    dependencies:
+      '@babel/code-frame': 7.26.2
+      error-ex: 1.3.2
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+
+  parse5@7.2.1:
+    dependencies:
+      entities: 4.5.0
+    optional: true
+
   path-exists@4.0.0: {}
 
   path-is-absolute@1.0.1: {}
 
   path-key@3.1.1: {}
 
+  path-key@4.0.0: {}
+
   path-parse@1.0.7: {}
 
+  path-to-regexp@6.3.0: {}
+
+  path-type@4.0.0: {}
+
+  pathe@2.0.3: {}
+
+  pathval@2.0.0: {}
+
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
 
   picomatch@4.0.2: {}
 
+  pidtree@0.6.0: {}
+
   possible-typed-array-names@1.1.0: {}
 
   postcss@8.5.3:
@@ -4602,10 +8451,53 @@ snapshots:
 
   prelude-ls@1.2.1: {}
 
+  prettier-linter-helpers@1.0.0:
+    dependencies:
+      fast-diff: 1.3.0
+
+  prettier-plugin-tailwindcss@0.6.11(prettier@3.5.3):
+    dependencies:
+      prettier: 3.5.3
+
+  prettier@3.5.3: {}
+
   pretty-bytes@5.6.0: {}
 
   pretty-bytes@6.1.1: {}
 
+  pretty-format@27.5.1:
+    dependencies:
+      ansi-regex: 5.0.1
+      ansi-styles: 5.2.0
+      react-is: 17.0.2
+
+  prop-types@15.8.1:
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      react-is: 16.13.1
+
+  protobufjs@7.4.0:
+    dependencies:
+      '@protobufjs/aspromise': 1.1.2
+      '@protobufjs/base64': 1.1.2
+      '@protobufjs/codegen': 2.0.4
+      '@protobufjs/eventemitter': 1.1.0
+      '@protobufjs/fetch': 1.1.0
+      '@protobufjs/float': 1.0.2
+      '@protobufjs/inquire': 1.1.0
+      '@protobufjs/path': 1.1.2
+      '@protobufjs/pool': 1.1.0
+      '@protobufjs/utf8': 1.1.0
+      '@types/node': 22.14.0
+      long: 5.3.1
+
+  proxy-from-env@1.1.0: {}
+
+  psl@1.15.0:
+    dependencies:
+      punycode: 2.3.1
+
   pump@3.0.2:
     dependencies:
       end-of-stream: 1.4.4
@@ -4613,6 +8505,8 @@ snapshots:
 
   punycode@2.3.1: {}
 
+  querystringify@2.2.0: {}
+
   queue-microtask@1.2.3: {}
 
   randombytes@2.1.0:
@@ -4626,14 +8520,76 @@ snapshots:
       minimist: 1.2.8
       strip-json-comments: 2.0.1
 
-  react-dom@19.1.0(react@19.1.0):
+  react-datepicker@8.3.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@floating-ui/react': 0.27.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      clsx: 2.1.1
+      date-fns: 4.1.0
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  react-dom@18.3.1(react@18.3.1):
+    dependencies:
+      loose-envify: 1.4.0
+      react: 18.3.1
+      scheduler: 0.23.2
+
+  react-error-boundary@6.0.0(react@18.3.1):
+    dependencies:
+      '@babel/runtime': 7.27.0
+      react: 18.3.1
+
+  react-is@16.13.1: {}
+
+  react-is@17.0.2: {}
+
+  react-mobile-picker@1.1.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
-      react: 19.1.0
-      scheduler: 0.26.0
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
 
   react-refresh@0.14.2: {}
 
-  react@19.1.0: {}
+  react-remove-scroll-bar@2.3.8(@types/react@18.3.20)(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      react-style-singleton: 2.2.3(@types/react@18.3.20)(react@18.3.1)
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
+  react-remove-scroll@2.6.3(@types/react@18.3.20)(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      react-remove-scroll-bar: 2.3.8(@types/react@18.3.20)(react@18.3.1)
+      react-style-singleton: 2.2.3(@types/react@18.3.20)(react@18.3.1)
+      tslib: 2.8.1
+      use-callback-ref: 1.3.3(@types/react@18.3.20)(react@18.3.1)
+      use-sidecar: 1.1.3(@types/react@18.3.20)(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.20
+
+  react-router@7.5.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@types/cookie': 0.6.0
+      cookie: 1.0.2
+      react: 18.3.1
+      set-cookie-parser: 2.7.1
+      turbo-stream: 2.4.0
+    optionalDependencies:
+      react-dom: 18.3.1(react@18.3.1)
+
+  react-style-singleton@2.2.3(@types/react@18.3.20)(react@18.3.1):
+    dependencies:
+      get-nonce: 1.0.1
+      react: 18.3.1
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
+  react@18.3.1:
+    dependencies:
+      loose-envify: 1.4.0
 
   readable-stream@3.6.2:
     dependencies:
@@ -4641,6 +8597,11 @@ snapshots:
       string_decoder: 1.3.0
       util-deprecate: 1.0.2
 
+  redent@3.0.0:
+    dependencies:
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
+
   reflect.getprototypeof@1.0.10:
     dependencies:
       call-bind: 1.0.8
@@ -4688,8 +8649,12 @@ snapshots:
     dependencies:
       jsesc: 3.0.2
 
+  require-directory@2.1.1: {}
+
   require-from-string@2.0.2: {}
 
+  requires-port@1.0.0: {}
+
   resolve-from@4.0.0: {}
 
   resolve@1.22.10:
@@ -4698,8 +8663,21 @@ snapshots:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
+  resolve@2.0.0-next.5:
+    dependencies:
+      is-core-module: 2.16.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+
+  restore-cursor@5.1.0:
+    dependencies:
+      onetime: 7.0.0
+      signal-exit: 4.1.0
+
   reusify@1.1.0: {}
 
+  rfdc@1.4.1: {}
+
   rollup@2.79.2:
     optionalDependencies:
       fsevents: 2.3.3
@@ -4730,6 +8708,9 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.38.0
       fsevents: 2.3.3
 
+  rrweb-cssom@0.8.0:
+    optional: true
+
   run-parallel@1.2.0:
     dependencies:
       queue-microtask: 1.2.3
@@ -4755,7 +8736,17 @@ snapshots:
       es-errors: 1.3.0
       is-regex: 1.2.1
 
-  scheduler@0.26.0: {}
+  safer-buffer@2.1.2:
+    optional: true
+
+  saxes@6.0.0:
+    dependencies:
+      xmlchars: 2.2.0
+    optional: true
+
+  scheduler@0.23.2:
+    dependencies:
+      loose-envify: 1.4.0
 
   semver@6.3.1: {}
 
@@ -4765,6 +8756,8 @@ snapshots:
     dependencies:
       randombytes: 2.1.0
 
+  set-cookie-parser@2.7.1: {}
+
   set-function-length@1.2.2:
     dependencies:
       define-data-property: 1.1.4
@@ -4842,6 +8835,10 @@ snapshots:
       side-channel-map: 1.0.1
       side-channel-weakmap: 1.0.2
 
+  siginfo@2.0.0: {}
+
+  signal-exit@4.1.0: {}
+
   simple-concat@1.0.1: {}
 
   simple-get@4.0.1:
@@ -4854,8 +8851,23 @@ snapshots:
     dependencies:
       is-arrayish: 0.3.2
 
+  slice-ansi@5.0.0:
+    dependencies:
+      ansi-styles: 6.2.1
+      is-fullwidth-code-point: 4.0.0
+
+  slice-ansi@7.1.0:
+    dependencies:
+      ansi-styles: 6.2.1
+      is-fullwidth-code-point: 5.0.0
+
   smob@1.5.0: {}
 
+  snake-case@3.0.4:
+    dependencies:
+      dot-case: 3.0.4
+      tslib: 2.8.1
+
   source-map-js@1.2.1: {}
 
   source-map-support@0.5.21:
@@ -4871,6 +8883,12 @@ snapshots:
 
   sourcemap-codec@1.4.8: {}
 
+  stackback@0.0.2: {}
+
+  statuses@2.0.1: {}
+
+  std-env@3.9.0: {}
+
   streamx@2.22.0:
     dependencies:
       fast-fifo: 1.3.2
@@ -4878,6 +8896,22 @@ snapshots:
     optionalDependencies:
       bare-events: 2.5.4
 
+  strict-event-emitter@0.5.1: {}
+
+  string-argv@0.3.2: {}
+
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  string-width@7.2.0:
+    dependencies:
+      emoji-regex: 10.4.0
+      get-east-asian-width: 1.3.0
+      strip-ansi: 7.1.0
+
   string.prototype.matchall@4.0.12:
     dependencies:
       call-bind: 1.0.8
@@ -4894,6 +8928,11 @@ snapshots:
       set-function-name: 2.0.2
       side-channel: 1.1.0
 
+  string.prototype.repeat@1.0.0:
+    dependencies:
+      define-properties: 1.2.1
+      es-abstract: 1.23.9
+
   string.prototype.trim@1.2.10:
     dependencies:
       call-bind: 1.0.8
@@ -4927,8 +8966,22 @@ snapshots:
       is-obj: 1.0.1
       is-regexp: 1.0.0
 
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
+  strip-ansi@7.1.0:
+    dependencies:
+      ansi-regex: 6.1.0
+
   strip-comments@2.0.1: {}
 
+  strip-final-newline@3.0.0: {}
+
+  strip-indent@3.0.0:
+    dependencies:
+      min-indent: 1.0.1
+
   strip-json-comments@2.0.1: {}
 
   strip-json-comments@3.1.1: {}
@@ -4939,6 +8992,28 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
+  svg-parser@2.0.4: {}
+
+  symbol-tree@3.2.4:
+    optional: true
+
+  synckit@0.11.2:
+    dependencies:
+      '@pkgr/core': 0.2.0
+      tslib: 2.8.1
+
+  tabbable@6.2.0: {}
+
+  tailwind-merge@3.1.0: {}
+
+  tailwindcss-animate@1.0.7(tailwindcss@4.1.3):
+    dependencies:
+      tailwindcss: 4.1.3
+
+  tailwindcss@4.1.3: {}
+
+  tapable@2.2.1: {}
+
   tar-fs@2.1.2:
     dependencies:
       chownr: 1.1.4
@@ -4990,35 +9065,80 @@ snapshots:
     dependencies:
       b4a: 1.6.7
 
+  tinybench@2.9.0: {}
+
+  tinyexec@0.3.2: {}
+
   tinyglobby@0.2.12:
     dependencies:
       fdir: 6.4.3(picomatch@4.0.2)
       picomatch: 4.0.2
 
+  tinypool@1.0.2: {}
+
+  tinyrainbow@2.0.0: {}
+
+  tinyspy@3.0.2: {}
+
+  tldts-core@6.1.85:
+    optional: true
+
+  tldts@6.1.85:
+    dependencies:
+      tldts-core: 6.1.85
+    optional: true
+
   to-data-view@1.1.0: {}
 
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
 
+  tough-cookie@4.1.4:
+    dependencies:
+      psl: 1.15.0
+      punycode: 2.3.1
+      universalify: 0.2.0
+      url-parse: 1.5.10
+
+  tough-cookie@5.1.2:
+    dependencies:
+      tldts: 6.1.85
+    optional: true
+
   tr46@1.0.1:
     dependencies:
       punycode: 2.3.1
 
+  tr46@5.1.0:
+    dependencies:
+      punycode: 2.3.1
+    optional: true
+
   ts-api-utils@2.1.0(typescript@5.7.3):
     dependencies:
       typescript: 5.7.3
 
+  tslib@2.8.1: {}
+
   tunnel-agent@0.6.0:
     dependencies:
       safe-buffer: 5.2.1
 
+  turbo-stream@2.4.0: {}
+
+  tw-animate-css@1.2.5: {}
+
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
 
   type-fest@0.16.0: {}
 
+  type-fest@0.21.3: {}
+
+  type-fest@4.39.1: {}
+
   typed-array-buffer@1.0.3:
     dependencies:
       call-bound: 1.0.4
@@ -5052,12 +9172,12 @@ snapshots:
       possible-typed-array-names: 1.1.0
       reflect.getprototypeof: 1.0.10
 
-  typescript-eslint@8.29.0(eslint@9.23.0(jiti@1.21.7))(typescript@5.7.3):
+  typescript-eslint@8.29.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.7.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.29.0(@typescript-eslint/parser@8.29.0(eslint@9.23.0(jiti@1.21.7))(typescript@5.7.3))(eslint@9.23.0(jiti@1.21.7))(typescript@5.7.3)
-      '@typescript-eslint/parser': 8.29.0(eslint@9.23.0(jiti@1.21.7))(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.29.0(eslint@9.23.0(jiti@1.21.7))(typescript@5.7.3)
-      eslint: 9.23.0(jiti@1.21.7)
+      '@typescript-eslint/eslint-plugin': 8.29.0(@typescript-eslint/parser@8.29.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.7.3))(eslint@9.23.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/parser': 8.29.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.29.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.7.3)
+      eslint: 9.23.0(jiti@2.4.2)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
@@ -5077,6 +9197,8 @@ snapshots:
       defu: 6.1.4
       jiti: 1.21.7
 
+  undici-types@6.21.0: {}
+
   unicode-canonical-property-names-ecmascript@2.0.1: {}
 
   unicode-match-property-ecmascript@2.0.0:
@@ -5092,6 +9214,8 @@ snapshots:
     dependencies:
       crypto-random-string: 2.0.0
 
+  universalify@0.2.0: {}
+
   universalify@2.0.1: {}
 
   upath@1.2.0: {}
@@ -5106,14 +9230,64 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
+  url-parse@1.5.10:
+    dependencies:
+      querystringify: 2.2.0
+      requires-port: 1.0.0
+
+  use-callback-ref@1.3.3(@types/react@18.3.20)(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
+  use-sidecar@1.1.3(@types/react@18.3.20)(react@18.3.1):
+    dependencies:
+      detect-node-es: 1.1.0
+      react: 18.3.1
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 18.3.20
+
   util-deprecate@1.0.2: {}
 
-  vite-plugin-pwa@0.21.2(@vite-pwa/assets-generator@0.2.6)(vite@6.2.4(jiti@1.21.7)(terser@5.39.0))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0):
+  vaul@1.1.2(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@radix-ui/react-dialog': 1.1.11(@types/react-dom@18.3.6(@types/react@18.3.20))(@types/react@18.3.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@types/react-dom'
+
+  vite-node@3.1.1(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1):
+    dependencies:
+      cac: 6.7.14
+      debug: 4.4.0
+      es-module-lexer: 1.6.0
+      pathe: 2.0.3
+      vite: 6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1)
+    transitivePeerDependencies:
+      - '@types/node'
+      - jiti
+      - less
+      - lightningcss
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - yaml
+
+  vite-plugin-pwa@0.21.2(@vite-pwa/assets-generator@0.2.6)(vite@6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0):
     dependencies:
       debug: 4.4.0
       pretty-bytes: 6.1.1
       tinyglobby: 0.2.12
-      vite: 6.2.4(jiti@1.21.7)(terser@5.39.0)
+      vite: 6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1)
       workbox-build: 7.3.0(@types/babel__core@7.20.5)
       workbox-window: 7.3.0
     optionalDependencies:
@@ -5121,18 +9295,105 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vite@6.2.4(jiti@1.21.7)(terser@5.39.0):
+  vite-plugin-svgr@4.3.0(rollup@2.79.2)(typescript@5.7.3)(vite@6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1)):
+    dependencies:
+      '@rollup/pluginutils': 5.1.4(rollup@2.79.2)
+      '@svgr/core': 8.1.0(typescript@5.7.3)
+      '@svgr/plugin-jsx': 8.1.0(@svgr/core@8.1.0(typescript@5.7.3))
+      vite: 6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1)
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+      - typescript
+
+  vite@6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1):
     dependencies:
       esbuild: 0.25.2
       postcss: 8.5.3
       rollup: 4.38.0
     optionalDependencies:
+      '@types/node': 22.14.0
       fsevents: 2.3.3
-      jiti: 1.21.7
+      jiti: 2.4.2
+      lightningcss: 1.29.2
       terser: 5.39.0
+      yaml: 2.7.1
+
+  vitest@3.1.1(@types/node@22.14.0)(happy-dom@17.4.4)(jiti@2.4.2)(jsdom@26.0.0)(lightningcss@1.29.2)(msw@2.7.3(@types/node@22.14.0)(typescript@5.7.3))(terser@5.39.0)(yaml@2.7.1):
+    dependencies:
+      '@vitest/expect': 3.1.1
+      '@vitest/mocker': 3.1.1(msw@2.7.3(@types/node@22.14.0)(typescript@5.7.3))(vite@6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1))
+      '@vitest/pretty-format': 3.1.1
+      '@vitest/runner': 3.1.1
+      '@vitest/snapshot': 3.1.1
+      '@vitest/spy': 3.1.1
+      '@vitest/utils': 3.1.1
+      chai: 5.2.0
+      debug: 4.4.0
+      expect-type: 1.2.1
+      magic-string: 0.30.17
+      pathe: 2.0.3
+      std-env: 3.9.0
+      tinybench: 2.9.0
+      tinyexec: 0.3.2
+      tinypool: 1.0.2
+      tinyrainbow: 2.0.0
+      vite: 6.2.4(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1)
+      vite-node: 3.1.1(@types/node@22.14.0)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.1)
+      why-is-node-running: 2.3.0
+    optionalDependencies:
+      '@types/node': 22.14.0
+      happy-dom: 17.4.4
+      jsdom: 26.0.0
+    transitivePeerDependencies:
+      - jiti
+      - less
+      - lightningcss
+      - msw
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - yaml
+
+  w3c-xmlserializer@5.0.0:
+    dependencies:
+      xml-name-validator: 5.0.0
+    optional: true
+
+  web-vitals@4.2.4: {}
 
   webidl-conversions@4.0.2: {}
 
+  webidl-conversions@7.0.0: {}
+
+  websocket-driver@0.7.4:
+    dependencies:
+      http-parser-js: 0.5.10
+      safe-buffer: 5.2.1
+      websocket-extensions: 0.1.4
+
+  websocket-extensions@0.1.4: {}
+
+  whatwg-encoding@3.1.1:
+    dependencies:
+      iconv-lite: 0.6.3
+    optional: true
+
+  whatwg-mimetype@3.0.0: {}
+
+  whatwg-mimetype@4.0.0:
+    optional: true
+
+  whatwg-url@14.2.0:
+    dependencies:
+      tr46: 5.1.0
+      webidl-conversions: 7.0.0
+    optional: true
+
   whatwg-url@7.1.0:
     dependencies:
       lodash.sortby: 4.7.0
@@ -5184,6 +9445,11 @@ snapshots:
     dependencies:
       isexe: 2.0.0
 
+  why-is-node-running@2.3.0:
+    dependencies:
+      siginfo: 2.0.0
+      stackback: 0.0.2
+
   word-wrap@1.2.5: {}
 
   workbox-background-sync@7.3.0:
@@ -5299,8 +9565,58 @@ snapshots:
       '@types/trusted-types': 2.0.7
       workbox-core: 7.3.0
 
+  wrap-ansi@6.2.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@9.0.0:
+    dependencies:
+      ansi-styles: 6.2.1
+      string-width: 7.2.0
+      strip-ansi: 7.1.0
+
   wrappy@1.0.2: {}
 
+  ws@8.18.1:
+    optional: true
+
+  xml-name-validator@5.0.0:
+    optional: true
+
+  xmlchars@2.2.0:
+    optional: true
+
+  y18n@5.0.8: {}
+
   yallist@3.1.1: {}
 
+  yaml@2.7.1: {}
+
+  yargs-parser@21.1.1: {}
+
+  yargs@17.7.2:
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+
   yocto-queue@0.1.0: {}
+
+  yoctocolors-cjs@2.1.2: {}
+
+  zustand@5.0.3(@types/react@18.3.20)(react@18.3.1):
+    optionalDependencies:
+      '@types/react': 18.3.20
+      react: 18.3.1
diff --git a/public/android/android-launchericon-144-144.png b/public/android/android-launchericon-144-144.png
new file mode 100644
index 0000000..45edfcf
Binary files /dev/null and b/public/android/android-launchericon-144-144.png differ
diff --git a/public/android/android-launchericon-192-192.png b/public/android/android-launchericon-192-192.png
new file mode 100644
index 0000000..2c026b3
Binary files /dev/null and b/public/android/android-launchericon-192-192.png differ
diff --git a/public/android/android-launchericon-48-48.png b/public/android/android-launchericon-48-48.png
new file mode 100644
index 0000000..3fdd7db
Binary files /dev/null and b/public/android/android-launchericon-48-48.png differ
diff --git a/public/android/android-launchericon-512-512.png b/public/android/android-launchericon-512-512.png
new file mode 100644
index 0000000..5d39549
Binary files /dev/null and b/public/android/android-launchericon-512-512.png differ
diff --git a/public/android/android-launchericon-72-72.png b/public/android/android-launchericon-72-72.png
new file mode 100644
index 0000000..600df3c
Binary files /dev/null and b/public/android/android-launchericon-72-72.png differ
diff --git a/public/android/android-launchericon-96-96.png b/public/android/android-launchericon-96-96.png
new file mode 100644
index 0000000..5db4c3e
Binary files /dev/null and b/public/android/android-launchericon-96-96.png differ
diff --git a/public/favicon.svg b/public/favicon.svg
index 733f4fb..8bf676d 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -1,130 +1,4 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="410"
-   height="404"
-   viewBox="0 0 410 404"
-   fill="none"
-   version="1.1"
-   id="svg20"
-   sodipodi:docname="favicon.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:dc="http://purl.org/dc/elements/1.1/">
-  <metadata
-     id="metadata24">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1001"
-     id="namedview22"
-     showgrid="false"
-     inkscape:zoom="0.51361386"
-     inkscape:cx="-374.79518"
-     inkscape:cy="145.0506"
-     inkscape:window-x="-9"
-     inkscape:window-y="-9"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g8"
-     inkscape:document-rotation="0"
-     inkscape:pagecheckerboard="0" />
-  <path
-     d="M399.641 59.5246L215.643 388.545C211.844 395.338 202.084 395.378 198.228 388.618L10.5817 59.5563C6.38087 52.1896 12.6802 43.2665 21.0281 44.7586L205.223 77.6824C206.398 77.8924 207.601 77.8904 208.776 77.6763L389.119 44.8058C397.439 43.2894 403.768 52.1434 399.641 59.5246Z"
-     fill="url(#paint0_linear)"
-     id="path2" />
-  <defs
-     id="defs18">
-    <linearGradient
-       id="paint0_linear"
-       x1="6.00017"
-       y1="32.9999"
-       x2="235"
-       y2="344"
-       gradientUnits="userSpaceOnUse">
-      <stop
-         stop-color="#41D1FF"
-         id="stop6" />
-      <stop
-         offset="1"
-         stop-color="#BD34FE"
-         id="stop8" />
-    </linearGradient>
-    <linearGradient
-       id="paint1_linear"
-       x1="194.651"
-       y1="8.81818"
-       x2="236.076"
-       y2="292.989"
-       gradientUnits="userSpaceOnUse">
-      <stop
-         stop-color="#FFEA83"
-         id="stop11" />
-      <stop
-         offset="0.0833333"
-         stop-color="#FFDD35"
-         id="stop13" />
-      <stop
-         offset="1"
-         stop-color="#FFA800"
-         id="stop15" />
-    </linearGradient>
-  </defs>
-  <path
-     d="M292.965 1.5744L156.801 28.2552C154.563 28.6937 152.906 30.5903 152.771 32.8664L144.395 174.33C144.198 177.662 147.258 180.248 150.51 179.498L188.42 170.749C191.967 169.931 195.172 173.055 194.443 176.622L183.18 231.775C182.422 235.487 185.907 238.661 189.532 237.56L212.947 230.446C216.577 229.344 220.065 232.527 219.297 236.242L201.398 322.875C200.278 328.294 207.486 331.249 210.492 326.603L212.5 323.5L323.454 102.072C325.312 98.3645 322.108 94.137 318.036 94.9228L279.014 102.454C275.347 103.161 272.227 99.746 273.262 96.1583L298.731 7.86689C299.767 4.27314 296.636 0.855181 292.965 1.5744Z"
-     fill="url(#paint1_linear)"
-     id="path4" />
-  <g
-     inkscape:groupmode="layer"
-     id="layer1"
-     inkscape:label="PWA">
-    <g
-       id="g8"
-       transform="matrix(0.15789659,0,0,0.15890333,54.892928,275.21638)">
-      <path
-         fill="#3d3d3d"
-         fill-opacity="1"
-         stroke-width="0.2"
-         stroke-linejoin="round"
-         d="m 1436.62,603.304 56.39,-142.599 h 162.82 L 1578.56,244.39 1675.2,5.28336e-4 1952,734.933 h -204.13 l -47.3,-131.629 z"
-         id="path2-1"
-         style="fill:#3e3e3e;fill-opacity:1" />
-      <path
-         fill="#5a0fc8"
-         fill-opacity="1"
-         stroke-width="0.2"
-         stroke-linejoin="round"
-         d="M 1262.47,734.935 1558.79,0.00156593 1362.34,0.0025425 1159.64,474.933 1015.5,0.00351906 H 864.499 L 709.731,474.933 600.585,258.517 501.812,562.819 602.096,734.935 h 193.331 l 139.857,-425.91 133.346,425.91 z"
-         id="path4-4"
-         style="fill:#2e859c;fill-opacity:1" />
-      <path
-         fill="#3d3d3d"
-         fill-opacity="1"
-         stroke-width="0.2"
-         stroke-linejoin="round"
-         d="m 186.476,482.643 h 121.003 c 36.654,0 69.293,-4.091 97.917,-12.273 l 31.293,-96.408 87.459,-269.446 C 517.484,93.9535 509.876,83.9667 501.324,74.5569 456.419,24.852 390.719,4.06265e-4 304.222,4.06265e-4 H -3.8147e-6 V 734.933 H 186.476 Z M 346.642,169.079 c 17.54,17.653 26.309,41.276 26.309,70.871 0,29.822 -7.713,53.474 -23.138,70.956 -16.91,19.425 -48.047,29.137 -93.409,29.137 H 186.476 V 142.598 h 70.442 c 42.277,0 72.185,8.827 89.724,26.481 z"
-         id="path6"
-         style="fill:#3e3e3e;fill-opacity:1" />
-    </g>
-  </g>
+<svg width="1000" height="1000" viewBox="0 0 1000 1000" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="1000" height="1000" rx="216.216" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M220.917 162.162C188.467 162.162 162.162 188.467 162.162 220.917V331.682C162.162 350.678 165.924 369.486 173.23 387.021C189.772 426.721 191.392 471.065 177.791 511.867L171.684 530.19C165.377 549.109 162.162 568.921 162.162 588.864V793.772C162.162 818.109 181.891 837.838 206.228 837.838H314.243C320.208 837.838 326.032 836.022 330.939 832.632L361.518 811.51C371.031 804.939 383.514 804.559 393.409 810.54L431.567 833.602C436.152 836.373 441.406 837.838 446.763 837.838H793.772C818.109 837.838 837.838 818.109 837.838 793.772V746.801C837.838 655.322 768.15 580.12 678.966 571.385C685.022 604.447 675.267 639.835 649.702 665.401C608.364 706.739 541.341 706.739 500.002 665.401L500 665.398L499.998 665.401C458.659 706.739 391.636 706.739 350.298 665.401C308.963 624.066 308.959 557.051 350.287 515.712C308.959 474.372 308.963 407.358 350.298 366.023C391.636 324.684 458.659 324.684 499.998 366.023L500 366.025V220.917C500 188.467 473.695 162.162 441.246 162.162H220.917ZM507.029 480.984C506.335 480.948 505.637 480.93 504.935 480.93C483.012 480.93 465.24 498.702 465.24 520.625C465.24 542.548 483.012 560.32 504.935 560.32C521.805 560.32 536.218 549.796 541.965 534.955C526.247 520.269 514.116 501.793 507.029 480.984Z" fill="#FF80CA"/>
 </svg>
diff --git a/public/fonts/Pretendard.woff2 b/public/fonts/Pretendard.woff2
new file mode 100644
index 0000000..49c54b5
Binary files /dev/null and b/public/fonts/Pretendard.woff2 differ
diff --git a/public/ios/100.png b/public/ios/100.png
new file mode 100644
index 0000000..7d80186
Binary files /dev/null and b/public/ios/100.png differ
diff --git a/public/ios/1024.png b/public/ios/1024.png
new file mode 100644
index 0000000..537ac71
Binary files /dev/null and b/public/ios/1024.png differ
diff --git a/public/ios/114.png b/public/ios/114.png
new file mode 100644
index 0000000..505c66a
Binary files /dev/null and b/public/ios/114.png differ
diff --git a/public/ios/120.png b/public/ios/120.png
new file mode 100644
index 0000000..3ee8ac2
Binary files /dev/null and b/public/ios/120.png differ
diff --git a/public/ios/128.png b/public/ios/128.png
new file mode 100644
index 0000000..c7781c2
Binary files /dev/null and b/public/ios/128.png differ
diff --git a/public/ios/144.png b/public/ios/144.png
new file mode 100644
index 0000000..45edfcf
Binary files /dev/null and b/public/ios/144.png differ
diff --git a/public/ios/152.png b/public/ios/152.png
new file mode 100644
index 0000000..a7d56c7
Binary files /dev/null and b/public/ios/152.png differ
diff --git a/public/ios/16.png b/public/ios/16.png
new file mode 100644
index 0000000..97d2054
Binary files /dev/null and b/public/ios/16.png differ
diff --git a/public/ios/167.png b/public/ios/167.png
new file mode 100644
index 0000000..9f144ae
Binary files /dev/null and b/public/ios/167.png differ
diff --git a/public/ios/180.png b/public/ios/180.png
new file mode 100644
index 0000000..e15e1c9
Binary files /dev/null and b/public/ios/180.png differ
diff --git a/public/ios/192.png b/public/ios/192.png
new file mode 100644
index 0000000..2c026b3
Binary files /dev/null and b/public/ios/192.png differ
diff --git a/public/ios/20.png b/public/ios/20.png
new file mode 100644
index 0000000..a66a6d2
Binary files /dev/null and b/public/ios/20.png differ
diff --git a/public/ios/256.png b/public/ios/256.png
new file mode 100644
index 0000000..a65a27c
Binary files /dev/null and b/public/ios/256.png differ
diff --git a/public/ios/29.png b/public/ios/29.png
new file mode 100644
index 0000000..76d601a
Binary files /dev/null and b/public/ios/29.png differ
diff --git a/public/ios/32.png b/public/ios/32.png
new file mode 100644
index 0000000..8a4eef4
Binary files /dev/null and b/public/ios/32.png differ
diff --git a/public/ios/40.png b/public/ios/40.png
new file mode 100644
index 0000000..de0b72b
Binary files /dev/null and b/public/ios/40.png differ
diff --git a/public/ios/50.png b/public/ios/50.png
new file mode 100644
index 0000000..6ee0453
Binary files /dev/null and b/public/ios/50.png differ
diff --git a/public/ios/512.png b/public/ios/512.png
new file mode 100644
index 0000000..5d39549
Binary files /dev/null and b/public/ios/512.png differ
diff --git a/public/ios/57.png b/public/ios/57.png
new file mode 100644
index 0000000..2021762
Binary files /dev/null and b/public/ios/57.png differ
diff --git a/public/ios/58.png b/public/ios/58.png
new file mode 100644
index 0000000..27a7a00
Binary files /dev/null and b/public/ios/58.png differ
diff --git a/public/ios/60.png b/public/ios/60.png
new file mode 100644
index 0000000..c108c26
Binary files /dev/null and b/public/ios/60.png differ
diff --git a/public/ios/64.png b/public/ios/64.png
new file mode 100644
index 0000000..aeece38
Binary files /dev/null and b/public/ios/64.png differ
diff --git a/public/ios/72.png b/public/ios/72.png
new file mode 100644
index 0000000..600df3c
Binary files /dev/null and b/public/ios/72.png differ
diff --git a/public/ios/76.png b/public/ios/76.png
new file mode 100644
index 0000000..90c0edf
Binary files /dev/null and b/public/ios/76.png differ
diff --git a/public/ios/80.png b/public/ios/80.png
new file mode 100644
index 0000000..b2422fa
Binary files /dev/null and b/public/ios/80.png differ
diff --git a/public/ios/87.png b/public/ios/87.png
new file mode 100644
index 0000000..1bea6b2
Binary files /dev/null and b/public/ios/87.png differ
diff --git a/public/mockServiceWorker.js b/public/mockServiceWorker.js
new file mode 100644
index 0000000..f9123f5
--- /dev/null
+++ b/public/mockServiceWorker.js
@@ -0,0 +1,301 @@
+/* tslint:disable */
+
+/**
+ * Mock Service Worker.
+ * @see https://github.com/mswjs/msw
+ * - Please do NOT modify this file.
+ * - Please do NOT serve this file on production.
+ */
+
+const PACKAGE_VERSION = "2.7.3";
+const INTEGRITY_CHECKSUM = "00729d72e3b82faf54ca8b9621dbb96f";
+const IS_MOCKED_RESPONSE = Symbol("isMockedResponse");
+const activeClientIds = new Set();
+
+self.addEventListener("install", function () {
+  self.skipWaiting();
+});
+
+self.addEventListener("activate", function (event) {
+  event.waitUntil(self.clients.claim());
+});
+
+self.addEventListener("message", async function (event) {
+  const clientId = event.source.id;
+
+  if (!clientId || !self.clients) {
+    return;
+  }
+
+  const client = await self.clients.get(clientId);
+
+  if (!client) {
+    return;
+  }
+
+  const allClients = await self.clients.matchAll({
+    type: "window",
+  });
+
+  switch (event.data) {
+    case "KEEPALIVE_REQUEST": {
+      sendToClient(client, {
+        type: "KEEPALIVE_RESPONSE",
+      });
+      break;
+    }
+
+    case "INTEGRITY_CHECK_REQUEST": {
+      sendToClient(client, {
+        type: "INTEGRITY_CHECK_RESPONSE",
+        payload: {
+          packageVersion: PACKAGE_VERSION,
+          checksum: INTEGRITY_CHECKSUM,
+        },
+      });
+      break;
+    }
+
+    case "MOCK_ACTIVATE": {
+      activeClientIds.add(clientId);
+
+      sendToClient(client, {
+        type: "MOCKING_ENABLED",
+        payload: {
+          client: {
+            id: client.id,
+            frameType: client.frameType,
+          },
+        },
+      });
+      break;
+    }
+
+    case "MOCK_DEACTIVATE": {
+      activeClientIds.delete(clientId);
+      break;
+    }
+
+    case "CLIENT_CLOSED": {
+      activeClientIds.delete(clientId);
+
+      const remainingClients = allClients.filter(client => {
+        return client.id !== clientId;
+      });
+
+      // Unregister itself when there are no more clients
+      if (remainingClients.length === 0) {
+        self.registration.unregister();
+      }
+
+      break;
+    }
+  }
+});
+
+self.addEventListener("fetch", function (event) {
+  const { request } = event;
+
+  // Bypass navigation requests.
+  if (request.mode === "navigate") {
+    return;
+  }
+
+  // Opening the DevTools triggers the "only-if-cached" request
+  // that cannot be handled by the worker. Bypass such requests.
+  if (request.cache === "only-if-cached" && request.mode !== "same-origin") {
+    return;
+  }
+
+  // Bypass all requests when there are no active clients.
+  // Prevents the self-unregistered worked from handling requests
+  // after it's been deleted (still remains active until the next reload).
+  if (activeClientIds.size === 0) {
+    return;
+  }
+
+  // Generate unique request ID.
+  const requestId = crypto.randomUUID();
+  event.respondWith(handleRequest(event, requestId));
+});
+
+async function handleRequest(event, requestId) {
+  const client = await resolveMainClient(event);
+  const response = await getResponse(event, client, requestId);
+
+  // Send back the response clone for the "response:*" life-cycle events.
+  // Ensure MSW is active and ready to handle the message, otherwise
+  // this message will pend indefinitely.
+  if (client && activeClientIds.has(client.id)) {
+    (async function () {
+      const responseClone = response.clone();
+
+      sendToClient(
+        client,
+        {
+          type: "RESPONSE",
+          payload: {
+            requestId,
+            isMockedResponse: IS_MOCKED_RESPONSE in response,
+            type: responseClone.type,
+            status: responseClone.status,
+            statusText: responseClone.statusText,
+            body: responseClone.body,
+            headers: Object.fromEntries(responseClone.headers.entries()),
+          },
+        },
+        [responseClone.body]
+      );
+    })();
+  }
+
+  return response;
+}
+
+// Resolve the main client for the given event.
+// Client that issues a request doesn't necessarily equal the client
+// that registered the worker. It's with the latter the worker should
+// communicate with during the response resolving phase.
+async function resolveMainClient(event) {
+  const client = await self.clients.get(event.clientId);
+
+  if (activeClientIds.has(event.clientId)) {
+    return client;
+  }
+
+  if (client?.frameType === "top-level") {
+    return client;
+  }
+
+  const allClients = await self.clients.matchAll({
+    type: "window",
+  });
+
+  return allClients
+    .filter(client => {
+      // Get only those clients that are currently visible.
+      return client.visibilityState === "visible";
+    })
+    .find(client => {
+      // Find the client ID that's recorded in the
+      // set of clients that have registered the worker.
+      return activeClientIds.has(client.id);
+    });
+}
+
+async function getResponse(event, client, requestId) {
+  const { request } = event;
+
+  // Clone the request because it might've been already used
+  // (i.e. its body has been read and sent to the client).
+  const requestClone = request.clone();
+
+  function passthrough() {
+    // Cast the request headers to a new Headers instance
+    // so the headers can be manipulated with.
+    const headers = new Headers(requestClone.headers);
+
+    // Remove the "accept" header value that marked this request as passthrough.
+    // This prevents request alteration and also keeps it compliant with the
+    // user-defined CORS policies.
+    const acceptHeader = headers.get("accept");
+    if (acceptHeader) {
+      const values = acceptHeader.split(",").map(value => value.trim());
+      const filteredValues = values.filter(value => value !== "msw/passthrough");
+
+      if (filteredValues.length > 0) {
+        headers.set("accept", filteredValues.join(", "));
+      } else {
+        headers.delete("accept");
+      }
+    }
+
+    return fetch(requestClone, { headers });
+  }
+
+  // Bypass mocking when the client is not active.
+  if (!client) {
+    return passthrough();
+  }
+
+  // Bypass initial page load requests (i.e. static assets).
+  // The absence of the immediate/parent client in the map of the active clients
+  // means that MSW hasn't dispatched the "MOCK_ACTIVATE" event yet
+  // and is not ready to handle requests.
+  if (!activeClientIds.has(client.id)) {
+    return passthrough();
+  }
+
+  // Notify the client that a request has been intercepted.
+  const requestBuffer = await request.arrayBuffer();
+  const clientMessage = await sendToClient(
+    client,
+    {
+      type: "REQUEST",
+      payload: {
+        id: requestId,
+        url: request.url,
+        mode: request.mode,
+        method: request.method,
+        headers: Object.fromEntries(request.headers.entries()),
+        cache: request.cache,
+        credentials: request.credentials,
+        destination: request.destination,
+        integrity: request.integrity,
+        redirect: request.redirect,
+        referrer: request.referrer,
+        referrerPolicy: request.referrerPolicy,
+        body: requestBuffer,
+        keepalive: request.keepalive,
+      },
+    },
+    [requestBuffer]
+  );
+
+  switch (clientMessage.type) {
+    case "MOCK_RESPONSE": {
+      return respondWithMock(clientMessage.data);
+    }
+
+    case "PASSTHROUGH": {
+      return passthrough();
+    }
+  }
+
+  return passthrough();
+}
+
+function sendToClient(client, message, transferrables = []) {
+  return new Promise((resolve, reject) => {
+    const channel = new MessageChannel();
+
+    channel.port1.onmessage = event => {
+      if (event.data && event.data.error) {
+        return reject(event.data.error);
+      }
+
+      resolve(event.data);
+    };
+
+    client.postMessage(message, [channel.port2].concat(transferrables.filter(Boolean)));
+  });
+}
+
+async function respondWithMock(response) {
+  // Setting response status code to 0 is a no-op.
+  // However, when responding with a "Response.error()", the produced Response
+  // instance will have status code set to 0. Since it's not possible to create
+  // a Response instance with status code 0, handle that use-case separately.
+  if (response.status === 0) {
+    return Response.error();
+  }
+
+  const mockedResponse = new Response(response.body, response);
+
+  Reflect.defineProperty(mockedResponse, IS_MOCKED_RESPONSE, {
+    value: true,
+    enumerable: true,
+  });
+
+  return mockedResponse;
+}
diff --git a/public/splash/ios/10.2__iPad_landscape.png b/public/splash/ios/10.2__iPad_landscape.png
new file mode 100644
index 0000000..5957538
Binary files /dev/null and b/public/splash/ios/10.2__iPad_landscape.png differ
diff --git a/public/splash/ios/10.2__iPad_portrait.png b/public/splash/ios/10.2__iPad_portrait.png
new file mode 100644
index 0000000..e0f477b
Binary files /dev/null and b/public/splash/ios/10.2__iPad_portrait.png differ
diff --git a/public/splash/ios/10.5__iPad_Air_landscape.png b/public/splash/ios/10.5__iPad_Air_landscape.png
new file mode 100644
index 0000000..a96a08b
Binary files /dev/null and b/public/splash/ios/10.5__iPad_Air_landscape.png differ
diff --git a/public/splash/ios/10.5__iPad_Air_portrait.png b/public/splash/ios/10.5__iPad_Air_portrait.png
new file mode 100644
index 0000000..19b7c8e
Binary files /dev/null and b/public/splash/ios/10.5__iPad_Air_portrait.png differ
diff --git a/public/splash/ios/10.9__iPad_Air_landscape.png b/public/splash/ios/10.9__iPad_Air_landscape.png
new file mode 100644
index 0000000..50b60ff
Binary files /dev/null and b/public/splash/ios/10.9__iPad_Air_landscape.png differ
diff --git a/public/splash/ios/10.9__iPad_Air_portrait.png b/public/splash/ios/10.9__iPad_Air_portrait.png
new file mode 100644
index 0000000..28e2279
Binary files /dev/null and b/public/splash/ios/10.9__iPad_Air_portrait.png differ
diff --git a/public/splash/ios/11__iPad_Pro_M4_landscape.png b/public/splash/ios/11__iPad_Pro_M4_landscape.png
new file mode 100644
index 0000000..0435ff5
Binary files /dev/null and b/public/splash/ios/11__iPad_Pro_M4_landscape.png differ
diff --git a/public/splash/ios/11__iPad_Pro_M4_portrait.png b/public/splash/ios/11__iPad_Pro_M4_portrait.png
new file mode 100644
index 0000000..22961fd
Binary files /dev/null and b/public/splash/ios/11__iPad_Pro_M4_portrait.png differ
diff --git a/public/splash/ios/11__iPad_Pro__10.5__iPad_Pro_landscape.png b/public/splash/ios/11__iPad_Pro__10.5__iPad_Pro_landscape.png
new file mode 100644
index 0000000..7318528
Binary files /dev/null and b/public/splash/ios/11__iPad_Pro__10.5__iPad_Pro_landscape.png differ
diff --git a/public/splash/ios/11__iPad_Pro__10.5__iPad_Pro_portrait.png b/public/splash/ios/11__iPad_Pro__10.5__iPad_Pro_portrait.png
new file mode 100644
index 0000000..b3ed77c
Binary files /dev/null and b/public/splash/ios/11__iPad_Pro__10.5__iPad_Pro_portrait.png differ
diff --git a/public/splash/ios/12.9__iPad_Pro_landscape.png b/public/splash/ios/12.9__iPad_Pro_landscape.png
new file mode 100644
index 0000000..fd67cdc
Binary files /dev/null and b/public/splash/ios/12.9__iPad_Pro_landscape.png differ
diff --git a/public/splash/ios/12.9__iPad_Pro_portrait.png b/public/splash/ios/12.9__iPad_Pro_portrait.png
new file mode 100644
index 0000000..dc156f4
Binary files /dev/null and b/public/splash/ios/12.9__iPad_Pro_portrait.png differ
diff --git a/public/splash/ios/13__iPad_Pro_M4_landscape.png b/public/splash/ios/13__iPad_Pro_M4_landscape.png
new file mode 100644
index 0000000..83463c8
Binary files /dev/null and b/public/splash/ios/13__iPad_Pro_M4_landscape.png differ
diff --git a/public/splash/ios/13__iPad_Pro_M4_portrait.png b/public/splash/ios/13__iPad_Pro_M4_portrait.png
new file mode 100644
index 0000000..c2ad079
Binary files /dev/null and b/public/splash/ios/13__iPad_Pro_M4_portrait.png differ
diff --git a/public/splash/ios/4__iPhone_SE__iPod_touch_5th_generation_and_later_landscape.png b/public/splash/ios/4__iPhone_SE__iPod_touch_5th_generation_and_later_landscape.png
new file mode 100644
index 0000000..f09680d
Binary files /dev/null and b/public/splash/ios/4__iPhone_SE__iPod_touch_5th_generation_and_later_landscape.png differ
diff --git a/public/splash/ios/4__iPhone_SE__iPod_touch_5th_generation_and_later_portrait.png b/public/splash/ios/4__iPhone_SE__iPod_touch_5th_generation_and_later_portrait.png
new file mode 100644
index 0000000..277cca9
Binary files /dev/null and b/public/splash/ios/4__iPhone_SE__iPod_touch_5th_generation_and_later_portrait.png differ
diff --git a/public/splash/ios/8.3__iPad_Mini_landscape.png b/public/splash/ios/8.3__iPad_Mini_landscape.png
new file mode 100644
index 0000000..41a4ac6
Binary files /dev/null and b/public/splash/ios/8.3__iPad_Mini_landscape.png differ
diff --git a/public/splash/ios/8.3__iPad_Mini_portrait.png b/public/splash/ios/8.3__iPad_Mini_portrait.png
new file mode 100644
index 0000000..89259ed
Binary files /dev/null and b/public/splash/ios/8.3__iPad_Mini_portrait.png differ
diff --git a/public/splash/ios/9.7__iPad_Pro__7.9__iPad_mini__9.7__iPad_Air__9.7__iPad_landscape.png b/public/splash/ios/9.7__iPad_Pro__7.9__iPad_mini__9.7__iPad_Air__9.7__iPad_landscape.png
new file mode 100644
index 0000000..8c71294
Binary files /dev/null and b/public/splash/ios/9.7__iPad_Pro__7.9__iPad_mini__9.7__iPad_Air__9.7__iPad_landscape.png differ
diff --git a/public/splash/ios/9.7__iPad_Pro__7.9__iPad_mini__9.7__iPad_Air__9.7__iPad_portrait.png b/public/splash/ios/9.7__iPad_Pro__7.9__iPad_mini__9.7__iPad_Air__9.7__iPad_portrait.png
new file mode 100644
index 0000000..4bc600d
Binary files /dev/null and b/public/splash/ios/9.7__iPad_Pro__7.9__iPad_mini__9.7__iPad_Air__9.7__iPad_portrait.png differ
diff --git a/public/splash/ios/iPhone_11_Pro_Max__iPhone_XS_Max_landscape.png b/public/splash/ios/iPhone_11_Pro_Max__iPhone_XS_Max_landscape.png
new file mode 100644
index 0000000..320a4f4
Binary files /dev/null and b/public/splash/ios/iPhone_11_Pro_Max__iPhone_XS_Max_landscape.png differ
diff --git a/public/splash/ios/iPhone_11_Pro_Max__iPhone_XS_Max_portrait.png b/public/splash/ios/iPhone_11_Pro_Max__iPhone_XS_Max_portrait.png
new file mode 100644
index 0000000..06969ac
Binary files /dev/null and b/public/splash/ios/iPhone_11_Pro_Max__iPhone_XS_Max_portrait.png differ
diff --git a/public/splash/ios/iPhone_11__iPhone_XR_landscape.png b/public/splash/ios/iPhone_11__iPhone_XR_landscape.png
new file mode 100644
index 0000000..6f85f0b
Binary files /dev/null and b/public/splash/ios/iPhone_11__iPhone_XR_landscape.png differ
diff --git a/public/splash/ios/iPhone_11__iPhone_XR_portrait.png b/public/splash/ios/iPhone_11__iPhone_XR_portrait.png
new file mode 100644
index 0000000..e56240f
Binary files /dev/null and b/public/splash/ios/iPhone_11__iPhone_XR_portrait.png differ
diff --git a/public/splash/ios/iPhone_13_mini__iPhone_12_mini__iPhone_11_Pro__iPhone_XS__iPhone_X_landscape.png b/public/splash/ios/iPhone_13_mini__iPhone_12_mini__iPhone_11_Pro__iPhone_XS__iPhone_X_landscape.png
new file mode 100644
index 0000000..1f8732c
Binary files /dev/null and b/public/splash/ios/iPhone_13_mini__iPhone_12_mini__iPhone_11_Pro__iPhone_XS__iPhone_X_landscape.png differ
diff --git a/public/splash/ios/iPhone_13_mini__iPhone_12_mini__iPhone_11_Pro__iPhone_XS__iPhone_X_portrait.png b/public/splash/ios/iPhone_13_mini__iPhone_12_mini__iPhone_11_Pro__iPhone_XS__iPhone_X_portrait.png
new file mode 100644
index 0000000..b1a37f0
Binary files /dev/null and b/public/splash/ios/iPhone_13_mini__iPhone_12_mini__iPhone_11_Pro__iPhone_XS__iPhone_X_portrait.png differ
diff --git a/public/splash/ios/iPhone_14_Plus__iPhone_13_Pro_Max__iPhone_12_Pro_Max_landscape.png b/public/splash/ios/iPhone_14_Plus__iPhone_13_Pro_Max__iPhone_12_Pro_Max_landscape.png
new file mode 100644
index 0000000..96b7aa6
Binary files /dev/null and b/public/splash/ios/iPhone_14_Plus__iPhone_13_Pro_Max__iPhone_12_Pro_Max_landscape.png differ
diff --git a/public/splash/ios/iPhone_14_Plus__iPhone_13_Pro_Max__iPhone_12_Pro_Max_portrait.png b/public/splash/ios/iPhone_14_Plus__iPhone_13_Pro_Max__iPhone_12_Pro_Max_portrait.png
new file mode 100644
index 0000000..61fd2b2
Binary files /dev/null and b/public/splash/ios/iPhone_14_Plus__iPhone_13_Pro_Max__iPhone_12_Pro_Max_portrait.png differ
diff --git a/public/splash/ios/iPhone_16_Plus__iPhone_15_Pro_Max__iPhone_15_Plus__iPhone_14_Pro_Max_landscape.png b/public/splash/ios/iPhone_16_Plus__iPhone_15_Pro_Max__iPhone_15_Plus__iPhone_14_Pro_Max_landscape.png
new file mode 100644
index 0000000..ed05cd6
Binary files /dev/null and b/public/splash/ios/iPhone_16_Plus__iPhone_15_Pro_Max__iPhone_15_Plus__iPhone_14_Pro_Max_landscape.png differ
diff --git a/public/splash/ios/iPhone_16_Plus__iPhone_15_Pro_Max__iPhone_15_Plus__iPhone_14_Pro_Max_portrait.png b/public/splash/ios/iPhone_16_Plus__iPhone_15_Pro_Max__iPhone_15_Plus__iPhone_14_Pro_Max_portrait.png
new file mode 100644
index 0000000..91c419c
Binary files /dev/null and b/public/splash/ios/iPhone_16_Plus__iPhone_15_Pro_Max__iPhone_15_Plus__iPhone_14_Pro_Max_portrait.png differ
diff --git a/public/splash/ios/iPhone_16_Pro_Max_landscape.png b/public/splash/ios/iPhone_16_Pro_Max_landscape.png
new file mode 100644
index 0000000..2a68359
Binary files /dev/null and b/public/splash/ios/iPhone_16_Pro_Max_landscape.png differ
diff --git a/public/splash/ios/iPhone_16_Pro_Max_portrait.png b/public/splash/ios/iPhone_16_Pro_Max_portrait.png
new file mode 100644
index 0000000..b238316
Binary files /dev/null and b/public/splash/ios/iPhone_16_Pro_Max_portrait.png differ
diff --git a/public/splash/ios/iPhone_16_Pro_landscape.png b/public/splash/ios/iPhone_16_Pro_landscape.png
new file mode 100644
index 0000000..0151aa6
Binary files /dev/null and b/public/splash/ios/iPhone_16_Pro_landscape.png differ
diff --git a/public/splash/ios/iPhone_16_Pro_portrait.png b/public/splash/ios/iPhone_16_Pro_portrait.png
new file mode 100644
index 0000000..70b23eb
Binary files /dev/null and b/public/splash/ios/iPhone_16_Pro_portrait.png differ
diff --git a/public/splash/ios/iPhone_16__iPhone_15_Pro__iPhone_15__iPhone_14_Pro_landscape.png b/public/splash/ios/iPhone_16__iPhone_15_Pro__iPhone_15__iPhone_14_Pro_landscape.png
new file mode 100644
index 0000000..aaa3934
Binary files /dev/null and b/public/splash/ios/iPhone_16__iPhone_15_Pro__iPhone_15__iPhone_14_Pro_landscape.png differ
diff --git a/public/splash/ios/iPhone_16__iPhone_15_Pro__iPhone_15__iPhone_14_Pro_portrait.png b/public/splash/ios/iPhone_16__iPhone_15_Pro__iPhone_15__iPhone_14_Pro_portrait.png
new file mode 100644
index 0000000..3ef7223
Binary files /dev/null and b/public/splash/ios/iPhone_16__iPhone_15_Pro__iPhone_15__iPhone_14_Pro_portrait.png differ
diff --git a/public/splash/ios/iPhone_16e__iPhone_14__iPhone_13_Pro__iPhone_13__iPhone_12_Pro__iPhone_12_landscape.png b/public/splash/ios/iPhone_16e__iPhone_14__iPhone_13_Pro__iPhone_13__iPhone_12_Pro__iPhone_12_landscape.png
new file mode 100644
index 0000000..4dfb797
Binary files /dev/null and b/public/splash/ios/iPhone_16e__iPhone_14__iPhone_13_Pro__iPhone_13__iPhone_12_Pro__iPhone_12_landscape.png differ
diff --git a/public/splash/ios/iPhone_16e__iPhone_14__iPhone_13_Pro__iPhone_13__iPhone_12_Pro__iPhone_12_portrait.png b/public/splash/ios/iPhone_16e__iPhone_14__iPhone_13_Pro__iPhone_13__iPhone_12_Pro__iPhone_12_portrait.png
new file mode 100644
index 0000000..7013624
Binary files /dev/null and b/public/splash/ios/iPhone_16e__iPhone_14__iPhone_13_Pro__iPhone_13__iPhone_12_Pro__iPhone_12_portrait.png differ
diff --git a/public/splash/ios/iPhone_8_Plus__iPhone_7_Plus__iPhone_6s_Plus__iPhone_6_Plus_landscape.png b/public/splash/ios/iPhone_8_Plus__iPhone_7_Plus__iPhone_6s_Plus__iPhone_6_Plus_landscape.png
new file mode 100644
index 0000000..978bb77
Binary files /dev/null and b/public/splash/ios/iPhone_8_Plus__iPhone_7_Plus__iPhone_6s_Plus__iPhone_6_Plus_landscape.png differ
diff --git a/public/splash/ios/iPhone_8_Plus__iPhone_7_Plus__iPhone_6s_Plus__iPhone_6_Plus_portrait.png b/public/splash/ios/iPhone_8_Plus__iPhone_7_Plus__iPhone_6s_Plus__iPhone_6_Plus_portrait.png
new file mode 100644
index 0000000..91503fa
Binary files /dev/null and b/public/splash/ios/iPhone_8_Plus__iPhone_7_Plus__iPhone_6s_Plus__iPhone_6_Plus_portrait.png differ
diff --git a/public/splash/ios/iPhone_8__iPhone_7__iPhone_6s__iPhone_6__4.7__iPhone_SE_landscape.png b/public/splash/ios/iPhone_8__iPhone_7__iPhone_6s__iPhone_6__4.7__iPhone_SE_landscape.png
new file mode 100644
index 0000000..9ae9c26
Binary files /dev/null and b/public/splash/ios/iPhone_8__iPhone_7__iPhone_6s__iPhone_6__4.7__iPhone_SE_landscape.png differ
diff --git a/public/splash/ios/iPhone_8__iPhone_7__iPhone_6s__iPhone_6__4.7__iPhone_SE_portrait.png b/public/splash/ios/iPhone_8__iPhone_7__iPhone_6s__iPhone_6__4.7__iPhone_SE_portrait.png
new file mode 100644
index 0000000..f29738e
Binary files /dev/null and b/public/splash/ios/iPhone_8__iPhone_7__iPhone_6s__iPhone_6__4.7__iPhone_SE_portrait.png differ
diff --git a/public/splash/ios/icon.png b/public/splash/ios/icon.png
new file mode 100644
index 0000000..0a952df
Binary files /dev/null and b/public/splash/ios/icon.png differ
diff --git a/public/windows11/LargeTile.scale-100.png b/public/windows11/LargeTile.scale-100.png
new file mode 100644
index 0000000..3b393ae
Binary files /dev/null and b/public/windows11/LargeTile.scale-100.png differ
diff --git a/public/windows11/LargeTile.scale-125.png b/public/windows11/LargeTile.scale-125.png
new file mode 100644
index 0000000..53162cc
Binary files /dev/null and b/public/windows11/LargeTile.scale-125.png differ
diff --git a/public/windows11/LargeTile.scale-150.png b/public/windows11/LargeTile.scale-150.png
new file mode 100644
index 0000000..c1e7cd2
Binary files /dev/null and b/public/windows11/LargeTile.scale-150.png differ
diff --git a/public/windows11/LargeTile.scale-200.png b/public/windows11/LargeTile.scale-200.png
new file mode 100644
index 0000000..656f201
Binary files /dev/null and b/public/windows11/LargeTile.scale-200.png differ
diff --git a/public/windows11/LargeTile.scale-400.png b/public/windows11/LargeTile.scale-400.png
new file mode 100644
index 0000000..0eda6c7
Binary files /dev/null and b/public/windows11/LargeTile.scale-400.png differ
diff --git a/public/windows11/SmallTile.scale-100.png b/public/windows11/SmallTile.scale-100.png
new file mode 100644
index 0000000..966d4cf
Binary files /dev/null and b/public/windows11/SmallTile.scale-100.png differ
diff --git a/public/windows11/SmallTile.scale-125.png b/public/windows11/SmallTile.scale-125.png
new file mode 100644
index 0000000..90ea57e
Binary files /dev/null and b/public/windows11/SmallTile.scale-125.png differ
diff --git a/public/windows11/SmallTile.scale-150.png b/public/windows11/SmallTile.scale-150.png
new file mode 100644
index 0000000..3a5ab3c
Binary files /dev/null and b/public/windows11/SmallTile.scale-150.png differ
diff --git a/public/windows11/SmallTile.scale-200.png b/public/windows11/SmallTile.scale-200.png
new file mode 100644
index 0000000..20643ea
Binary files /dev/null and b/public/windows11/SmallTile.scale-200.png differ
diff --git a/public/windows11/SmallTile.scale-400.png b/public/windows11/SmallTile.scale-400.png
new file mode 100644
index 0000000..dfcc0e1
Binary files /dev/null and b/public/windows11/SmallTile.scale-400.png differ
diff --git a/public/windows11/SplashScreen.scale-100.png b/public/windows11/SplashScreen.scale-100.png
new file mode 100644
index 0000000..45c269e
Binary files /dev/null and b/public/windows11/SplashScreen.scale-100.png differ
diff --git a/public/windows11/SplashScreen.scale-125.png b/public/windows11/SplashScreen.scale-125.png
new file mode 100644
index 0000000..1495c00
Binary files /dev/null and b/public/windows11/SplashScreen.scale-125.png differ
diff --git a/public/windows11/SplashScreen.scale-150.png b/public/windows11/SplashScreen.scale-150.png
new file mode 100644
index 0000000..65951f3
Binary files /dev/null and b/public/windows11/SplashScreen.scale-150.png differ
diff --git a/public/windows11/SplashScreen.scale-200.png b/public/windows11/SplashScreen.scale-200.png
new file mode 100644
index 0000000..c5cea61
Binary files /dev/null and b/public/windows11/SplashScreen.scale-200.png differ
diff --git a/public/windows11/SplashScreen.scale-400.png b/public/windows11/SplashScreen.scale-400.png
new file mode 100644
index 0000000..e7e5338
Binary files /dev/null and b/public/windows11/SplashScreen.scale-400.png differ
diff --git a/public/windows11/Square150x150Logo.scale-100.png b/public/windows11/Square150x150Logo.scale-100.png
new file mode 100644
index 0000000..1d73c50
Binary files /dev/null and b/public/windows11/Square150x150Logo.scale-100.png differ
diff --git a/public/windows11/Square150x150Logo.scale-125.png b/public/windows11/Square150x150Logo.scale-125.png
new file mode 100644
index 0000000..956a698
Binary files /dev/null and b/public/windows11/Square150x150Logo.scale-125.png differ
diff --git a/public/windows11/Square150x150Logo.scale-150.png b/public/windows11/Square150x150Logo.scale-150.png
new file mode 100644
index 0000000..4ed2589
Binary files /dev/null and b/public/windows11/Square150x150Logo.scale-150.png differ
diff --git a/public/windows11/Square150x150Logo.scale-200.png b/public/windows11/Square150x150Logo.scale-200.png
new file mode 100644
index 0000000..50c33b3
Binary files /dev/null and b/public/windows11/Square150x150Logo.scale-200.png differ
diff --git a/public/windows11/Square150x150Logo.scale-400.png b/public/windows11/Square150x150Logo.scale-400.png
new file mode 100644
index 0000000..2816b91
Binary files /dev/null and b/public/windows11/Square150x150Logo.scale-400.png differ
diff --git a/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png
new file mode 100644
index 0000000..f3de5e6
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png differ
diff --git a/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png
new file mode 100644
index 0000000..fd5daa9
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png differ
diff --git a/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png
new file mode 100644
index 0000000..3d07496
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png differ
diff --git a/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png
new file mode 100644
index 0000000..891d894
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png differ
diff --git a/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png
new file mode 100644
index 0000000..bc9c29d
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png differ
diff --git a/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png
new file mode 100644
index 0000000..c422b77
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png differ
diff --git a/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png
new file mode 100644
index 0000000..b02f0b1
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png differ
diff --git a/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png
new file mode 100644
index 0000000..4ee454e
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png differ
diff --git a/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png
new file mode 100644
index 0000000..abac982
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png differ
diff --git a/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png
new file mode 100644
index 0000000..820c058
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png differ
diff --git a/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png
new file mode 100644
index 0000000..a174d5c
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png differ
diff --git a/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png
new file mode 100644
index 0000000..2146536
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png differ
diff --git a/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png
new file mode 100644
index 0000000..05b1ae1
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png differ
diff --git a/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png
new file mode 100644
index 0000000..2f79de9
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png differ
diff --git a/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png
new file mode 100644
index 0000000..c4361ae
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png differ
diff --git a/public/windows11/Square44x44Logo.altform-unplated_targetsize-16.png b/public/windows11/Square44x44Logo.altform-unplated_targetsize-16.png
new file mode 100644
index 0000000..f3de5e6
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-unplated_targetsize-16.png differ
diff --git a/public/windows11/Square44x44Logo.altform-unplated_targetsize-20.png b/public/windows11/Square44x44Logo.altform-unplated_targetsize-20.png
new file mode 100644
index 0000000..fd5daa9
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-unplated_targetsize-20.png differ
diff --git a/public/windows11/Square44x44Logo.altform-unplated_targetsize-24.png b/public/windows11/Square44x44Logo.altform-unplated_targetsize-24.png
new file mode 100644
index 0000000..3d07496
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-unplated_targetsize-24.png differ
diff --git a/public/windows11/Square44x44Logo.altform-unplated_targetsize-256.png b/public/windows11/Square44x44Logo.altform-unplated_targetsize-256.png
new file mode 100644
index 0000000..891d894
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-unplated_targetsize-256.png differ
diff --git a/public/windows11/Square44x44Logo.altform-unplated_targetsize-30.png b/public/windows11/Square44x44Logo.altform-unplated_targetsize-30.png
new file mode 100644
index 0000000..bc9c29d
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-unplated_targetsize-30.png differ
diff --git a/public/windows11/Square44x44Logo.altform-unplated_targetsize-32.png b/public/windows11/Square44x44Logo.altform-unplated_targetsize-32.png
new file mode 100644
index 0000000..c422b77
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-unplated_targetsize-32.png differ
diff --git a/public/windows11/Square44x44Logo.altform-unplated_targetsize-36.png b/public/windows11/Square44x44Logo.altform-unplated_targetsize-36.png
new file mode 100644
index 0000000..b02f0b1
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-unplated_targetsize-36.png differ
diff --git a/public/windows11/Square44x44Logo.altform-unplated_targetsize-40.png b/public/windows11/Square44x44Logo.altform-unplated_targetsize-40.png
new file mode 100644
index 0000000..4ee454e
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-unplated_targetsize-40.png differ
diff --git a/public/windows11/Square44x44Logo.altform-unplated_targetsize-44.png b/public/windows11/Square44x44Logo.altform-unplated_targetsize-44.png
new file mode 100644
index 0000000..abac982
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-unplated_targetsize-44.png differ
diff --git a/public/windows11/Square44x44Logo.altform-unplated_targetsize-48.png b/public/windows11/Square44x44Logo.altform-unplated_targetsize-48.png
new file mode 100644
index 0000000..820c058
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-unplated_targetsize-48.png differ
diff --git a/public/windows11/Square44x44Logo.altform-unplated_targetsize-60.png b/public/windows11/Square44x44Logo.altform-unplated_targetsize-60.png
new file mode 100644
index 0000000..a174d5c
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-unplated_targetsize-60.png differ
diff --git a/public/windows11/Square44x44Logo.altform-unplated_targetsize-64.png b/public/windows11/Square44x44Logo.altform-unplated_targetsize-64.png
new file mode 100644
index 0000000..2146536
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-unplated_targetsize-64.png differ
diff --git a/public/windows11/Square44x44Logo.altform-unplated_targetsize-72.png b/public/windows11/Square44x44Logo.altform-unplated_targetsize-72.png
new file mode 100644
index 0000000..05b1ae1
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-unplated_targetsize-72.png differ
diff --git a/public/windows11/Square44x44Logo.altform-unplated_targetsize-80.png b/public/windows11/Square44x44Logo.altform-unplated_targetsize-80.png
new file mode 100644
index 0000000..2f79de9
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-unplated_targetsize-80.png differ
diff --git a/public/windows11/Square44x44Logo.altform-unplated_targetsize-96.png b/public/windows11/Square44x44Logo.altform-unplated_targetsize-96.png
new file mode 100644
index 0000000..c4361ae
Binary files /dev/null and b/public/windows11/Square44x44Logo.altform-unplated_targetsize-96.png differ
diff --git a/public/windows11/Square44x44Logo.scale-100.png b/public/windows11/Square44x44Logo.scale-100.png
new file mode 100644
index 0000000..abac982
Binary files /dev/null and b/public/windows11/Square44x44Logo.scale-100.png differ
diff --git a/public/windows11/Square44x44Logo.scale-125.png b/public/windows11/Square44x44Logo.scale-125.png
new file mode 100644
index 0000000..5726fb0
Binary files /dev/null and b/public/windows11/Square44x44Logo.scale-125.png differ
diff --git a/public/windows11/Square44x44Logo.scale-150.png b/public/windows11/Square44x44Logo.scale-150.png
new file mode 100644
index 0000000..11fc729
Binary files /dev/null and b/public/windows11/Square44x44Logo.scale-150.png differ
diff --git a/public/windows11/Square44x44Logo.scale-200.png b/public/windows11/Square44x44Logo.scale-200.png
new file mode 100644
index 0000000..8a2ea63
Binary files /dev/null and b/public/windows11/Square44x44Logo.scale-200.png differ
diff --git a/public/windows11/Square44x44Logo.scale-400.png b/public/windows11/Square44x44Logo.scale-400.png
new file mode 100644
index 0000000..3f6c9b0
Binary files /dev/null and b/public/windows11/Square44x44Logo.scale-400.png differ
diff --git a/public/windows11/Square44x44Logo.targetsize-16.png b/public/windows11/Square44x44Logo.targetsize-16.png
new file mode 100644
index 0000000..f3de5e6
Binary files /dev/null and b/public/windows11/Square44x44Logo.targetsize-16.png differ
diff --git a/public/windows11/Square44x44Logo.targetsize-20.png b/public/windows11/Square44x44Logo.targetsize-20.png
new file mode 100644
index 0000000..fd5daa9
Binary files /dev/null and b/public/windows11/Square44x44Logo.targetsize-20.png differ
diff --git a/public/windows11/Square44x44Logo.targetsize-24.png b/public/windows11/Square44x44Logo.targetsize-24.png
new file mode 100644
index 0000000..3d07496
Binary files /dev/null and b/public/windows11/Square44x44Logo.targetsize-24.png differ
diff --git a/public/windows11/Square44x44Logo.targetsize-256.png b/public/windows11/Square44x44Logo.targetsize-256.png
new file mode 100644
index 0000000..891d894
Binary files /dev/null and b/public/windows11/Square44x44Logo.targetsize-256.png differ
diff --git a/public/windows11/Square44x44Logo.targetsize-30.png b/public/windows11/Square44x44Logo.targetsize-30.png
new file mode 100644
index 0000000..bc9c29d
Binary files /dev/null and b/public/windows11/Square44x44Logo.targetsize-30.png differ
diff --git a/public/windows11/Square44x44Logo.targetsize-32.png b/public/windows11/Square44x44Logo.targetsize-32.png
new file mode 100644
index 0000000..c422b77
Binary files /dev/null and b/public/windows11/Square44x44Logo.targetsize-32.png differ
diff --git a/public/windows11/Square44x44Logo.targetsize-36.png b/public/windows11/Square44x44Logo.targetsize-36.png
new file mode 100644
index 0000000..b02f0b1
Binary files /dev/null and b/public/windows11/Square44x44Logo.targetsize-36.png differ
diff --git a/public/windows11/Square44x44Logo.targetsize-40.png b/public/windows11/Square44x44Logo.targetsize-40.png
new file mode 100644
index 0000000..4ee454e
Binary files /dev/null and b/public/windows11/Square44x44Logo.targetsize-40.png differ
diff --git a/public/windows11/Square44x44Logo.targetsize-44.png b/public/windows11/Square44x44Logo.targetsize-44.png
new file mode 100644
index 0000000..abac982
Binary files /dev/null and b/public/windows11/Square44x44Logo.targetsize-44.png differ
diff --git a/public/windows11/Square44x44Logo.targetsize-48.png b/public/windows11/Square44x44Logo.targetsize-48.png
new file mode 100644
index 0000000..820c058
Binary files /dev/null and b/public/windows11/Square44x44Logo.targetsize-48.png differ
diff --git a/public/windows11/Square44x44Logo.targetsize-60.png b/public/windows11/Square44x44Logo.targetsize-60.png
new file mode 100644
index 0000000..a174d5c
Binary files /dev/null and b/public/windows11/Square44x44Logo.targetsize-60.png differ
diff --git a/public/windows11/Square44x44Logo.targetsize-64.png b/public/windows11/Square44x44Logo.targetsize-64.png
new file mode 100644
index 0000000..2146536
Binary files /dev/null and b/public/windows11/Square44x44Logo.targetsize-64.png differ
diff --git a/public/windows11/Square44x44Logo.targetsize-72.png b/public/windows11/Square44x44Logo.targetsize-72.png
new file mode 100644
index 0000000..05b1ae1
Binary files /dev/null and b/public/windows11/Square44x44Logo.targetsize-72.png differ
diff --git a/public/windows11/Square44x44Logo.targetsize-80.png b/public/windows11/Square44x44Logo.targetsize-80.png
new file mode 100644
index 0000000..2f79de9
Binary files /dev/null and b/public/windows11/Square44x44Logo.targetsize-80.png differ
diff --git a/public/windows11/Square44x44Logo.targetsize-96.png b/public/windows11/Square44x44Logo.targetsize-96.png
new file mode 100644
index 0000000..c4361ae
Binary files /dev/null and b/public/windows11/Square44x44Logo.targetsize-96.png differ
diff --git a/public/windows11/StoreLogo.scale-100.png b/public/windows11/StoreLogo.scale-100.png
new file mode 100644
index 0000000..6ee0453
Binary files /dev/null and b/public/windows11/StoreLogo.scale-100.png differ
diff --git a/public/windows11/StoreLogo.scale-125.png b/public/windows11/StoreLogo.scale-125.png
new file mode 100644
index 0000000..eb7790b
Binary files /dev/null and b/public/windows11/StoreLogo.scale-125.png differ
diff --git a/public/windows11/StoreLogo.scale-150.png b/public/windows11/StoreLogo.scale-150.png
new file mode 100644
index 0000000..88c9462
Binary files /dev/null and b/public/windows11/StoreLogo.scale-150.png differ
diff --git a/public/windows11/StoreLogo.scale-200.png b/public/windows11/StoreLogo.scale-200.png
new file mode 100644
index 0000000..7d80186
Binary files /dev/null and b/public/windows11/StoreLogo.scale-200.png differ
diff --git a/public/windows11/StoreLogo.scale-400.png b/public/windows11/StoreLogo.scale-400.png
new file mode 100644
index 0000000..c48d355
Binary files /dev/null and b/public/windows11/StoreLogo.scale-400.png differ
diff --git a/public/windows11/Wide310x150Logo.scale-100.png b/public/windows11/Wide310x150Logo.scale-100.png
new file mode 100644
index 0000000..6962544
Binary files /dev/null and b/public/windows11/Wide310x150Logo.scale-100.png differ
diff --git a/public/windows11/Wide310x150Logo.scale-125.png b/public/windows11/Wide310x150Logo.scale-125.png
new file mode 100644
index 0000000..58667d5
Binary files /dev/null and b/public/windows11/Wide310x150Logo.scale-125.png differ
diff --git a/public/windows11/Wide310x150Logo.scale-150.png b/public/windows11/Wide310x150Logo.scale-150.png
new file mode 100644
index 0000000..0b0d1f3
Binary files /dev/null and b/public/windows11/Wide310x150Logo.scale-150.png differ
diff --git a/public/windows11/Wide310x150Logo.scale-200.png b/public/windows11/Wide310x150Logo.scale-200.png
new file mode 100644
index 0000000..45c269e
Binary files /dev/null and b/public/windows11/Wide310x150Logo.scale-200.png differ
diff --git a/public/windows11/Wide310x150Logo.scale-400.png b/public/windows11/Wide310x150Logo.scale-400.png
new file mode 100644
index 0000000..c5cea61
Binary files /dev/null and b/public/windows11/Wide310x150Logo.scale-400.png differ
diff --git a/pwa-assets.config.ts b/pwa-assets.config.ts
index 452b31f..0712477 100644
--- a/pwa-assets.config.ts
+++ b/pwa-assets.config.ts
@@ -1,12 +1,9 @@
-import {
-    defineConfig,
-    minimal2023Preset as preset,
-} from '@vite-pwa/assets-generator/config'
+import { defineConfig, minimal2023Preset as preset } from "@vite-pwa/assets-generator/config";
 
 export default defineConfig({
-    headLinkOptions: {
-        preset: '2023',
-    },
-    preset,
-    images: ['public/favicon.svg'],
-})
+  headLinkOptions: {
+    preset: "2023",
+  },
+  preset,
+  images: ["public/favicon.svg"],
+});
diff --git a/src/App.css b/src/App.css
deleted file mode 100644
index b9d355d..0000000
--- a/src/App.css
+++ /dev/null
@@ -1,42 +0,0 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}
diff --git a/src/App.tsx b/src/App.tsx
deleted file mode 100644
index 321bcc6..0000000
--- a/src/App.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { useState } from "react";
-import reactLogo from "./assets/react.svg";
-import appLogo from "/favicon.svg";
-import PWABadge from "./PWABadge.tsx";
-import "./App.css";
-
-function App() {
-  const [count, setCount] = useState(0);
-
-  return (
-    <>
-      <div>
-        <a href="https://vite.dev" target="_blank">
-          <img src={appLogo} className="logo" alt="sarang-mate logo" />
-        </a>
-        <a href="https://react.dev" target="_blank">
-          <img src={reactLogo} className="logo react" alt="React logo" />
-        </a>
-      </div>
-      <h1>sarang-mate</h1>
-      <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>
-          count is {count}
-        </button>
-        <p>
-          Edit <code>src/App.tsx</code> and save to test HMR
-        </p>
-      </div>
-      <p className="read-the-docs">
-        Click on the Vite and React logos to learn more
-      </p>
-      <PWABadge />
-    </>
-  );
-}
-
-export default App;
diff --git a/src/PWABadge.css b/src/PWABadge.css
index 4ed19fa..9f9ef6c 100644
--- a/src/PWABadge.css
+++ b/src/PWABadge.css
@@ -1,29 +1,29 @@
 .PWABadge-container {
-    padding: 0;
-    margin: 0;
-    width: 0;
-    height: 0;
+  padding: 0;
+  margin: 0;
+  width: 0;
+  height: 0;
 }
 .PWABadge-toast {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    margin: 16px;
-    padding: 12px;
-    border: 1px solid #8885;
-    border-radius: 4px;
-    z-index: 1;
-    text-align: left;
-    box-shadow: 3px 4px 5px 0 #8885;
-    background-color: white;
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  margin: 16px;
+  padding: 12px;
+  border: 1px solid #8885;
+  border-radius: 4px;
+  z-index: 1;
+  text-align: left;
+  box-shadow: 3px 4px 5px 0 #8885;
+  background-color: white;
 }
 .PWABadge-toast-message {
-    margin-bottom: 8px;
+  margin-bottom: 8px;
 }
 .PWABadge-toast-button {
-    border: 1px solid #8885;
-    outline: none;
-    margin-right: 5px;
-    border-radius: 2px;
-    padding: 3px 10px;
+  border: 1px solid #8885;
+  outline: none;
+  margin-right: 5px;
+  border-radius: 2px;
+  padding: 3px 10px;
 }
diff --git a/src/PWABadge.tsx b/src/PWABadge.tsx
index 88317c1..da10f9d 100644
--- a/src/PWABadge.tsx
+++ b/src/PWABadge.tsx
@@ -1,77 +1,72 @@
-import './PWABadge.css'
+import "./PWABadge.css";
 
-import { useRegisterSW } from 'virtual:pwa-register/react'
+import { useRegisterSW } from "virtual:pwa-register/react";
 
 function PWABadge() {
   // check for updates every hour
-  const period = 60 * 60 * 1000
+  const period = 60 * 60 * 1000;
 
   const {
-    
     needRefresh: [needRefresh, setNeedRefresh],
     updateServiceWorker,
   } = useRegisterSW({
     onRegisteredSW(swUrl, r) {
-      if (period <= 0) return
-      if (r?.active?.state === 'activated') {
-        registerPeriodicSync(period, swUrl, r)
-      }
-      else if (r?.installing) {
-        r.installing.addEventListener('statechange', (e) => {
-          const sw = e.target as ServiceWorker
-          if (sw.state === 'activated')
-            registerPeriodicSync(period, swUrl, r)
-        })
+      if (period <= 0) return;
+      if (r?.active?.state === "activated") {
+        registerPeriodicSync(period, swUrl, r);
+      } else if (r?.installing) {
+        r.installing.addEventListener("statechange", e => {
+          const sw = e.target as ServiceWorker;
+          if (sw.state === "activated") registerPeriodicSync(period, swUrl, r);
+        });
       }
     },
-  })
+  });
 
   function close() {
-    
-    setNeedRefresh(false)
+    setNeedRefresh(false);
   }
 
   return (
     <div className="PWABadge" role="alert" aria-labelledby="toast-message">
-      { (needRefresh)
-      && (
+      {needRefresh && (
         <div className="PWABadge-toast">
           <div className="PWABadge-message">
             <span id="toast-message">New content available, click on reload button to update.</span>
-              
-              
           </div>
           <div className="PWABadge-buttons">
-            <button className="PWABadge-toast-button" onClick={() => updateServiceWorker(true)}>Reload</button>
-            <button className="PWABadge-toast-button" onClick={() => close()}>Close</button>
+            <button className="PWABadge-toast-button" onClick={() => updateServiceWorker(true)}>
+              Reload
+            </button>
+            <button className="PWABadge-toast-button" onClick={() => close()}>
+              Close
+            </button>
           </div>
         </div>
       )}
     </div>
-  )
+  );
 }
 
-export default PWABadge
+export default PWABadge;
 
 /**
  * This function will register a periodic sync check every hour, you can modify the interval as needed.
  */
 function registerPeriodicSync(period: number, swUrl: string, r: ServiceWorkerRegistration) {
-  if (period <= 0) return
+  if (period <= 0) return;
 
   setInterval(async () => {
-    if ('onLine' in navigator && !navigator.onLine)
-      return
+    if ("onLine" in navigator && !navigator.onLine) return;
 
     const resp = await fetch(swUrl, {
-      cache: 'no-store',
+      cache: "no-store",
       headers: {
-        'cache': 'no-store',
-        'cache-control': 'no-cache',
+        cache: "no-store",
+        "cache-control": "no-cache",
       },
-    })
+    });
 
-    if (resp?.status === 200)
-      await r.update()
-  }, period)
+    if (resp?.status === 200) await r.update();
+  }, period);
 }
diff --git a/src/app/App.tsx b/src/app/App.tsx
new file mode 100644
index 0000000..6fd1b24
--- /dev/null
+++ b/src/app/App.tsx
@@ -0,0 +1,12 @@
+import { Outlet } from "react-router";
+function App() {
+  return (
+    <div className="pc:flex h-screen justify-center overflow-hidden bg-gray-500">
+      <div className="pc:max-w-[375px] relative h-screen w-full overflow-y-auto bg-white">
+        <Outlet />
+      </div>
+    </div>
+  );
+}
+
+export default App;
diff --git a/src/app/main.tsx b/src/app/main.tsx
new file mode 100644
index 0000000..a112f9e
--- /dev/null
+++ b/src/app/main.tsx
@@ -0,0 +1,53 @@
+import ReactDOM from "react-dom/client";
+import "../shared/styles/index.css";
+import "../shared/styles/index.css";
+import { RouterProvider } from "react-router";
+import { StrictMode } from "react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import router from "./router/routes";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 1000 * 60 * 5, // 5분
+      retry: 2, // 실패 시 재시도 1회
+      refetchOnWindowFocus: false, // 창 포커스 시 refetch 방지
+    },
+  },
+});
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <QueryClientProvider client={queryClient}>
+      <RouterProvider router={router} />
+      <ReactQueryDevtools initialIsOpen={false} />
+    </QueryClientProvider>
+  </StrictMode>
+);
+
+if (import.meta.env.DEV) {
+  const { worker } = await import("./mocks/browser");
+  worker.start({
+    onUnhandledRequest: "bypass",
+    serviceWorker: {
+      url: "/mockServiceWorker.js",
+      options: {
+        scope: "/api/",
+      },
+    },
+  });
+}
+// service worker 등록
+if ("serviceWorker" in navigator) {
+  window.addEventListener("load", () => {
+    navigator.serviceWorker
+      .register("/sw.js")
+      .then(reg => {
+        console.log("Service worker registered:", reg);
+      })
+      .catch(err => {
+        console.error("Service worker registration failed:", err);
+      });
+  });
+}
diff --git a/src/app/mocks/browser.ts b/src/app/mocks/browser.ts
new file mode 100644
index 0000000..bcd82e4
--- /dev/null
+++ b/src/app/mocks/browser.ts
@@ -0,0 +1,4 @@
+import { setupWorker } from "msw/browser";
+import { handlers } from "./handlers";
+
+export const worker = setupWorker(...handlers);
diff --git a/src/app/mocks/handlers.ts b/src/app/mocks/handlers.ts
new file mode 100644
index 0000000..3d46fc2
--- /dev/null
+++ b/src/app/mocks/handlers.ts
@@ -0,0 +1,11 @@
+import { http, HttpResponse } from "msw";
+
+export const handlers = [
+  http.get("/api/user", () => {
+    return HttpResponse.json({
+      id: 1,
+      name: "Mock User",
+      email: "mock@user.dev",
+    });
+  }),
+];
diff --git a/src/app/router/routes.tsx b/src/app/router/routes.tsx
new file mode 100644
index 0000000..80d9f0d
--- /dev/null
+++ b/src/app/router/routes.tsx
@@ -0,0 +1,80 @@
+import App from "@/app/App";
+import {
+  CalendarDdayList,
+  CalendarNewSchedule,
+  CalendarRoot,
+  CalendarScheduleDetail,
+  NewDday,
+  Login,
+  MyPage,
+  Birthday,
+  FirstMeet,
+  Nickname,
+  MilitaryDay,
+  CoupleContact,
+  Alarm,
+  Where,
+  MainPage,
+  StatusPage,
+  LetterListPage,
+  LetterDetailPage,
+  ProfileInfoPage,
+  NicknameEditPage,
+  BirthdayEditPage,
+  MilitaryEditPage,
+  FirstMeetEditPage,
+  AlarmSettingPage,
+  SettingPage,
+  DisconnectPage,
+} from "@/pages";
+import { createBrowserRouter } from "react-router";
+
+const router = createBrowserRouter([
+  { path: "/login", element: <Login /> },
+  {
+    path: "/",
+    element: <App />, // 공통 레이아웃
+    children: [
+      { index: true, element: <MainPage /> }, // 메인 홈 화면
+      { path: "calendar", element: <CalendarRoot /> }, // 캘린더 메인 화면
+      { path: "calendar/schedule/new", element: <CalendarNewSchedule /> }, // 일정 생성 페이지
+      { path: "calendar/schedule/:scheduleId/edit", element: <CalendarNewSchedule /> }, // 일정 수정 페이지
+      { path: "calendar/dday/new", element: <NewDday /> }, // 디데이 생성 페이지
+      { path: "calendar/dday/:ddayId/edit", element: <NewDday /> }, // 디데이 수정 페이지
+      { path: "calendar/schedule/:scheduleId", element: <CalendarScheduleDetail /> }, // 특정 일정 상세 페이지 (동적 라우팅)
+      { path: "calendar/dday", element: <CalendarDdayList /> }, //D-Day 일정 리스트 페이지
+      { path: "calendar/letters", element: <LetterListPage /> }, //편지 리스트 페이지
+      { path: "calendar/schedule/:scheduleId/letter/:letterId", element: <LetterDetailPage /> }, //편지 상세 보기 페이지
+      { path: "mypage", element: <MyPage /> }, // 마이페이지
+      { path: "status", element: <StatusPage /> }, // 상태페이지
+      {
+        path: "/mypage",
+        children: [
+          { path: "", element: <MyPage /> },
+          { path: "profileinfo", element: <ProfileInfoPage /> },
+          { path: "alarmsetting", element: <AlarmSettingPage /> },
+          { path: "nicknameedit", element: <NicknameEditPage /> },
+          { path: "birthdayedit", element: <BirthdayEditPage /> },
+          { path: "militarydayedit", element: <MilitaryEditPage /> },
+          { path: "firstmeetedit", element: <FirstMeetEditPage /> },
+          { path: "setting", element: <SettingPage /> },
+          { path: "disconnect", element: <DisconnectPage /> },
+        ],
+      },
+      {
+        path: "/onboarding",
+        children: [
+          { path: "firstmeet", element: <FirstMeet /> },
+          { path: "military-day", element: <MilitaryDay /> },
+          { path: "couple-contact", element: <CoupleContact /> },
+          { path: "nickname", element: <Nickname /> },
+          { path: "birthday", element: <Birthday /> },
+          { path: "alarm", element: <Alarm /> },
+          { path: "where", element: <Where /> },
+        ],
+      },
+    ],
+  },
+]);
+
+export default router;
diff --git a/src/assets/icons/back.svg b/src/assets/icons/back.svg
new file mode 100644
index 0000000..b460927
--- /dev/null
+++ b/src/assets/icons/back.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5 2L6.5 12L17.5 22" stroke="#43464A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/blackClock.svg b/src/assets/icons/blackClock.svg
new file mode 100644
index 0000000..46a97e5
--- /dev/null
+++ b/src/assets/icons/blackClock.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="10" cy="10" r="6.66667" fill="#F6F6F7" stroke="#43464A" stroke-width="1.66667"/>
+<path d="M10 6.66675L10 10.0001" stroke="#43464A" stroke-width="1.66667" stroke-linecap="round"/>
+<path d="M13.3333 10H9.99992" stroke="#43464A" stroke-width="1.66667" stroke-linecap="round"/>
+</svg>
diff --git a/src/assets/icons/blackHeart.svg b/src/assets/icons/blackHeart.svg
new file mode 100644
index 0000000..bca9265
--- /dev/null
+++ b/src/assets/icons/blackHeart.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M12.6617 9.05088C14.7849 6.14478 14.4311 1.78561 11.2463 0.695991C9.65757 0.152428 7.70772 0.695936 7 2.87542C6.29228 0.695936 4.34243 0.152428 2.75369 0.695991C-0.431097 1.78561 -0.784902 6.14478 1.33825 9.05088C3.25054 11.6684 7 14.5 7 14.5C7 14.5 10.7495 11.6684 12.6617 9.05088Z" fill="#43464A"/>
+</svg>
diff --git a/src/assets/icons/bottomArrow.svg b/src/assets/icons/bottomArrow.svg
new file mode 100644
index 0000000..5d27075
--- /dev/null
+++ b/src/assets/icons/bottomArrow.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector 612" d="M0.999999 1.1981L7 7.7981L13 1.1981" stroke="#43464A" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/cake.svg b/src/assets/icons/cake.svg
new file mode 100644
index 0000000..9c6f6d8
--- /dev/null
+++ b/src/assets/icons/cake.svg
@@ -0,0 +1,8 @@
+<svg width="28" height="34" viewBox="0 0 28 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 2085670310">
+<rect id="Rectangle 240653977" x="1.27319" y="19.228" width="25.4545" height="14" rx="2.54552" fill="#FFA8DB"/>
+<path id="Rectangle 240653979" d="M11.455 11.5904C11.455 10.8875 12.0248 10.3176 12.7277 10.3176H15.2731C15.976 10.3176 16.5459 10.8875 16.5459 11.5904V17.954H11.455V11.5904Z" fill="#FFC4E7"/>
+<path id="Rectangle 240653980" d="M11.4546 6.94486C11.4546 6.65106 11.5162 6.36052 11.6356 6.09204L12.837 3.38887C13.2849 2.38108 14.7152 2.38108 15.1631 3.38887L16.3645 6.09204C16.4838 6.36052 16.5455 6.65106 16.5455 6.94486C16.5455 8.10457 15.6054 9.0447 14.4457 9.0447H13.5544C12.3947 9.0447 11.4546 8.10457 11.4546 6.94486Z" fill="#E83CA0"/>
+<path id="Rectangle 240653978" d="M0 20.4994C0 18.3907 1.7095 16.6812 3.81829 16.6812H24.1817C26.2905 16.6812 28 18.3907 28 20.4994V21.772C28 22.475 27.4302 23.0448 26.7272 23.0448H1.27276C0.569836 23.0448 0 22.475 0 21.772V20.4994Z" fill="#FF80CA"/>
+</g>
+</svg>
diff --git a/src/assets/icons/calendar.svg b/src/assets/icons/calendar.svg
new file mode 100644
index 0000000..b3190ab
--- /dev/null
+++ b/src/assets/icons/calendar.svg
@@ -0,0 +1,7 @@
+<svg width="28" height="26" viewBox="0 0 28 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="2.23096" width="28" height="23.6923" rx="3.23076" fill="#BFE6DA"/>
+<path d="M14 2.23096H24.7692C26.5535 2.23096 28 3.67742 28 5.46172V22.6925C28 24.4768 26.5535 25.9232 24.7692 25.9232H14V2.23096Z" fill="#75C9B0"/>
+<path d="M0 5.46172C0 3.67742 1.44646 2.23096 3.23076 2.23096H24.7692C26.5535 2.23096 28 3.67742 28 5.46172V9.76941H0V5.46172Z" fill="#5ABFA1"/>
+<rect x="5.32104" y="0.0771484" width="2.81958" height="5.16922" rx="1.344" fill="#BFE6DA"/>
+<rect x="19.8591" y="0.0771484" width="2.81958" height="5.16922" rx="1.34615" fill="#BFE6DA"/>
+</svg>
diff --git a/src/assets/icons/crossDelete.svg b/src/assets/icons/crossDelete.svg
new file mode 100644
index 0000000..c77ca72
--- /dev/null
+++ b/src/assets/icons/crossDelete.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 9">
+<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10ZM6.70727 14.7069L6.63131 14.776C6.23854 15.0963 5.65917 15.0731 5.29306 14.7069C4.92695 14.3408 4.90368 13.7615 5.224 13.3687L5.29306 13.2927L8.58579 10L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L10 8.58579L13.2929 5.29289C13.6834 4.90237 14.3166 4.90237 14.7071 5.29289C15.0976 5.68342 15.0976 6.31658 14.7071 6.70711L11.4142 10L14.7069 13.2927L14.776 13.3687C15.0963 13.7615 15.0731 14.3408 14.7069 14.7069C14.3408 15.0731 13.7615 15.0963 13.3687 14.776L13.2927 14.7069L10 11.4142L6.70727 14.7069Z" fill="#72777E"/>
+</g>
+</svg>
diff --git a/src/assets/icons/gear.svg b/src/assets/icons/gear.svg
new file mode 100644
index 0000000..d2115c5
--- /dev/null
+++ b/src/assets/icons/gear.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Union" d="M8.37908 0.797437C8.60954 0.764839 8.84533 0.8281 9.02947 0.975171L10.8156 2.40193C10.937 2.3994 11.0585 2.39941 11.1799 2.40193L12.967 0.976147L13.049 0.91853C13.2469 0.79563 13.488 0.758441 13.716 0.818921C14.5005 1.0272 15.2579 1.32584 15.9728 1.70857L16.2765 1.87751L16.3605 1.93318C16.5471 2.07299 16.6691 2.28448 16.6955 2.51912L16.9504 4.7906C17.0381 4.87472 17.124 4.96069 17.2082 5.04841L19.4797 5.3033L19.5793 5.32087C19.8059 5.37398 20.0029 5.51844 20.1213 5.72224C20.587 6.52446 20.9443 7.38539 21.1828 8.28181C21.252 8.54256 21.193 8.82104 21.0246 9.03181L19.5968 10.8179C19.5994 10.939 19.5994 11.0601 19.5968 11.1812L21.0236 12.9683C21.1916 13.1787 21.2505 13.4561 21.1818 13.7164C20.9454 14.6124 20.591 15.4731 20.1281 16.276C19.993 16.5102 19.7542 16.6667 19.4855 16.6969L17.2131 16.9508C17.1288 17.0386 17.0431 17.1253 16.9552 17.2095L16.7004 19.4801C16.6703 19.7479 16.5155 19.9864 16.2824 20.1217C15.48 20.5874 14.6185 20.9437 13.7218 21.1822C13.4613 21.2514 13.1835 21.1932 12.9728 21.025L11.1857 19.5972C11.0643 19.5998 10.9429 19.5998 10.8215 19.5972L9.03533 21.024C8.76808 21.2373 8.39836 21.2701 8.09783 21.107L5.59392 19.7476C5.2663 19.5697 5.0923 19.1992 5.16521 18.8336L5.57536 16.7789L5.1945 16.398L2.90349 16.6949C2.60612 16.7335 2.3138 16.6127 2.13005 16.3834L2.05779 16.2789C1.7115 15.6825 1.21758 14.901 0.927903 14.0699L0.817552 13.7115C0.748202 13.4509 0.806565 13.1723 0.974778 12.9615L2.40154 11.1744C2.39902 11.053 2.399 10.9315 2.40154 10.8101L0.975755 9.02498C0.807472 8.81426 0.749332 8.53561 0.818528 8.27498C1.05656 7.37873 1.41249 6.51795 1.87712 5.71541L1.93279 5.63142C2.07257 5.44473 2.28405 5.32188 2.51872 5.29548L4.79021 5.0406C4.87448 4.95272 4.96111 4.86705 5.049 4.78279L5.30388 2.51228L5.32146 2.41267C5.37481 2.18552 5.51917 1.98784 5.7238 1.8697L6.02751 1.70173C6.74154 1.32082 7.49813 1.02357 8.28142 0.816968L8.37908 0.797437ZM8.31169 2.58064C7.84121 2.72924 7.38423 2.91748 6.94548 3.14314L6.70427 5.28669C6.68078 5.49564 6.58126 5.68912 6.424 5.82869C6.21673 6.01264 6.02009 6.20837 5.83611 6.4156C5.69661 6.5727 5.50386 6.67331 5.29509 6.69685L3.14861 6.93709C2.92116 7.37731 2.73122 7.83593 2.58122 8.30818L3.92888 9.99568C4.0601 10.16 4.12587 10.3668 4.11345 10.5767C4.09706 10.8538 4.09707 11.1317 4.11345 11.4088C4.12277 11.5663 4.08815 11.7225 4.01482 11.8599L3.92888 11.9908L2.59294 13.6627C2.7525 14.072 2.98279 14.4872 3.24333 14.9342L5.39079 14.6558L5.48845 14.649C5.71661 14.6459 5.93841 14.7348 6.10173 14.898L7.10173 15.898C7.30283 16.0991 7.38981 16.3877 7.33415 16.6666L6.95622 18.5513L8.41325 19.3414L10.006 18.0709L10.1369 17.9849C10.2741 17.9118 10.4299 17.8771 10.5871 17.8863C10.8644 17.9027 11.1428 17.9027 11.4201 17.8863L11.5763 17.8912C11.7308 17.9105 11.8779 17.9726 12.0011 18.0709L13.6877 19.4185C14.16 19.2683 14.6186 19.0781 15.0588 18.8502L15.3 16.7056L15.3322 16.5523C15.3776 16.4036 15.4634 16.2692 15.5812 16.1646C15.7886 15.9806 15.9851 15.784 16.1691 15.5767L16.2824 15.4703C16.4054 15.3746 16.5533 15.3141 16.7101 15.2965L18.8537 15.0543C19.08 14.6141 19.2692 14.1561 19.4181 13.6842L18.0705 11.9976C17.9393 11.8333 17.8735 11.6255 17.8859 11.4156C17.9023 11.1385 17.9023 10.8607 17.8859 10.5836C17.8735 10.3736 17.9392 10.1659 18.0705 10.0015L19.4181 8.31501C19.2678 7.84295 19.0777 7.38477 18.8498 6.9449L16.7052 6.70466C16.4964 6.68118 16.3038 6.58056 16.1642 6.42341C16.0722 6.31975 15.9771 6.21865 15.8791 6.12068L15.5763 5.83552C15.4191 5.69595 15.3186 5.50344 15.2951 5.29451L15.0539 3.149C14.6136 2.92165 14.1551 2.73155 13.6828 2.58162L11.9953 3.92927C11.8721 4.02761 11.7249 4.0896 11.5705 4.10896L11.4142 4.11384C11.137 4.09745 10.8585 4.09744 10.5812 4.11384C10.3714 4.12614 10.1644 4.06045 10.0002 3.92927L8.31169 2.58064ZM10.8595 7.02986C12.9746 7.02995 14.6895 8.74392 14.6896 10.859C14.6895 12.9741 12.9747 14.6889 10.8595 14.689C8.74436 14.689 7.02956 12.9741 7.02947 10.859C7.02963 8.74387 8.74441 7.02986 10.8595 7.02986ZM10.8595 8.73103C9.68402 8.73103 8.7308 9.68402 8.73064 10.859C8.73073 12.034 9.68398 12.9869 10.8595 12.9869C12.035 12.9868 12.9874 12.0339 12.9875 10.859C12.9873 9.68408 12.035 8.73112 10.8595 8.73103Z" fill="#43464A"/>
+</svg>
diff --git a/src/assets/icons/grayCalendar.svg b/src/assets/icons/grayCalendar.svg
new file mode 100644
index 0000000..39382fc
--- /dev/null
+++ b/src/assets/icons/grayCalendar.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 2.33366C4 1.96547 4.29848 1.66699 4.66667 1.66699C5.03486 1.66699 5.33333 1.96547 5.33333 2.33366V4.33366C5.33333 4.70185 5.03486 5.00033 4.66667 5.00033C4.29848 5.00033 4 4.70185 4 4.33366V2.33366Z" fill="#D3D7DB"/>
+<path d="M10.6667 2.33366C10.6667 1.96547 10.9652 1.66699 11.3334 1.66699C11.7016 1.66699 12.0001 1.96547 12.0001 2.33366V4.33366C12.0001 4.70185 11.7016 5.00033 11.3334 5.00033C10.9652 5.00033 10.6667 4.70185 10.6667 4.33366V2.33366Z" fill="#D3D7DB"/>
+<path d="M13.667 3.00024C14.4031 3.00042 14.9998 3.59713 15 4.33325V13.0002C15 13.7365 14.4032 14.3331 13.667 14.3333H2.33301C1.59678 14.3331 1 13.7365 1 13.0002V4.33325C1.00018 3.59713 1.59689 3.00042 2.33301 3.00024H13.667ZM3 4.33325C2.63181 4.33325 2.33301 4.63205 2.33301 5.00024V6.33325C2.33301 6.70144 2.63181 7.00024 3 7.00024H13C13.3682 7.00024 13.667 6.70144 13.667 6.33325V5.00024C13.667 4.63205 13.3682 4.33325 13 4.33325H3Z" fill="#D3D7DB"/>
+</svg>
diff --git a/src/assets/icons/grayClock.svg b/src/assets/icons/grayClock.svg
new file mode 100644
index 0000000..0c1573a
--- /dev/null
+++ b/src/assets/icons/grayClock.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="10" cy="10" r="6.66667" fill="#F6F6F7" stroke="#D3D7DB" stroke-width="1.66667"/>
+<path d="M10 6.66675L10 10.0001" stroke="#BFC4CB" stroke-width="1.66667" stroke-linecap="round"/>
+<path d="M13.3334 10H10" stroke="#BFC4CB" stroke-width="1.66667" stroke-linecap="round"/>
+</svg>
diff --git a/src/assets/icons/hambuk.svg b/src/assets/icons/hambuk.svg
new file mode 100644
index 0000000..0cf98eb
--- /dev/null
+++ b/src/assets/icons/hambuk.svg
@@ -0,0 +1,10 @@
+<svg width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 2085670321">
+<path id="Line 11" d="M4 1.49805H16" stroke="#43464A" stroke-width="2" stroke-linecap="round"/>
+<path id="Line 12" d="M4 7.49805H16" stroke="#43464A" stroke-width="2" stroke-linecap="round"/>
+<path id="Line 13" d="M4 13.498H16" stroke="#43464A" stroke-width="2" stroke-linecap="round"/>
+<circle id="Ellipse 8513" cx="1" cy="1.49805" r="1" fill="#43464A"/>
+<circle id="Ellipse 8514" cx="1" cy="7.49805" r="1" fill="#43464A"/>
+<circle id="Ellipse 8515" cx="1" cy="13.498" r="1" fill="#43464A"/>
+</g>
+</svg>
diff --git a/src/assets/icons/heart.svg b/src/assets/icons/heart.svg
new file mode 100644
index 0000000..87137b6
--- /dev/null
+++ b/src/assets/icons/heart.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="31" viewBox="0 0 24 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.7059 21.6587C25.3455 16.6768 24.739 9.20391 19.2794 7.33598C16.5558 6.40416 13.2132 7.33589 12 11.0721C10.7868 7.33589 7.44417 6.40416 4.72061 7.33598C-0.739024 9.20391 -1.34555 16.6768 2.29415 21.6587C5.57236 26.1458 12 31 12 31C12 31 18.4276 26.1458 21.7059 21.6587Z" fill="#FF42B0"/>
+<circle cx="12" cy="2.5" r="2.5" fill="#FF68C0"/>
+</svg>
diff --git a/src/assets/icons/infoCardArrow.svg b/src/assets/icons/infoCardArrow.svg
new file mode 100644
index 0000000..7d7185a
--- /dev/null
+++ b/src/assets/icons/infoCardArrow.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector 612" d="M1.70005 13L8.30005 7L1.70005 1" stroke="#2C2E31" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/kakao.svg b/src/assets/icons/kakao.svg
new file mode 100644
index 0000000..d270ec0
--- /dev/null
+++ b/src/assets/icons/kakao.svg
@@ -0,0 +1,10 @@
+<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#236;&#185;&#180;&#236;&#185;&#180;&#236;&#152;&#164; &#235;&#161;&#156;&#234;&#179;&#160;" clip-path="url(#clip0_2768_4414)">
+<path id="Path" fill-rule="evenodd" clip-rule="evenodd" d="M9.50002 0.599976C4.52917 0.599976 0.5 3.71293 0.5 7.55226C0.5 9.94 2.0584 12.0449 4.43152 13.2969L3.43303 16.9445C3.34481 17.2668 3.71341 17.5237 3.99646 17.3369L8.37334 14.4482C8.7427 14.4838 9.11808 14.5046 9.50002 14.5046C14.4705 14.5046 18.4999 11.3918 18.4999 7.55226C18.4999 3.71293 14.4705 0.599976 9.50002 0.599976Z" fill="#2C2E31"/>
+</g>
+<defs>
+<clipPath id="clip0_2768_4414">
+<rect width="17.9999" height="18" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/leftArrow.svg b/src/assets/icons/leftArrow.svg
new file mode 100644
index 0000000..9c3362b
--- /dev/null
+++ b/src/assets/icons/leftArrow.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Polygon 9" d="M1.18645 3.67605C0.61244 4.07374 0.612441 4.92236 1.18645 5.32004L5.93051 8.60682C6.59371 9.0663 7.5 8.59164 7.5 7.78482L7.5 1.21127C7.5 0.404448 6.59371 -0.0702072 5.9305 0.389273L1.18645 3.67605Z" fill="#D3D7DB"/>
+</svg>
diff --git a/src/assets/icons/letter.svg b/src/assets/icons/letter.svg
new file mode 100644
index 0000000..8235a0b
--- /dev/null
+++ b/src/assets/icons/letter.svg
@@ -0,0 +1,9 @@
+<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 2085670322">
+<path id="Rectangle 240653971" d="M-0.000244141 7H19.9999V16.3734C19.9999 17.64 18.9731 18.6668 17.7066 18.6668H2.29311C1.02653 18.6668 -0.000244141 17.64 -0.000244141 16.3734V7Z" fill="#BFE6DA"/>
+<path id="Rectangle 240653972" d="M20.0002 7L9.53674e-05 7L8.83349 1.16662L8.95136 1.09295C9.69503 0.628164 10.6386 0.628164 11.3823 1.09295L11.5002 1.16662L20.0002 7Z" fill="#75C9B0"/>
+<path id="Rectangle 240653974" d="M20.0002 7L10.0002 12.8334V18.6668H17.7069C18.9735 18.6668 20.0002 17.64 20.0002 16.3734V7Z" fill="#75C9B0"/>
+<path id="Rectangle 240653973" d="M-0.000244141 7L9.99983 12.8334V18.6668H2.29311C1.02653 18.6668 -0.000244141 17.64 -0.000244141 16.3734V7Z" fill="#75C9B0"/>
+<path id="Rectangle 240653975" d="M-0.000244141 16.5217C-0.000244141 16.291 0.12707 16.0792 0.330757 15.971L9.37421 11.1659C9.76539 10.9581 10.2343 10.9581 10.6255 11.1659L19.3233 15.7874C19.7397 16.0086 19.9999 16.4415 19.9999 16.913C19.9999 17.8816 19.2147 18.6669 18.246 18.6669H2.14495C0.960195 18.6669 -0.000244141 17.7065 -0.000244141 16.5217Z" fill="#5ABFA1"/>
+</g>
+</svg>
diff --git a/src/assets/icons/pencil.svg b/src/assets/icons/pencil.svg
new file mode 100644
index 0000000..0980b47
--- /dev/null
+++ b/src/assets/icons/pencil.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5141 7.47438C12.8834 7.10542 13.4819 7.10529 13.851 7.47438L16.5255 10.1488C16.8945 10.518 16.8944 11.1165 16.5255 11.4857L8.90058 19.1106C8.73076 19.2804 8.50257 19.379 8.26253 19.3868L5.49901 19.4765C4.95314 19.4942 4.50568 19.0467 4.52329 18.5008L4.61306 15.7373C4.62083 15.4973 4.71944 15.2691 4.88927 15.0993L12.5141 7.47438ZM16.5255 3.46307C16.8946 3.09389 17.4938 3.09334 17.863 3.46238L20.5375 6.13681C20.9067 6.50605 20.906 7.10514 20.5368 7.47438L19.1999 8.81125C18.8307 9.18046 18.2323 9.18048 17.863 8.81125L15.1886 6.13681C14.8196 5.76757 14.8194 5.16912 15.1886 4.79994L16.5255 3.46307Z" fill="#43464A"/>
+</svg>
diff --git a/src/assets/icons/plus.svg b/src/assets/icons/plus.svg
new file mode 100644
index 0000000..3f14415
--- /dev/null
+++ b/src/assets/icons/plus.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Union" d="M7.99951 0.498535C8.5518 0.498535 8.99951 0.94625 8.99951 1.49854V7.49756H14.9995C15.5517 7.49769 15.9995 7.94536 15.9995 8.49756C15.9995 9.04976 15.5517 9.49743 14.9995 9.49756H8.99951V15.4976L8.99463 15.5991C8.94341 16.1034 8.51727 16.4976 7.99951 16.4976C7.48189 16.4974 7.05557 16.1033 7.00439 15.5991L6.99951 15.4976V9.49756H1.00049L0.898926 9.49268C0.394488 9.44164 0.000488281 9.01546 0.000488281 8.49756C0.000488281 7.97966 0.394488 7.55348 0.898926 7.50244L1.00049 7.49756H6.99951V1.49854C6.99951 0.946373 7.4474 0.498733 7.99951 0.498535Z" fill="#43464A"/>
+</svg>
diff --git a/src/assets/icons/rightArrow.svg b/src/assets/icons/rightArrow.svg
new file mode 100644
index 0000000..94aab2c
--- /dev/null
+++ b/src/assets/icons/rightArrow.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Polygon 9" d="M6.81355 3.67605C7.38756 4.07374 7.38756 4.92236 6.81355 5.32004L2.06949 8.60682C1.40629 9.0663 0.500001 8.59164 0.500001 7.78482L0.500001 1.21127C0.500001 0.404448 1.40629 -0.0702072 2.0695 0.389273L6.81355 3.67605Z" fill="#D3D7DB"/>
+</svg>
diff --git a/src/assets/icons/travel.svg b/src/assets/icons/travel.svg
new file mode 100644
index 0000000..a2778ba
--- /dev/null
+++ b/src/assets/icons/travel.svg
@@ -0,0 +1,12 @@
+<svg width="42" height="34" viewBox="0 0 42 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2005 9.84567L17.6456 15.0665L23.2462 10.6875L14.9522 7.82851C14.7791 7.76886 14.5922 7.76236 14.4155 7.80983L12.5973 8.29812C11.9075 8.48339 11.6849 9.35133 12.2005 9.84567Z" fill="#5ABFA1"/>
+<path d="M3.10527 18.5177L8.10853 23.1046L12.3942 19.6583L5.81136 16.5862C5.62071 16.4972 5.40525 16.4765 5.20114 16.5275L3.50254 16.9522C2.79369 17.1294 2.56668 18.024 3.10527 18.5177Z" fill="#5ABFA1"/>
+<path d="M4.43084 26.5993C3.52786 26.6546 3.09882 25.5075 3.81643 24.9566L26.7393 7.3599C27.3887 6.86137 28.1412 6.51405 28.9419 6.34327L37.2453 4.57224C38.4673 4.3116 39.7188 4.86379 40.35 5.94215V5.94215C41.1302 7.27507 40.7276 8.98568 39.4349 9.83076L18.815 23.3098C16.1503 25.0518 13.078 26.0701 9.90034 26.2645L4.43084 26.5993Z" fill="#5ABFA1"/>
+<path d="M38.4683 4.57764C39.2416 4.747 39.9321 5.22874 40.3501 5.94287C41.1303 7.27577 40.7278 8.98648 39.4351 9.83154L18.815 23.3101C16.1503 25.0519 13.0784 26.0706 9.9009 26.2651L4.43117 26.6001C3.5282 26.6554 3.09931 25.5084 3.81692 24.9575L26.7398 7.36084C27.3891 6.86238 28.1413 6.51502 28.9419 6.34424L35.5405 4.93604C35.5423 5.06265 35.5673 5.19058 35.6236 5.31104L36.1323 6.40088C36.3549 6.8777 36.9321 7.06923 37.396 6.8208L38.2808 6.34717C38.6853 6.13048 38.8679 5.64817 38.7075 5.21826L38.4683 4.57764Z" fill="#BFE6DA"/>
+<path d="M28.1117 12.7245L20.6974 18.3122L24.0543 31.3841C24.2444 32.1245 25.2039 32.3209 25.6697 31.7147L27.7009 29.071C27.8213 28.9142 27.8879 28.7227 27.8907 28.5251L28.1117 12.7245Z" fill="#BFE6DA"/>
+<path d="M19.3201 17.9211L19.1555 17.5918C18.9573 17.1954 19.0709 16.714 19.4255 16.4481L19.69 16.2497C20.1727 15.8876 20.8675 16.0825 21.0916 16.6427L21.2509 17.0408C21.428 17.4837 21.2362 17.9883 20.8096 18.2016L20.5504 18.3312C20.0975 18.5577 19.5466 18.3741 19.3201 17.9211Z" fill="#5ABFA1"/>
+<path d="M24.8222 14.2529L24.6576 13.9236C24.4594 13.5272 24.573 13.0458 24.9276 12.7799L25.1921 12.5815C25.6748 12.2194 26.3696 12.4142 26.5937 12.9745L26.753 13.3726C26.9301 13.8155 26.7382 14.3201 26.3117 14.5334L26.0525 14.663C25.5995 14.8895 25.0487 14.7059 24.8222 14.2529Z" fill="#5ABFA1"/>
+<path d="M27.5732 12.4189L27.4085 12.0896C27.2103 11.6932 27.324 11.2118 27.6785 10.9459L27.9431 10.7475C28.4258 10.3854 29.1206 10.5803 29.3447 11.1405L29.504 11.5386C29.6811 11.9815 29.4892 12.4861 29.0626 12.6994L28.8035 12.829C28.3505 13.0555 27.7997 12.8719 27.5732 12.4189Z" fill="#5ABFA1"/>
+<path d="M33.0763 8.17744L32.8405 7.63834C32.6788 7.26881 32.7776 6.83703 33.0838 6.57454L33.3834 6.31774C33.8734 5.89771 34.6325 6.10188 34.8457 6.71105L35.0672 7.34394C35.2134 7.76139 35.0407 8.22364 34.6567 8.44307L34.3714 8.60607C33.8981 8.87652 33.2948 8.67685 33.0763 8.17744Z" fill="#5ABFA1"/>
+<path d="M22.0711 16.0871L21.9065 15.7578C21.7083 15.3614 21.8219 14.88 22.1765 14.6141L22.441 14.4157C22.9237 14.0536 23.6185 14.2485 23.8426 14.8087L24.0019 15.2069C24.179 15.6497 23.9871 16.1543 23.5606 16.3676L23.3014 16.4972C22.8484 16.7237 22.2976 16.5401 22.0711 16.0871Z" fill="#5ABFA1"/>
+</svg>
diff --git a/src/assets/icons/tripleArrow.svg b/src/assets/icons/tripleArrow.svg
new file mode 100644
index 0000000..61e868a
--- /dev/null
+++ b/src/assets/icons/tripleArrow.svg
@@ -0,0 +1,5 @@
+<svg width="39" height="18" viewBox="0 0 39 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.5 16.1279L14 9.00293L6.5 1.87793" stroke="#D3D7DB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.5 16.1279L24 9.00293L16.5 1.87793" stroke="#BFC4CB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M26.5 16.1279L34 9.00293L26.5 1.87793" stroke="#B3B9C1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/images/airbg.svg b/src/assets/images/airbg.svg
new file mode 100644
index 0000000..7ced06e
--- /dev/null
+++ b/src/assets/images/airbg.svg
@@ -0,0 +1,101 @@
+<svg width="394" height="259" viewBox="0 0 394 259" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="394" height="259" fill="#194266"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M266.283 160.206L253.429 158.882C246.246 158.143 240 163.779 240 171H316.5C316.5 167.804 314.083 165.126 310.904 164.799L306.375 164.333C306.395 159.515 304.694 154.827 301.551 151.131C298.071 147.04 293.109 144.498 287.756 144.066C282.403 143.633 277.097 145.345 273.006 148.824C269.537 151.774 267.183 155.79 266.283 160.206Z" fill="url(#paint0_linear_1489_3193)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M145.086 103.685L138.197 102.976C134.347 102.58 131 105.601 131 109.471H172C172 107.758 170.705 106.323 169.001 106.147L166.574 105.897C166.584 103.315 165.673 100.803 163.988 98.8218C162.123 96.6292 159.464 95.2671 156.595 95.0353C153.726 94.8035 150.882 95.7208 148.689 97.5856C146.831 99.1666 145.569 101.319 145.086 103.685Z" fill="url(#paint1_linear_1489_3193)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25.0863 145.685L18.1973 144.976C14.3475 144.58 11 147.601 11 151.471H52C52 149.758 50.7049 148.323 49.0012 148.147L46.5735 147.897C46.5842 145.315 45.6727 142.803 43.988 140.822C42.1232 138.629 39.4638 137.267 36.5948 137.035C33.7257 136.803 30.8821 137.721 28.6895 139.586C26.8306 141.167 25.5686 143.319 25.0863 145.685Z" fill="url(#paint2_linear_1489_3193)"/>
+<rect x="231.717" y="100.661" width="4.72441" height="11.2597" fill="url(#paint3_linear_1489_3193)"/>
+<rect x="265.969" y="100.661" width="4.72441" height="11.2597" fill="url(#paint4_linear_1489_3193)"/>
+<path d="M231.717 98.4845C231.717 96.7058 232.034 94.9413 232.653 93.2739L233.377 91.3229C233.619 90.6723 234.539 90.6723 234.78 91.3229L235.505 93.274C236.124 94.9414 236.441 96.7058 236.441 98.4844V100.66H231.717V98.4845Z" fill="url(#paint5_linear_1489_3193)"/>
+<path d="M265.969 98.4845C265.969 96.7058 266.286 94.9413 266.905 93.2739L267.629 91.3229C267.871 90.6723 268.791 90.6723 269.032 91.3229L269.757 93.274C270.376 94.9414 270.693 96.7058 270.693 98.4844V100.66H265.969V98.4845Z" fill="url(#paint6_linear_1489_3193)"/>
+<rect x="242.346" y="124.866" width="17.7165" height="7.08661" fill="#2B435B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M242.284 90.6141C242.284 88.6572 243.871 87.0708 245.828 87.0708H256.458C258.414 87.0708 260.001 88.6572 260.001 90.6141V99.6313C260.477 99.6345 260.964 99.7844 261.398 100.112L287.295 119.657C288.225 120.359 288.504 121.635 287.951 122.662L285.515 127.187C285.068 128.017 284.17 128.502 283.23 128.42L259.771 126.38C259.642 126.369 259.517 126.348 259.396 126.317C258.762 127.941 257.661 129.332 256.26 130.326H259.975L259.975 126.783L275.656 138.617C276.148 138.988 276.295 139.663 276.003 140.205L274.716 142.596C274.48 143.034 274.005 143.29 273.509 143.247L261.156 142.173V150.995C261.156 151.321 260.892 151.586 260.566 151.586C260.24 151.586 259.975 151.321 259.975 150.995V140.931C259.975 140.929 259.975 140.928 259.975 140.926V134.47C259.97 136.748 258.121 138.594 255.841 138.594C253.558 138.594 251.707 136.743 251.707 134.46V133.883C251.7 136.486 249.588 138.594 246.983 138.594C244.374 138.594 242.259 136.479 242.259 133.869V130.326H246.026C244.465 129.22 243.279 127.622 242.692 125.758C242.617 125.772 242.541 125.783 242.463 125.789L219.003 127.829C218.064 127.911 217.166 127.426 216.719 126.596L214.283 122.071C213.73 121.045 214.009 119.768 214.939 119.066L240.836 99.5214C241.286 99.1817 241.792 99.0331 242.284 99.0406V90.6141ZM226.578 138.617C226.086 138.988 225.939 139.663 226.231 140.205L227.518 142.596C227.754 143.034 228.229 143.29 228.725 143.247L241.078 142.173V150.995C241.078 151.321 241.342 151.586 241.668 151.586C241.994 151.586 242.259 151.321 242.259 150.995V136.231L242.259 126.783L226.578 138.617Z" fill="url(#paint7_linear_1489_3193)"/>
+<path d="M255.339 85.89C255.339 84.5854 256.396 83.5278 257.701 83.5278C259.005 83.5278 260.063 84.5854 260.063 85.89V93.6064C260.063 94.2587 259.534 94.7875 258.882 94.7875H256.52C255.867 94.7875 255.339 94.2587 255.339 93.6064V85.89Z" fill="url(#paint8_linear_1489_3193)"/>
+<path d="M242.346 85.89C242.346 84.5854 243.404 83.5278 244.709 83.5278C246.013 83.5278 247.071 84.5854 247.071 85.89V93.6064C247.071 94.2587 246.542 94.7875 245.89 94.7875H243.528C242.875 94.7875 242.346 94.2587 242.346 93.6064V85.89Z" fill="url(#paint9_linear_1489_3193)"/>
+<path d="M242.346 130.22C242.346 131.525 243.404 132.583 244.709 132.583C246.013 132.583 247.071 131.525 247.071 130.22V122.504C247.071 121.852 246.542 121.323 245.89 121.323H243.528C242.875 121.323 242.346 121.852 242.346 122.504V130.22Z" fill="url(#paint10_linear_1489_3193)"/>
+<path d="M247.071 71.7163H255.339V102.425C255.339 104.382 253.752 105.968 251.795 105.968H250.614C248.657 105.968 247.071 104.382 247.071 102.425V71.7163Z" fill="url(#paint11_linear_1489_3193)"/>
+<path d="M247.071 89.4331H255.339V102.425C255.339 104.382 253.752 105.969 251.795 105.969H250.614C248.657 105.969 247.071 104.382 247.071 102.425V89.4331Z" fill="url(#paint12_linear_1489_3193)"/>
+<path d="M247.071 68.7125C247.071 65.627 247.675 62.5714 248.85 59.7183L250.113 56.6523C250.514 55.6771 251.895 55.6771 252.297 56.6523L253.559 59.7184C254.734 62.5714 255.339 65.6269 255.339 68.7123V71.7165H247.071V68.7125Z" fill="url(#paint13_linear_1489_3193)"/>
+<path d="M288.039 123.107C288.592 122.08 288.313 120.804 287.382 120.101L259.593 99.1286C258.815 98.5413 257.701 99.0964 257.701 100.071V124.471C257.701 125.697 258.638 126.719 259.858 126.825L283.318 128.865C284.258 128.946 285.156 128.462 285.603 127.631L288.039 123.107Z" fill="url(#paint14_linear_1489_3193)"/>
+<path d="M255.339 130.22C255.339 131.525 256.396 132.583 257.701 132.583C259.005 132.583 260.063 131.525 260.063 130.22V122.504C260.063 121.852 259.534 121.323 258.882 121.323H256.52C255.867 121.323 255.339 121.852 255.339 122.504V130.22Z" fill="url(#paint15_linear_1489_3193)"/>
+<path d="M276.091 140.65C276.383 140.108 276.235 139.434 275.744 139.063L260.063 127.228V141.371C260.063 142.019 260.558 142.559 261.203 142.615L273.597 143.692C274.093 143.736 274.567 143.479 274.804 143.041L276.091 140.65Z" fill="url(#paint16_linear_1489_3193)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M182.708 135.147C182.043 136.761 181.701 138.489 181.701 140.234V141.932V141.932V148.611H179.03V150.615H178.995V157.384C178.716 157.38 178.43 157.464 178.175 157.656L175.69 159.532V158.3H173.019V161.548L163.531 168.708C163.005 169.105 162.847 169.827 163.16 170.408L164.538 172.966C164.79 173.436 165.298 173.71 165.829 173.664L178.995 172.519V175.076H178.98L178.98 173.072L170.113 179.764C169.835 179.974 169.751 180.355 169.917 180.662L170.644 182.014C170.778 182.262 171.046 182.407 171.327 182.382L178.312 181.775V187.098H178.98V181.075L178.98 181.07L178.98 179.751H184.323H188.999V187.098H189.667V182.022C189.675 182.023 189.684 182.024 189.693 182.024L196.702 182.634C196.982 182.658 197.251 182.514 197.384 182.265L198.112 180.914C198.214 180.725 198.221 180.507 198.147 180.319C198.144 180.107 198.046 179.9 197.866 179.764L189.048 173.109V173.106L202.199 174.249C202.73 174.295 203.238 174.021 203.491 173.552L204.869 170.993C205.042 170.671 205.071 170.306 204.972 169.977C204.936 169.616 204.755 169.274 204.448 169.042L195.06 161.957V158.3H192.388V159.941L189.803 157.99C189.607 157.842 189.391 157.758 189.175 157.729L189.013 157.607V154.979H189.048V148.611H186.377V141.932V141.932V140.233C186.377 138.489 186.035 136.761 185.371 135.147L184.657 133.414C184.43 132.862 183.649 132.862 183.421 133.414L182.708 135.147ZM173.548 154.123C173.198 155.066 173.019 156.063 173.019 157.069V158.3H175.69V157.069C175.69 156.063 175.511 155.066 175.161 154.123L174.751 153.019C174.615 152.651 174.094 152.651 173.958 153.019L173.548 154.123ZM192.388 157.069C192.388 156.063 192.567 155.066 192.917 154.123L193.327 153.019C193.464 152.651 193.984 152.651 194.121 153.019L194.53 154.123C194.88 155.066 195.06 156.063 195.06 157.069V158.3H192.388V157.069Z" fill="url(#paint17_linear_1489_3193)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M321.172 115.743C320.323 117.804 319.887 120.011 319.887 122.239V124.409V124.409V132.94H316.474V135.499H316.43V144.145C316.074 144.14 315.708 144.247 315.383 144.492L312.209 146.888V145.315H308.796V149.463L296.679 158.609C296.006 159.116 295.805 160.038 296.204 160.78L297.964 164.048C298.287 164.648 298.935 164.998 299.614 164.939L316.43 163.477V166.742H316.411V172.714H323.236H329.208L329.208 171.007V182.098H330.061V175.615C330.072 175.616 330.083 175.617 330.094 175.618L339.046 176.397C339.405 176.428 339.747 176.243 339.918 175.926L340.848 174.199C340.978 173.958 340.987 173.68 340.892 173.44C340.889 173.169 340.763 172.904 340.534 172.731L329.271 164.231V164.226L346.068 165.687C346.747 165.746 347.395 165.395 347.718 164.796L349.478 161.528C349.699 161.117 349.736 160.65 349.61 160.23C349.565 159.769 349.333 159.332 348.94 159.036L336.949 149.986V145.315H333.537V147.41L330.235 144.919C329.984 144.729 329.708 144.622 329.432 144.586L329.226 144.431V141.073H329.271V132.94H325.858V124.409V124.409V122.239C325.858 120.011 325.422 117.804 324.573 115.743L323.661 113.528C323.371 112.824 322.374 112.824 322.084 113.528L321.172 115.743ZM305.085 172.731C304.73 172.999 304.623 173.486 304.834 173.878L305.764 175.604C305.935 175.921 306.277 176.106 306.636 176.075L315.558 175.299V182.098H316.411V174.402L316.411 174.398V164.183L305.085 172.731ZM309.473 139.98C309.025 141.184 308.796 142.458 308.796 143.743V145.315H312.209V143.743C312.209 142.458 311.98 141.184 311.533 139.98L311.009 138.57C310.835 138.1 310.17 138.1 309.996 138.57L309.473 139.98ZM333.537 143.743C333.537 142.458 333.765 141.184 334.213 139.98L334.736 138.57C334.91 138.1 335.575 138.1 335.75 138.57L336.273 139.98C336.72 141.184 336.949 142.458 336.949 143.743V145.315H333.537V143.743Z" fill="url(#paint18_linear_1489_3193)"/>
+<defs>
+<linearGradient id="paint0_linear_1489_3193" x1="224" y1="147.5" x2="325.5" y2="147.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1C6478"/>
+<stop offset="1" stop-color="#194266"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1489_3193" x1="179" y1="102" x2="132.5" y2="107.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1C6478"/>
+<stop offset="1" stop-color="#194266"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1489_3193" x1="12.8088" y1="146.044" x2="49.5883" y2="148.456" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1C6478"/>
+<stop offset="1" stop-color="#194266"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1489_3193" x1="233.588" y1="105.151" x2="236.207" y2="105.151" gradientUnits="userSpaceOnUse">
+<stop stop-color="#365166"/>
+<stop offset="1" stop-color="#1F334C"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1489_3193" x1="267.84" y1="105.151" x2="270.459" y2="105.151" gradientUnits="userSpaceOnUse">
+<stop stop-color="#365166"/>
+<stop offset="1" stop-color="#1F334C"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1489_3193" x1="236.582" y1="97.6663" x2="233" y2="97.6663" gradientUnits="userSpaceOnUse">
+<stop stop-color="#15232E"/>
+<stop offset="1" stop-color="#194266"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1489_3193" x1="270.834" y1="97.6663" x2="266.5" y2="97.6663" gradientUnits="userSpaceOnUse">
+<stop stop-color="#15232E"/>
+<stop offset="1" stop-color="#194266"/>
+</linearGradient>
+<linearGradient id="paint7_linear_1489_3193" x1="211" y1="119" x2="250.904" y2="114.632" gradientUnits="userSpaceOnUse">
+<stop stop-color="#194266"/>
+<stop offset="1" stop-color="#13243A"/>
+</linearGradient>
+<linearGradient id="paint8_linear_1489_3193" x1="257.21" y1="88.0186" x2="259.829" y2="88.0186" gradientUnits="userSpaceOnUse">
+<stop stop-color="#365166"/>
+<stop offset="1" stop-color="#1F334C"/>
+</linearGradient>
+<linearGradient id="paint9_linear_1489_3193" x1="244.218" y1="88.0186" x2="246.837" y2="88.0186" gradientUnits="userSpaceOnUse">
+<stop stop-color="#365166"/>
+<stop offset="1" stop-color="#1F334C"/>
+</linearGradient>
+<linearGradient id="paint10_linear_1489_3193" x1="244.218" y1="128.092" x2="246.837" y2="128.092" gradientUnits="userSpaceOnUse">
+<stop stop-color="#365166"/>
+<stop offset="1" stop-color="#1F334C"/>
+</linearGradient>
+<linearGradient id="paint11_linear_1489_3193" x1="250.345" y1="85.3774" x2="254.93" y2="85.3774" gradientUnits="userSpaceOnUse">
+<stop stop-color="#365166"/>
+<stop offset="1" stop-color="#1F334C"/>
+</linearGradient>
+<linearGradient id="paint12_linear_1489_3193" x1="255.339" y1="103.016" x2="248.252" y2="87.6615" gradientUnits="userSpaceOnUse">
+<stop stop-color="#13243A"/>
+<stop offset="1" stop-color="#2B435B"/>
+</linearGradient>
+<linearGradient id="paint13_linear_1489_3193" x1="255.585" y1="66.9921" x2="249" y2="66.9921" gradientUnits="userSpaceOnUse">
+<stop stop-color="#15232E"/>
+<stop offset="1" stop-color="#194266"/>
+</linearGradient>
+<linearGradient id="paint14_linear_1489_3193" x1="285.457" y1="128.409" x2="258.882" y2="101.834" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2D5477"/>
+<stop offset="1" stop-color="#13243A"/>
+</linearGradient>
+<linearGradient id="paint15_linear_1489_3193" x1="257.21" y1="128.092" x2="259.829" y2="128.092" gradientUnits="userSpaceOnUse">
+<stop stop-color="#365166"/>
+<stop offset="1" stop-color="#1F334C"/>
+</linearGradient>
+<linearGradient id="paint16_linear_1489_3193" x1="274.827" y1="139.039" x2="261.835" y2="137.267" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B435B"/>
+<stop offset="1" stop-color="#13243A"/>
+</linearGradient>
+<linearGradient id="paint17_linear_1489_3193" x1="187.5" y1="190.5" x2="190.5" y2="92.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#194266"/>
+<stop offset="1" stop-color="#13243A"/>
+</linearGradient>
+<linearGradient id="paint18_linear_1489_3193" x1="332.5" y1="182" x2="332.5" y2="84" gradientUnits="userSpaceOnUse">
+<stop stop-color="#194266"/>
+<stop offset="1" stop-color="#13243A"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/images/armybg.svg b/src/assets/images/armybg.svg
new file mode 100644
index 0000000..3a617cf
--- /dev/null
+++ b/src/assets/images/armybg.svg
@@ -0,0 +1,66 @@
+<svg width="393" height="321" viewBox="0 0 393 321" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="394" height="259" fill="#937575"/>
+<path d="M266.654 66.5981C278.165 49.897 302.835 49.897 314.346 66.5982L408.601 203.354C421.843 222.567 408.09 248.75 384.755 248.75H196.245C172.91 248.75 159.157 222.567 172.399 203.354L266.654 66.5981Z" fill="url(#paint0_linear_1489_2982)"/>
+<path d="M217.567 124.569L216.714 120.308C216.998 118.035 217.567 112.808 217.567 110.081C217.567 107.354 220.691 106.672 222.254 106.672L225.663 107.951C226.344 107.269 227.083 107.098 227.367 107.098L233.333 107.951L237.168 109.229L238.872 127.126L231.202 132.239L217.567 124.569Z" fill="#2C2E31"/>
+<path d="M274.665 118.177C255.916 134.796 237.31 117.609 232.48 107.098C249.099 90.4803 264.012 87.4975 272.535 85.793L272.535 85.7929C273.671 81.8159 277.478 75.5663 283.614 82.3841C289.75 89.2018 284.182 94.5992 280.631 96.4457C282.335 102.837 281.483 110.933 274.665 118.177Z" fill="url(#paint1_linear_1489_2982)"/>
+<path d="M274.665 82.3838C261.03 96.7011 241.571 107.666 233.759 109.655C243.304 127.722 258.757 127.409 265.291 124.995C282.761 116.899 281.477 100.672 280.631 95.5932C279.779 90.4799 276.086 84.3723 274.665 82.3838Z" fill="url(#paint2_linear_1489_2982)"/>
+<path d="M268.273 87.4972C253.615 90.906 238.304 102.269 232.48 107.524C227.708 109.91 225 105.5 226.089 101.985C214.158 78.1228 225.378 62.2147 232.48 57.2434C259.875 37.7703 282.822 61.9973 291.73 77.8671C292.267 78.8229 292.298 80.006 291.67 80.9039C288.549 85.3627 283.56 85.4147 280.601 83.4999C279.536 82.8113 278.164 82.4283 277.036 83.0064L268.273 87.4972Z" fill="url(#paint3_linear_1489_2982)"/>
+<path d="M205.68 145.423L253.36 126.273L250.377 168.032C245.69 173.855 226.344 187.633 215.436 185.928C206.592 184.546 197.618 175.043 193.781 168.543C192.369 166.151 192.729 163.264 194.042 160.817L199.18 151.241C200.598 148.6 202.898 146.54 205.68 145.423Z" fill="url(#paint4_linear_1489_2982)"/>
+<path d="M227.793 143.616C227.793 142.566 228.734 141.766 229.77 141.934L236.588 143.038C237.413 143.172 238.02 143.885 238.02 144.721V169.873C238.02 170.759 237.34 171.498 236.457 171.571L229.639 172.139C228.645 172.222 227.793 171.438 227.793 170.441V143.616Z" fill="#2C2E31"/>
+<path d="M223.958 153.118C221.913 150.391 223.39 148.005 224.384 147.153C223.532 145.306 222.765 141.528 226.515 141.187C230.265 140.846 235.747 145.022 238.02 147.153C242.111 150.562 239.724 151.982 238.02 152.266C241.77 155.675 239.582 157.379 238.02 157.805C240.747 159.851 238.304 161.498 236.742 162.067C234.185 162.493 228.219 162.578 224.81 159.51C221.402 156.442 222.822 153.97 223.958 153.118Z" fill="url(#paint5_linear_1489_2982)"/>
+<path d="M280.631 96.4455C275.176 116.899 260.177 124.569 253.36 125.847C242.451 150.391 242.565 200.842 243.985 223H358.609C359.035 125.421 308.328 108.803 302.788 104.542C297.249 100.28 295.971 104.968 291.71 101.559C289 99.3911 291 96.8722 287.022 95.1672C282.25 93.1215 280.773 95.1672 280.631 96.4455Z" fill="url(#paint6_linear_1489_2982)"/>
+<path d="M239 155.647V150.5C248.204 146.068 252.081 138.062 252.508 136.073L259.208 137.145C260.055 137.281 260.853 137.632 261.525 138.165L282.342 154.68C284.211 156.162 286.932 155.823 288.378 153.927L302 136.074C313.5 121.5 326.651 122.438 332.19 126.699C353.113 142.794 352.609 165.756 345.085 174.875C344.124 176.04 342.825 176.854 341.487 177.554L293.621 202.621C292.646 203.132 291.557 203.404 290.455 203.382C281.777 203.202 276.178 201.659 273.613 200.537C272.878 200.216 272.281 199.667 271.784 199.036L240.071 158.74C239.377 157.858 239 156.769 239 155.647Z" fill="url(#paint7_linear_1489_2982)"/>
+<path d="M220.975 139.057C216.544 138.034 214.868 131.813 214.584 128.83C216.288 120.649 226.657 126.273 231.628 130.108C238.105 128.404 234.895 119.74 232.48 115.621C232.196 114.342 232.395 111.786 235.463 111.786C238.531 111.786 242.423 118.319 243.985 121.586C248.417 127.04 248.672 130.961 248.246 132.239L254.5 136.5C253.818 147.408 243.687 152.142 239 152C239 152 233.901 145.448 233.333 143.744C228.645 143.744 229.498 142.039 225.663 141.613C222.595 141.272 221.259 139.767 220.975 139.057Z" fill="url(#paint8_linear_1489_2982)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M218.477 102.373C217.409 101.521 216.714 100.138 216.714 98.5759C216.714 95.9872 218.622 93.8887 220.975 93.8887C223.329 93.8887 225.237 95.9872 225.237 98.5759C225.237 100.138 224.542 101.521 223.474 102.373L223.106 107.524H218.845L218.477 102.373ZM220.974 101.559C219.563 101.558 218.419 100.223 218.419 98.5761C218.419 96.9287 219.563 95.5933 220.975 95.5933C222.387 95.5933 223.532 96.9287 223.532 98.5761C223.532 100.223 222.388 101.558 220.977 101.559C220.976 101.559 220.976 101.559 220.975 101.559C220.975 101.559 220.974 101.559 220.974 101.559Z" fill="#43464A"/>
+<circle cx="220.123" cy="109.229" r="3.40888" fill="#43464A"/>
+<circle cx="220.123" cy="117.751" r="3.40888" fill="#43464A"/>
+<path d="M206 111.577C206 110.682 206.692 109.94 207.584 109.877L218.176 109.129C219.162 109.059 220 109.84 220 110.829V118.187C220 119.169 219.171 119.949 218.19 119.888L207.599 119.231C206.7 119.175 206 118.43 206 117.529V111.577Z" fill="#2C2E31"/>
+<rect x="246.724" y="104.669" width="5.36831" height="4.02623" rx="2.01312" transform="rotate(-120.489 246.724 104.669)" fill="#2C2E31"/>
+<path d="M250 96.5L247.598 100L243.5 101.5L245.646 98.4961C245.877 98.1727 246.199 97.9255 246.571 97.7859L250 96.5Z" fill="#2C2E31"/>
+<rect x="239.033" y="108.747" width="4.41075" height="3.30807" rx="1.65403" transform="rotate(-120.489 239.033 108.747)" fill="#2C2E31"/>
+<path d="M240.561 103.533L238.356 105.573L235.293 105.968L237.243 104.23C237.453 104.043 237.714 103.922 237.993 103.884L240.561 103.533Z" fill="#2C2E31"/>
+<path d="M170 121.5C170 114.044 163.956 108 156.5 108H107.5C100.044 108 94 114.044 94 121.5C94 128.956 100.044 135 107.5 135H156.5C163.956 135 170 128.956 170 121.5Z" fill="url(#paint9_linear_1489_2982)"/>
+<path d="M118 164.5C118 155.94 111.06 149 102.5 149H0V180H102.5C111.06 180 118 173.06 118 164.5Z" fill="#8F6D6D"/>
+<defs>
+<linearGradient id="paint0_linear_1489_2982" x1="262.233" y1="73.2857" x2="404.036" y2="209.686" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A17E7E"/>
+<stop offset="1" stop-color="#8B6969"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1489_2982" x1="272" y1="96.5" x2="255.5" y2="87" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E4B3B3"/>
+<stop offset="1" stop-color="#937575"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1489_2982" x1="251" y1="98.5" x2="277" y2="104" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B604B"/>
+<stop offset="1" stop-color="#43464A"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1489_2982" x1="242" y1="97.5" x2="257" y2="52.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B604B"/>
+<stop offset="1" stop-color="#937575"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1489_2982" x1="200.948" y1="178.258" x2="227.793" y2="151.84" gradientUnits="userSpaceOnUse">
+<stop stop-color="#43464A"/>
+<stop offset="1" stop-color="#2C2E31"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1489_2982" x1="228.219" y1="142.891" x2="232.481" y2="161.214" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C2E31"/>
+<stop offset="1" stop-color="#43464A"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1489_2982" x1="269.5" y1="107.5" x2="344.5" y2="174" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3C3E41"/>
+<stop offset="1" stop-color="#937575"/>
+</linearGradient>
+<linearGradient id="paint7_linear_1489_2982" x1="239" y1="158" x2="349" y2="154.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C2E31"/>
+<stop offset="1" stop-color="#A17E7E"/>
+</linearGradient>
+<linearGradient id="paint8_linear_1489_2982" x1="247.394" y1="148.005" x2="234.611" y2="127.552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#43464A"/>
+<stop offset="1" stop-color="#2C2E31"/>
+</linearGradient>
+<linearGradient id="paint9_linear_1489_2982" x1="94" y1="123.5" x2="170" y2="123.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8B6969"/>
+<stop offset="1" stop-color="#A17E7E"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/images/back.svg b/src/assets/images/back.svg
new file mode 100644
index 0000000..b460927
--- /dev/null
+++ b/src/assets/images/back.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5 2L6.5 12L17.5 22" stroke="#43464A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/images/boots.svg b/src/assets/images/boots.svg
new file mode 100644
index 0000000..8ef3588
--- /dev/null
+++ b/src/assets/images/boots.svg
@@ -0,0 +1,5 @@
+<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 12.1739C10 10.9733 10.9733 10 12.1739 10H20.3261C21.5267 10 22.5 10.9733 22.5 12.1739V20.2186C22.5 22.92 24.6899 25.1099 27.3913 25.1099H28.4783C32.0801 25.1099 35 28.0298 35 31.6316V33.3696C35 34.27 34.27 35 33.3696 35H20.5302C20.332 35 20.1376 34.9458 19.968 34.8433L18.5562 33.99C18.19 33.7687 17.7282 33.7828 17.3762 34.0259L16.2448 34.8074C16.0632 34.9328 15.8477 35 15.627 35H11.6304C10.73 35 10 34.27 10 33.3696V25.788C10 25.0501 10.119 24.3171 10.3523 23.617L10.5783 22.9391C11.0815 21.4294 11.0216 19.7887 10.4095 18.3198C10.1392 17.671 10 16.9751 10 16.2722V12.1739Z" fill="#5ABFA1"/>
+<rect x="13" y="14" width="7" height="2" rx="1" fill="#237C61"/>
+<rect x="13" y="17" width="7" height="2" rx="1" fill="#237C61"/>
+</svg>
diff --git a/src/assets/images/cake.svg b/src/assets/images/cake.svg
new file mode 100644
index 0000000..7bc34ee
--- /dev/null
+++ b/src/assets/images/cake.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3.81848" y="13.4326" width="16.3635" height="8.99992" rx="1.63639" fill="#E2E4E7"/>
+<path d="M10.3639 8.5223C10.3639 8.07042 10.7302 7.7041 11.1821 7.7041H12.8184C13.2703 7.7041 13.6366 8.07042 13.6366 8.5223V12.6131H10.3639V8.5223Z" fill="#D3D7DB"/>
+<path d="M10.3636 5.53612C10.3636 5.34725 10.4033 5.16048 10.48 4.98788L11.2523 3.25014C11.5403 2.60228 12.4597 2.60229 12.7477 3.25015L13.52 4.98788C13.5967 5.16048 13.6363 5.34725 13.6363 5.53612C13.6363 6.28164 13.032 6.88601 12.2865 6.88601H11.7135C10.968 6.88601 10.3636 6.28164 10.3636 5.53612Z" fill="#BFC4CB"/>
+<path d="M3 14.2495C3 12.8939 4.09896 11.7949 5.45459 11.7949H18.5452C19.9009 11.7949 20.9998 12.8939 20.9998 14.2495V15.0676C20.9998 15.5195 20.6335 15.8858 20.1816 15.8858H3.8182C3.36632 15.8858 3 15.5195 3 15.0676V14.2495Z" fill="#BFC4CB"/>
+</svg>
diff --git a/src/assets/images/calendar_black.svg b/src/assets/images/calendar_black.svg
new file mode 100644
index 0000000..ac0614f
--- /dev/null
+++ b/src/assets/images/calendar_black.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.5 3.5C6.5 2.94772 6.94772 2.5 7.5 2.5C8.05228 2.5 8.5 2.94772 8.5 3.5V6.5C8.5 7.05228 8.05228 7.5 7.5 7.5C6.94772 7.5 6.5 7.05228 6.5 6.5V3.5Z" fill="#2C2E31"/>
+<path d="M16.5 3.5C16.5 2.94772 16.9477 2.5 17.5 2.5C18.0523 2.5 18.5 2.94772 18.5 3.5V6.5C18.5 7.05228 18.0523 7.5 17.5 7.5C16.9477 7.5 16.5 7.05228 16.5 6.5V3.5Z" fill="#2C2E31"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4.5C2.89543 4.5 2 5.39543 2 6.5V19.5C2 20.6046 2.89543 21.5 4 21.5H21C22.1046 21.5 23 20.6046 23 19.5V6.5C23 5.39543 22.1046 4.5 21 4.5H4ZM5 6.5C4.44772 6.5 4 6.94772 4 7.5V9.5C4 10.0523 4.44772 10.5 5 10.5H20C20.5523 10.5 21 10.0523 21 9.5V7.5C21 6.94772 20.5523 6.5 20 6.5H5Z" fill="#2C2E31"/>
+</svg>
diff --git a/src/assets/images/calendar_gray.svg b/src/assets/images/calendar_gray.svg
new file mode 100644
index 0000000..d7f083d
--- /dev/null
+++ b/src/assets/images/calendar_gray.svg
@@ -0,0 +1,5 @@
+<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 1.5C5 0.947715 5.44772 0.5 6 0.5C6.55228 0.5 7 0.947715 7 1.5V4.5C7 5.05228 6.55228 5.5 6 5.5C5.44772 5.5 5 5.05228 5 4.5V1.5Z" fill="#D3D7DB"/>
+<path d="M15 1.5C15 0.947715 15.4477 0.5 16 0.5C16.5523 0.5 17 0.947715 17 1.5V4.5C17 5.05228 16.5523 5.5 16 5.5C15.4477 5.5 15 5.05228 15 4.5V1.5Z" fill="#D3D7DB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 2.5C1.39543 2.5 0.5 3.39543 0.5 4.5V17.5C0.5 18.6046 1.39543 19.5 2.5 19.5H19.5C20.6046 19.5 21.5 18.6046 21.5 17.5V4.5C21.5 3.39543 20.6046 2.5 19.5 2.5H2.5ZM3.5 4.5C2.94772 4.5 2.5 4.94772 2.5 5.5V7.5C2.5 8.05228 2.94772 8.5 3.5 8.5H18.5C19.0523 8.5 19.5 8.05228 19.5 7.5V5.5C19.5 4.94772 19.0523 4.5 18.5 4.5H3.5Z" fill="#D3D7DB"/>
+</svg>
diff --git a/src/assets/images/character/angry.svg b/src/assets/images/character/angry.svg
new file mode 100644
index 0000000..185d839
--- /dev/null
+++ b/src/assets/images/character/angry.svg
@@ -0,0 +1,16 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="28" cy="28" r="28" fill="url(#paint0_linear_1671_5410)"/>
+<path d="M40.8335 33.4785L47.8335 29.1667" stroke="black" stroke-width="2.8" stroke-linecap="round"/>
+<path d="M29.1667 33.4785L22.1667 29.1667" stroke="black" stroke-width="2.8" stroke-linecap="round"/>
+<path d="M39.6667 42C39.6667 42 37.9167 42 35.0001 42C32.0834 42 30.3334 42 30.3334 42" stroke="black" stroke-width="2.8" stroke-linecap="round"/>
+<path d="M9.33325 18.5077H12.6742V15.1667" stroke="#FF3636" stroke-width="1.53711" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.33325 21.8481H12.6742V25.189" stroke="#FF3636" stroke-width="1.53711" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.8333 18.5077H16.4923V15.1667" stroke="#FF3636" stroke-width="1.53711" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.8333 21.8481H16.4923V25.189" stroke="#FF3636" stroke-width="1.53711" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear_1671_5410" x1="14.5833" y1="-1.1032e-06" x2="43.1667" y2="67.6667" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF5555"/>
+<stop offset="1" stop-color="#FF9B9B"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/images/character/common.svg b/src/assets/images/character/common.svg
new file mode 100644
index 0000000..65b0dd8
--- /dev/null
+++ b/src/assets/images/character/common.svg
@@ -0,0 +1,6 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28C0 12.536 12.536 0 28 0C43.464 0 56 12.536 56 28Z" fill="#FDD057"/>
+<path d="M34 37C34 37 31.75 37 28 37C24.25 37 22 37 22 37" stroke="black" stroke-width="3.25161" stroke-linecap="round"/>
+<circle cx="18" cy="25" r="3" fill="black"/>
+<circle cx="38" cy="25" r="3" fill="black"/>
+</svg>
diff --git a/src/assets/images/character/default_angry.svg b/src/assets/images/character/default_angry.svg
new file mode 100644
index 0000000..b3320e0
--- /dev/null
+++ b/src/assets/images/character/default_angry.svg
@@ -0,0 +1,30 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_5078)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#F6F6F7" shape-rendering="crispEdges"/>
+<path d="M25.082 19.4141V23.4336H26.2773V24.6758H25.082V30.0781H23.582V26.7617L22.668 27.8164C21.9824 27.2773 21.5664 26.4688 21.3203 25.5312C21.0391 26.498 20.582 27.3477 19.8203 27.8984C19.0762 27.3535 18.625 26.5098 18.3555 25.543C18.0977 26.4805 17.6816 27.2832 16.9961 27.8164L16.0586 26.7266C17.4062 25.7305 17.6055 23.8438 17.6172 22.0859V21.5352H16.4805V20.3398H19.6445V21.5352H19.0234V22.0859C19.0234 23.3398 19.1289 24.8105 19.832 25.918C20.5176 24.8164 20.6406 23.3574 20.6406 22.0859V21.5352H20.0195V20.3398H23.0195V21.5352H22.0703V22.0859C22.0586 23.8496 22.2637 25.707 23.582 26.7031V19.4141H25.082ZM36.4141 24.3242V25.5312H26.6875V24.3242H36.4141ZM31.5391 26.1289C33.8477 26.1289 35.2422 26.8555 35.2539 28.1094C35.2422 29.375 33.8477 30.0781 31.5391 30.0781C29.207 30.0781 27.8008 29.375 27.8008 28.1094C27.8008 26.8555 29.207 26.1289 31.5391 26.1289ZM31.5391 27.2891C30.0625 27.2891 29.3125 27.5469 29.3242 28.1094C29.3125 28.6602 30.0625 28.918 31.5391 28.918C32.9805 28.918 33.7422 28.6602 33.7539 28.1094C33.7422 27.5469 32.9805 27.2891 31.5391 27.2891ZM35.5352 19.9062V21.1016H32.6289C32.8691 21.8457 33.9531 22.584 36.0039 22.7656L35.4766 23.9375C33.4668 23.7441 32.1074 22.9824 31.5391 21.9453C30.9766 22.9824 29.6406 23.7441 27.6133 23.9375L27.1211 22.7656C29.125 22.584 30.2207 21.8516 30.4727 21.1016H27.5781V19.9062H35.5352ZM46.9844 23.457V24.6758H45.4727V30.0547H43.9727V19.4141H45.4727V23.457H46.9844ZM38.8867 20.4336V26.2109C40.252 26.1934 41.7168 26.0645 43.2578 25.7539L43.4102 26.9961C41.6289 27.3594 39.8945 27.4531 38.3242 27.4531H37.3984V20.4336H38.8867ZM57.1914 27.6055V28.8359H47.4297V27.6055H49.6094V24.9922C48.7832 24.5 48.2852 23.7441 48.2852 22.8008C48.2852 21.0781 49.9727 19.9297 52.293 19.9297C54.6016 19.9297 56.3008 21.0781 56.3125 22.8008C56.3066 23.7207 55.8203 24.4707 55.0234 24.9688V27.6055H57.1914ZM52.293 21.1133C50.7695 21.1133 49.7617 21.7227 49.7617 22.8008C49.7617 23.8438 50.7695 24.4883 52.293 24.4883C53.8047 24.4883 54.8242 23.8438 54.8359 22.8008C54.8242 21.7227 53.8047 21.1133 52.293 21.1133ZM51.0859 27.6055H53.5117V25.5312C53.1309 25.6074 52.7207 25.6484 52.293 25.6484C51.8652 25.6484 51.4609 25.6133 51.0859 25.5312V27.6055Z" fill="#43464A"/>
+<circle cx="72" cy="72" r="28" fill="url(#paint0_linear_1671_5078)"/>
+<path d="M84.8334 77.4785L91.8334 73.1667" stroke="black" stroke-width="2.8" stroke-linecap="round"/>
+<path d="M73.1666 77.4785L66.1666 73.1667" stroke="black" stroke-width="2.8" stroke-linecap="round"/>
+<path d="M83.6667 86C83.6667 86 81.9167 86 79.0001 86C76.0834 86 74.3334 86 74.3334 86" stroke="black" stroke-width="2.8" stroke-linecap="round"/>
+<path d="M53.3334 62.5077H56.6743V59.1667" stroke="#FF3636" stroke-width="1.53711" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M53.3334 65.8481H56.6743V69.189" stroke="#FF3636" stroke-width="1.53711" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M63.8334 62.5077H60.4925V59.1667" stroke="#FF3636" stroke-width="1.53711" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M63.8334 65.8481H60.4925V69.189" stroke="#FF3636" stroke-width="1.53711" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_5078" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_5078"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_5078" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1671_5078" x1="58.5833" y1="44" x2="87.1667" y2="111.667" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF5555"/>
+<stop offset="1" stop-color="#FF9B9B"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/images/character/default_common.svg b/src/assets/images/character/default_common.svg
new file mode 100644
index 0000000..244d99d
--- /dev/null
+++ b/src/assets/images/character/default_common.svg
@@ -0,0 +1,22 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_5043)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#F6F6F7" shape-rendering="crispEdges"/>
+<path d="M24.8477 20.3984V21.6758C24.8477 23.1406 24.8477 24.5938 24.4609 26.7969L22.9492 26.668C23.3477 24.6172 23.3477 23.0938 23.3594 21.6758V21.5938H17.3242V20.3984H24.8477ZM26.043 27.4531V28.6836H16.3164V27.4531H26.043ZM36.543 20.7734V21.9922H35.1484V23.0352H36.543V24.2891H35.1484V25.6484H33.6484V19.4141H35.1484V20.7734H36.543ZM31.6328 25.7773C33.8242 25.7656 35.2539 26.6094 35.2539 27.9219C35.2539 29.2812 33.8242 30.0898 31.6328 30.0898C29.418 30.0898 27.9766 29.2812 27.9766 27.9219C27.9766 26.6094 29.418 25.7656 31.6328 25.7773ZM31.6328 26.9727C30.25 26.9727 29.4414 27.2891 29.4531 27.9219C29.4414 28.5664 30.25 28.9062 31.6328 28.9062C32.9688 28.9062 33.7773 28.5664 33.7773 27.9219C33.7773 27.2891 32.9688 26.9727 31.6328 26.9727ZM28.6211 20.0117V23.7617C29.9102 23.7441 31.2988 23.6211 32.7812 23.3281L32.957 24.5352C31.1992 24.8867 29.5469 24.9922 28.0352 24.9922H27.1211V20.0117H28.6211ZM48.3555 20.3984V21.6758C48.3555 23.1406 48.3555 24.5938 47.9688 26.7969L46.457 26.668C46.8555 24.6172 46.8555 23.0938 46.8672 21.6758V21.5938H40.832V20.3984H48.3555ZM49.5508 27.4531V28.6836H39.8242V27.4531H49.5508ZM54.543 20.4453V24.5586H51.9297V26.4688C52.9434 26.457 53.9102 26.416 55 26.2461L55.1055 27.4414C53.7109 27.6758 52.5625 27.7109 51.2383 27.7109H50.5V23.3633H53.1016V21.6523H50.4883V20.4453H54.543ZM59.418 19.4141V30.0781H58V24.6523H56.9688V29.5625H55.5977V19.5898H56.9688V23.4453H58V19.4141H59.418ZM70.3281 27.6055V28.8359H60.5664V27.6055H62.7461V24.9922C61.9199 24.5 61.4219 23.7441 61.4219 22.8008C61.4219 21.0781 63.1094 19.9297 65.4297 19.9297C67.7383 19.9297 69.4375 21.0781 69.4492 22.8008C69.4434 23.7207 68.957 24.4707 68.1602 24.9688V27.6055H70.3281ZM65.4297 21.1133C63.9062 21.1133 62.8984 21.7227 62.8984 22.8008C62.8984 23.8438 63.9062 24.4883 65.4297 24.4883C66.9414 24.4883 67.9609 23.8438 67.9727 22.8008C67.9609 21.7227 66.9414 21.1133 65.4297 21.1133ZM64.2227 27.6055H66.6484V25.5312C66.2676 25.6074 65.8574 25.6484 65.4297 25.6484C65.002 25.6484 64.5977 25.6133 64.2227 25.5312V27.6055Z" fill="#43464A"/>
+<path d="M100 72C100 87.464 87.464 100 72 100C56.536 100 44 87.464 44 72C44 56.536 56.536 44 72 44C87.464 44 100 56.536 100 72Z" fill="#FDD057"/>
+<path d="M78 81C78 81 75.75 81 72 81C68.25 81 66 81 66 81" stroke="black" stroke-width="3.25161" stroke-linecap="round"/>
+<circle cx="62" cy="69" r="3" fill="black"/>
+<circle cx="82" cy="69" r="3" fill="black"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_5043" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_5043"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_5043" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/default_happy.svg b/src/assets/images/character/default_happy.svg
new file mode 100644
index 0000000..59a5769
--- /dev/null
+++ b/src/assets/images/character/default_happy.svg
@@ -0,0 +1,24 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_5034)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#F6F6F7" shape-rendering="crispEdges"/>
+<path d="M25.2812 19.4141V30.0781H23.7695V19.4141H25.2812ZM22.082 20.5273C22.082 23.7617 20.9453 26.4453 17.1367 28.25L16.3516 27.0547C19.1055 25.7539 20.3184 24.0664 20.5586 21.6992H16.9258V20.5273H22.082ZM36.4375 24.8867V26.0586H32.418V27.7812H30.9414V26.0586H26.6758V24.8867H36.4375ZM35.3594 28.6953V29.8906H27.8242V26.9375H29.3008V28.6953H35.3594ZM29.4062 19.7539V20.8672H33.6836V19.7539H35.1719V24.1367H27.9297V19.7539H29.4062ZM29.4062 22.9531H33.6836V21.9805H29.4062V22.9531ZM45.4141 22.5898V23.5742H49.5742V24.7695H39.8125V23.5742H43.9375V22.5898H45.4141ZM48.6719 19.6719V20.8086H45.8008C46.1055 21.4238 47.1777 21.9805 49.1289 22.0859L48.6602 23.1992C46.6035 23.0586 45.2324 22.4023 44.6875 21.4414C44.1367 22.3965 42.7656 23.0586 40.7148 23.1992L40.2344 22.0859C42.1504 21.9805 43.2461 21.418 43.5625 20.8086H40.7148V19.6719H48.6719ZM48.6484 25.8594V26.9727H40.7031V25.8594H43.9258V25.0625H45.4258V25.8594H48.6484ZM44.6641 27.2891C46.7266 27.2891 47.957 27.7812 47.957 28.6953C47.957 29.6211 46.7266 30.1133 44.6641 30.1133C42.5781 30.1133 41.3945 29.6211 41.3945 28.6953C41.3945 27.7812 42.5781 27.2891 44.6641 27.2891ZM44.6641 28.2734C43.5156 28.2852 42.9297 28.3906 42.9297 28.6953C42.9297 28.9883 43.5156 29.1289 44.6641 29.1289C45.8242 29.1289 46.3867 28.9883 46.3984 28.6953C46.3867 28.3906 45.8242 28.2852 44.6641 28.2734ZM53.0664 20.1641C54.6953 20.1641 55.8672 21.6406 55.8789 23.9609C55.8672 26.3047 54.6953 27.7695 53.0664 27.7695C51.4375 27.7695 50.2422 26.3047 50.2539 23.9609C50.2422 21.6406 51.4375 20.1641 53.0664 20.1641ZM53.0664 21.5117C52.2461 21.5117 51.6953 22.3789 51.6953 23.9609C51.6953 25.5547 52.2461 26.4102 53.0664 26.4102C53.8984 26.4102 54.4375 25.5547 54.4492 23.9609C54.4375 22.3789 53.8984 21.5117 53.0664 21.5117ZM58.6094 19.4141V23.4336H60.1797V24.6758H58.6094V30.0781H57.1094V19.4141H58.6094ZM70.3281 27.6055V28.8359H60.5664V27.6055H62.7461V24.9922C61.9199 24.5 61.4219 23.7441 61.4219 22.8008C61.4219 21.0781 63.1094 19.9297 65.4297 19.9297C67.7383 19.9297 69.4375 21.0781 69.4492 22.8008C69.4434 23.7207 68.957 24.4707 68.1602 24.9688V27.6055H70.3281ZM65.4297 21.1133C63.9062 21.1133 62.8984 21.7227 62.8984 22.8008C62.8984 23.8438 63.9062 24.4883 65.4297 24.4883C66.9414 24.4883 67.9609 23.8438 67.9727 22.8008C67.9609 21.7227 66.9414 21.1133 65.4297 21.1133ZM64.2227 27.6055H66.6484V25.5312C66.2676 25.6074 65.8574 25.6484 65.4297 25.6484C65.002 25.6484 64.5977 25.6133 64.2227 25.5312V27.6055Z" fill="#43464A"/>
+<circle cx="72" cy="72" r="28" fill="#FDD057"/>
+<circle cx="53" cy="63" r="5" fill="#FFA8DB"/>
+<circle cx="91" cy="63" r="5" fill="#FFA8DB"/>
+<path d="M57 59C59.5 55 64.5 55 67 59" stroke="#2C2E31" stroke-width="3.25" stroke-linecap="round"/>
+<path d="M77 59C79.5 55 84.5 55 87 59" stroke="#2C2E31" stroke-width="3.25" stroke-linecap="round"/>
+<path d="M61 67C66.5 74.9999 77.5 75.0001 83 67" stroke="#2C2E31" stroke-width="3.25" stroke-linecap="round"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_5034" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_5034"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_5034" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/default_miss.svg b/src/assets/images/character/default_miss.svg
new file mode 100644
index 0000000..cb45b66
--- /dev/null
+++ b/src/assets/images/character/default_miss.svg
@@ -0,0 +1,29 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_5001)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#F6F6F7" shape-rendering="crispEdges"/>
+<path d="M26.0781 27.6172V28.8359H16.3164V27.6172H20.4297V25.6484H17.3477V20.0938H18.8477V21.7461H23.5V20.0938H24.9883V25.6484H21.918V27.6172H26.0781ZM18.8477 24.4531H23.5V22.9414H18.8477V24.4531ZM35.4766 20.3398V21.3477C35.4766 22.6836 35.4766 24.1836 35.043 26.4453L33.543 26.293C33.9473 24.2773 33.9648 22.7773 33.9766 21.5234H27.6953V20.3398H35.4766ZM36.4141 27.5586V28.7773H26.6875V27.5586H30.168V23.8906H31.6562V27.5586H36.4141ZM48.7539 19.4258V25.332H47.2539V19.4258H48.7539ZM43.9141 20.8203C43.9023 22.0859 44.6758 23.3398 46.4219 23.8203L45.707 25.0039C44.4766 24.6406 43.627 23.9023 43.1406 22.9531C42.6543 23.9844 41.7812 24.7988 40.5039 25.1797L39.7891 24.0078C41.5703 23.4688 42.3555 22.1445 42.3555 20.8203V19.7891H43.9141V20.8203ZM48.8125 25.8125V26.9961H47.5352V28.7656H48.9062V29.9609H41.3945V28.7656H42.7773V26.9961H41.4883V25.8125H48.8125ZM44.2539 28.7656H46.0586V26.9961H44.2539V28.7656ZM53.1367 20.1641C54.5781 20.1641 55.6504 21.3535 55.8672 23.2695H57.7188V19.4141H59.1953V30.1016H57.7188V24.4648H55.8789C55.7207 26.5156 54.625 27.7695 53.1367 27.7695C51.5195 27.7695 50.3594 26.3047 50.3711 23.9609C50.3594 21.6406 51.5195 20.1641 53.1367 20.1641ZM53.1367 21.5117C52.3398 21.5117 51.7891 22.3789 51.8008 23.9609C51.7891 25.5547 52.3398 26.4102 53.1367 26.4102C53.9453 26.4102 54.4727 25.5547 54.4727 23.9609C54.4727 22.3789 53.9453 21.5117 53.1367 21.5117ZM70.3281 27.6055V28.8359H60.5664V27.6055H62.7461V24.9922C61.9199 24.5 61.4219 23.7441 61.4219 22.8008C61.4219 21.0781 63.1094 19.9297 65.4297 19.9297C67.7383 19.9297 69.4375 21.0781 69.4492 22.8008C69.4434 23.7207 68.957 24.4707 68.1602 24.9688V27.6055H70.3281ZM65.4297 21.1133C63.9062 21.1133 62.8984 21.7227 62.8984 22.8008C62.8984 23.8438 63.9062 24.4883 65.4297 24.4883C66.9414 24.4883 67.9609 23.8438 67.9727 22.8008C67.9609 21.7227 66.9414 21.1133 65.4297 21.1133ZM64.2227 27.6055H66.6484V25.5312C66.2676 25.6074 65.8574 25.6484 65.4297 25.6484C65.002 25.6484 64.5977 25.6133 64.2227 25.5312V27.6055Z" fill="#43464A"/>
+<circle cx="72" cy="72" r="28" fill="#FDD057"/>
+<mask id="mask0_1671_5001" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="44" y="44" width="56" height="56">
+<circle cx="72" cy="72" r="28" fill="#FDD057"/>
+</mask>
+<g mask="url(#mask0_1671_5001)">
+<path d="M61.5 101.167H56.8333V60.3333H61.5V101.167Z" fill="#9AD2FF"/>
+<path d="M87.4712 101.166H82.8042V60.3333H87.4712V101.166Z" fill="#9AD2FF"/>
+</g>
+<path d="M57.0668 55.9999L64.433 59.8738L55.0002 60.8848" stroke="black" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M87.2228 55.9999L79.8566 59.8738L89.2894 60.8848" stroke="black" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M68 65.6667C70 62.1111 74 62.1111 76 65.6667" stroke="#2C2E31" stroke-width="3" stroke-linecap="round"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_5001" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_5001"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_5001" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/default_sad.svg b/src/assets/images/character/default_sad.svg
new file mode 100644
index 0000000..db159b7
--- /dev/null
+++ b/src/assets/images/character/default_sad.svg
@@ -0,0 +1,22 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_4992)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#F6F6F7" shape-rendering="crispEdges"/>
+<path d="M20.3477 21.8281C20.3477 23.832 21.1562 25.7773 22.9375 26.5508L22.0234 27.7461C20.8398 27.166 20.0488 26.1055 19.6094 24.793C19.1406 26.1875 18.3203 27.3301 17.1016 27.9336L16.1641 26.7148C17.9922 25.8945 18.8242 23.832 18.8359 21.8281V20.2344H20.3477V21.8281ZM25.3164 19.4141V30.1016H23.8398V23.9727H21.7422V22.7656H23.8398V19.4141H25.3164ZM36.4375 24.6055V25.8008H32.3945V27.6523H30.8828V25.8008H26.6758V24.6055H36.4375ZM35.3594 28.6836V29.8906H27.8359V26.7031H29.3477V28.6836H35.3594ZM31.5508 19.6133C33.8594 19.625 35.3945 20.4805 35.4062 21.8281C35.3945 23.1875 33.8594 24.0312 31.5508 24.0312C29.2305 24.0312 27.6836 23.1875 27.6836 21.8281C27.6836 20.4805 29.2305 19.625 31.5508 19.6133ZM31.5508 20.7969C30.168 20.7969 29.2891 21.1484 29.3008 21.8281C29.2891 22.4844 30.168 22.8359 31.5508 22.8359C32.9219 22.8359 33.8008 22.4844 33.8008 21.8281C33.8008 21.1484 32.9219 20.7969 31.5508 20.7969ZM42.2031 21.043V22.2266H37.0469V21.043H38.8984V19.707H40.375V21.043H42.2031ZM39.6484 22.707C41.0078 22.707 41.9805 23.7617 41.9922 25.2383C41.9805 26.7266 41.0078 27.7812 39.6484 27.7812C38.2891 27.7812 37.293 26.7266 37.293 25.2383C37.293 23.7617 38.2891 22.707 39.6484 22.707ZM39.6484 23.9492C39.0273 23.9492 38.6055 24.4297 38.6055 25.2383C38.6055 26.0469 39.0273 26.5156 39.6484 26.5156C40.2461 26.5156 40.668 26.0469 40.6797 25.2383C40.668 24.4297 40.2461 23.9492 39.6484 23.9492ZM46.2812 19.4141V30.0781H44.8633V24.9453H43.9961V29.6211H42.6016V19.625H43.9961V23.75H44.8633V19.4141H46.2812ZM57.1914 27.6055V28.8359H47.4297V27.6055H49.6094V24.9922C48.7832 24.5 48.2852 23.7441 48.2852 22.8008C48.2852 21.0781 49.9727 19.9297 52.293 19.9297C54.6016 19.9297 56.3008 21.0781 56.3125 22.8008C56.3066 23.7207 55.8203 24.4707 55.0234 24.9688V27.6055H57.1914ZM52.293 21.1133C50.7695 21.1133 49.7617 21.7227 49.7617 22.8008C49.7617 23.8438 50.7695 24.4883 52.293 24.4883C53.8047 24.4883 54.8242 23.8438 54.8359 22.8008C54.8242 21.7227 53.8047 21.1133 52.293 21.1133ZM51.0859 27.6055H53.5117V25.5312C53.1309 25.6074 52.7207 25.6484 52.293 25.6484C51.8652 25.6484 51.4609 25.6133 51.0859 25.5312V27.6055Z" fill="#43464A"/>
+<circle cx="72" cy="72" r="28" fill="#FDD057"/>
+<path d="M66 80C69 76 75 76 78 80" stroke="#2C2E31" stroke-width="3.25" stroke-linecap="round"/>
+<circle cx="62" cy="68" r="3" fill="black"/>
+<circle cx="82" cy="68" r="3" fill="black"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_4992" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_4992"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_4992" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/default_tired.svg b/src/assets/images/character/default_tired.svg
new file mode 100644
index 0000000..d392bc6
--- /dev/null
+++ b/src/assets/images/character/default_tired.svg
@@ -0,0 +1,39 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_4983)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#F6F6F7" shape-rendering="crispEdges"/>
+<path d="M25.2812 19.4141V30.0781H23.7695V19.4141H25.2812ZM22.6211 20.3984V21.5938H21.6719V26.2227C22.1406 26.1934 22.6035 26.1465 23.0547 26.0938L23.125 27.207C20.8516 27.582 18.3906 27.6172 16.4336 27.6289L16.293 26.4102L17.5234 26.3984V21.5938H16.5859V20.3984H22.6211ZM18.9766 26.3633L20.2188 26.3164V21.5938H18.9766V26.3633ZM35.2422 20.0117V20.7617C35.2422 21.582 35.2422 22.6133 34.9492 23.9258L33.4609 23.7734C33.6953 22.7012 33.7363 21.8984 33.7539 21.1836H27.8008V20.0117H35.2422ZM36.3906 24.5V25.707H26.7109V24.5H30.3438V22.4961H31.8203V24.5H36.3906ZM35.4766 28.6953V29.8906H27.8359V26.5977H29.3359V28.6953H35.4766ZM42.2031 21.043V22.2266H37.0469V21.043H38.8984V19.707H40.375V21.043H42.2031ZM39.6484 22.707C41.0078 22.707 41.9805 23.7617 41.9922 25.2383C41.9805 26.7266 41.0078 27.7812 39.6484 27.7812C38.2891 27.7812 37.293 26.7266 37.293 25.2383C37.293 23.7617 38.2891 22.707 39.6484 22.707ZM39.6484 23.9492C39.0273 23.9492 38.6055 24.4297 38.6055 25.2383C38.6055 26.0469 39.0273 26.5156 39.6484 26.5156C40.2461 26.5156 40.668 26.0469 40.6797 25.2383C40.668 24.4297 40.2461 23.9492 39.6484 23.9492ZM46.2812 19.4141V30.0781H44.8633V24.9453H43.9961V29.6211H42.6016V19.625H43.9961V23.75H44.8633V19.4141H46.2812ZM57.1914 27.6055V28.8359H47.4297V27.6055H49.6094V24.9922C48.7832 24.5 48.2852 23.7441 48.2852 22.8008C48.2852 21.0781 49.9727 19.9297 52.293 19.9297C54.6016 19.9297 56.3008 21.0781 56.3125 22.8008C56.3066 23.7207 55.8203 24.4707 55.0234 24.9688V27.6055H57.1914ZM52.293 21.1133C50.7695 21.1133 49.7617 21.7227 49.7617 22.8008C49.7617 23.8438 50.7695 24.4883 52.293 24.4883C53.8047 24.4883 54.8242 23.8438 54.8359 22.8008C54.8242 21.7227 53.8047 21.1133 52.293 21.1133ZM51.0859 27.6055H53.5117V25.5312C53.1309 25.6074 52.7207 25.6484 52.293 25.6484C51.8652 25.6484 51.4609 25.6133 51.0859 25.5312V27.6055Z" fill="#43464A"/>
+<path d="M100 72C100 87.464 87.464 100 72 100C56.536 100 44 87.464 44 72C44 56.536 56.536 44 72 44C87.464 44 100 56.536 100 72Z" fill="url(#paint0_linear_1671_4983)"/>
+<path d="M88.5162 70.8063C88.5162 72.3463 87.9045 73.8232 86.8156 74.9121C85.7266 76.001 84.2497 76.6128 82.7098 76.6128C81.1698 76.6128 79.6929 76.001 78.604 74.9121C77.5151 73.8232 76.9033 72.3463 76.9033 70.8063L82.7098 70.8063H88.5162Z" fill="white"/>
+<ellipse cx="82.7097" cy="71.3871" rx="3.48387" ry="2.90323" fill="black"/>
+<mask id="path-6-inside-1_1671_4983" fill="white">
+<path d="M88.5162 70.8065C88.5162 69.2665 87.9045 67.7896 86.8156 66.7007C85.7266 65.6117 84.2497 65 82.7098 65C81.1698 65 79.6929 65.6117 78.604 66.7007C77.5151 67.7896 76.9033 69.2665 76.9033 70.8065L82.7098 70.8065H88.5162Z"/>
+</mask>
+<path d="M88.5162 70.8065C88.5162 69.2665 87.9045 67.7896 86.8156 66.7007C85.7266 65.6117 84.2497 65 82.7098 65C81.1698 65 79.6929 65.6117 78.604 66.7007C77.5151 67.7896 76.9033 69.2665 76.9033 70.8065L82.7098 70.8065H88.5162Z" fill="#967BFF" stroke="#967BFF" stroke-width="2.42356" mask="url(#path-6-inside-1_1671_4983)"/>
+<mask id="path-7-inside-2_1671_4983" fill="white">
+<path d="M67.6129 70.8063C67.6129 72.3463 67.0012 73.8232 65.9122 74.9121C64.8233 76.001 63.3464 76.6128 61.8065 76.6128C60.2665 76.6128 58.7896 76.001 57.7007 74.9121C56.6117 73.8232 56 72.3463 56 70.8063L61.8065 70.8063H67.6129Z"/>
+</mask>
+<path d="M67.6129 70.8063C67.6129 72.3463 67.0012 73.8232 65.9122 74.9121C64.8233 76.001 63.3464 76.6128 61.8065 76.6128C60.2665 76.6128 58.7896 76.001 57.7007 74.9121C56.6117 73.8232 56 72.3463 56 70.8063L61.8065 70.8063H67.6129Z" fill="white" stroke="white" stroke-width="2.42356" mask="url(#path-7-inside-2_1671_4983)"/>
+<ellipse cx="61.8064" cy="71.3871" rx="3.48387" ry="2.90323" fill="black"/>
+<mask id="path-9-inside-3_1671_4983" fill="white">
+<path d="M67.6129 70.8065C67.6129 69.2665 67.0012 67.7896 65.9122 66.7007C64.8233 65.6117 63.3464 65 61.8065 65C60.2665 65 58.7896 65.6117 57.7007 66.7007C56.6117 67.7896 56 69.2665 56 70.8065L61.8065 70.8065H67.6129Z"/>
+</mask>
+<path d="M67.6129 70.8065C67.6129 69.2665 67.0012 67.7896 65.9122 66.7007C64.8233 65.6117 63.3464 65 61.8065 65C60.2665 65 58.7896 65.6117 57.7007 66.7007C56.6117 67.7896 56 69.2665 56 70.8065L61.8065 70.8065H67.6129Z" fill="#967BFF" stroke="#967BFF" stroke-width="2.42356" mask="url(#path-9-inside-3_1671_4983)"/>
+<path d="M76.9033 83C76.9033 83 75.1614 83 72.2582 83C69.3549 83 67.613 83 67.613 83" stroke="black" stroke-width="3.25161" stroke-linecap="round"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_4983" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_4983"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_4983" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1671_4983" x1="36.5" y1="125.5" x2="98.5" y2="32.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A283FF"/>
+<stop offset="1" stop-color="#BEA8FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/images/character/default_worry.svg b/src/assets/images/character/default_worry.svg
new file mode 100644
index 0000000..aca7590
--- /dev/null
+++ b/src/assets/images/character/default_worry.svg
@@ -0,0 +1,34 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_5052)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#F6F6F7" shape-rendering="crispEdges"/>
+<path d="M21.8711 20.0352C21.8711 22.8242 20.1133 24.7578 16.9844 25.625L16.3984 24.4648C18.7188 23.8438 20.0195 22.6719 20.2773 21.2305H16.9727V20.0352H21.8711ZM25.3047 26.0352V30.0547H23.8164V27.2305H17.9805V26.0352H25.3047ZM25.3047 19.4258V25.6133H23.8164V23.2344H21.9766V22.0039H23.8164V19.4258H25.3047ZM35.6758 19.4141V25.7422H34.1875V23.2227H32.5234V22.0156H34.1875V19.4141H35.6758ZM32.0312 25.9766C34.3047 25.9883 35.6992 26.7383 35.7109 28.0391C35.6992 29.3281 34.3047 30.0898 32.0312 30.0898C29.7578 30.0898 28.3633 29.3281 28.3633 28.0391C28.3633 26.7383 29.7578 25.9883 32.0312 25.9766ZM32.0312 27.125C30.6133 27.125 29.8516 27.418 29.8516 28.0391C29.8516 28.6484 30.6133 28.9531 32.0312 28.9531C33.4492 28.9531 34.2227 28.6484 34.2227 28.0391C34.2227 27.418 33.4492 27.125 32.0312 27.125ZM32.8398 20.0586V21.2539H30.7188C30.7539 22.4961 31.5039 23.75 33.168 24.3008L32.4297 25.4727C31.252 25.0918 30.4434 24.3184 29.9805 23.3516C29.5059 24.4414 28.6562 25.3203 27.3906 25.7539L26.6172 24.5703C28.3691 23.9844 29.1543 22.5898 29.1953 21.2539H27.0508V20.0586H32.8398ZM36.918 26.7617C37.5215 26.7617 38.2598 26.7559 39.0391 26.7383V24.9453H37.3867V20.375H41.9805V21.582H38.8516V23.75H42.0742V24.9453H40.4688V26.6797C41.1191 26.6562 41.7578 26.6094 42.3203 26.5391L42.4023 27.6055C40.6797 27.9336 38.4883 27.9805 37.1172 27.9805L36.918 26.7617ZM46.4102 19.4141V30.0781H44.9805V24.8633H44.1484V29.5859H42.7539V19.5898H44.1484V23.6562H44.9805V19.4141H46.4102ZM57.1914 27.6055V28.8359H47.4297V27.6055H49.6094V24.9922C48.7832 24.5 48.2852 23.7441 48.2852 22.8008C48.2852 21.0781 49.9727 19.9297 52.293 19.9297C54.6016 19.9297 56.3008 21.0781 56.3125 22.8008C56.3066 23.7207 55.8203 24.4707 55.0234 24.9688V27.6055H57.1914ZM52.293 21.1133C50.7695 21.1133 49.7617 21.7227 49.7617 22.8008C49.7617 23.8438 50.7695 24.4883 52.293 24.4883C53.8047 24.4883 54.8242 23.8438 54.8359 22.8008C54.8242 21.7227 53.8047 21.1133 52.293 21.1133ZM51.0859 27.6055H53.5117V25.5312C53.1309 25.6074 52.7207 25.6484 52.293 25.6484C51.8652 25.6484 51.4609 25.6133 51.0859 25.5312V27.6055Z" fill="#43464A"/>
+<circle cx="72" cy="72" r="28" fill="#FDD057"/>
+<mask id="mask0_1671_5052" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="44" y="44" width="56" height="56">
+<circle cx="72" cy="72" r="28" fill="#FDD057"/>
+</mask>
+<g mask="url(#mask0_1671_5052)">
+<path d="M61.5 101.167H56.8333V60.3333H61.5V101.167Z" fill="#9AD2FF"/>
+<path d="M87.4712 101.166H82.8042V60.3333H87.4712V101.166Z" fill="#9AD2FF"/>
+</g>
+<path d="M79 71.4167C79 76.2492 77.8333 80.1667 72 80.1667C66.1667 80.1667 65 76.2492 65 71.4167C65 66.5843 68.134 62.6667 72 62.6667C75.866 62.6667 79 66.5843 79 71.4167Z" fill="#2C2E31"/>
+<circle cx="59.3188" cy="60.4854" r="3.04347" fill="#2C2E31" stroke="#2C2E31" stroke-width="1.21739"/>
+<ellipse cx="1.15801" cy="0.953431" rx="1.15801" ry="0.953431" transform="matrix(0.791812 0.610765 -0.598066 0.801446 59.8013 58.1355)" fill="white"/>
+<ellipse cx="1.15801" cy="0.953431" rx="1.15801" ry="0.953431" transform="matrix(0.791812 0.610765 -0.598066 0.801446 57.9146 60.054)" fill="white"/>
+<circle cx="85.2897" cy="60.4854" r="3.04347" fill="#2C2E31" stroke="#2C2E31" stroke-width="1.21739"/>
+<ellipse cx="1.15801" cy="0.953431" rx="1.15801" ry="0.953431" transform="matrix(0.791812 0.610765 -0.598066 0.801446 85.7721 58.1355)" fill="white"/>
+<ellipse cx="1.15801" cy="0.953431" rx="1.15801" ry="0.953431" transform="matrix(0.791812 0.610765 -0.598066 0.801446 83.8854 60.054)" fill="white"/>
+<path d="M78.9844 72C78.888 76.5604 77.5877 80.1669 71.9912 80.167C66.3945 80.167 65.0944 76.5605 64.998 72H78.9844Z" fill="#FF7868"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_5052" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_5052"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_5052" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/focus_angry.svg b/src/assets/images/character/focus_angry.svg
new file mode 100644
index 0000000..f0157e9
--- /dev/null
+++ b/src/assets/images/character/focus_angry.svg
@@ -0,0 +1,27 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_5081)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#EAF7F3" shape-rendering="crispEdges"/>
+<rect x="4.5" y="4.5" width="107" height="107" rx="15.5" stroke="#75C9B0" shape-rendering="crispEdges"/>
+<path d="M25.082 19.4141V23.4336H26.2773V24.6758H25.082V30.0781H23.582V26.7617L22.668 27.8164C21.9824 27.2773 21.5664 26.4688 21.3203 25.5312C21.0391 26.498 20.582 27.3477 19.8203 27.8984C19.0762 27.3535 18.625 26.5098 18.3555 25.543C18.0977 26.4805 17.6816 27.2832 16.9961 27.8164L16.0586 26.7266C17.4062 25.7305 17.6055 23.8438 17.6172 22.0859V21.5352H16.4805V20.3398H19.6445V21.5352H19.0234V22.0859C19.0234 23.3398 19.1289 24.8105 19.832 25.918C20.5176 24.8164 20.6406 23.3574 20.6406 22.0859V21.5352H20.0195V20.3398H23.0195V21.5352H22.0703V22.0859C22.0586 23.8496 22.2637 25.707 23.582 26.7031V19.4141H25.082ZM36.4141 24.3242V25.5312H26.6875V24.3242H36.4141ZM31.5391 26.1289C33.8477 26.1289 35.2422 26.8555 35.2539 28.1094C35.2422 29.375 33.8477 30.0781 31.5391 30.0781C29.207 30.0781 27.8008 29.375 27.8008 28.1094C27.8008 26.8555 29.207 26.1289 31.5391 26.1289ZM31.5391 27.2891C30.0625 27.2891 29.3125 27.5469 29.3242 28.1094C29.3125 28.6602 30.0625 28.918 31.5391 28.918C32.9805 28.918 33.7422 28.6602 33.7539 28.1094C33.7422 27.5469 32.9805 27.2891 31.5391 27.2891ZM35.5352 19.9062V21.1016H32.6289C32.8691 21.8457 33.9531 22.584 36.0039 22.7656L35.4766 23.9375C33.4668 23.7441 32.1074 22.9824 31.5391 21.9453C30.9766 22.9824 29.6406 23.7441 27.6133 23.9375L27.1211 22.7656C29.125 22.584 30.2207 21.8516 30.4727 21.1016H27.5781V19.9062H35.5352ZM46.9844 23.457V24.6758H45.4727V30.0547H43.9727V19.4141H45.4727V23.457H46.9844ZM38.8867 20.4336V26.2109C40.252 26.1934 41.7168 26.0645 43.2578 25.7539L43.4102 26.9961C41.6289 27.3594 39.8945 27.4531 38.3242 27.4531H37.3984V20.4336H38.8867ZM57.1914 27.6055V28.8359H47.4297V27.6055H49.6094V24.9922C48.7832 24.5 48.2852 23.7441 48.2852 22.8008C48.2852 21.0781 49.9727 19.9297 52.293 19.9297C54.6016 19.9297 56.3008 21.0781 56.3125 22.8008C56.3066 23.7207 55.8203 24.4707 55.0234 24.9688V27.6055H57.1914ZM52.293 21.1133C50.7695 21.1133 49.7617 21.7227 49.7617 22.8008C49.7617 23.8438 50.7695 24.4883 52.293 24.4883C53.8047 24.4883 54.8242 23.8438 54.8359 22.8008C54.8242 21.7227 53.8047 21.1133 52.293 21.1133ZM51.0859 27.6055H53.5117V25.5312C53.1309 25.6074 52.7207 25.6484 52.293 25.6484C51.8652 25.6484 51.4609 25.6133 51.0859 25.5312V27.6055Z" fill="#75C9B0"/>
+<circle cx="72" cy="72" r="28" fill="#BFE6DA"/>
+<path d="M84.8334 77.478L91.8334 73.1663" stroke="#75C9B0" stroke-width="2.8" stroke-linecap="round"/>
+<path d="M73.1668 77.478L66.1668 73.1663" stroke="#75C9B0" stroke-width="2.8" stroke-linecap="round"/>
+<path d="M83.6667 86C83.6667 86 81.9167 86 79.0001 86C76.0834 86 74.3334 86 74.3334 86" stroke="#75C9B0" stroke-width="2.8" stroke-linecap="round"/>
+<path d="M53.3333 62.5074H56.6742V59.1665" stroke="#75C9B0" stroke-width="1.53711" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M53.3333 65.8481H56.6742V69.189" stroke="#75C9B0" stroke-width="1.53711" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M63.8333 62.5074H60.4923V59.1665" stroke="#75C9B0" stroke-width="1.53711" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M63.8333 65.8481H60.4923V69.189" stroke="#75C9B0" stroke-width="1.53711" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_5081" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_5081"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_5081" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/focus_common.svg b/src/assets/images/character/focus_common.svg
new file mode 100644
index 0000000..e56beba
--- /dev/null
+++ b/src/assets/images/character/focus_common.svg
@@ -0,0 +1,23 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_5046)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#EAF7F3" shape-rendering="crispEdges"/>
+<rect x="4.5" y="4.5" width="107" height="107" rx="15.5" stroke="#75C9B0" shape-rendering="crispEdges"/>
+<path d="M24.8477 20.3984V21.6758C24.8477 23.1406 24.8477 24.5938 24.4609 26.7969L22.9492 26.668C23.3477 24.6172 23.3477 23.0938 23.3594 21.6758V21.5938H17.3242V20.3984H24.8477ZM26.043 27.4531V28.6836H16.3164V27.4531H26.043ZM36.543 20.7734V21.9922H35.1484V23.0352H36.543V24.2891H35.1484V25.6484H33.6484V19.4141H35.1484V20.7734H36.543ZM31.6328 25.7773C33.8242 25.7656 35.2539 26.6094 35.2539 27.9219C35.2539 29.2812 33.8242 30.0898 31.6328 30.0898C29.418 30.0898 27.9766 29.2812 27.9766 27.9219C27.9766 26.6094 29.418 25.7656 31.6328 25.7773ZM31.6328 26.9727C30.25 26.9727 29.4414 27.2891 29.4531 27.9219C29.4414 28.5664 30.25 28.9062 31.6328 28.9062C32.9688 28.9062 33.7773 28.5664 33.7773 27.9219C33.7773 27.2891 32.9688 26.9727 31.6328 26.9727ZM28.6211 20.0117V23.7617C29.9102 23.7441 31.2988 23.6211 32.7812 23.3281L32.957 24.5352C31.1992 24.8867 29.5469 24.9922 28.0352 24.9922H27.1211V20.0117H28.6211ZM48.3555 20.3984V21.6758C48.3555 23.1406 48.3555 24.5938 47.9688 26.7969L46.457 26.668C46.8555 24.6172 46.8555 23.0938 46.8672 21.6758V21.5938H40.832V20.3984H48.3555ZM49.5508 27.4531V28.6836H39.8242V27.4531H49.5508ZM54.543 20.4453V24.5586H51.9297V26.4688C52.9434 26.457 53.9102 26.416 55 26.2461L55.1055 27.4414C53.7109 27.6758 52.5625 27.7109 51.2383 27.7109H50.5V23.3633H53.1016V21.6523H50.4883V20.4453H54.543ZM59.418 19.4141V30.0781H58V24.6523H56.9688V29.5625H55.5977V19.5898H56.9688V23.4453H58V19.4141H59.418ZM70.3281 27.6055V28.8359H60.5664V27.6055H62.7461V24.9922C61.9199 24.5 61.4219 23.7441 61.4219 22.8008C61.4219 21.0781 63.1094 19.9297 65.4297 19.9297C67.7383 19.9297 69.4375 21.0781 69.4492 22.8008C69.4434 23.7207 68.957 24.4707 68.1602 24.9688V27.6055H70.3281ZM65.4297 21.1133C63.9062 21.1133 62.8984 21.7227 62.8984 22.8008C62.8984 23.8438 63.9062 24.4883 65.4297 24.4883C66.9414 24.4883 67.9609 23.8438 67.9727 22.8008C67.9609 21.7227 66.9414 21.1133 65.4297 21.1133ZM64.2227 27.6055H66.6484V25.5312C66.2676 25.6074 65.8574 25.6484 65.4297 25.6484C65.002 25.6484 64.5977 25.6133 64.2227 25.5312V27.6055Z" fill="#75C9B0"/>
+<path d="M100 72C100 87.464 87.464 100 72 100C56.536 100 44 87.464 44 72C44 56.536 56.536 44 72 44C87.464 44 100 56.536 100 72Z" fill="#BFE6DA"/>
+<path d="M78 81C78 81 75.75 81 72 81C68.25 81 66 81 66 81" stroke="#75C9B0" stroke-width="3.25161" stroke-linecap="round"/>
+<circle cx="62" cy="69" r="3" fill="#75C9B0"/>
+<circle cx="82" cy="69" r="3" fill="#75C9B0"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_5046" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_5046"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_5046" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/focus_happy.svg b/src/assets/images/character/focus_happy.svg
new file mode 100644
index 0000000..34c7166
--- /dev/null
+++ b/src/assets/images/character/focus_happy.svg
@@ -0,0 +1,25 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_5037)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#EAF7F3" shape-rendering="crispEdges"/>
+<rect x="4.5" y="4.5" width="107" height="107" rx="15.5" stroke="#75C9B0" shape-rendering="crispEdges"/>
+<path d="M25.2812 19.4141V30.0781H23.7695V19.4141H25.2812ZM22.082 20.5273C22.082 23.7617 20.9453 26.4453 17.1367 28.25L16.3516 27.0547C19.1055 25.7539 20.3184 24.0664 20.5586 21.6992H16.9258V20.5273H22.082ZM36.4375 24.8867V26.0586H32.418V27.7812H30.9414V26.0586H26.6758V24.8867H36.4375ZM35.3594 28.6953V29.8906H27.8242V26.9375H29.3008V28.6953H35.3594ZM29.4062 19.7539V20.8672H33.6836V19.7539H35.1719V24.1367H27.9297V19.7539H29.4062ZM29.4062 22.9531H33.6836V21.9805H29.4062V22.9531ZM45.4141 22.5898V23.5742H49.5742V24.7695H39.8125V23.5742H43.9375V22.5898H45.4141ZM48.6719 19.6719V20.8086H45.8008C46.1055 21.4238 47.1777 21.9805 49.1289 22.0859L48.6602 23.1992C46.6035 23.0586 45.2324 22.4023 44.6875 21.4414C44.1367 22.3965 42.7656 23.0586 40.7148 23.1992L40.2344 22.0859C42.1504 21.9805 43.2461 21.418 43.5625 20.8086H40.7148V19.6719H48.6719ZM48.6484 25.8594V26.9727H40.7031V25.8594H43.9258V25.0625H45.4258V25.8594H48.6484ZM44.6641 27.2891C46.7266 27.2891 47.957 27.7812 47.957 28.6953C47.957 29.6211 46.7266 30.1133 44.6641 30.1133C42.5781 30.1133 41.3945 29.6211 41.3945 28.6953C41.3945 27.7812 42.5781 27.2891 44.6641 27.2891ZM44.6641 28.2734C43.5156 28.2852 42.9297 28.3906 42.9297 28.6953C42.9297 28.9883 43.5156 29.1289 44.6641 29.1289C45.8242 29.1289 46.3867 28.9883 46.3984 28.6953C46.3867 28.3906 45.8242 28.2852 44.6641 28.2734ZM53.0664 20.1641C54.6953 20.1641 55.8672 21.6406 55.8789 23.9609C55.8672 26.3047 54.6953 27.7695 53.0664 27.7695C51.4375 27.7695 50.2422 26.3047 50.2539 23.9609C50.2422 21.6406 51.4375 20.1641 53.0664 20.1641ZM53.0664 21.5117C52.2461 21.5117 51.6953 22.3789 51.6953 23.9609C51.6953 25.5547 52.2461 26.4102 53.0664 26.4102C53.8984 26.4102 54.4375 25.5547 54.4492 23.9609C54.4375 22.3789 53.8984 21.5117 53.0664 21.5117ZM58.6094 19.4141V23.4336H60.1797V24.6758H58.6094V30.0781H57.1094V19.4141H58.6094ZM70.3281 27.6055V28.8359H60.5664V27.6055H62.7461V24.9922C61.9199 24.5 61.4219 23.7441 61.4219 22.8008C61.4219 21.0781 63.1094 19.9297 65.4297 19.9297C67.7383 19.9297 69.4375 21.0781 69.4492 22.8008C69.4434 23.7207 68.957 24.4707 68.1602 24.9688V27.6055H70.3281ZM65.4297 21.1133C63.9062 21.1133 62.8984 21.7227 62.8984 22.8008C62.8984 23.8438 63.9062 24.4883 65.4297 24.4883C66.9414 24.4883 67.9609 23.8438 67.9727 22.8008C67.9609 21.7227 66.9414 21.1133 65.4297 21.1133ZM64.2227 27.6055H66.6484V25.5312C66.2676 25.6074 65.8574 25.6484 65.4297 25.6484C65.002 25.6484 64.5977 25.6133 64.2227 25.5312V27.6055Z" fill="#75C9B0"/>
+<circle cx="72" cy="72" r="28" fill="#BFE6DA"/>
+<circle cx="53" cy="63" r="5" fill="#EAF7F3"/>
+<circle cx="91" cy="63" r="5" fill="#EAF7F3"/>
+<path d="M57 59C59.5 55 64.5 55 67 59" stroke="#75C9B0" stroke-width="3.25" stroke-linecap="round"/>
+<path d="M77 59C79.5 55 84.5 55 87 59" stroke="#75C9B0" stroke-width="3.25" stroke-linecap="round"/>
+<path d="M61 67C66.5 74.9999 77.5 75.0001 83 67" stroke="#75C9B0" stroke-width="3.25" stroke-linecap="round"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_5037" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_5037"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_5037" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/focus_miss.svg b/src/assets/images/character/focus_miss.svg
new file mode 100644
index 0000000..4270f45
--- /dev/null
+++ b/src/assets/images/character/focus_miss.svg
@@ -0,0 +1,30 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_5004)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#EAF7F3" shape-rendering="crispEdges"/>
+<rect x="4.5" y="4.5" width="107" height="107" rx="15.5" stroke="#75C9B0" shape-rendering="crispEdges"/>
+<path d="M26.0781 27.6172V28.8359H16.3164V27.6172H20.4297V25.6484H17.3477V20.0938H18.8477V21.7461H23.5V20.0938H24.9883V25.6484H21.918V27.6172H26.0781ZM18.8477 24.4531H23.5V22.9414H18.8477V24.4531ZM35.4766 20.3398V21.3477C35.4766 22.6836 35.4766 24.1836 35.043 26.4453L33.543 26.293C33.9473 24.2773 33.9648 22.7773 33.9766 21.5234H27.6953V20.3398H35.4766ZM36.4141 27.5586V28.7773H26.6875V27.5586H30.168V23.8906H31.6562V27.5586H36.4141ZM48.7539 19.4258V25.332H47.2539V19.4258H48.7539ZM43.9141 20.8203C43.9023 22.0859 44.6758 23.3398 46.4219 23.8203L45.707 25.0039C44.4766 24.6406 43.627 23.9023 43.1406 22.9531C42.6543 23.9844 41.7812 24.7988 40.5039 25.1797L39.7891 24.0078C41.5703 23.4688 42.3555 22.1445 42.3555 20.8203V19.7891H43.9141V20.8203ZM48.8125 25.8125V26.9961H47.5352V28.7656H48.9062V29.9609H41.3945V28.7656H42.7773V26.9961H41.4883V25.8125H48.8125ZM44.2539 28.7656H46.0586V26.9961H44.2539V28.7656ZM53.1367 20.1641C54.5781 20.1641 55.6504 21.3535 55.8672 23.2695H57.7188V19.4141H59.1953V30.1016H57.7188V24.4648H55.8789C55.7207 26.5156 54.625 27.7695 53.1367 27.7695C51.5195 27.7695 50.3594 26.3047 50.3711 23.9609C50.3594 21.6406 51.5195 20.1641 53.1367 20.1641ZM53.1367 21.5117C52.3398 21.5117 51.7891 22.3789 51.8008 23.9609C51.7891 25.5547 52.3398 26.4102 53.1367 26.4102C53.9453 26.4102 54.4727 25.5547 54.4727 23.9609C54.4727 22.3789 53.9453 21.5117 53.1367 21.5117ZM70.3281 27.6055V28.8359H60.5664V27.6055H62.7461V24.9922C61.9199 24.5 61.4219 23.7441 61.4219 22.8008C61.4219 21.0781 63.1094 19.9297 65.4297 19.9297C67.7383 19.9297 69.4375 21.0781 69.4492 22.8008C69.4434 23.7207 68.957 24.4707 68.1602 24.9688V27.6055H70.3281ZM65.4297 21.1133C63.9062 21.1133 62.8984 21.7227 62.8984 22.8008C62.8984 23.8438 63.9062 24.4883 65.4297 24.4883C66.9414 24.4883 67.9609 23.8438 67.9727 22.8008C67.9609 21.7227 66.9414 21.1133 65.4297 21.1133ZM64.2227 27.6055H66.6484V25.5312C66.2676 25.6074 65.8574 25.6484 65.4297 25.6484C65.002 25.6484 64.5977 25.6133 64.2227 25.5312V27.6055Z" fill="#75C9B0"/>
+<circle cx="72" cy="72" r="28" fill="#BFE6DA"/>
+<mask id="mask0_1671_5004" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="44" y="44" width="56" height="56">
+<circle cx="72" cy="72" r="28" fill="#FDD057"/>
+</mask>
+<g mask="url(#mask0_1671_5004)">
+<path d="M61.5 101.167H56.8333V60.3335H61.5V101.167Z" fill="#A0DAC9"/>
+<path d="M87.4712 101.167H82.8042V60.3335H87.4712V101.167Z" fill="#A0DAC9"/>
+</g>
+<path d="M57.0668 55.9999L64.433 59.8738L55.0002 60.8848" stroke="#75C9B0" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M87.2228 55.9999L79.8566 59.8738L89.2894 60.8848" stroke="#75C9B0" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M68 65.6667C70 62.1111 74 62.1111 76 65.6667" stroke="#75C9B0" stroke-width="3" stroke-linecap="round"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_5004" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_5004"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_5004" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/focus_sad.svg b/src/assets/images/character/focus_sad.svg
new file mode 100644
index 0000000..e104761
--- /dev/null
+++ b/src/assets/images/character/focus_sad.svg
@@ -0,0 +1,23 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_4995)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#EAF7F3" shape-rendering="crispEdges"/>
+<rect x="4.5" y="4.5" width="107" height="107" rx="15.5" stroke="#75C9B0" shape-rendering="crispEdges"/>
+<path d="M20.3477 21.8281C20.3477 23.832 21.1562 25.7773 22.9375 26.5508L22.0234 27.7461C20.8398 27.166 20.0488 26.1055 19.6094 24.793C19.1406 26.1875 18.3203 27.3301 17.1016 27.9336L16.1641 26.7148C17.9922 25.8945 18.8242 23.832 18.8359 21.8281V20.2344H20.3477V21.8281ZM25.3164 19.4141V30.1016H23.8398V23.9727H21.7422V22.7656H23.8398V19.4141H25.3164ZM36.4375 24.6055V25.8008H32.3945V27.6523H30.8828V25.8008H26.6758V24.6055H36.4375ZM35.3594 28.6836V29.8906H27.8359V26.7031H29.3477V28.6836H35.3594ZM31.5508 19.6133C33.8594 19.625 35.3945 20.4805 35.4062 21.8281C35.3945 23.1875 33.8594 24.0312 31.5508 24.0312C29.2305 24.0312 27.6836 23.1875 27.6836 21.8281C27.6836 20.4805 29.2305 19.625 31.5508 19.6133ZM31.5508 20.7969C30.168 20.7969 29.2891 21.1484 29.3008 21.8281C29.2891 22.4844 30.168 22.8359 31.5508 22.8359C32.9219 22.8359 33.8008 22.4844 33.8008 21.8281C33.8008 21.1484 32.9219 20.7969 31.5508 20.7969ZM42.2031 21.043V22.2266H37.0469V21.043H38.8984V19.707H40.375V21.043H42.2031ZM39.6484 22.707C41.0078 22.707 41.9805 23.7617 41.9922 25.2383C41.9805 26.7266 41.0078 27.7812 39.6484 27.7812C38.2891 27.7812 37.293 26.7266 37.293 25.2383C37.293 23.7617 38.2891 22.707 39.6484 22.707ZM39.6484 23.9492C39.0273 23.9492 38.6055 24.4297 38.6055 25.2383C38.6055 26.0469 39.0273 26.5156 39.6484 26.5156C40.2461 26.5156 40.668 26.0469 40.6797 25.2383C40.668 24.4297 40.2461 23.9492 39.6484 23.9492ZM46.2812 19.4141V30.0781H44.8633V24.9453H43.9961V29.6211H42.6016V19.625H43.9961V23.75H44.8633V19.4141H46.2812ZM57.1914 27.6055V28.8359H47.4297V27.6055H49.6094V24.9922C48.7832 24.5 48.2852 23.7441 48.2852 22.8008C48.2852 21.0781 49.9727 19.9297 52.293 19.9297C54.6016 19.9297 56.3008 21.0781 56.3125 22.8008C56.3066 23.7207 55.8203 24.4707 55.0234 24.9688V27.6055H57.1914ZM52.293 21.1133C50.7695 21.1133 49.7617 21.7227 49.7617 22.8008C49.7617 23.8438 50.7695 24.4883 52.293 24.4883C53.8047 24.4883 54.8242 23.8438 54.8359 22.8008C54.8242 21.7227 53.8047 21.1133 52.293 21.1133ZM51.0859 27.6055H53.5117V25.5312C53.1309 25.6074 52.7207 25.6484 52.293 25.6484C51.8652 25.6484 51.4609 25.6133 51.0859 25.5312V27.6055Z" fill="#75C9B0"/>
+<circle cx="72" cy="72" r="28" fill="#BFE6DA"/>
+<path d="M66 80C69 76 75 76 78 80" stroke="#75C9B0" stroke-width="3.25" stroke-linecap="round"/>
+<circle cx="62" cy="68" r="3" fill="#75C9B0"/>
+<circle cx="82" cy="68" r="3" fill="#75C9B0"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_4995" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_4995"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_4995" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/focus_tired.svg b/src/assets/images/character/focus_tired.svg
new file mode 100644
index 0000000..e21244e
--- /dev/null
+++ b/src/assets/images/character/focus_tired.svg
@@ -0,0 +1,33 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_4989)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#EAF7F3" shape-rendering="crispEdges"/>
+<rect x="4.5" y="4.5" width="107" height="107" rx="15.5" stroke="#75C9B0" shape-rendering="crispEdges"/>
+<path d="M25.2812 19.4141V30.0781H23.7695V19.4141H25.2812ZM22.6211 20.3984V21.5938H21.6719V26.2227C22.1406 26.1934 22.6035 26.1465 23.0547 26.0938L23.125 27.207C20.8516 27.582 18.3906 27.6172 16.4336 27.6289L16.293 26.4102L17.5234 26.3984V21.5938H16.5859V20.3984H22.6211ZM18.9766 26.3633L20.2188 26.3164V21.5938H18.9766V26.3633ZM35.2422 20.0117V20.7617C35.2422 21.582 35.2422 22.6133 34.9492 23.9258L33.4609 23.7734C33.6953 22.7012 33.7363 21.8984 33.7539 21.1836H27.8008V20.0117H35.2422ZM36.3906 24.5V25.707H26.7109V24.5H30.3438V22.4961H31.8203V24.5H36.3906ZM35.4766 28.6953V29.8906H27.8359V26.5977H29.3359V28.6953H35.4766ZM42.2031 21.043V22.2266H37.0469V21.043H38.8984V19.707H40.375V21.043H42.2031ZM39.6484 22.707C41.0078 22.707 41.9805 23.7617 41.9922 25.2383C41.9805 26.7266 41.0078 27.7812 39.6484 27.7812C38.2891 27.7812 37.293 26.7266 37.293 25.2383C37.293 23.7617 38.2891 22.707 39.6484 22.707ZM39.6484 23.9492C39.0273 23.9492 38.6055 24.4297 38.6055 25.2383C38.6055 26.0469 39.0273 26.5156 39.6484 26.5156C40.2461 26.5156 40.668 26.0469 40.6797 25.2383C40.668 24.4297 40.2461 23.9492 39.6484 23.9492ZM46.2812 19.4141V30.0781H44.8633V24.9453H43.9961V29.6211H42.6016V19.625H43.9961V23.75H44.8633V19.4141H46.2812ZM57.1914 27.6055V28.8359H47.4297V27.6055H49.6094V24.9922C48.7832 24.5 48.2852 23.7441 48.2852 22.8008C48.2852 21.0781 49.9727 19.9297 52.293 19.9297C54.6016 19.9297 56.3008 21.0781 56.3125 22.8008C56.3066 23.7207 55.8203 24.4707 55.0234 24.9688V27.6055H57.1914ZM52.293 21.1133C50.7695 21.1133 49.7617 21.7227 49.7617 22.8008C49.7617 23.8438 50.7695 24.4883 52.293 24.4883C53.8047 24.4883 54.8242 23.8438 54.8359 22.8008C54.8242 21.7227 53.8047 21.1133 52.293 21.1133ZM51.0859 27.6055H53.5117V25.5312C53.1309 25.6074 52.7207 25.6484 52.293 25.6484C51.8652 25.6484 51.4609 25.6133 51.0859 25.5312V27.6055Z" fill="#75C9B0"/>
+<path d="M100 72C100 87.464 87.464 100 72 100C56.536 100 44 87.464 44 72C44 56.536 56.536 44 72 44C87.464 44 100 56.536 100 72Z" fill="#BFE6DA"/>
+<path d="M88.5161 70.8063C88.5161 72.3463 87.9044 73.8232 86.8155 74.9121C85.7265 76.001 84.2496 76.6128 82.7097 76.6128C81.1697 76.6128 79.6928 76.001 78.6039 74.9121C77.515 73.8232 76.9032 72.3463 76.9032 70.8063L82.7097 70.8063H88.5161Z" fill="#EAF7F3"/>
+<ellipse cx="82.7097" cy="71.3871" rx="3.48387" ry="2.90323" fill="#75C9B0"/>
+<mask id="path-7-inside-1_1671_4989" fill="white">
+<path d="M88.5162 70.8065C88.5162 69.2665 87.9045 67.7896 86.8156 66.7007C85.7266 65.6117 84.2497 65 82.7098 65C81.1698 65 79.6929 65.6117 78.604 66.7007C77.5151 67.7896 76.9033 69.2665 76.9033 70.8065L82.7098 70.8065H88.5162Z"/>
+</mask>
+<path d="M88.5162 70.8065C88.5162 69.2665 87.9045 67.7896 86.8156 66.7007C85.7266 65.6117 84.2497 65 82.7098 65C81.1698 65 79.6929 65.6117 78.604 66.7007C77.5151 67.7896 76.9033 69.2665 76.9033 70.8065L82.7098 70.8065H88.5162Z" fill="#75C9B0" stroke="#75C9B0" stroke-width="2.42356" mask="url(#path-7-inside-1_1671_4989)"/>
+<path d="M67.6129 70.8063C67.6129 72.3463 67.0012 73.8232 65.9122 74.9121C64.8233 76.001 63.3464 76.6128 61.8065 76.6128C60.2665 76.6128 58.7896 76.001 57.7007 74.9121C56.6117 73.8232 56 72.3463 56 70.8063L61.8065 70.8063H67.6129Z" fill="#EAF7F3"/>
+<ellipse cx="61.8065" cy="71.3871" rx="3.48387" ry="2.90323" fill="#75C9B0"/>
+<mask id="path-10-inside-2_1671_4989" fill="white">
+<path d="M67.6129 70.8065C67.6129 69.2665 67.0012 67.7896 65.9122 66.7007C64.8233 65.6117 63.3464 65 61.8065 65C60.2665 65 58.7896 65.6117 57.7007 66.7007C56.6117 67.7896 56 69.2665 56 70.8065L61.8065 70.8065H67.6129Z"/>
+</mask>
+<path d="M67.6129 70.8065C67.6129 69.2665 67.0012 67.7896 65.9122 66.7007C64.8233 65.6117 63.3464 65 61.8065 65C60.2665 65 58.7896 65.6117 57.7007 66.7007C56.6117 67.7896 56 69.2665 56 70.8065L61.8065 70.8065H67.6129Z" fill="#75C9B0" stroke="#75C9B0" stroke-width="2.42356" mask="url(#path-10-inside-2_1671_4989)"/>
+<path d="M76.9033 83C76.9033 83 75.1614 83 72.2582 83C69.3549 83 67.613 83 67.613 83" stroke="#75C9B0" stroke-width="3.25161" stroke-linecap="round"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_4989" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_4989"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_4989" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/focus_worry.svg b/src/assets/images/character/focus_worry.svg
new file mode 100644
index 0000000..5791318
--- /dev/null
+++ b/src/assets/images/character/focus_worry.svg
@@ -0,0 +1,35 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_5055)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#EAF7F3" shape-rendering="crispEdges"/>
+<rect x="4.5" y="4.5" width="107" height="107" rx="15.5" stroke="#75C9B0" shape-rendering="crispEdges"/>
+<path d="M21.8711 20.0352C21.8711 22.8242 20.1133 24.7578 16.9844 25.625L16.3984 24.4648C18.7188 23.8438 20.0195 22.6719 20.2773 21.2305H16.9727V20.0352H21.8711ZM25.3047 26.0352V30.0547H23.8164V27.2305H17.9805V26.0352H25.3047ZM25.3047 19.4258V25.6133H23.8164V23.2344H21.9766V22.0039H23.8164V19.4258H25.3047ZM35.6758 19.4141V25.7422H34.1875V23.2227H32.5234V22.0156H34.1875V19.4141H35.6758ZM32.0312 25.9766C34.3047 25.9883 35.6992 26.7383 35.7109 28.0391C35.6992 29.3281 34.3047 30.0898 32.0312 30.0898C29.7578 30.0898 28.3633 29.3281 28.3633 28.0391C28.3633 26.7383 29.7578 25.9883 32.0312 25.9766ZM32.0312 27.125C30.6133 27.125 29.8516 27.418 29.8516 28.0391C29.8516 28.6484 30.6133 28.9531 32.0312 28.9531C33.4492 28.9531 34.2227 28.6484 34.2227 28.0391C34.2227 27.418 33.4492 27.125 32.0312 27.125ZM32.8398 20.0586V21.2539H30.7188C30.7539 22.4961 31.5039 23.75 33.168 24.3008L32.4297 25.4727C31.252 25.0918 30.4434 24.3184 29.9805 23.3516C29.5059 24.4414 28.6562 25.3203 27.3906 25.7539L26.6172 24.5703C28.3691 23.9844 29.1543 22.5898 29.1953 21.2539H27.0508V20.0586H32.8398ZM36.918 26.7617C37.5215 26.7617 38.2598 26.7559 39.0391 26.7383V24.9453H37.3867V20.375H41.9805V21.582H38.8516V23.75H42.0742V24.9453H40.4688V26.6797C41.1191 26.6562 41.7578 26.6094 42.3203 26.5391L42.4023 27.6055C40.6797 27.9336 38.4883 27.9805 37.1172 27.9805L36.918 26.7617ZM46.4102 19.4141V30.0781H44.9805V24.8633H44.1484V29.5859H42.7539V19.5898H44.1484V23.6562H44.9805V19.4141H46.4102ZM57.1914 27.6055V28.8359H47.4297V27.6055H49.6094V24.9922C48.7832 24.5 48.2852 23.7441 48.2852 22.8008C48.2852 21.0781 49.9727 19.9297 52.293 19.9297C54.6016 19.9297 56.3008 21.0781 56.3125 22.8008C56.3066 23.7207 55.8203 24.4707 55.0234 24.9688V27.6055H57.1914ZM52.293 21.1133C50.7695 21.1133 49.7617 21.7227 49.7617 22.8008C49.7617 23.8438 50.7695 24.4883 52.293 24.4883C53.8047 24.4883 54.8242 23.8438 54.8359 22.8008C54.8242 21.7227 53.8047 21.1133 52.293 21.1133ZM51.0859 27.6055H53.5117V25.5312C53.1309 25.6074 52.7207 25.6484 52.293 25.6484C51.8652 25.6484 51.4609 25.6133 51.0859 25.5312V27.6055Z" fill="#75C9B0"/>
+<circle cx="72" cy="72" r="28" fill="#BFE6DA"/>
+<mask id="mask0_1671_5055" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="44" y="44" width="56" height="56">
+<circle cx="72" cy="72" r="28" fill="#FDD057"/>
+</mask>
+<g mask="url(#mask0_1671_5055)">
+<path d="M61.4999 101.167H56.8333V60.3335H61.4999V101.167Z" fill="#A0DAC9"/>
+<path d="M87.4711 101.167H82.8041V60.3335H87.4711V101.167Z" fill="#A0DAC9"/>
+</g>
+<path d="M79 71.4165C79 76.249 77.8333 80.1665 72 80.1665C66.1667 80.1665 65 76.249 65 71.4165C65 66.584 68.134 62.6665 72 62.6665C75.866 62.6665 79 66.584 79 71.4165Z" fill="#5ABFA1"/>
+<circle cx="59.3189" cy="60.4857" r="3.04347" fill="#75C9B0" stroke="#75C9B0" stroke-width="1.21739"/>
+<ellipse cx="1.15801" cy="0.953431" rx="1.15801" ry="0.953431" transform="matrix(0.791812 0.610765 -0.598066 0.801446 59.8014 58.1357)" fill="white"/>
+<ellipse cx="1.15801" cy="0.953431" rx="1.15801" ry="0.953431" transform="matrix(0.791812 0.610765 -0.598066 0.801446 57.9147 60.0542)" fill="white"/>
+<circle cx="85.2897" cy="60.4857" r="3.04347" fill="#75C9B0" stroke="#75C9B0" stroke-width="1.21739"/>
+<ellipse cx="1.15801" cy="0.953431" rx="1.15801" ry="0.953431" transform="matrix(0.791812 0.610765 -0.598066 0.801446 85.772 58.1357)" fill="white"/>
+<ellipse cx="1.15801" cy="0.953431" rx="1.15801" ry="0.953431" transform="matrix(0.791812 0.610765 -0.598066 0.801446 83.8853 60.0542)" fill="white"/>
+<path d="M78.9844 72C78.888 76.5604 77.5877 80.1669 71.9912 80.167C66.3945 80.167 65.0944 76.5605 64.998 72H78.9844Z" fill="#75C9B0"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_5055" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_5055"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_5055" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/happy.svg b/src/assets/images/character/happy.svg
new file mode 100644
index 0000000..ec2d117
--- /dev/null
+++ b/src/assets/images/character/happy.svg
@@ -0,0 +1,8 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="28" cy="28" r="28" fill="#FDD057"/>
+<circle cx="9" cy="19" r="5" fill="#FFA8DB"/>
+<circle cx="47" cy="19" r="5" fill="#FFA8DB"/>
+<path d="M13 15C15.5 11 20.5 11 23 15" stroke="#2C2E31" stroke-width="3.25" stroke-linecap="round"/>
+<path d="M33 15C35.5 11 40.5 11 43 15" stroke="#2C2E31" stroke-width="3.25" stroke-linecap="round"/>
+<path d="M17 23C22.5 30.9999 33.5 31.0001 39 23" stroke="#2C2E31" stroke-width="3.25" stroke-linecap="round"/>
+</svg>
diff --git a/src/assets/images/character/inactive_angry.svg b/src/assets/images/character/inactive_angry.svg
new file mode 100644
index 0000000..a94ece8
--- /dev/null
+++ b/src/assets/images/character/inactive_angry.svg
@@ -0,0 +1,26 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_5084)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#F6F6F7" shape-rendering="crispEdges"/>
+<path d="M25.082 19.4141V23.4336H26.2773V24.6758H25.082V30.0781H23.582V26.7617L22.668 27.8164C21.9824 27.2773 21.5664 26.4688 21.3203 25.5312C21.0391 26.498 20.582 27.3477 19.8203 27.8984C19.0762 27.3535 18.625 26.5098 18.3555 25.543C18.0977 26.4805 17.6816 27.2832 16.9961 27.8164L16.0586 26.7266C17.4062 25.7305 17.6055 23.8438 17.6172 22.0859V21.5352H16.4805V20.3398H19.6445V21.5352H19.0234V22.0859C19.0234 23.3398 19.1289 24.8105 19.832 25.918C20.5176 24.8164 20.6406 23.3574 20.6406 22.0859V21.5352H20.0195V20.3398H23.0195V21.5352H22.0703V22.0859C22.0586 23.8496 22.2637 25.707 23.582 26.7031V19.4141H25.082ZM36.4141 24.3242V25.5312H26.6875V24.3242H36.4141ZM31.5391 26.1289C33.8477 26.1289 35.2422 26.8555 35.2539 28.1094C35.2422 29.375 33.8477 30.0781 31.5391 30.0781C29.207 30.0781 27.8008 29.375 27.8008 28.1094C27.8008 26.8555 29.207 26.1289 31.5391 26.1289ZM31.5391 27.2891C30.0625 27.2891 29.3125 27.5469 29.3242 28.1094C29.3125 28.6602 30.0625 28.918 31.5391 28.918C32.9805 28.918 33.7422 28.6602 33.7539 28.1094C33.7422 27.5469 32.9805 27.2891 31.5391 27.2891ZM35.5352 19.9062V21.1016H32.6289C32.8691 21.8457 33.9531 22.584 36.0039 22.7656L35.4766 23.9375C33.4668 23.7441 32.1074 22.9824 31.5391 21.9453C30.9766 22.9824 29.6406 23.7441 27.6133 23.9375L27.1211 22.7656C29.125 22.584 30.2207 21.8516 30.4727 21.1016H27.5781V19.9062H35.5352ZM46.9844 23.457V24.6758H45.4727V30.0547H43.9727V19.4141H45.4727V23.457H46.9844ZM38.8867 20.4336V26.2109C40.252 26.1934 41.7168 26.0645 43.2578 25.7539L43.4102 26.9961C41.6289 27.3594 39.8945 27.4531 38.3242 27.4531H37.3984V20.4336H38.8867ZM57.1914 27.6055V28.8359H47.4297V27.6055H49.6094V24.9922C48.7832 24.5 48.2852 23.7441 48.2852 22.8008C48.2852 21.0781 49.9727 19.9297 52.293 19.9297C54.6016 19.9297 56.3008 21.0781 56.3125 22.8008C56.3066 23.7207 55.8203 24.4707 55.0234 24.9688V27.6055H57.1914ZM52.293 21.1133C50.7695 21.1133 49.7617 21.7227 49.7617 22.8008C49.7617 23.8438 50.7695 24.4883 52.293 24.4883C53.8047 24.4883 54.8242 23.8438 54.8359 22.8008C54.8242 21.7227 53.8047 21.1133 52.293 21.1133ZM51.0859 27.6055H53.5117V25.5312C53.1309 25.6074 52.7207 25.6484 52.293 25.6484C51.8652 25.6484 51.4609 25.6133 51.0859 25.5312V27.6055Z" fill="#BFC4CB"/>
+<circle cx="72" cy="72" r="28" fill="#E2E4E7"/>
+<path d="M84.8334 77.478L91.8334 73.1663" stroke="#D3D7DB" stroke-width="2.8" stroke-linecap="round"/>
+<path d="M73.1668 77.478L66.1668 73.1663" stroke="#D3D7DB" stroke-width="2.8" stroke-linecap="round"/>
+<path d="M83.6667 86C83.6667 86 81.9167 86 79.0001 86C76.0834 86 74.3334 86 74.3334 86" stroke="#D3D7DB" stroke-width="2.8" stroke-linecap="round"/>
+<path d="M53.3333 62.5074H56.6742V59.1665" stroke="#D3D7DB" stroke-width="1.53711" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M53.3333 65.8481H56.6742V69.189" stroke="#D3D7DB" stroke-width="1.53711" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M63.8333 62.5074H60.4923V59.1665" stroke="#D3D7DB" stroke-width="1.53711" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M63.8333 65.8481H60.4923V69.189" stroke="#D3D7DB" stroke-width="1.53711" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_5084" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_5084"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_5084" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/inactive_common.svg b/src/assets/images/character/inactive_common.svg
new file mode 100644
index 0000000..287e175
--- /dev/null
+++ b/src/assets/images/character/inactive_common.svg
@@ -0,0 +1,22 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_5049)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#F6F6F7" shape-rendering="crispEdges"/>
+<path d="M24.8477 20.3984V21.6758C24.8477 23.1406 24.8477 24.5938 24.4609 26.7969L22.9492 26.668C23.3477 24.6172 23.3477 23.0938 23.3594 21.6758V21.5938H17.3242V20.3984H24.8477ZM26.043 27.4531V28.6836H16.3164V27.4531H26.043ZM36.543 20.7734V21.9922H35.1484V23.0352H36.543V24.2891H35.1484V25.6484H33.6484V19.4141H35.1484V20.7734H36.543ZM31.6328 25.7773C33.8242 25.7656 35.2539 26.6094 35.2539 27.9219C35.2539 29.2812 33.8242 30.0898 31.6328 30.0898C29.418 30.0898 27.9766 29.2812 27.9766 27.9219C27.9766 26.6094 29.418 25.7656 31.6328 25.7773ZM31.6328 26.9727C30.25 26.9727 29.4414 27.2891 29.4531 27.9219C29.4414 28.5664 30.25 28.9062 31.6328 28.9062C32.9688 28.9062 33.7773 28.5664 33.7773 27.9219C33.7773 27.2891 32.9688 26.9727 31.6328 26.9727ZM28.6211 20.0117V23.7617C29.9102 23.7441 31.2988 23.6211 32.7812 23.3281L32.957 24.5352C31.1992 24.8867 29.5469 24.9922 28.0352 24.9922H27.1211V20.0117H28.6211ZM48.3555 20.3984V21.6758C48.3555 23.1406 48.3555 24.5938 47.9688 26.7969L46.457 26.668C46.8555 24.6172 46.8555 23.0938 46.8672 21.6758V21.5938H40.832V20.3984H48.3555ZM49.5508 27.4531V28.6836H39.8242V27.4531H49.5508ZM54.543 20.4453V24.5586H51.9297V26.4688C52.9434 26.457 53.9102 26.416 55 26.2461L55.1055 27.4414C53.7109 27.6758 52.5625 27.7109 51.2383 27.7109H50.5V23.3633H53.1016V21.6523H50.4883V20.4453H54.543ZM59.418 19.4141V30.0781H58V24.6523H56.9688V29.5625H55.5977V19.5898H56.9688V23.4453H58V19.4141H59.418ZM70.3281 27.6055V28.8359H60.5664V27.6055H62.7461V24.9922C61.9199 24.5 61.4219 23.7441 61.4219 22.8008C61.4219 21.0781 63.1094 19.9297 65.4297 19.9297C67.7383 19.9297 69.4375 21.0781 69.4492 22.8008C69.4434 23.7207 68.957 24.4707 68.1602 24.9688V27.6055H70.3281ZM65.4297 21.1133C63.9062 21.1133 62.8984 21.7227 62.8984 22.8008C62.8984 23.8438 63.9062 24.4883 65.4297 24.4883C66.9414 24.4883 67.9609 23.8438 67.9727 22.8008C67.9609 21.7227 66.9414 21.1133 65.4297 21.1133ZM64.2227 27.6055H66.6484V25.5312C66.2676 25.6074 65.8574 25.6484 65.4297 25.6484C65.002 25.6484 64.5977 25.6133 64.2227 25.5312V27.6055Z" fill="#BFC4CB"/>
+<path d="M100 72C100 87.464 87.464 100 72 100C56.536 100 44 87.464 44 72C44 56.536 56.536 44 72 44C87.464 44 100 56.536 100 72Z" fill="#E2E4E7"/>
+<path d="M78 81C78 81 75.75 81 72 81C68.25 81 66 81 66 81" stroke="#D3D7DB" stroke-width="3.25161" stroke-linecap="round"/>
+<circle cx="62" cy="69" r="3" fill="#D3D7DB"/>
+<circle cx="82" cy="69" r="3" fill="#D3D7DB"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_5049" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_5049"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_5049" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/inactive_happy.svg b/src/assets/images/character/inactive_happy.svg
new file mode 100644
index 0000000..909af53
--- /dev/null
+++ b/src/assets/images/character/inactive_happy.svg
@@ -0,0 +1,24 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_5040)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#F6F6F7" shape-rendering="crispEdges"/>
+<path d="M25.2812 19.4141V30.0781H23.7695V19.4141H25.2812ZM22.082 20.5273C22.082 23.7617 20.9453 26.4453 17.1367 28.25L16.3516 27.0547C19.1055 25.7539 20.3184 24.0664 20.5586 21.6992H16.9258V20.5273H22.082ZM36.4375 24.8867V26.0586H32.418V27.7812H30.9414V26.0586H26.6758V24.8867H36.4375ZM35.3594 28.6953V29.8906H27.8242V26.9375H29.3008V28.6953H35.3594ZM29.4062 19.7539V20.8672H33.6836V19.7539H35.1719V24.1367H27.9297V19.7539H29.4062ZM29.4062 22.9531H33.6836V21.9805H29.4062V22.9531ZM45.4141 22.5898V23.5742H49.5742V24.7695H39.8125V23.5742H43.9375V22.5898H45.4141ZM48.6719 19.6719V20.8086H45.8008C46.1055 21.4238 47.1777 21.9805 49.1289 22.0859L48.6602 23.1992C46.6035 23.0586 45.2324 22.4023 44.6875 21.4414C44.1367 22.3965 42.7656 23.0586 40.7148 23.1992L40.2344 22.0859C42.1504 21.9805 43.2461 21.418 43.5625 20.8086H40.7148V19.6719H48.6719ZM48.6484 25.8594V26.9727H40.7031V25.8594H43.9258V25.0625H45.4258V25.8594H48.6484ZM44.6641 27.2891C46.7266 27.2891 47.957 27.7812 47.957 28.6953C47.957 29.6211 46.7266 30.1133 44.6641 30.1133C42.5781 30.1133 41.3945 29.6211 41.3945 28.6953C41.3945 27.7812 42.5781 27.2891 44.6641 27.2891ZM44.6641 28.2734C43.5156 28.2852 42.9297 28.3906 42.9297 28.6953C42.9297 28.9883 43.5156 29.1289 44.6641 29.1289C45.8242 29.1289 46.3867 28.9883 46.3984 28.6953C46.3867 28.3906 45.8242 28.2852 44.6641 28.2734ZM53.0664 20.1641C54.6953 20.1641 55.8672 21.6406 55.8789 23.9609C55.8672 26.3047 54.6953 27.7695 53.0664 27.7695C51.4375 27.7695 50.2422 26.3047 50.2539 23.9609C50.2422 21.6406 51.4375 20.1641 53.0664 20.1641ZM53.0664 21.5117C52.2461 21.5117 51.6953 22.3789 51.6953 23.9609C51.6953 25.5547 52.2461 26.4102 53.0664 26.4102C53.8984 26.4102 54.4375 25.5547 54.4492 23.9609C54.4375 22.3789 53.8984 21.5117 53.0664 21.5117ZM58.6094 19.4141V23.4336H60.1797V24.6758H58.6094V30.0781H57.1094V19.4141H58.6094ZM70.3281 27.6055V28.8359H60.5664V27.6055H62.7461V24.9922C61.9199 24.5 61.4219 23.7441 61.4219 22.8008C61.4219 21.0781 63.1094 19.9297 65.4297 19.9297C67.7383 19.9297 69.4375 21.0781 69.4492 22.8008C69.4434 23.7207 68.957 24.4707 68.1602 24.9688V27.6055H70.3281ZM65.4297 21.1133C63.9062 21.1133 62.8984 21.7227 62.8984 22.8008C62.8984 23.8438 63.9062 24.4883 65.4297 24.4883C66.9414 24.4883 67.9609 23.8438 67.9727 22.8008C67.9609 21.7227 66.9414 21.1133 65.4297 21.1133ZM64.2227 27.6055H66.6484V25.5312C66.2676 25.6074 65.8574 25.6484 65.4297 25.6484C65.002 25.6484 64.5977 25.6133 64.2227 25.5312V27.6055Z" fill="#BFC4CB"/>
+<circle cx="72" cy="72" r="28" fill="#E2E4E7"/>
+<circle cx="53" cy="63" r="5" fill="#D3D7DB"/>
+<circle cx="91" cy="63" r="5" fill="#D3D7DB"/>
+<path d="M57 59C59.5 55 64.5 55 67 59" stroke="#D3D7DB" stroke-width="3.25" stroke-linecap="round"/>
+<path d="M77 59C79.5 55 84.5 55 87 59" stroke="#D3D7DB" stroke-width="3.25" stroke-linecap="round"/>
+<path d="M61 67C66.5 74.9999 77.5 75.0001 83 67" stroke="#D3D7DB" stroke-width="3.25" stroke-linecap="round"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_5040" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_5040"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_5040" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/inactive_miss.svg b/src/assets/images/character/inactive_miss.svg
new file mode 100644
index 0000000..a3c5cca
--- /dev/null
+++ b/src/assets/images/character/inactive_miss.svg
@@ -0,0 +1,29 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_5019)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#F6F6F7" shape-rendering="crispEdges"/>
+<path d="M26.0781 27.6172V28.8359H16.3164V27.6172H20.4297V25.6484H17.3477V20.0938H18.8477V21.7461H23.5V20.0938H24.9883V25.6484H21.918V27.6172H26.0781ZM18.8477 24.4531H23.5V22.9414H18.8477V24.4531ZM35.4766 20.3398V21.3477C35.4766 22.6836 35.4766 24.1836 35.043 26.4453L33.543 26.293C33.9473 24.2773 33.9648 22.7773 33.9766 21.5234H27.6953V20.3398H35.4766ZM36.4141 27.5586V28.7773H26.6875V27.5586H30.168V23.8906H31.6562V27.5586H36.4141ZM48.7539 19.4258V25.332H47.2539V19.4258H48.7539ZM43.9141 20.8203C43.9023 22.0859 44.6758 23.3398 46.4219 23.8203L45.707 25.0039C44.4766 24.6406 43.627 23.9023 43.1406 22.9531C42.6543 23.9844 41.7812 24.7988 40.5039 25.1797L39.7891 24.0078C41.5703 23.4688 42.3555 22.1445 42.3555 20.8203V19.7891H43.9141V20.8203ZM48.8125 25.8125V26.9961H47.5352V28.7656H48.9062V29.9609H41.3945V28.7656H42.7773V26.9961H41.4883V25.8125H48.8125ZM44.2539 28.7656H46.0586V26.9961H44.2539V28.7656ZM53.1367 20.1641C54.5781 20.1641 55.6504 21.3535 55.8672 23.2695H57.7188V19.4141H59.1953V30.1016H57.7188V24.4648H55.8789C55.7207 26.5156 54.625 27.7695 53.1367 27.7695C51.5195 27.7695 50.3594 26.3047 50.3711 23.9609C50.3594 21.6406 51.5195 20.1641 53.1367 20.1641ZM53.1367 21.5117C52.3398 21.5117 51.7891 22.3789 51.8008 23.9609C51.7891 25.5547 52.3398 26.4102 53.1367 26.4102C53.9453 26.4102 54.4727 25.5547 54.4727 23.9609C54.4727 22.3789 53.9453 21.5117 53.1367 21.5117ZM70.3281 27.6055V28.8359H60.5664V27.6055H62.7461V24.9922C61.9199 24.5 61.4219 23.7441 61.4219 22.8008C61.4219 21.0781 63.1094 19.9297 65.4297 19.9297C67.7383 19.9297 69.4375 21.0781 69.4492 22.8008C69.4434 23.7207 68.957 24.4707 68.1602 24.9688V27.6055H70.3281ZM65.4297 21.1133C63.9062 21.1133 62.8984 21.7227 62.8984 22.8008C62.8984 23.8438 63.9062 24.4883 65.4297 24.4883C66.9414 24.4883 67.9609 23.8438 67.9727 22.8008C67.9609 21.7227 66.9414 21.1133 65.4297 21.1133ZM64.2227 27.6055H66.6484V25.5312C66.2676 25.6074 65.8574 25.6484 65.4297 25.6484C65.002 25.6484 64.5977 25.6133 64.2227 25.5312V27.6055Z" fill="#BFC4CB"/>
+<circle cx="72" cy="72" r="28" fill="#E2E4E7"/>
+<mask id="mask0_1671_5019" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="44" y="44" width="56" height="56">
+<circle cx="72" cy="72" r="28" fill="#FDD057"/>
+</mask>
+<g mask="url(#mask0_1671_5019)">
+<path d="M61.5 101.167H56.8333V60.3335H61.5V101.167Z" fill="#D3D7DB"/>
+<path d="M87.4712 101.167H82.8042V60.3335H87.4712V101.167Z" fill="#D3D7DB"/>
+</g>
+<path d="M57.0668 55.9999L64.433 59.8738L55.0002 60.8848" stroke="#D3D7DB" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M87.2228 55.9999L79.8566 59.8738L89.2894 60.8848" stroke="#D3D7DB" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M68 65.6667C70 62.1111 74 62.1111 76 65.6667" stroke="#D3D7DB" stroke-width="3" stroke-linecap="round"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_5019" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_5019"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_5019" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/inactive_sad.svg b/src/assets/images/character/inactive_sad.svg
new file mode 100644
index 0000000..6a9b294
--- /dev/null
+++ b/src/assets/images/character/inactive_sad.svg
@@ -0,0 +1,22 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_4998)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#F6F6F7" shape-rendering="crispEdges"/>
+<path d="M20.3477 21.8281C20.3477 23.832 21.1562 25.7773 22.9375 26.5508L22.0234 27.7461C20.8398 27.166 20.0488 26.1055 19.6094 24.793C19.1406 26.1875 18.3203 27.3301 17.1016 27.9336L16.1641 26.7148C17.9922 25.8945 18.8242 23.832 18.8359 21.8281V20.2344H20.3477V21.8281ZM25.3164 19.4141V30.1016H23.8398V23.9727H21.7422V22.7656H23.8398V19.4141H25.3164ZM36.4375 24.6055V25.8008H32.3945V27.6523H30.8828V25.8008H26.6758V24.6055H36.4375ZM35.3594 28.6836V29.8906H27.8359V26.7031H29.3477V28.6836H35.3594ZM31.5508 19.6133C33.8594 19.625 35.3945 20.4805 35.4062 21.8281C35.3945 23.1875 33.8594 24.0312 31.5508 24.0312C29.2305 24.0312 27.6836 23.1875 27.6836 21.8281C27.6836 20.4805 29.2305 19.625 31.5508 19.6133ZM31.5508 20.7969C30.168 20.7969 29.2891 21.1484 29.3008 21.8281C29.2891 22.4844 30.168 22.8359 31.5508 22.8359C32.9219 22.8359 33.8008 22.4844 33.8008 21.8281C33.8008 21.1484 32.9219 20.7969 31.5508 20.7969ZM42.2031 21.043V22.2266H37.0469V21.043H38.8984V19.707H40.375V21.043H42.2031ZM39.6484 22.707C41.0078 22.707 41.9805 23.7617 41.9922 25.2383C41.9805 26.7266 41.0078 27.7812 39.6484 27.7812C38.2891 27.7812 37.293 26.7266 37.293 25.2383C37.293 23.7617 38.2891 22.707 39.6484 22.707ZM39.6484 23.9492C39.0273 23.9492 38.6055 24.4297 38.6055 25.2383C38.6055 26.0469 39.0273 26.5156 39.6484 26.5156C40.2461 26.5156 40.668 26.0469 40.6797 25.2383C40.668 24.4297 40.2461 23.9492 39.6484 23.9492ZM46.2812 19.4141V30.0781H44.8633V24.9453H43.9961V29.6211H42.6016V19.625H43.9961V23.75H44.8633V19.4141H46.2812ZM57.1914 27.6055V28.8359H47.4297V27.6055H49.6094V24.9922C48.7832 24.5 48.2852 23.7441 48.2852 22.8008C48.2852 21.0781 49.9727 19.9297 52.293 19.9297C54.6016 19.9297 56.3008 21.0781 56.3125 22.8008C56.3066 23.7207 55.8203 24.4707 55.0234 24.9688V27.6055H57.1914ZM52.293 21.1133C50.7695 21.1133 49.7617 21.7227 49.7617 22.8008C49.7617 23.8438 50.7695 24.4883 52.293 24.4883C53.8047 24.4883 54.8242 23.8438 54.8359 22.8008C54.8242 21.7227 53.8047 21.1133 52.293 21.1133ZM51.0859 27.6055H53.5117V25.5312C53.1309 25.6074 52.7207 25.6484 52.293 25.6484C51.8652 25.6484 51.4609 25.6133 51.0859 25.5312V27.6055Z" fill="#BFC4CB"/>
+<circle cx="72" cy="72" r="28" fill="#E2E4E7"/>
+<path d="M66 80C69 76 75 76 78 80" stroke="#D3D7DB" stroke-width="3.25" stroke-linecap="round"/>
+<circle cx="62" cy="68" r="3" fill="#D3D7DB"/>
+<circle cx="82" cy="68" r="3" fill="#D3D7DB"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_4998" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_4998"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_4998" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/inactive_tired.svg b/src/assets/images/character/inactive_tired.svg
new file mode 100644
index 0000000..81df1a5
--- /dev/null
+++ b/src/assets/images/character/inactive_tired.svg
@@ -0,0 +1,35 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_4986)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#F6F6F7" shape-rendering="crispEdges"/>
+<path d="M25.2812 19.4141V30.0781H23.7695V19.4141H25.2812ZM22.6211 20.3984V21.5938H21.6719V26.2227C22.1406 26.1934 22.6035 26.1465 23.0547 26.0938L23.125 27.207C20.8516 27.582 18.3906 27.6172 16.4336 27.6289L16.293 26.4102L17.5234 26.3984V21.5938H16.5859V20.3984H22.6211ZM18.9766 26.3633L20.2188 26.3164V21.5938H18.9766V26.3633ZM35.2422 20.0117V20.7617C35.2422 21.582 35.2422 22.6133 34.9492 23.9258L33.4609 23.7734C33.6953 22.7012 33.7363 21.8984 33.7539 21.1836H27.8008V20.0117H35.2422ZM36.3906 24.5V25.707H26.7109V24.5H30.3438V22.4961H31.8203V24.5H36.3906ZM35.4766 28.6953V29.8906H27.8359V26.5977H29.3359V28.6953H35.4766ZM42.2031 21.043V22.2266H37.0469V21.043H38.8984V19.707H40.375V21.043H42.2031ZM39.6484 22.707C41.0078 22.707 41.9805 23.7617 41.9922 25.2383C41.9805 26.7266 41.0078 27.7812 39.6484 27.7812C38.2891 27.7812 37.293 26.7266 37.293 25.2383C37.293 23.7617 38.2891 22.707 39.6484 22.707ZM39.6484 23.9492C39.0273 23.9492 38.6055 24.4297 38.6055 25.2383C38.6055 26.0469 39.0273 26.5156 39.6484 26.5156C40.2461 26.5156 40.668 26.0469 40.6797 25.2383C40.668 24.4297 40.2461 23.9492 39.6484 23.9492ZM46.2812 19.4141V30.0781H44.8633V24.9453H43.9961V29.6211H42.6016V19.625H43.9961V23.75H44.8633V19.4141H46.2812ZM57.1914 27.6055V28.8359H47.4297V27.6055H49.6094V24.9922C48.7832 24.5 48.2852 23.7441 48.2852 22.8008C48.2852 21.0781 49.9727 19.9297 52.293 19.9297C54.6016 19.9297 56.3008 21.0781 56.3125 22.8008C56.3066 23.7207 55.8203 24.4707 55.0234 24.9688V27.6055H57.1914ZM52.293 21.1133C50.7695 21.1133 49.7617 21.7227 49.7617 22.8008C49.7617 23.8438 50.7695 24.4883 52.293 24.4883C53.8047 24.4883 54.8242 23.8438 54.8359 22.8008C54.8242 21.7227 53.8047 21.1133 52.293 21.1133ZM51.0859 27.6055H53.5117V25.5312C53.1309 25.6074 52.7207 25.6484 52.293 25.6484C51.8652 25.6484 51.4609 25.6133 51.0859 25.5312V27.6055Z" fill="#BFC4CB"/>
+<path d="M100 72C100 87.464 87.464 100 72 100C56.536 100 44 87.464 44 72C44 56.536 56.536 44 72 44C87.464 44 100 56.536 100 72Z" fill="#E2E4E7"/>
+<path d="M88.5161 70.8063C88.5161 72.3463 87.9044 73.8232 86.8155 74.9121C85.7265 76.001 84.2496 76.6128 82.7097 76.6128C81.1697 76.6128 79.6928 76.001 78.6039 74.9121C77.515 73.8232 76.9032 72.3463 76.9032 70.8063L82.7097 70.8063H88.5161Z" fill="#D3D7DB"/>
+<ellipse cx="82.7097" cy="71.3871" rx="3.48387" ry="2.90323" fill="#BFC4CB"/>
+<mask id="path-6-inside-1_1671_4986" fill="white">
+<path d="M88.5162 70.8065C88.5162 69.2665 87.9045 67.7896 86.8156 66.7007C85.7266 65.6117 84.2497 65 82.7098 65C81.1698 65 79.6929 65.6117 78.604 66.7007C77.5151 67.7896 76.9033 69.2665 76.9033 70.8065L82.7098 70.8065H88.5162Z"/>
+</mask>
+<path d="M88.5162 70.8065C88.5162 69.2665 87.9045 67.7896 86.8156 66.7007C85.7266 65.6117 84.2497 65 82.7098 65C81.1698 65 79.6929 65.6117 78.604 66.7007C77.5151 67.7896 76.9033 69.2665 76.9033 70.8065L82.7098 70.8065H88.5162Z" fill="#D3D7DB" stroke="#D3D7DB" stroke-width="2.42356" mask="url(#path-6-inside-1_1671_4986)"/>
+<mask id="path-7-inside-2_1671_4986" fill="white">
+<path d="M67.6129 70.8063C67.6129 72.3463 67.0012 73.8232 65.9122 74.9121C64.8233 76.001 63.3464 76.6128 61.8065 76.6128C60.2665 76.6128 58.7896 76.001 57.7007 74.9121C56.6117 73.8232 56 72.3463 56 70.8063L61.8065 70.8063H67.6129Z"/>
+</mask>
+<path d="M67.6129 70.8063C67.6129 72.3463 67.0012 73.8232 65.9122 74.9121C64.8233 76.001 63.3464 76.6128 61.8065 76.6128C60.2665 76.6128 58.7896 76.001 57.7007 74.9121C56.6117 73.8232 56 72.3463 56 70.8063L61.8065 70.8063H67.6129Z" fill="#D3D7DB" stroke="#D3D7DB" stroke-width="2.42356" mask="url(#path-7-inside-2_1671_4986)"/>
+<ellipse cx="61.8065" cy="71.3871" rx="3.48387" ry="2.90323" fill="#BFC4CB"/>
+<mask id="path-9-inside-3_1671_4986" fill="white">
+<path d="M67.6129 70.8065C67.6129 69.2665 67.0012 67.7896 65.9122 66.7007C64.8233 65.6117 63.3464 65 61.8065 65C60.2665 65 58.7896 65.6117 57.7007 66.7007C56.6117 67.7896 56 69.2665 56 70.8065L61.8065 70.8065H67.6129Z"/>
+</mask>
+<path d="M67.6129 70.8065C67.6129 69.2665 67.0012 67.7896 65.9122 66.7007C64.8233 65.6117 63.3464 65 61.8065 65C60.2665 65 58.7896 65.6117 57.7007 66.7007C56.6117 67.7896 56 69.2665 56 70.8065L61.8065 70.8065H67.6129Z" fill="#D3D7DB" stroke="#D3D7DB" stroke-width="2.42356" mask="url(#path-9-inside-3_1671_4986)"/>
+<path d="M76.9033 83C76.9033 83 75.1614 83 72.2582 83C69.3549 83 67.613 83 67.613 83" stroke="#D3D7DB" stroke-width="3.25161" stroke-linecap="round"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_4986" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_4986"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_4986" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/inactive_worry.svg b/src/assets/images/character/inactive_worry.svg
new file mode 100644
index 0000000..2b25edf
--- /dev/null
+++ b/src/assets/images/character/inactive_worry.svg
@@ -0,0 +1,34 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1671_5058)">
+<rect x="4" y="4" width="108" height="108" rx="16" fill="#F6F6F7" shape-rendering="crispEdges"/>
+<path d="M21.8711 20.0352C21.8711 22.8242 20.1133 24.7578 16.9844 25.625L16.3984 24.4648C18.7188 23.8438 20.0195 22.6719 20.2773 21.2305H16.9727V20.0352H21.8711ZM25.3047 26.0352V30.0547H23.8164V27.2305H17.9805V26.0352H25.3047ZM25.3047 19.4258V25.6133H23.8164V23.2344H21.9766V22.0039H23.8164V19.4258H25.3047ZM35.6758 19.4141V25.7422H34.1875V23.2227H32.5234V22.0156H34.1875V19.4141H35.6758ZM32.0312 25.9766C34.3047 25.9883 35.6992 26.7383 35.7109 28.0391C35.6992 29.3281 34.3047 30.0898 32.0312 30.0898C29.7578 30.0898 28.3633 29.3281 28.3633 28.0391C28.3633 26.7383 29.7578 25.9883 32.0312 25.9766ZM32.0312 27.125C30.6133 27.125 29.8516 27.418 29.8516 28.0391C29.8516 28.6484 30.6133 28.9531 32.0312 28.9531C33.4492 28.9531 34.2227 28.6484 34.2227 28.0391C34.2227 27.418 33.4492 27.125 32.0312 27.125ZM32.8398 20.0586V21.2539H30.7188C30.7539 22.4961 31.5039 23.75 33.168 24.3008L32.4297 25.4727C31.252 25.0918 30.4434 24.3184 29.9805 23.3516C29.5059 24.4414 28.6562 25.3203 27.3906 25.7539L26.6172 24.5703C28.3691 23.9844 29.1543 22.5898 29.1953 21.2539H27.0508V20.0586H32.8398ZM36.918 26.7617C37.5215 26.7617 38.2598 26.7559 39.0391 26.7383V24.9453H37.3867V20.375H41.9805V21.582H38.8516V23.75H42.0742V24.9453H40.4688V26.6797C41.1191 26.6562 41.7578 26.6094 42.3203 26.5391L42.4023 27.6055C40.6797 27.9336 38.4883 27.9805 37.1172 27.9805L36.918 26.7617ZM46.4102 19.4141V30.0781H44.9805V24.8633H44.1484V29.5859H42.7539V19.5898H44.1484V23.6562H44.9805V19.4141H46.4102ZM57.1914 27.6055V28.8359H47.4297V27.6055H49.6094V24.9922C48.7832 24.5 48.2852 23.7441 48.2852 22.8008C48.2852 21.0781 49.9727 19.9297 52.293 19.9297C54.6016 19.9297 56.3008 21.0781 56.3125 22.8008C56.3066 23.7207 55.8203 24.4707 55.0234 24.9688V27.6055H57.1914ZM52.293 21.1133C50.7695 21.1133 49.7617 21.7227 49.7617 22.8008C49.7617 23.8438 50.7695 24.4883 52.293 24.4883C53.8047 24.4883 54.8242 23.8438 54.8359 22.8008C54.8242 21.7227 53.8047 21.1133 52.293 21.1133ZM51.0859 27.6055H53.5117V25.5312C53.1309 25.6074 52.7207 25.6484 52.293 25.6484C51.8652 25.6484 51.4609 25.6133 51.0859 25.5312V27.6055Z" fill="#BFC4CB"/>
+<circle cx="72" cy="72" r="28" fill="#E2E4E7"/>
+<mask id="mask0_1671_5058" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="44" y="44" width="56" height="56">
+<circle cx="72" cy="72" r="28" fill="#FDD057"/>
+</mask>
+<g mask="url(#mask0_1671_5058)">
+<path d="M61.4999 101.167H56.8333V60.3335H61.4999V101.167Z" fill="#D3D7DB"/>
+<path d="M87.4711 101.167H82.8041V60.3335H87.4711V101.167Z" fill="#D3D7DB"/>
+</g>
+<path d="M79 71.4165C79 76.249 77.8333 80.1665 72 80.1665C66.1667 80.1665 65 76.249 65 71.4165C65 66.584 68.134 62.6665 72 62.6665C75.866 62.6665 79 66.584 79 71.4165Z" fill="#BFC4CB"/>
+<circle cx="59.3189" cy="60.4857" r="3.04347" fill="#BFC4CB" stroke="#BFC4CB" stroke-width="1.21739"/>
+<ellipse cx="1.15801" cy="0.953431" rx="1.15801" ry="0.953431" transform="matrix(0.791812 0.610765 -0.598066 0.801446 59.8014 58.1357)" fill="#F6F6F7"/>
+<ellipse cx="1.15801" cy="0.953431" rx="1.15801" ry="0.953431" transform="matrix(0.791812 0.610765 -0.598066 0.801446 57.9147 60.0542)" fill="#F6F6F7"/>
+<circle cx="85.2897" cy="60.4857" r="3.04347" fill="#BFC4CB" stroke="#BFC4CB" stroke-width="1.21739"/>
+<ellipse cx="1.15801" cy="0.953431" rx="1.15801" ry="0.953431" transform="matrix(0.791812 0.610765 -0.598066 0.801446 85.772 58.1357)" fill="#F6F6F7"/>
+<ellipse cx="1.15801" cy="0.953431" rx="1.15801" ry="0.953431" transform="matrix(0.791812 0.610765 -0.598066 0.801446 83.8853 60.0542)" fill="#F6F6F7"/>
+<path d="M78.9844 72C78.888 76.5604 77.5877 80.1669 71.9912 80.167C66.3945 80.167 65.0944 76.5605 64.998 72H78.9844Z" fill="#D3D7DB"/>
+</g>
+<defs>
+<filter id="filter0_d_1671_5058" x="0" y="0" width="116" height="116" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1671_5058"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1671_5058" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/character/miss.svg b/src/assets/images/character/miss.svg
new file mode 100644
index 0000000..84b3488
--- /dev/null
+++ b/src/assets/images/character/miss.svg
@@ -0,0 +1,13 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="28" cy="28" r="28" fill="#FDD057"/>
+<mask id="mask0_1744_5024" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="56" height="56">
+<circle cx="28" cy="28" r="28" fill="#FDD057"/>
+</mask>
+<g mask="url(#mask0_1744_5024)">
+<path d="M17.5 57.1666H12.8333L12.8333 16.3333H17.5L17.5 57.1666Z" fill="#9AD2FF"/>
+<path d="M43.4712 57.1663H38.8042V16.3333H43.4712V57.1663Z" fill="#9AD2FF"/>
+</g>
+<path d="M13.0668 11.9999L20.433 15.8738L11.0002 16.8848" stroke="black" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M43.2228 11.9999L35.8566 15.8738L45.2894 16.8848" stroke="black" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M24 21.6667C26 18.1111 30 18.1111 32 21.6667" stroke="#2C2E31" stroke-width="3" stroke-linecap="round"/>
+</svg>
diff --git a/src/assets/images/character/sad.svg b/src/assets/images/character/sad.svg
new file mode 100644
index 0000000..e251627
--- /dev/null
+++ b/src/assets/images/character/sad.svg
@@ -0,0 +1,6 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="28" cy="28" r="28" fill="#FDD057"/>
+<path d="M22 36C25 32 31 32 34 36" stroke="#2C2E31" stroke-width="3.25" stroke-linecap="round"/>
+<circle cx="18" cy="24" r="3" fill="black"/>
+<circle cx="38" cy="24" r="3" fill="black"/>
+</svg>
diff --git a/src/assets/images/character/tired.svg b/src/assets/images/character/tired.svg
new file mode 100644
index 0000000..7a036b4
--- /dev/null
+++ b/src/assets/images/character/tired.svg
@@ -0,0 +1,25 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28C0 12.536 12.536 0 28 0C43.464 0 56 12.536 56 28Z" fill="url(#paint0_linear_1671_5589)"/>
+<path d="M44.5162 26.8063C44.5162 28.3463 43.9045 29.8232 42.8156 30.9121C41.7266 32.001 40.2497 32.6128 38.7098 32.6128C37.1698 32.6128 35.6929 32.001 34.604 30.9121C33.5151 29.8232 32.9033 28.3463 32.9033 26.8063L38.7098 26.8063H44.5162Z" fill="white"/>
+<ellipse cx="38.7097" cy="27.3871" rx="3.48387" ry="2.90323" fill="black"/>
+<mask id="path-4-inside-1_1671_5589" fill="white">
+<path d="M44.5162 26.8065C44.5162 25.2665 43.9045 23.7896 42.8156 22.7007C41.7266 21.6117 40.2497 21 38.7098 21C37.1698 21 35.6929 21.6117 34.604 22.7007C33.5151 23.7896 32.9033 25.2665 32.9033 26.8065L38.7098 26.8065H44.5162Z"/>
+</mask>
+<path d="M44.5162 26.8065C44.5162 25.2665 43.9045 23.7896 42.8156 22.7007C41.7266 21.6117 40.2497 21 38.7098 21C37.1698 21 35.6929 21.6117 34.604 22.7007C33.5151 23.7896 32.9033 25.2665 32.9033 26.8065L38.7098 26.8065H44.5162Z" fill="#967BFF" stroke="#967BFF" stroke-width="2.42356" mask="url(#path-4-inside-1_1671_5589)"/>
+<mask id="path-5-inside-2_1671_5589" fill="white">
+<path d="M23.6129 26.8063C23.6129 28.3463 23.0012 29.8232 21.9122 30.9121C20.8233 32.001 19.3464 32.6128 17.8065 32.6128C16.2665 32.6128 14.7896 32.001 13.7007 30.9121C12.6117 29.8232 12 28.3463 12 26.8063L17.8065 26.8063H23.6129Z"/>
+</mask>
+<path d="M23.6129 26.8063C23.6129 28.3463 23.0012 29.8232 21.9122 30.9121C20.8233 32.001 19.3464 32.6128 17.8065 32.6128C16.2665 32.6128 14.7896 32.001 13.7007 30.9121C12.6117 29.8232 12 28.3463 12 26.8063L17.8065 26.8063H23.6129Z" fill="white" stroke="white" stroke-width="2.42356" mask="url(#path-5-inside-2_1671_5589)"/>
+<ellipse cx="17.8064" cy="27.3871" rx="3.48387" ry="2.90323" fill="black"/>
+<mask id="path-7-inside-3_1671_5589" fill="white">
+<path d="M23.6129 26.8065C23.6129 25.2665 23.0012 23.7896 21.9122 22.7007C20.8233 21.6117 19.3464 21 17.8065 21C16.2665 21 14.7896 21.6117 13.7007 22.7007C12.6117 23.7896 12 25.2665 12 26.8065L17.8065 26.8065H23.6129Z"/>
+</mask>
+<path d="M23.6129 26.8065C23.6129 25.2665 23.0012 23.7896 21.9122 22.7007C20.8233 21.6117 19.3464 21 17.8065 21C16.2665 21 14.7896 21.6117 13.7007 22.7007C12.6117 23.7896 12 25.2665 12 26.8065L17.8065 26.8065H23.6129Z" fill="#967BFF" stroke="#967BFF" stroke-width="2.42356" mask="url(#path-7-inside-3_1671_5589)"/>
+<path d="M32.9033 39C32.9033 39 31.1614 39 28.2582 39C25.3549 39 23.613 39 23.613 39" stroke="black" stroke-width="3.25161" stroke-linecap="round"/>
+<defs>
+<linearGradient id="paint0_linear_1671_5589" x1="-7.5" y1="81.5" x2="54.5" y2="-11.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A283FF"/>
+<stop offset="1" stop-color="#BEA8FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/images/character/worry.svg b/src/assets/images/character/worry.svg
new file mode 100644
index 0000000..7878723
--- /dev/null
+++ b/src/assets/images/character/worry.svg
@@ -0,0 +1,18 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="28" cy="28" r="28" fill="#FDD057"/>
+<mask id="mask0_1671_5409" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="56" height="56">
+<circle cx="28" cy="28" r="28" fill="#FDD057"/>
+</mask>
+<g mask="url(#mask0_1671_5409)">
+<path d="M17.5 57.1666H12.8333L12.8333 16.3333H17.5L17.5 57.1666Z" fill="#9AD2FF"/>
+<path d="M43.4712 57.1663H38.8042V16.3333H43.4712V57.1663Z" fill="#9AD2FF"/>
+</g>
+<path d="M35 27.4167C35 32.2492 33.8333 36.1667 28 36.1667C22.1667 36.1667 21 32.2492 21 27.4167C21 22.5843 24.134 18.6667 28 18.6667C31.866 18.6667 35 22.5843 35 27.4167Z" fill="#2C2E31"/>
+<circle cx="15.3189" cy="16.4854" r="3.04347" fill="#2C2E31" stroke="#2C2E31" stroke-width="1.21739"/>
+<ellipse cx="1.15801" cy="0.953431" rx="1.15801" ry="0.953431" transform="matrix(0.791812 0.610765 -0.598066 0.801446 15.8013 14.1355)" fill="white"/>
+<ellipse cx="1.15801" cy="0.953431" rx="1.15801" ry="0.953431" transform="matrix(0.791812 0.610765 -0.598066 0.801446 13.9146 16.054)" fill="white"/>
+<circle cx="41.2896" cy="16.4854" r="3.04347" fill="#2C2E31" stroke="#2C2E31" stroke-width="1.21739"/>
+<ellipse cx="1.15801" cy="0.953431" rx="1.15801" ry="0.953431" transform="matrix(0.791812 0.610765 -0.598066 0.801446 41.772 14.1355)" fill="white"/>
+<ellipse cx="1.15801" cy="0.953431" rx="1.15801" ry="0.953431" transform="matrix(0.791812 0.610765 -0.598066 0.801446 39.8853 16.054)" fill="white"/>
+<path d="M34.9844 28C34.888 32.5604 33.5877 36.1669 27.9912 36.167C22.3945 36.167 21.0944 32.5605 20.998 28H34.9844Z" fill="#FF7868"/>
+</svg>
diff --git a/src/assets/images/character_default.svg b/src/assets/images/character_default.svg
new file mode 100644
index 0000000..d297d6a
--- /dev/null
+++ b/src/assets/images/character_default.svg
@@ -0,0 +1,18 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="12" fill="#E2E4E7"/>
+<mask id="mask0_1766_3890" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<circle cx="12" cy="12" r="12" fill="#FDD057"/>
+</mask>
+<g mask="url(#mask0_1766_3890)">
+<path d="M7.5 24.5H5.5L5.5 7H7.5L7.5 24.5Z" fill="#D3D7DB"/>
+<path d="M18.6304 24.5H16.6304V7H18.6304V24.5Z" fill="#D3D7DB"/>
+</g>
+<path d="M15 11.75C15 13.8211 14.5 15.5 12 15.5C9.5 15.5 9 13.8211 9 11.75C9 9.67893 10.3431 8 12 8C13.6569 8 15 9.67893 15 11.75Z" fill="#BFC4CB"/>
+<circle cx="6.56521" cy="7.0657" r="1.30434" fill="#BFC4CB" stroke="#BFC4CB" stroke-width="0.521738"/>
+<ellipse cx="0.496291" cy="0.408613" rx="0.496291" ry="0.408613" transform="matrix(0.791812 0.610765 -0.598066 0.801446 6.77197 6.05811)" fill="#F6F6F7"/>
+<ellipse cx="0.496291" cy="0.408613" rx="0.496291" ry="0.408613" transform="matrix(0.791812 0.610765 -0.598066 0.801446 5.96338 6.88037)" fill="#F6F6F7"/>
+<circle cx="17.6956" cy="7.0657" r="1.30434" fill="#BFC4CB" stroke="#BFC4CB" stroke-width="0.521738"/>
+<ellipse cx="0.496291" cy="0.408613" rx="0.496291" ry="0.408613" transform="matrix(0.791812 0.610765 -0.598066 0.801446 17.9023 6.05811)" fill="#F6F6F7"/>
+<ellipse cx="0.496291" cy="0.408613" rx="0.496291" ry="0.408613" transform="matrix(0.791812 0.610765 -0.598066 0.801446 17.0938 6.88037)" fill="#F6F6F7"/>
+<path d="M14.9923 12C14.951 13.9545 14.3947 15.5 11.9962 15.5C9.59763 15.5 9.04141 13.9545 9.00012 12H14.9923Z" fill="#D3D7DB"/>
+</svg>
diff --git a/src/assets/images/checkcircle.svg b/src/assets/images/checkcircle.svg
new file mode 100644
index 0000000..dcca9ed
--- /dev/null
+++ b/src/assets/images/checkcircle.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="16" height="16" rx="8" fill="#9298A1"/>
+<path d="M6.79994 10.4467L4.34661 7.99336C4.07994 7.72669 4.07994 7.35336 4.34661 7.08669C4.61327 6.82003 4.98661 6.82003 5.25327 7.08669L7.22661 9.06003L10.7466 5.54003C11.0133 5.27336 11.3866 5.27336 11.6533 5.54003C11.9199 5.80669 11.9199 6.18003 11.6533 6.44669L7.70661 10.3934C7.54661 10.6067 7.38661 10.66 7.22661 10.66C7.06661 10.66 6.90661 10.6067 6.79994 10.4467Z" fill="#E2E4E7"/>
+</svg>
diff --git a/src/assets/images/checked.svg b/src/assets/images/checked.svg
new file mode 100644
index 0000000..fb0004e
--- /dev/null
+++ b/src/assets/images/checked.svg
@@ -0,0 +1,4 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.8" y="0.8" width="21.4" height="21.4" rx="5.2" fill="white" stroke="#31AF89" stroke-width="1.6"/>
+<path d="M9.77502 15.0166L6.24835 11.4899C5.86502 11.1066 5.86502 10.5699 6.24835 10.1866C6.63169 9.80328 7.16835 9.80328 7.55169 10.1866L10.3884 13.0233L15.4484 7.96328C15.8317 7.57995 16.3684 7.57995 16.7517 7.96328C17.135 8.34661 17.135 8.88328 16.7517 9.26661L11.0784 14.9399C10.8484 15.2466 10.6184 15.3233 10.3884 15.3233C10.1584 15.3233 9.92835 15.2466 9.77502 15.0166Z" fill="#31AF89"/>
+</svg>
diff --git a/src/assets/images/close.svg b/src/assets/images/close.svg
new file mode 100644
index 0000000..56a280a
--- /dev/null
+++ b/src/assets/images/close.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.7071 22.7071C2.31658 23.0977 1.68341 23.0977 1.29289 22.7071C0.902365 22.3166 0.902365 21.6834 1.29289 21.2929L10.5858 12L1.29289 2.70714C0.902365 2.31661 0.902365 1.68345 1.29289 1.29292C1.68341 0.902399 2.31658 0.902399 2.7071 1.29292L12 10.5858L21.2929 1.29292C21.6834 0.902399 22.3166 0.902399 22.7071 1.29292C23.0976 1.68345 23.0976 2.31661 22.7071 2.70714L13.4142 12L22.7071 21.2929C23.0976 21.6834 23.0976 22.3166 22.7071 22.7071C22.3166 23.0977 21.6834 23.0977 21.2929 22.7071L12 13.4142L2.7071 22.7071Z" fill="#43464A"/>
+</svg>
diff --git a/src/assets/images/couple_heart.svg b/src/assets/images/couple_heart.svg
new file mode 100644
index 0000000..dd3eb95
--- /dev/null
+++ b/src/assets/images/couple_heart.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.8529 9.32933C14.6728 6.83839 14.3695 3.10195 11.6397 2.16799C10.2779 1.70208 8.60662 2.16795 8 4.03607C7.39338 2.16795 5.72209 1.70208 4.36031 2.16799C1.63049 3.10195 1.32723 6.83839 3.14707 9.32933C4.78618 11.5729 8 14 8 14C8 14 11.2138 11.5729 12.8529 9.32933Z" fill="#F6F6F7"/>
+</svg>
diff --git a/src/assets/images/delete.svg b/src/assets/images/delete.svg
new file mode 100644
index 0000000..d591778
--- /dev/null
+++ b/src/assets/images/delete.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.29295 17.8384C2.98053 18.1508 2.474 18.1508 2.16158 17.8384C1.84916 17.526 1.84916 17.0194 2.16158 16.707L8.86862 9.99998L2.16158 3.29293C1.84916 2.98051 1.84916 2.47398 2.16158 2.16156C2.474 1.84914 2.98053 1.84914 3.29295 2.16156L9.99999 8.86861L16.707 2.16156C17.0195 1.84914 17.526 1.84914 17.8384 2.16156C18.1508 2.47398 18.1508 2.98051 17.8384 3.29293L11.1314 9.99998L17.8384 16.707C18.1508 17.0194 18.1508 17.526 17.8384 17.8384C17.526 18.1508 17.0195 18.1508 16.707 17.8384L9.99999 11.1314L3.29295 17.8384Z" fill="#BFC4CB"/>
+</svg>
diff --git a/src/assets/images/heals.svg b/src/assets/images/heals.svg
new file mode 100644
index 0000000..f7866cb
--- /dev/null
+++ b/src/assets/images/heals.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="45" viewBox="0 0 48 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.61149 17.3274C5.20877 14.9111 6.28926 12.4881 8.35592 11.173L11.86 8.94311C12.6427 8.44503 13.685 8.75463 14.0689 9.59921L20.9736 24.7895L21.7457 25.819C22.7173 27.1144 24.1636 27.9708 25.7665 28.1997L26.7939 28.3465C27.9971 28.5184 29.1755 28.8334 30.304 29.2848L33.2777 30.4743C35.2198 31.2511 36.9379 32.4993 38.277 34.1062C39.0123 34.9886 38.4305 36.3323 37.2839 36.3997L31.8277 36.7207C28.6731 36.9062 25.5076 36.7143 22.3985 36.149L21.4855 35.983C19.7702 35.6712 18.3808 34.4122 17.9019 32.7359L16.4058 27.4995C15.8939 25.708 15.0583 24.0253 13.9404 22.5347L13.342 21.7368C12.3041 20.18 9.88826 20.7679 9.68164 22.6274L9.52621 24.0263V36.2368C9.52621 36.6583 9.18454 37 8.76306 37H7.9999C7.57842 37 7.23674 36.6583 7.23674 36.2368V25.5295C7.23674 24.5311 7.1143 23.5366 6.87216 22.568L5.71042 17.9211L5.61149 17.3274Z" fill="#FF80CA"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.4215 24.442C20.9128 26.3371 22.0366 28.2858 23.9316 28.7947C23.4229 30.6899 24.5469 32.6387 26.442 33.1474C28.3372 33.6562 30.286 32.5322 30.7947 30.637L30.7949 30.6364C32.69 31.145 34.6387 30.0211 35.1474 28.1259C35.656 26.2311 34.5325 24.2826 32.6379 23.7734C33.1458 21.8786 32.0219 19.9305 30.1271 19.4218C28.2321 18.9131 26.2835 20.0368 25.7746 21.9317L25.7741 21.9316C23.8789 21.4229 21.9302 22.5468 21.4215 24.442ZM29.1752 27.498C29.8126 27.1304 30.0313 26.3156 29.6637 25.6782C29.296 25.0407 28.4812 24.822 27.8438 25.1896C27.2064 25.5573 26.9877 26.372 27.3553 27.0095C27.723 27.6469 28.5378 27.8657 29.1752 27.498Z" fill="#FF42B0"/>
+</svg>
diff --git a/src/assets/images/heart.svg b/src/assets/images/heart.svg
new file mode 100644
index 0000000..7a19991
--- /dev/null
+++ b/src/assets/images/heart.svg
@@ -0,0 +1,4 @@
+<svg width="50" height="45" viewBox="0 0 50 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.2059 28.6587C38.8455 23.6768 38.239 16.2039 32.7794 14.336C30.0558 13.4042 26.7132 14.3359 25.5 18.0721C24.2868 14.3359 20.9442 13.4042 18.2206 14.336C12.761 16.2039 12.1545 23.6768 15.7941 28.6587C19.0724 33.1458 25.5 38 25.5 38C25.5 38 31.9276 33.1458 35.2059 28.6587Z" fill="#72777E"/>
+<circle cx="25.5" cy="9.5" r="2.5" fill="#585C61"/>
+</svg>
diff --git a/src/assets/images/home_black.svg b/src/assets/images/home_black.svg
new file mode 100644
index 0000000..23aef47
--- /dev/null
+++ b/src/assets/images/home_black.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.5 10.1056C1.5 9.10249 2.0013 8.1658 2.8359 7.6094L10.3359 2.6094C11.3436 1.9376 12.6564 1.9376 13.6641 2.6094L21.1641 7.6094C21.9987 8.1658 22.5 9.10249 22.5 10.1056V20.5C22.5 21.6046 21.6046 22.5 20.5 22.5H16.5C15.3954 22.5 14.5 21.6046 14.5 20.5V15C14.5 14.1716 13.8284 13.5 13 13.5H11C10.1716 13.5 9.5 14.1716 9.5 15V20.5C9.5 21.6046 8.60457 22.5 7.5 22.5H3.5C2.39543 22.5 1.5 21.6046 1.5 20.5L1.5 10.1056Z" fill="#2C2E31"/>
+</svg>
diff --git a/src/assets/images/home_gray.svg b/src/assets/images/home_gray.svg
new file mode 100644
index 0000000..2441401
--- /dev/null
+++ b/src/assets/images/home_gray.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 8.10555C0.5 7.10249 1.0013 6.1658 1.8359 5.6094L9.3359 0.609402C10.3436 -0.0623972 11.6564 -0.0623984 12.6641 0.6094L20.1641 5.6094C20.9987 6.1658 21.5 7.10249 21.5 8.10555V18.5C21.5 19.6046 20.6046 20.5 19.5 20.5H15.5C14.3954 20.5 13.5 19.6046 13.5 18.5V13C13.5 12.1716 12.8284 11.5 12 11.5H10C9.17157 11.5 8.5 12.1716 8.5 13V18.5C8.5 19.6046 7.60457 20.5 6.5 20.5H2.5C1.39543 20.5 0.5 19.6046 0.5 18.5L0.5 8.10555Z" fill="#D3D7DB"/>
+</svg>
diff --git a/src/assets/images/initbg.svg b/src/assets/images/initbg.svg
new file mode 100644
index 0000000..2f061f8
--- /dev/null
+++ b/src/assets/images/initbg.svg
@@ -0,0 +1,62 @@
+<svg width="393" height="259" viewBox="0 0 393 259" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="394" height="259" fill="#BFC4CB"/>
+<path d="M144 159.5C144 172.479 154.521 183 167.5 183L393 183L393 136L167.5 136C154.521 136 144 146.521 144 159.5Z" fill="url(#paint0_linear_1375_4188)"/>
+<path d="M42 73.5C42 81.5081 35.5081 88 27.5 88L3.8147e-06 88L-1.25583e-06 59L27.5 59C35.5081 59 42 65.4919 42 73.5Z" fill="url(#paint1_linear_1375_4188)"/>
+<path d="M275 111.5C275 119.508 281.492 126 289.5 126L335.5 126C343.508 126 350 119.508 350 111.5C350 103.492 343.508 97 335.5 97L289.5 97C281.492 97 275 103.492 275 111.5Z" fill="url(#paint2_linear_1375_4188)"/>
+<path d="M186.205 147.25L185.772 144.54C185.27 141.404 185.764 138.189 187.184 135.349C187.716 134.285 188.423 133.319 189.275 132.49L203.351 118.805L216.927 106.885C219.501 104.625 221.478 101.763 222.681 98.555C223.166 97.2627 223.753 96.0114 224.438 94.8131L225.894 92.265C226.443 91.3048 226.281 90.0962 225.499 89.3143C223.289 87.1041 221.678 84.3671 220.819 81.3618L218.99 74.9587C218.846 74.4532 219.188 73.9386 219.71 73.8767L240.59 71.3995C242.781 71.1394 244.924 70.566 246.952 69.6966L251.666 67.6764C252.23 67.435 252.856 67.8482 252.856 68.4609V70.1035C252.856 70.6999 252.977 71.2901 253.212 71.8382L254.14 74.0037C254.973 75.9463 255.215 78.091 254.837 80.1704C254.658 81.155 254.757 82.1701 255.123 83.1015L259.258 93.6261L260.322 108.879C260.463 110.899 260.002 112.915 258.997 114.674L257.844 116.692C256.281 119.427 253.764 121.49 250.776 122.486L243.016 125.073C241.103 125.711 239.477 127.005 238.427 128.727L234.984 134.374C231.28 140.447 226.517 145.806 220.92 150.196C219.318 151.453 217.524 152.443 215.607 153.13L209.692 155.249C206.069 156.547 202.226 157.118 198.383 156.93C196.473 156.837 194.634 156.186 193.091 155.057L189.271 152.262C187.628 151.06 186.527 149.259 186.205 147.25Z" fill="url(#paint3_linear_1375_4188)"/>
+<path d="M186.263 147.613L185.651 143.783C185.228 141.139 185.644 138.429 186.841 136.034L187.863 133.99C187.946 133.826 188.054 133.676 188.183 133.546L191.234 130.496C191.611 130.119 192.255 130.386 192.255 130.919V133.715C192.255 136.835 194.125 139.651 197 140.861C199.168 141.774 201.594 141.867 203.826 141.123L212.012 138.395C213.626 137.857 215.151 137.08 216.536 136.091L219.056 134.291C225.795 129.477 230.988 122.806 234.002 115.092L236.541 108.593C238.62 103.27 236.92 97.2136 232.374 93.7504L228.895 91.0991C224.502 87.7525 221.309 83.0755 219.792 77.7658L218.99 74.9587C218.846 74.4532 219.188 73.9386 219.71 73.8767L240.59 71.3995C242.781 71.1394 244.924 70.566 246.952 69.6966L251.666 67.6764C252.23 67.435 252.856 67.8482 252.856 68.4609V70.1035C252.856 70.6999 252.977 71.2901 253.212 71.8382L254.14 74.0037C254.973 75.9463 255.215 78.091 254.837 80.1704C254.658 81.155 254.757 82.1701 255.123 83.1015L259.258 93.6261L260.322 108.879C260.463 110.899 260.002 112.915 258.997 114.674L257.844 116.692C256.281 119.427 253.764 121.49 250.776 122.486L243.016 125.073C241.103 125.711 239.477 127.005 238.427 128.727L234.984 134.374C231.28 140.447 226.517 145.806 220.92 150.196C219.318 151.453 217.524 152.443 215.607 153.13L209.692 155.249C206.069 156.547 202.226 157.118 198.383 156.93C196.473 156.837 194.634 156.186 193.091 155.057L188.974 152.045C187.522 150.982 186.548 149.39 186.263 147.613Z" fill="url(#paint4_linear_1375_4188)"/>
+<path d="M199.51 39.4338V39H257.124V44.94C257.124 45.8087 256.958 46.6694 256.635 47.476L256.203 48.556C255.682 49.8583 255.379 51.2373 255.305 52.638L254.666 64.7838C254.602 65.9953 253.901 67.0819 252.823 67.6383L245.723 71.3027C242.832 72.7948 239.648 73.633 236.397 73.758L223.281 74.2625C220.57 74.3668 217.879 73.7511 215.483 72.4781L206.672 67.7975C205.909 67.3921 205.328 66.7124 205.047 65.8954L202.103 57.3595C201.517 55.6586 201.217 53.872 201.217 52.0729V48.2979C201.217 46.9484 200.96 45.6113 200.459 44.3583C199.832 42.7921 199.51 41.1207 199.51 39.4338Z" fill="url(#paint5_linear_1375_4188)"/>
+<path d="M258.357 148.233L255.719 144.355C253.881 141.65 253.146 138.345 253.667 135.117L254.99 126.914L262.245 104.295L264.806 94.4797L266.513 86.3711L282.144 93.874C285.874 95.6646 290.031 96.3766 294.145 95.9294L305.836 94.6586C306.526 94.5836 307.012 95.3189 306.673 95.9242L302.522 103.338C301.857 104.525 301.508 105.864 301.508 107.225C301.508 109.512 301.014 111.774 300.061 113.853L298.081 118.173C297.284 119.911 297.368 121.925 298.305 123.592L300.654 127.768L307.843 146.686C308.452 148.288 309.324 149.777 310.425 151.091L319.727 162.203C322.651 165.695 325.189 169.494 327.296 173.532L332.357 183.233C333.66 185.73 334.086 188.593 333.567 191.362L332.577 196.644C332.089 199.249 330.495 201.514 328.209 202.855C322.576 206.157 315.886 207.156 309.534 205.643L307.442 205.145C303.556 204.22 299.985 202.279 297.095 199.52L288.511 191.326C284.699 187.688 281.696 183.289 279.697 178.414L275.902 169.164L274.432 163.529C273.73 160.84 272.045 158.513 269.71 157.006L262.733 152.504C261.003 151.388 259.515 149.936 258.357 148.233Z" fill="url(#paint6_linear_1375_4188)"/>
+<path d="M257.93 147.807L255.293 143.928C253.454 141.224 252.719 137.918 253.24 134.69L254.563 126.487L261.818 103.869L264.379 94.0529L266.086 85.9443L281.717 93.4472C285.447 95.2379 289.604 95.9498 293.718 95.5027L303.264 94.4651C304.17 94.3666 304.579 95.5666 303.801 96.0419L294.806 101.539C288.006 105.695 283.544 112.796 282.751 120.726C282.456 123.678 281.517 126.533 280.005 129.085C277.41 133.465 278.431 139.095 282.406 142.275L282.879 142.653C283.62 143.246 284.194 144.022 284.543 144.905L291.856 163.379C292.03 163.818 292.276 164.226 292.584 164.585L306.705 181.06C307.22 181.661 307.822 182.184 308.49 182.611L311.346 184.436C317.44 188.329 325.569 185.974 328.638 179.426C328.906 178.856 329.694 178.796 330.044 179.321L331.191 181.042C333.244 184.121 334.151 187.823 333.753 191.503L333.42 194.584C332.951 198.922 330.195 202.677 326.197 204.426L326.059 204.487C321.464 206.497 316.368 207.071 311.441 206.132L310.043 205.866L305.131 204.463C302.471 203.703 300.035 202.307 298.034 200.397L288.084 190.899C284.273 187.261 281.27 182.862 279.27 177.988L275.475 168.737L274.005 163.102C273.303 160.414 271.619 158.086 269.284 156.579L262.306 152.077C260.576 150.961 259.088 149.509 257.93 147.807Z" fill="url(#paint7_linear_1375_4188)"/>
+<path d="M266.939 86.798L259.076 83.967C257.342 83.3428 256.077 81.8349 255.764 80.0187L254.168 70.7617C254.147 70.6414 254.139 70.5193 254.144 70.3975L254.932 52.2727C254.97 51.3987 255.176 50.5402 255.538 49.7437L256.818 46.9283C257.019 46.4846 257.124 46.0029 257.124 45.5155V39H327.114L323.175 44.1502C322.14 45.5042 321.648 47.1966 321.797 48.8947L323.35 66.6017C323.579 69.206 323.099 71.8236 321.963 74.1779L317.979 82.4296C317.812 82.7768 317.725 83.1573 317.725 83.5428V91.4147C317.725 92.2096 317.176 92.8993 316.402 93.0781L306.629 95.3333L296.213 96.5733C291.312 97.1568 286.347 96.3114 281.915 94.139L266.939 86.798Z" fill="url(#paint8_linear_1375_4188)"/>
+<rect x="201.298" y="122.646" width="13.6566" height="2.56061" rx="0.853535" transform="rotate(21.3961 201.298 122.646)" fill="#9BA0A8"/>
+<rect width="13.6566" height="2.56061" rx="0.853535" transform="matrix(-0.975305 0.220861 0.220861 0.975305 317.882 164.718)" fill="#9BA0A8"/>
+<rect x="207.192" y="117.276" width="13.6566" height="2.56061" rx="0.853535" transform="rotate(-2.53646 207.192 117.276)" fill="#91979F"/>
+<rect width="13.6566" height="2.56061" rx="0.853535" transform="matrix(-0.981047 -0.193772 -0.193772 0.981047 312.861 158.523)" fill="#91979F"/>
+<rect x="216.581" y="109.594" width="13.6566" height="2.56061" rx="0.853535" transform="rotate(-2.53646 216.581 109.594)" fill="#91979F"/>
+<rect width="13.6566" height="2.56061" rx="0.853535" transform="matrix(-0.981047 -0.193772 -0.193772 0.981047 304.732 149.519)" fill="#818892"/>
+<rect width="13.6566" height="2.56061" rx="0.853535" transform="matrix(-0.981047 -0.193772 -0.193772 0.981047 301.318 137.569)" fill="#818892"/>
+<rect x="211.967" y="112.404" width="13.6566" height="2.56061" rx="0.853535" transform="rotate(59.8561 211.967 112.404)" fill="#9BA0A8"/>
+<rect width="13.6566" height="2.56061" rx="0.853535" transform="matrix(-0.626338 0.779551 0.779551 0.626338 308.872 152.989)" fill="#9BA0A8"/>
+<rect x="221.356" y="104.722" width="13.6566" height="2.56061" rx="0.853535" transform="rotate(59.8561 221.356 104.722)" fill="#9BA0A8"/>
+<rect width="13.6566" height="2.56061" rx="0.853535" transform="matrix(-0.626338 0.779551 0.779551 0.626338 300.743 143.985)" fill="#9BA0A8"/>
+<rect width="13.6566" height="2.56061" rx="0.853535" transform="matrix(-0.626338 0.779551 0.779551 0.626338 297.329 132.035)" fill="#9BA0A8"/>
+<defs>
+<linearGradient id="paint0_linear_1375_4188" x1="122" y1="183" x2="379.5" y2="183" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BFC4CB"/>
+<stop offset="1" stop-color="#B3B9C1"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1375_4188" x1="42" y1="88" x2="-1.19209e-06" y2="88" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BFC4CB"/>
+<stop offset="1" stop-color="#B3B9C1"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1375_4188" x1="350" y1="112.5" x2="317" y2="112.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BFC4CB"/>
+<stop offset="1" stop-color="#B3B9C1"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1375_4188" x1="190.975" y1="138.437" x2="257.551" y2="108.563" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BFC4CB"/>
+<stop offset="1" stop-color="#72777E"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1375_4188" x1="182.013" y1="109.417" x2="260.111" y2="109.843" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BFC4CB"/>
+<stop offset="1" stop-color="#72777E"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1375_4188" x1="246" y1="37.5" x2="262" y2="80.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BFC4CB"/>
+<stop offset="1" stop-color="#A0A7B1"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1375_4188" x1="334.369" y1="182.821" x2="261.391" y2="118.379" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BFC4CB"/>
+<stop offset="1" stop-color="#72777E"/>
+</linearGradient>
+<linearGradient id="paint7_linear_1375_4188" x1="335.649" y1="158.068" x2="268.646" y2="157.641" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BFC4CB"/>
+<stop offset="1" stop-color="#72777E"/>
+</linearGradient>
+<linearGradient id="paint8_linear_1375_4188" x1="284.5" y1="39" x2="272.487" y2="88.0783" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BFC4CB"/>
+<stop offset="1" stop-color="#A0A7B1"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/images/letter.svg b/src/assets/images/letter.svg
new file mode 100644
index 0000000..64c958e
--- /dev/null
+++ b/src/assets/images/letter.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.99976 9.5H21.9999V18.8734C21.9999 20.14 20.9731 21.1668 19.7066 21.1668H4.29311C3.02653 21.1668 1.99976 20.14 1.99976 18.8734V9.5Z" fill="#E2E4E7"/>
+<path d="M22.0001 9.5L1.99997 9.5L10.8334 3.66662L10.9512 3.59295C11.6949 3.12816 12.6385 3.12816 13.3822 3.59295L13.5001 3.66662L22.0001 9.5Z" fill="#D3D7DB"/>
+<path d="M22.0001 9.5L12 15.3334V21.1668H19.7068C20.9734 21.1668 22.0001 20.14 22.0001 18.8734V9.5Z" fill="#D3D7DB"/>
+<path d="M1.99976 9.5L11.9998 15.3334V21.1668H4.29311C3.02653 21.1668 1.99976 20.14 1.99976 18.8734V9.5Z" fill="#D3D7DB"/>
+<path d="M1.99976 19.0217C1.99976 18.791 2.12707 18.5792 2.33076 18.471L11.3742 13.6659C11.7654 13.4581 12.2343 13.4581 12.6255 13.6659L21.3233 18.2874C21.7397 18.5086 21.9999 18.9415 21.9999 19.413C21.9999 20.3816 21.2147 21.1669 20.246 21.1669H4.14495C2.96019 21.1669 1.99976 20.2065 1.99976 19.0217Z" fill="#BFC4CB"/>
+</svg>
diff --git a/src/assets/images/letter_green.svg b/src/assets/images/letter_green.svg
new file mode 100644
index 0000000..ffd8dcf
--- /dev/null
+++ b/src/assets/images/letter_green.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.99976 9.5H21.9999V18.8734C21.9999 20.14 20.9731 21.1668 19.7066 21.1668H4.29311C3.02653 21.1668 1.99976 20.14 1.99976 18.8734V9.5Z" fill="#BFE6DA"/>
+<path d="M22.0002 9.5L2.0001 9.5L10.8335 3.66662L10.9514 3.59295C11.695 3.12816 12.6386 3.12816 13.3823 3.59295L13.5002 3.66662L22.0002 9.5Z" fill="#75C9B0"/>
+<path d="M22.0002 9.5L12.0002 15.3334V21.1668H19.7069C20.9735 21.1668 22.0002 20.14 22.0002 18.8734V9.5Z" fill="#75C9B0"/>
+<path d="M1.99976 9.5L11.9998 15.3334V21.1668H4.29311C3.02653 21.1668 1.99976 20.14 1.99976 18.8734V9.5Z" fill="#75C9B0"/>
+<path d="M1.99976 19.0217C1.99976 18.791 2.12707 18.5792 2.33076 18.471L11.3742 13.6659C11.7654 13.4581 12.2343 13.4581 12.6255 13.6659L21.3233 18.2874C21.7397 18.5086 21.9999 18.9415 21.9999 19.413C21.9999 20.3816 21.2147 21.1669 20.246 21.1669H4.14495C2.96019 21.1669 1.99976 20.2065 1.99976 19.0217Z" fill="#5ABFA1"/>
+</svg>
diff --git a/src/assets/images/login.svg b/src/assets/images/login.svg
new file mode 100644
index 0000000..842b821
--- /dev/null
+++ b/src/assets/images/login.svg
@@ -0,0 +1,68 @@
+<svg width="335" height="229" viewBox="0 0 335 229" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M334.035 15.328C334.035 6.86258 327.173 0 318.707 0H94.536C86.0706 0 79.208 6.86256 79.208 15.328V147.532C79.208 155.997 86.0706 162.86 94.536 162.86H318.707C327.173 162.86 334.035 155.997 334.035 147.532V15.328Z" fill="#FFECF7"/>
+<path d="M276.715 31.1346H140.191L172.011 142.924H243.71H308.648L276.715 31.1346Z" fill="#FF80CA"/>
+<path d="M137.513 33.0589C137.85 31.9178 138.898 31.1346 140.088 31.1346H276.715L243.707 142.924H105.074L137.513 33.0589Z" fill="#FFC4E7"/>
+<circle cx="155.968" cy="38.1522" r="2.99374" fill="#FF80CA"/>
+<path d="M155.967 39.5555C156.743 39.5554 157.371 38.927 157.371 38.1518C157.371 37.3765 156.743 36.7481 155.967 36.7482L155.967 39.5555ZM156.966 19.1907L156.966 17.787L156.966 19.1907ZM155.967 38.1518L155.967 36.7482C154.001 36.7482 152.693 35.853 151.851 34.4625C150.969 33.005 150.584 30.9508 150.756 28.7819C150.926 26.6208 151.637 24.511 152.752 22.9797C153.853 21.4675 155.278 20.5944 156.966 20.5943L156.966 19.1907L156.966 17.787C154.164 17.787 151.97 19.2841 150.483 21.3272C149.009 23.3512 148.161 25.9818 147.957 28.5609C147.754 31.1324 148.18 33.8184 149.45 35.9161C150.76 38.0808 152.944 39.5556 155.967 39.5555L155.967 38.1518ZM156.966 19.1907L156.966 20.5943C159.253 20.5943 161.122 22.1085 162.499 24.4032C163.873 26.6934 164.544 29.4392 164.544 31.1651L165.948 31.1651L167.352 31.1651C167.352 28.8992 166.526 25.6577 164.906 22.9586C163.289 20.2641 160.666 17.787 156.966 17.787L156.966 19.1907Z" fill="#FFA8DB"/>
+<circle cx="180.648" cy="38.1522" r="2.99374" fill="#FF80CA"/>
+<path d="M180.647 39.5557C181.422 39.5557 182.05 38.9272 182.05 38.152C182.05 37.3768 181.422 36.7484 180.647 36.7484L180.647 39.5557ZM181.646 19.1909L181.646 17.7873L181.646 19.1909ZM180.647 38.1521L180.647 36.7484C178.68 36.7485 177.372 35.8532 176.531 34.4628C175.648 33.0053 175.264 30.951 175.435 28.7822C175.606 26.621 176.317 24.5112 177.431 22.9799C178.533 21.4677 179.957 20.5946 181.646 20.5946L181.646 19.1909L181.646 17.7873C178.843 17.7873 176.65 19.2844 175.162 21.3275C173.688 23.3514 172.84 25.982 172.636 28.5612C172.433 31.1327 172.859 33.8187 174.129 35.9164C175.439 38.0811 177.623 39.5558 180.647 39.5557L180.647 38.1521ZM181.646 19.1909L181.646 20.5946C183.932 20.5946 185.801 22.1088 187.178 24.4035C188.552 26.6936 189.224 29.4394 189.224 31.1654L190.627 31.1654L192.031 31.1654C192.031 28.8994 191.205 25.658 189.585 22.9589C187.968 20.2643 185.346 17.7872 181.646 17.7873L181.646 19.1909Z" fill="#FFA8DB"/>
+<circle cx="205.327" cy="38.1522" r="2.99374" fill="#FF80CA"/>
+<path d="M205.327 39.5555C206.102 39.5554 206.73 38.927 206.73 38.1518C206.73 37.3765 206.102 36.7481 205.327 36.7482L205.327 39.5555ZM206.326 19.1907L206.326 17.787L206.326 19.1907ZM205.327 38.1518L205.327 36.7482C203.361 36.7482 202.052 35.853 201.211 34.4625C200.329 33.005 199.944 30.9508 200.115 28.7819C200.286 26.6208 200.997 24.511 202.112 22.9797C203.213 21.4675 204.637 20.5944 206.326 20.5943L206.326 19.1907L206.326 17.787C203.523 17.787 201.33 19.2841 199.842 21.3272C198.369 23.3512 197.52 25.9818 197.316 28.5609C197.113 31.1324 197.539 33.8184 198.809 35.9161C200.119 38.0808 202.304 39.5556 205.327 39.5555L205.327 38.1518ZM206.326 19.1907L206.326 20.5943C208.613 20.5943 210.481 22.1085 211.858 24.4032C213.232 26.6934 213.904 29.4392 213.904 31.1651L215.307 31.1651L216.711 31.1651C216.711 28.8992 215.885 25.6577 214.265 22.9586C212.648 20.2641 210.026 17.787 206.326 17.787L206.326 19.1907Z" fill="#FFA8DB"/>
+<circle cx="230.007" cy="38.1522" r="2.99374" fill="#FF80CA"/>
+<path d="M230.006 39.5554C230.782 39.5554 231.41 38.9269 231.41 38.1517C231.41 37.3765 230.782 36.7481 230.006 36.7481L230.006 39.5554ZM231.005 19.1906L231.005 17.787L231.005 19.1906ZM230.006 38.1518L230.006 36.7481C228.04 36.7482 226.732 35.8529 225.89 34.4625C225.008 33.005 224.624 30.9507 224.795 28.7819C224.965 26.6207 225.676 24.5109 226.791 22.9796C227.892 21.4674 229.317 20.5943 231.005 20.5943L231.005 19.1906L231.005 17.787C228.203 17.787 226.009 19.2841 224.522 21.3272C223.048 23.3511 222.2 25.9817 221.996 28.5609C221.793 31.1324 222.219 33.8184 223.489 35.916C224.799 38.0808 226.983 39.5555 230.006 39.5554L230.006 38.1518ZM231.005 19.1906L231.005 20.5943C233.292 20.5943 235.161 22.1085 236.538 24.4031C237.912 26.6933 238.583 29.4391 238.583 31.165L239.987 31.165L241.391 31.165C241.391 28.8991 240.565 25.6577 238.945 22.9586C237.328 20.264 234.705 17.7869 231.005 17.787L231.005 19.1906Z" fill="#FFA8DB"/>
+<circle cx="254.687" cy="38.1522" r="2.99374" fill="#FF80CA"/>
+<path d="M254.686 39.5555C255.461 39.5554 256.089 38.927 256.089 38.1518C256.089 37.3765 255.461 36.7481 254.686 36.7482L254.686 39.5555ZM255.685 19.1907L255.685 17.787L255.685 19.1907ZM254.686 38.1518L254.686 36.7482C252.719 36.7482 251.411 35.853 250.57 34.4625C249.687 33.005 249.303 30.9508 249.474 28.7819C249.645 26.6208 250.356 24.511 251.471 22.9797C252.572 21.4675 253.996 20.5944 255.685 20.5943L255.685 19.1907L255.685 17.787C252.882 17.787 250.689 19.2841 249.201 21.3272C247.727 23.3512 246.879 25.9818 246.675 28.5609C246.472 31.1324 246.898 33.8184 248.168 35.9161C249.478 38.0808 251.662 39.5556 254.686 39.5555L254.686 38.1518ZM255.685 19.1907L255.685 20.5943C257.971 20.5943 259.84 22.1085 261.217 24.4032C262.591 26.6934 263.263 29.4392 263.263 31.1651L264.666 31.1651L266.07 31.1651C266.07 28.8992 265.244 25.6577 263.624 22.9586C262.007 20.2641 259.385 17.787 255.685 17.787L255.685 19.1907Z" fill="#FFA8DB"/>
+<path d="M147.573 51.7303C147.8 50.9731 148.497 50.4545 149.287 50.4545H251.518C252.734 50.4545 253.596 51.6419 253.219 52.7986L229.467 125.699C229.227 126.436 228.54 126.935 227.765 126.935H127.437C126.239 126.935 125.379 125.779 125.723 124.631L147.573 51.7303Z" fill="#FFECF7"/>
+<path d="M147.574 51.7329C147.8 50.9744 148.498 50.4545 149.289 50.4545H251.515C252.732 50.4545 253.594 51.6432 253.216 52.8002L249.612 63.8265H143.969L147.574 51.7329Z" fill="#FFA8DB"/>
+<circle cx="1.916" cy="1.916" r="1.916" transform="matrix(1 0 -0.292372 0.956305 198.897 80.4191)" fill="#FF80CA"/>
+<circle cx="1.916" cy="1.916" r="1.916" transform="matrix(1 0 -0.292372 0.956305 204.275 94.1611)" fill="#FF80CA"/>
+<circle cx="1.916" cy="1.916" r="1.916" transform="matrix(1 0 -0.292372 0.956305 171.351 85.9158)" fill="#FF80CA"/>
+<path d="M193.211 99.2959C197.221 95.6826 198.394 90.2627 194.449 88.908C192.482 88.2322 189.607 88.9079 187.81 91.6177C187.67 88.9079 185.208 88.2322 182.827 88.908C178.054 90.2627 175.913 95.6826 177.714 99.2959C179.336 102.55 183.391 106.071 183.391 106.071C183.391 106.071 189.599 102.55 193.211 99.2959Z" fill="#FF68C0"/>
+<rect width="1.755" height="4.75261" rx="0.877499" transform="matrix(0.542313 0.644041 -0.889594 0.706916 209.883 76.7792)" fill="#FFC4E7"/>
+<rect width="1.755" height="4.75261" rx="0.877499" transform="matrix(0.170837 0.861451 -1.02776 0.415236 213.789 89.5804)" fill="#FFC4E7"/>
+<rect width="1.755" height="4.75261" rx="0.877499" transform="matrix(0.753201 -0.828184 0.71984 0.478152 162.122 91.0339)" fill="#FFC4E7"/>
+<path d="M334.035 19.3063C334.035 10.231 326.678 2.87402 317.603 2.87402H95.6403C86.565 2.87402 79.208 10.231 79.208 19.3063V149.301C79.208 158.377 86.565 165.734 95.6403 165.734H317.603C326.678 165.734 334.035 158.377 334.035 149.301V19.3063Z" fill="url(#paint0_linear_2857_3916)"/>
+<circle cx="106.371" cy="128.577" r="25.5236" fill="url(#paint1_linear_2857_3916)"/>
+<path d="M119.746 143.119C118.518 131.285 120.462 117.195 126.164 112.606C120.707 104.702 112.388 100.465 105.958 100.478C82.6478 100.524 78.1251 116.041 78.0206 125.33C77.8864 137.256 86.461 147.304 96.3785 149.944C96.8684 150.075 97.3832 150.063 97.8742 149.937L106.9 147.622L118.514 144.874C119.308 144.686 119.831 143.931 119.746 143.119Z" fill="#3B3B3B"/>
+<path d="M97.4712 97.1257C109.771 93.5281 116.999 101.988 118.948 104.088C120.508 105.768 122.224 106.009 123.237 106.518C128.03 108.929 126.835 112.929 125.058 115.161C124.632 115.696 124.256 116.304 123.903 116.921C124.656 123.471 118.346 132.176 108.175 137.836C96.4313 144.372 83.9516 144.394 80.1345 137.932C79.2367 136.921 78.7772 135.508 78.8093 133.871C78.9 129.252 76.4082 126.999 76.1395 118.96C75.8708 110.921 85.1718 100.723 97.4712 97.1257Z" fill="url(#paint2_linear_2857_3916)"/>
+<circle cx="38.7121" cy="129.178" r="25.5236" fill="url(#paint3_linear_2857_3916)"/>
+<path d="M21.2762 163.514C24.1727 154.462 32.5868 148.32 42.0903 148.32C51.5939 148.32 60.008 154.462 62.9044 163.514L83.5661 228.082H5.32518C2.99555 228.082 1.34019 225.814 2.0502 223.595L21.2762 163.514Z" fill="url(#paint4_linear_2857_3916)"/>
+<path d="M195.286 125.874C197.588 127.574 198.076 130.818 196.377 133.12L190.837 140.622L190.958 140.712C197.336 145.422 198.688 154.411 193.978 160.789L188.964 167.578L168.959 152.805L188.041 126.964C189.741 124.663 192.984 124.175 195.286 125.874Z" fill="url(#paint5_linear_2857_3916)"/>
+<path d="M112.281 148.32C117.401 148.32 122.204 150.104 126 153.164L126.076 153.106L126.495 153.574C127.953 154.822 129.249 156.265 130.343 157.871L147.423 176.94L168.788 153.106C176.695 155.705 183.637 160.622 188.711 167.219L188.899 167.463L162.372 199.092C158.295 203.952 152.417 206.215 146.66 205.903L152.321 223.595C153.03 225.814 151.376 228.081 149.046 228.082H70.8052L91.4673 163.513C94.3638 154.462 102.777 148.32 112.281 148.32Z" fill="url(#paint6_linear_2857_3916)"/>
+<path d="M56.2045 108.784C64.4571 116.12 59.6431 126.359 56.2045 130.562C44.7427 143.399 46.0798 155.014 48.181 159.217C43.5963 159.217 40.1577 158.07 39.0115 157.497C23.4233 162.082 16.0878 159.408 14.3685 157.497C18.9534 152.454 16.2789 144.316 14.3685 140.877C6.57445 121.621 14.5596 112.605 19.5264 110.503C29.6129 94.4567 48.181 100.761 56.2045 108.784Z" fill="url(#paint7_linear_2857_3916)"/>
+<defs>
+<linearGradient id="paint0_linear_2857_3916" x1="174.529" y1="97.7158" x2="142.915" y2="165.734" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2857_3916" x1="128.992" y1="146.863" x2="129.595" y2="117.353" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFDBDD"/>
+<stop offset="1" stop-color="#FFB2B5"/>
+</linearGradient>
+<linearGradient id="paint2_linear_2857_3916" x1="99.3999" y1="96.5562" x2="104.126" y2="141.529" gradientUnits="userSpaceOnUse">
+<stop stop-color="#31AF82"/>
+<stop offset="1" stop-color="#1D6F51"/>
+</linearGradient>
+<linearGradient id="paint3_linear_2857_3916" x1="61.9357" y1="142.597" x2="61.9357" y2="117.954" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFDBDD"/>
+<stop offset="1" stop-color="#FFBEC1"/>
+</linearGradient>
+<linearGradient id="paint4_linear_2857_3916" x1="57.924" y1="156.351" x2="42.0903" y2="228.082" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFC4E7"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint5_linear_2857_3916" x1="186.871" y1="127.123" x2="178.963" y2="160.192" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFAEB2"/>
+<stop offset="1" stop-color="#FFDBDD"/>
+</linearGradient>
+<linearGradient id="paint6_linear_2857_3916" x1="130.134" y1="161.509" x2="124.976" y2="234.866" gradientUnits="userSpaceOnUse">
+<stop stop-color="#31AF82"/>
+<stop offset="0.5" stop-color="#98D7C0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint7_linear_2857_3916" x1="35.9339" y1="100.538" x2="35.9339" y2="160.029" gradientUnits="userSpaceOnUse">
+<stop stop-color="#574D4D"/>
+<stop offset="1" stop-color="#363434"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/images/mailbox.svg b/src/assets/images/mailbox.svg
new file mode 100644
index 0000000..350a16a
--- /dev/null
+++ b/src/assets/images/mailbox.svg
@@ -0,0 +1,19 @@
+<svg width="166" height="176" viewBox="0 0 166 176" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="80" y="79" width="18" height="97" fill="url(#paint0_linear_1751_3836)"/>
+<path d="M121.571 16L122.124 16.0068C133.703 16.2999 143 25.7788 143 37.4287V85C143 88.3137 140.314 91 137 91H59C55.6863 91 53 88.3137 53 85V22C53 18.6863 55.6863 16 59 16H121.571Z" fill="#D3D7DB"/>
+<path d="M30 41C30 27.1929 41.1929 16 55 16C68.8071 16 80 27.1929 80 41V91H30V41Z" fill="#F6F6F7"/>
+<path d="M55 19C67.1503 19 77 28.8497 77 41V88H33V41C33 28.8497 42.8497 19 55 19Z" fill="#BFC4CB" stroke="#E2E4E7" stroke-width="6"/>
+<path d="M20 89C20 87.8954 20.8954 87 22 87H80V91H22C20.8954 91 20 90.1046 20 89Z" fill="#E2E4E7"/>
+<path d="M103 0.0917969L109.092 0.186523L108.999 6.18652L103 6.09277V49.6738C105.365 50.7973 107 53.2076 107 56C107 59.866 103.866 63 100 63C96.134 63 93 59.866 93 56C93 53.2076 94.6351 50.7973 97 49.6738V0H103V0.0917969Z" fill="#E2E4E7"/>
+<path d="M148.757 70.3293C150.729 67.8384 150.4 64.102 147.443 63.168C145.968 62.7021 144.157 63.1679 143.5 65.0361C142.843 63.1679 141.032 62.7021 139.557 63.168C136.6 64.102 136.271 67.8384 138.243 70.3293C140.018 72.5729 143.5 75 143.5 75C143.5 75 146.982 72.5729 148.757 70.3293Z" fill="#E2E4E7"/>
+<path d="M164.471 48.1617C166.897 45.048 166.493 40.3774 162.853 39.21C161.037 38.6276 158.809 39.2099 158 41.5451C157.191 39.2099 154.963 38.6276 153.147 39.21C149.507 40.3774 149.103 45.048 151.529 48.1617C153.715 50.9661 158 54 158 54C158 54 162.285 50.9661 164.471 48.1617Z" fill="#D3D7DB"/>
+<path d="M11.7573 61.3293C13.7288 58.8384 13.4003 55.102 10.443 54.168C8.96774 53.7021 7.15717 54.1679 6.5 56.0361C5.84283 54.1679 4.03226 53.7021 2.557 54.168C-0.400304 55.102 -0.728838 58.8384 1.24266 61.3293C3.01836 63.5729 6.5 66 6.5 66C6.5 66 9.98164 63.5729 11.7573 61.3293Z" fill="#D3D7DB"/>
+<circle cx="158" cy="94" r="3" fill="#D3D7DB"/>
+<circle cx="16" cy="42" r="3" fill="#BFC4CB"/>
+<defs>
+<linearGradient id="paint0_linear_1751_3836" x1="89" y1="79" x2="89" y2="176" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D9DCE0"/>
+<stop offset="1" stop-color="#E2E4E7" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/images/marinebg.svg b/src/assets/images/marinebg.svg
new file mode 100644
index 0000000..3807de7
--- /dev/null
+++ b/src/assets/images/marinebg.svg
@@ -0,0 +1,76 @@
+<svg width="393" height="321" viewBox="0 0 393 321" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="394" height="259" fill="#937575"/>
+<path d="M266.654 66.5981C278.165 49.897 302.835 49.897 314.346 66.5982L408.601 203.354C421.843 222.567 408.09 248.75 384.755 248.75H196.245C172.91 248.75 159.157 222.567 172.399 203.354L266.654 66.5981Z" fill="url(#paint0_linear_1489_3285)"/>
+<path d="M217.567 124.569L216.714 120.308C216.998 118.035 217.567 112.808 217.567 110.081C217.567 107.354 220.691 106.672 222.254 106.672L225.663 107.951C226.344 107.269 227.083 107.098 227.367 107.098L233.333 107.951L237.168 109.229L238.872 127.126L231.202 132.239L217.567 124.569Z" fill="#2C2E31"/>
+<path d="M274.665 118.177C255.916 134.796 237.31 117.609 232.48 107.099C223.016 86.5001 266.5 60 274.665 82.3844C276 79.0002 280.631 78.0002 283.614 82.3842C288.773 89.9677 284.182 94.5993 280.631 96.4458C282.335 102.837 281.483 110.934 274.665 118.177Z" fill="url(#paint1_linear_1489_3285)"/>
+<path d="M274.665 82.3838C261.03 96.7011 241.571 107.666 233.759 109.655C243.304 127.722 258.757 127.409 265.291 124.995C282.761 116.899 281.477 100.672 280.631 95.5932C279.779 90.4799 276.086 84.3723 274.665 82.3838Z" fill="url(#paint2_linear_1489_3285)"/>
+<path d="M205.68 145.423L253.36 126.273L250.377 168.032C245.69 173.855 226.344 187.633 215.436 185.928C206.592 184.546 197.618 175.043 193.781 168.543C192.369 166.151 192.729 163.264 194.042 160.817L199.18 151.241C200.598 148.6 202.898 146.54 205.68 145.423Z" fill="url(#paint3_linear_1489_3285)"/>
+<path d="M227.793 143.616C227.793 142.566 228.734 141.766 229.77 141.934L236.588 143.038C237.413 143.172 238.02 143.885 238.02 144.721V169.873C238.02 170.759 237.34 171.498 236.457 171.571L229.639 172.139C228.645 172.222 227.793 171.438 227.793 170.441V143.616Z" fill="#2C2E31"/>
+<path d="M223.958 153.118C221.913 150.391 223.39 148.005 224.384 147.153C223.532 145.306 222.765 141.528 226.515 141.187C230.265 140.846 235.747 145.022 238.02 147.153C242.111 150.562 239.724 151.982 238.02 152.266C241.77 155.675 239.582 157.379 238.02 157.805C240.747 159.851 238.304 161.498 236.742 162.067C234.185 162.493 228.219 162.578 224.81 159.51C221.402 156.442 222.822 153.97 223.958 153.118Z" fill="url(#paint4_linear_1489_3285)"/>
+<path d="M280.631 96.4455C275.176 116.899 260.177 124.569 253.36 125.847C242.451 150.391 242.565 200.842 243.985 223H358.609C359.035 125.421 308.328 108.803 302.788 104.542C297.249 100.28 295.971 104.968 291.71 101.559C289 99.3911 291 96.8722 287.022 95.1672C282.25 93.1215 280.773 95.1672 280.631 96.4455Z" fill="url(#paint5_linear_1489_3285)"/>
+<path d="M239 155.647V150.5C248.204 146.068 252.081 138.062 252.508 136.073L259.208 137.145C260.055 137.281 260.853 137.632 261.525 138.165L282.342 154.68C284.211 156.162 286.932 155.823 288.378 153.927L302 136.074C313.5 121.5 326.651 122.438 332.19 126.699C353.113 142.794 352.609 165.756 345.085 174.875C344.124 176.04 342.825 176.854 341.487 177.554L293.621 202.621C292.646 203.132 291.557 203.404 290.455 203.382C281.777 203.202 276.178 201.659 273.613 200.537C272.878 200.216 272.281 199.667 271.784 199.036L240.071 158.74C239.377 157.858 239 156.769 239 155.647Z" fill="url(#paint6_linear_1489_3285)"/>
+<path d="M220.975 139.057C216.544 138.034 214.868 131.813 214.584 128.83C216.288 120.649 226.657 126.273 231.628 130.108C238.105 128.404 234.895 119.74 232.48 115.621C232.196 114.342 232.395 111.786 235.463 111.786C238.531 111.786 242.423 118.319 243.985 121.586C248.417 127.04 248.672 130.961 248.246 132.239L254.5 136.5C253.818 147.408 243.687 152.142 239 152C239 152 233.901 145.448 233.333 143.744C228.645 143.744 229.498 142.039 225.663 141.613C222.595 141.272 221.259 139.767 220.975 139.057Z" fill="url(#paint7_linear_1489_3285)"/>
+<circle cx="220.123" cy="109.229" r="3.40888" fill="#43464A"/>
+<circle cx="220.123" cy="117.751" r="3.40888" fill="#43464A"/>
+<path d="M206 111.577C206 110.682 206.692 109.94 207.584 109.877L218.176 109.129C219.162 109.059 220 109.84 220 110.829V118.187C220 119.169 219.171 119.949 218.19 119.888L207.599 119.231C206.7 119.175 206 118.43 206 117.529V111.577Z" fill="#2C2E31"/>
+<rect x="246.724" y="104.669" width="5.36831" height="4.02623" rx="2.01312" transform="rotate(-120.489 246.724 104.669)" fill="#2C2E31"/>
+<path d="M250 96.5L247.598 100L243.5 101.5L245.646 98.4961C245.877 98.1727 246.199 97.9255 246.571 97.7859L250 96.5Z" fill="#2C2E31"/>
+<rect x="239.033" y="108.747" width="4.41075" height="3.30807" rx="1.65403" transform="rotate(-120.489 239.033 108.747)" fill="#2C2E31"/>
+<path d="M240.56 103.533L238.356 105.573L235.292 105.968L237.243 104.23C237.453 104.043 237.714 103.922 237.993 103.884L240.56 103.533Z" fill="#2C2E31"/>
+<path d="M170 121.5C170 114.044 163.956 108 156.5 108H107.5C100.044 108 94 114.044 94 121.5C94 128.956 100.044 135 107.5 135H156.5C163.956 135 170 128.956 170 121.5Z" fill="url(#paint8_linear_1489_3285)"/>
+<path d="M118 164.5C118 155.94 111.06 149 102.5 149H0V180H102.5C111.06 180 118 173.06 118 164.5Z" fill="#8F6D6D"/>
+<path d="M220.346 84.7958L222.663 88.8196C222.837 89.1224 223.192 89.2705 223.531 89.1881C229.495 87.7399 238.94 86.9591 243.035 86.746C258.394 84.7674 268.6 80.6215 272.266 78.5481C272.549 78.3882 272.686 78.0655 272.623 77.7469L271.545 72.304C271.483 71.9868 271.23 71.7419 270.911 71.6893L270.858 71.6807C270.522 71.6253 270.262 71.3573 270.216 71.02L268.872 61.1348L256.484 65.6876C256.377 65.7271 256.262 65.7423 256.148 65.7321L235.528 63.8837C235.448 63.8765 235.367 63.8818 235.289 63.8995L218.693 67.6326C218.427 67.6924 218.212 67.887 218.127 68.1454L216.026 74.4875C215.957 74.6928 215.978 74.9173 216.083 75.1066L220.33 82.7897C220.414 82.9424 220.445 83.119 220.416 83.2911L220.253 84.2827C220.224 84.4594 220.257 84.6407 220.346 84.7958Z" fill="url(#paint9_linear_1489_3285)"/>
+<path d="M268.872 61.1348C260.15 60.6406 245.351 63.1536 238.851 64.4404L256.704 65.8107L268.872 61.1348Z" fill="url(#paint10_linear_1489_3285)"/>
+<path d="M211.415 104.674L211.383 104.718C211.393 104.703 211.404 104.689 211.415 104.674L223.021 88.9502C231.433 87.1925 250.807 83.4684 261.005 82.634C256.851 88.7616 245.853 101.124 235.093 101.551C228.401 100.971 214.337 100.787 211.415 104.674Z" fill="url(#paint11_linear_1489_3285)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M218.477 102.373C217.409 101.521 216.714 100.138 216.714 98.5759C216.714 95.9872 218.622 93.8887 220.975 93.8887C223.329 93.8887 225.237 95.9872 225.237 98.5759C225.237 100.138 224.542 101.521 223.474 102.373L223.106 107.524H218.845L218.477 102.373ZM220.974 101.559C219.563 101.558 218.419 100.223 218.419 98.5761C218.419 96.9287 219.563 95.5933 220.975 95.5933C222.387 95.5933 223.532 96.9287 223.532 98.5761C223.532 100.223 222.388 101.558 220.977 101.559C220.976 101.559 220.976 101.559 220.975 101.559C220.975 101.559 220.974 101.559 220.974 101.559Z" fill="#43464A"/>
+<defs>
+<linearGradient id="paint0_linear_1489_3285" x1="262.233" y1="73.2857" x2="404.036" y2="209.686" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A17E7E"/>
+<stop offset="1" stop-color="#8B6969"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1489_3285" x1="257" y1="100" x2="229" y2="100" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E4B3B3"/>
+<stop offset="1" stop-color="#937575"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1489_3285" x1="251" y1="98.5" x2="277" y2="104" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B604B"/>
+<stop offset="1" stop-color="#43464A"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1489_3285" x1="200.948" y1="178.258" x2="227.793" y2="151.84" gradientUnits="userSpaceOnUse">
+<stop stop-color="#43464A"/>
+<stop offset="1" stop-color="#2C2E31"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1489_3285" x1="228.219" y1="142.891" x2="232.481" y2="161.214" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C2E31"/>
+<stop offset="1" stop-color="#43464A"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1489_3285" x1="269.5" y1="107.5" x2="344.5" y2="174" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3C3E41"/>
+<stop offset="1" stop-color="#937575"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1489_3285" x1="239" y1="158" x2="349" y2="154.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C2E31"/>
+<stop offset="1" stop-color="#A17E7E"/>
+</linearGradient>
+<linearGradient id="paint7_linear_1489_3285" x1="247.394" y1="148.005" x2="234.611" y2="127.552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#43464A"/>
+<stop offset="1" stop-color="#2C2E31"/>
+</linearGradient>
+<linearGradient id="paint8_linear_1489_3285" x1="94" y1="123.5" x2="170" y2="123.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8B6969"/>
+<stop offset="1" stop-color="#A17E7E"/>
+</linearGradient>
+<linearGradient id="paint9_linear_1489_3285" x1="248" y1="69.5" x2="219" y2="85" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B604B"/>
+<stop offset="1" stop-color="#937575"/>
+</linearGradient>
+<linearGradient id="paint10_linear_1489_3285" x1="255.749" y1="66.8324" x2="255.484" y2="61.2865" gradientUnits="userSpaceOnUse">
+<stop stop-color="#124D3B"/>
+<stop offset="1" stop-color="#937575"/>
+</linearGradient>
+<linearGradient id="paint11_linear_1489_3285" x1="243" y1="100.5" x2="213" y2="92" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B604B"/>
+<stop offset="1" stop-color="#937575"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/images/my_setting.svg b/src/assets/images/my_setting.svg
new file mode 100644
index 0000000..9c61ed7
--- /dev/null
+++ b/src/assets/images/my_setting.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0295 1.97518C9.81915 1.80714 9.54169 1.74855 9.28137 1.81721C8.38618 2.05332 7.52634 2.40733 6.72443 2.86995C6.49028 3.00504 6.33424 3.24334 6.30405 3.51198L6.04901 5.78144C5.96082 5.86597 5.87443 5.95235 5.78988 6.04053L3.51898 6.29555C3.2508 6.32566 3.0128 6.48121 2.87757 6.71476C2.41275 7.51751 2.05663 8.37844 1.81855 9.27496C1.74932 9.53562 1.80777 9.81366 1.97608 10.0244L3.40176 11.8094C3.3992 11.9315 3.3992 12.0537 3.40176 12.1759L1.97527 13.9608C1.80675 14.1717 1.74828 14.45 1.81768 14.7109C2.04218 15.5546 2.52175 16.3677 2.90325 17.0146C2.95714 17.1059 3.00907 17.194 3.05806 17.2783C3.2302 17.5748 3.56345 17.739 3.90342 17.6949L6.19443 17.3976L6.57639 17.7795L6.1657 19.833C6.09253 20.1988 6.26625 20.5697 6.59418 20.7477L9.09828 22.1068C9.39884 22.27 9.76786 22.2373 10.0351 22.024L11.8205 20.5985C11.9427 20.601 12.065 20.601 12.1873 20.5985L13.9726 22.0248C14.1834 22.1932 14.4617 22.2516 14.7224 22.1823C15.6192 21.9438 16.4801 21.5869 17.2826 21.1211C17.5157 20.9858 17.6709 20.7481 17.701 20.4802L17.956 18.2108C18.0442 18.1262 18.1306 18.0398 18.2151 17.9517L20.486 17.6967C20.7548 17.6665 20.9932 17.5104 21.1282 17.2761C21.5912 16.473 21.9456 15.6121 22.182 14.7159C22.2507 14.4556 22.1921 14.1782 22.0241 13.9678L20.5984 12.1828C20.601 12.0607 20.601 11.9385 20.5984 11.8163L22.0249 10.0314C22.1934 9.8205 22.2519 9.5422 22.1825 9.28135C21.9439 8.38476 21.587 7.52394 21.1211 6.7216C20.9858 6.48855 20.7481 6.33338 20.4803 6.30329L18.2103 6.04829C18.1258 5.96011 18.0394 5.87373 17.9512 5.78919L17.6961 3.51879C17.666 3.25057 17.5104 3.01255 17.2768 2.87734C16.4739 2.41262 15.6129 2.05657 14.7163 1.81853C14.4557 1.74934 14.1777 1.80776 13.967 1.97599L12.1816 3.40149C12.0594 3.39893 11.9371 3.39893 11.8148 3.40149L10.0295 1.97518ZM7.70478 6.28657L7.9458 4.14183C8.38435 3.91632 8.84119 3.72828 9.31144 3.57975L11.0004 4.92907C11.1647 5.06034 11.3718 5.12612 11.5818 5.11369C11.8591 5.09728 12.1372 5.09728 12.4145 5.11369C12.6244 5.12611 12.8314 5.0604 12.9957 4.92922L14.684 3.58121C15.156 3.73107 15.6143 3.9206 16.0543 4.14776L16.2954 6.29428C16.3189 6.50325 16.4189 6.69614 16.5762 6.83572C16.7836 7.01978 16.9799 7.21602 17.164 7.42339C17.3035 7.58062 17.4964 7.6806 17.7053 7.70408L19.852 7.94524C20.0796 8.38463 20.2695 8.84255 20.4196 9.31405L19.0709 11.0017C18.9396 11.166 18.8738 11.3732 18.8862 11.5832C18.9026 11.8605 18.9026 12.1385 18.8862 12.4158C18.8738 12.6257 18.9395 12.8328 19.0708 12.9971L20.4195 14.6857C20.2706 15.1572 20.0822 15.6152 19.8562 16.0549L17.7102 16.2959C17.5012 16.3193 17.3084 16.4193 17.1688 16.5766C16.9847 16.7839 16.7884 16.9802 16.581 17.1642C16.4237 17.3038 16.3237 17.4967 16.3002 17.7056L16.059 19.8519C15.6195 20.0795 15.1614 20.2693 14.6898 20.4195L13.0017 19.0709C12.8374 18.9396 12.6303 18.8738 12.4203 18.8862C12.143 18.9027 11.8649 18.9027 11.5876 18.8862C11.3777 18.8738 11.1707 18.9395 11.0064 19.0707L9.4142 20.342L7.95755 19.5514L8.33447 17.6667C8.39027 17.3877 8.30295 17.0993 8.10177 16.8982L7.10177 15.8982C6.9151 15.7115 6.65237 15.622 6.39057 15.656L4.24383 15.9346C3.98338 15.4878 3.75113 15.0736 3.5915 14.6644L4.92926 12.9905C5.06059 12.8262 5.12639 12.619 5.11396 12.409C5.09755 12.1317 5.09755 11.8537 5.11396 11.5764C5.12639 11.3665 5.06064 11.1594 4.92941 10.9951L3.58126 9.30719C3.73114 8.83545 3.92067 8.37723 4.14783 7.93744L6.29484 7.69634C6.50378 7.67287 6.69664 7.57288 6.83622 7.41564C7.02031 7.20827 7.21658 7.01204 7.42399 6.82798C7.58127 6.6884 7.68129 6.49553 7.70478 6.28657ZM9.73103 11.8589C9.73103 10.6838 10.6838 9.73098 11.8594 9.73098C13.0351 9.73098 13.9879 10.6838 13.9879 11.8589C13.9879 13.034 13.0351 13.9868 11.8594 13.9868C10.6838 13.9868 9.73103 13.034 9.73103 11.8589ZM11.8594 8.02916C9.7442 8.02916 8.02921 9.74366 8.02921 11.8589C8.02921 13.9741 9.7442 15.6886 11.8594 15.6886C13.9747 15.6886 15.6897 13.9741 15.6897 11.8589C15.6897 9.74366 13.9747 8.02916 11.8594 8.02916Z" fill="#43464A"/>
+</svg>
diff --git a/src/assets/images/mypage_black.svg b/src/assets/images/mypage_black.svg
new file mode 100644
index 0000000..7f8b04d
--- /dev/null
+++ b/src/assets/images/mypage_black.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12.5" cy="6.5" r="3.5" fill="#2C2E31"/>
+<path d="M7.31253 13.7812C8.0544 12.6684 9.30332 12 10.6407 12H14.3593C15.6967 12 16.9456 12.6684 17.6875 13.7812L20.4271 17.8906C21.3131 19.2197 20.3604 21 18.763 21H6.23703C4.63964 21 3.68686 19.2197 4.57293 17.8906L7.31253 13.7812Z" fill="#2C2E31"/>
+</svg>
diff --git a/src/assets/images/mypage_gray.svg b/src/assets/images/mypage_gray.svg
new file mode 100644
index 0000000..9e96f36
--- /dev/null
+++ b/src/assets/images/mypage_gray.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="6.5" r="3.5" fill="#D3D7DB"/>
+<path d="M6.81253 13.7812C7.5544 12.6684 8.80332 12 10.1407 12H13.8593C15.1967 12 16.4456 12.6684 17.1875 13.7812L19.9271 17.8906C20.8131 19.2197 19.8604 21 18.263 21H5.73703C4.13964 21 3.18686 19.2197 4.07293 17.8906L6.81253 13.7812Z" fill="#D3D7DB"/>
+</svg>
diff --git a/src/assets/images/navybg.svg b/src/assets/images/navybg.svg
new file mode 100644
index 0000000..a6bddcd
--- /dev/null
+++ b/src/assets/images/navybg.svg
@@ -0,0 +1,222 @@
+<svg width="100%" height="259" viewBox="0 0 411 259" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="100%" height="259" fill="#6E8B93"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M360.283 131.206L347.429 129.882C340.246 129.143 334 134.779 334 142H410.5C410.5 138.804 408.083 136.126 404.904 135.799L400.375 135.333C400.395 130.515 398.694 125.827 395.551 122.131C392.071 118.04 387.109 115.498 381.756 115.066C376.403 114.633 371.097 116.345 367.006 119.824C363.537 122.774 361.183 126.79 360.283 131.206Z" fill="url(#paint0_linear_1489_3058)"/>
+<path d="M120.123 168.436C84.3071 162.521 133.12 159.165 162.004 158.226C172.017 157.817 182.864 158.056 187.036 158.226C133.505 161.888 148.043 166.558 162.004 168.436C241.5 176.404 255.233 201.601 264.54 212.045V230H98.46V200.554C110.784 189.852 145.02 189.374 162.004 186.525C203.981 179.484 151.574 171.956 120.123 168.436Z" fill="url(#paint1_linear_1489_3058)"/>
+<path d="M209 239C209 250.046 217.954 259 229 259L393 259L393 212L229 212C217.954 212 209 220.954 209 232L209 239Z" fill="url(#paint2_linear_1489_3058)"/>
+<rect x="276.125" y="82.4351" width="23.1977" height="1.25955" transform="rotate(-149.241 276.125 82.4351)" fill="#2E525B"/>
+<rect width="23.1977" height="1.25955" transform="matrix(0.859324 -0.511431 -0.511431 -0.859324 284.545 82.4355)" fill="#2E525B"/>
+<path d="M279.492 43.0381H282.012L285.16 97.1985H275.084L279.492 43.0381Z" fill="url(#paint3_linear_1489_3058)"/>
+<path d="M253.672 133.726L306.573 133.726L308.121 127.68L309.797 124.195C310.2 123.359 309.59 122.39 308.662 122.39H252.105C251.204 122.39 250.595 123.308 250.944 124.138L252.436 127.68L253.672 133.726Z" fill="#C5D5D4"/>
+<path d="M242.161 163.747C242.262 163.14 242.787 162.695 243.403 162.695H263.496L265.008 177.809H239.817L242.161 163.747Z" fill="#C5D5D4"/>
+<path d="M295.237 162.695H315.257C315.904 162.695 316.446 163.185 316.511 163.829L317.909 177.809H292.718L295.237 162.695Z" fill="#C5D5D4"/>
+<rect x="253.672" y="133.726" width="52.9009" height="7.55727" fill="#D4E5E4"/>
+<path d="M256.191 137.505C256.191 136.809 256.755 136.245 257.451 136.245H259.97C260.665 136.245 261.229 136.809 261.229 137.505V141.283H256.191V137.505Z" fill="#365B65"/>
+<path d="M263.748 137.505C263.748 136.809 264.312 136.245 265.008 136.245H266.267C266.963 136.245 267.527 136.809 267.527 137.505V141.283H263.748V137.505Z" fill="#365B65"/>
+<path d="M292.718 137.505C292.718 136.809 293.282 136.245 293.977 136.245H295.237C295.932 136.245 296.496 136.809 296.496 137.505V141.283H292.718V137.505Z" fill="#365B65"/>
+<path d="M270.046 137.505C270.046 136.809 270.61 136.245 271.306 136.245H273.825C274.52 136.245 275.084 136.809 275.084 137.505V141.283H270.046V137.505Z" fill="#365B65"/>
+<path d="M277.603 137.505C277.603 136.809 278.167 136.245 278.863 136.245H281.382C282.077 136.245 282.641 136.809 282.641 137.505V141.283H277.603V137.505Z" fill="#365B65"/>
+<path d="M285.16 137.505C285.16 136.809 285.724 136.245 286.42 136.245H288.939C289.635 136.245 290.199 136.809 290.199 137.505V141.283H285.16V137.505Z" fill="#365B65"/>
+<path d="M299.015 137.505C299.015 136.809 299.579 136.245 300.275 136.245H302.794C303.49 136.245 304.054 136.809 304.054 137.505V141.283H299.015V137.505Z" fill="#365B65"/>
+<path d="M253.672 141.283H306.573L310.351 179.07H247.374L253.672 141.283Z" fill="url(#paint4_linear_1489_3058)"/>
+<path d="M283.901 141.283H306.573L310.351 179.07H283.901L283.901 141.283Z" fill="url(#paint5_linear_1489_3058)"/>
+<path d="M232.375 183.215C231.623 176.129 236.895 169.831 244.003 169.324L283.901 166.474L285.161 189.145L283.901 211.817H237.675C236.386 211.817 235.305 210.845 235.169 209.564L232.375 183.215Z" fill="url(#paint6_linear_1489_3058)"/>
+<path d="M319.096 182.81C319.831 175.88 314.799 169.67 307.867 168.953L283.901 166.474L285.16 189.145L283.901 211.817H313.753C315.042 211.817 316.122 210.845 316.258 209.564L319.096 182.81Z" fill="url(#paint7_linear_1489_3058)"/>
+<path d="M257.451 89.6416C258.146 89.6416 258.71 90.2055 258.71 90.9011V122.39H257.451V92.7905C257.451 92.4426 257.169 92.1607 256.821 92.1607C256.473 92.1607 256.191 91.8787 256.191 91.5309V90.9011C256.191 90.2055 256.755 89.6416 257.451 89.6416Z" fill="#365B65"/>
+<path d="M291.458 89.6416C290.763 89.6416 290.199 90.2055 290.199 90.9011V122.39H291.458V92.7905C291.458 92.4426 291.74 92.1607 292.088 92.1607C292.436 92.1607 292.718 91.8787 292.718 91.5309V90.9011C292.718 90.2055 292.154 89.6416 291.458 89.6416Z" fill="#365B65"/>
+<path d="M273.102 90.3042C273.41 87.0719 276.124 84.6035 279.371 84.6035H280.874C284.12 84.6035 286.835 87.0719 287.143 90.3042L290.199 122.39H270.046L273.102 90.3042Z" fill="url(#paint8_linear_1489_3058)"/>
+<path d="M266.267 122.39C266.267 120.998 267.395 119.871 268.786 119.871H290.199C291.59 119.871 292.718 120.998 292.718 122.39H266.267Z" fill="#DCECEB"/>
+<path d="M273.173 113.147C273.93 110.421 276.412 108.535 279.241 108.535H281.003C283.832 108.535 286.314 110.421 287.071 113.147L288.939 119.871H271.306L273.173 113.147Z" fill="url(#paint9_linear_1489_3058)"/>
+<g clip-path="url(#paint10_angular_1489_3058_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.00503818 -0.00503818 0 280.122 84.6031)"><foreignObject x="-1250" y="-1250" width="2500" height="2500"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(187, 207, 205, 1) 0deg,rgba(220, 236, 235, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><circle cx="280.122" cy="84.6031" r="5.03818" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.73333334922790527,&#34;g&#34;:0.81176471710205078,&#34;b&#34;:0.80392158031463623,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.86274510622024536,&#34;g&#34;:0.92549020051956177,&#34;b&#34;:0.92156863212585449,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.73333334922790527,&#34;g&#34;:0.81176471710205078,&#34;b&#34;:0.80392158031463623,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.86274510622024536,&#34;g&#34;:0.92549020051956177,&#34;b&#34;:0.92156863212585449,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;transform&#34;:{&#34;m00&#34;:6.1699918051032567e-16,&#34;m01&#34;:-10.076360702514648,&#34;m02&#34;:285.16043090820312,&#34;m10&#34;:10.076360702514648,&#34;m11&#34;:6.1699918051032567e-16,&#34;m12&#34;:79.564941406250},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+<g clip-path="url(#paint11_angular_1489_3058_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.00314886 -0.00314886 0 280.122 105.386)"><foreignObject x="-1250" y="-1250" width="2500" height="2500"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(187, 207, 205, 1) 0deg,rgba(220, 236, 235, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><circle cx="280.122" cy="105.386" r="3.14886" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.73333334922790527,&#34;g&#34;:0.81176471710205078,&#34;b&#34;:0.80392158031463623,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.86274510622024536,&#34;g&#34;:0.92549020051956177,&#34;b&#34;:0.92156863212585449,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.73333334922790527,&#34;g&#34;:0.81176471710205078,&#34;b&#34;:0.80392158031463623,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.86274510622024536,&#34;g&#34;:0.92549020051956177,&#34;b&#34;:0.92156863212585449,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;transform&#34;:{&#34;m00&#34;:3.8562450767128825e-16,&#34;m01&#34;:-6.2977256774902344,&#34;m02&#34;:283.27114868164062,&#34;m10&#34;:6.2977256774902344,&#34;m11&#34;:3.8562450767128825e-16,&#34;m12&#34;:102.23730468750},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+<rect x="246.115" y="69.4888" width="65.4963" height="1.25955" fill="#2E525B"/>
+<rect x="246.115" y="77.0464" width="65.4963" height="1.25955" fill="#2E525B"/>
+<rect x="248.634" y="78.3052" width="8.81682" height="1.25955" transform="rotate(-90 248.634 78.3052)" fill="#2E525B"/>
+<rect x="254.931" y="78.3052" width="8.81682" height="1.25955" transform="rotate(-90 254.931 78.3052)" fill="#2E525B"/>
+<rect x="261.229" y="78.3052" width="8.81682" height="1.25955" transform="rotate(-90 261.229 78.3052)" fill="#2E525B"/>
+<rect x="267.527" y="78.3052" width="8.81682" height="1.25955" transform="rotate(-90 267.527 78.3052)" fill="#2E525B"/>
+<rect x="273.825" y="78.3052" width="8.81682" height="1.25955" transform="rotate(-90 273.825 78.3052)" fill="#2E525B"/>
+<rect x="280.122" y="78.3052" width="8.81682" height="1.25955" transform="rotate(-90 280.122 78.3052)" fill="#2E525B"/>
+<rect x="286.42" y="78.3052" width="8.81682" height="1.25955" transform="rotate(-90 286.42 78.3052)" fill="#2E525B"/>
+<rect x="292.718" y="78.3052" width="8.81682" height="1.25955" transform="rotate(-90 292.718 78.3052)" fill="#2E525B"/>
+<rect x="299.015" y="78.3052" width="8.81682" height="1.25955" transform="rotate(-90 299.015 78.3052)" fill="#2E525B"/>
+<rect x="305.313" y="78.3052" width="8.81682" height="1.25955" transform="rotate(-90 305.313 78.3052)" fill="#2E525B"/>
+<rect x="275.084" y="56.8936" width="11.3359" height="2.51909" rx="1.25955" fill="#365B65"/>
+<rect x="277.603" y="44.2979" width="6.29773" height="2.51909" rx="1.25955" fill="#365B65"/>
+<rect x="275.084" y="55.6338" width="11.3359" height="1.25955" rx="0.629773" fill="#5792A3"/>
+<rect x="277.603" y="43.0381" width="6.29773" height="1.25955" rx="0.629773" fill="#5792A3"/>
+<path d="M280.752 44.2978C280.078 44.2978 279.551 43.7155 279.618 43.0445L280.06 38.6266C280.095 38.2708 280.395 37.9999 280.752 37.9999C281.11 37.9999 281.409 38.2708 281.445 38.6266L281.886 43.0445C281.953 43.7154 281.427 44.2977 280.752 44.2978Z" fill="#5792A3"/>
+<rect x="254.931" y="162.695" width="6.29773" height="2.51909" rx="0.629773" fill="#D4E5E4"/>
+<rect x="297.756" y="162.992" width="5.55682" height="2.22273" rx="0.555682" fill="#B8CCCA"/>
+<rect x="256.191" y="158.917" width="6.29773" height="2.51909" rx="0.629773" fill="#D4E5E4"/>
+<rect x="298.867" y="159.658" width="5.55682" height="2.22273" rx="0.555682" fill="#B8CCCA"/>
+<rect x="254.931" y="155.138" width="6.29773" height="2.51909" rx="0.629773" fill="#D4E5E4"/>
+<rect x="297.756" y="156.324" width="5.55682" height="2.22273" rx="0.555682" fill="#B8CCCA"/>
+<rect x="256.191" y="151.359" width="6.29773" height="2.51909" rx="0.629773" fill="#D4E5E4"/>
+<rect x="298.867" y="152.989" width="5.55682" height="2.22273" rx="0.555682" fill="#B8CCCA"/>
+<rect x="254.931" y="147.58" width="6.29773" height="2.51909" rx="0.629773" fill="#D4E5E4"/>
+<rect x="297.756" y="149.655" width="5.55682" height="2.22273" rx="0.555682" fill="#B8CCCA"/>
+<rect x="256.191" y="143.802" width="6.29773" height="2.51909" rx="0.629773" fill="#D4E5E4"/>
+<rect x="253.672" y="124.909" width="21.4123" height="1.25955" rx="0.629773" fill="#D4E5E4"/>
+<rect x="257.451" y="127.428" width="21.4123" height="1.25955" rx="0.629773" fill="#D4E5E4"/>
+<rect x="298.867" y="146.321" width="5.55682" height="2.22273" rx="0.555682" fill="#B8CCCA"/>
+<path d="M233.519 191.035L285.16 189.146L283.901 211.817H237.709C236.406 211.817 235.318 210.824 235.2 209.526L233.519 191.035Z" fill="url(#paint12_linear_1489_3058)"/>
+<path d="M317.909 189.775L285.16 189.146L283.901 211.817H313.707C315.015 211.817 316.105 210.816 316.217 209.513L317.909 189.775Z" fill="url(#paint13_linear_1489_3058)"/>
+<path d="M252.446 92.5699C252.428 92.3496 252.602 92.1606 252.823 92.1606H257.073C257.281 92.1606 257.45 92.3298 257.45 92.5385V99.3401C257.45 99.5487 257.281 99.7179 257.073 99.7179H253.39C253.193 99.7179 253.03 99.5673 253.013 99.3714L252.446 92.5699Z" fill="#45112D"/>
+<path d="M296.455 92.5761C296.477 92.3537 296.302 92.1606 296.079 92.1606H291.836C291.627 92.1606 291.458 92.3298 291.458 92.5385V98.0805C291.458 98.2892 291.627 98.4584 291.836 98.4584H295.525C295.719 98.4584 295.881 98.3113 295.901 98.1181L296.455 92.5761Z" fill="#45112D"/>
+<rect x="181.288" y="96.9624" width="10.9437" height="0.594203" transform="rotate(-149.241 181.288 96.9624)" fill="#2E525B"/>
+<rect width="10.9437" height="0.594203" transform="matrix(0.859324 -0.511431 -0.511431 -0.859324 185.261 96.9629)" fill="#2E525B"/>
+<path d="M182.877 78.377H184.065L185.551 103.928H180.797L182.877 78.377Z" fill="url(#paint14_linear_1489_3058)"/>
+<path d="M170.696 121.16L195.652 121.16L196.382 118.307L197.173 116.664C197.363 116.269 197.076 115.812 196.638 115.812H169.957C169.532 115.812 169.244 116.245 169.409 116.637L170.112 118.307L170.696 121.16Z" fill="#C5D5D4"/>
+<path d="M165.265 135.323C165.313 135.036 165.561 134.826 165.851 134.826H175.33L176.044 141.957H164.159L165.265 135.323Z" fill="#C5D5D4"/>
+<path d="M190.304 134.826H199.749C200.055 134.826 200.31 135.057 200.34 135.361L201 141.957H189.116L190.304 134.826Z" fill="#C5D5D4"/>
+<rect x="170.696" y="121.16" width="24.9565" height="3.56521" fill="#D4E5E4"/>
+<path d="M171.884 122.942C171.884 122.614 172.15 122.348 172.478 122.348H173.667C173.995 122.348 174.261 122.614 174.261 122.942V124.725H171.884V122.942Z" fill="#365B65"/>
+<path d="M175.449 122.942C175.449 122.614 175.715 122.348 176.043 122.348H176.638C176.966 122.348 177.232 122.614 177.232 122.942V124.725H175.449V122.942Z" fill="#365B65"/>
+<path d="M189.116 122.942C189.116 122.614 189.382 122.348 189.71 122.348H190.304C190.633 122.348 190.899 122.614 190.899 122.942V124.725H189.116V122.942Z" fill="#365B65"/>
+<path d="M178.42 122.942C178.42 122.614 178.686 122.348 179.015 122.348H180.203C180.531 122.348 180.797 122.614 180.797 122.942V124.725H178.42V122.942Z" fill="#365B65"/>
+<path d="M181.985 122.942C181.985 122.614 182.251 122.348 182.58 122.348H183.768C184.096 122.348 184.362 122.614 184.362 122.942V124.725H181.985V122.942Z" fill="#365B65"/>
+<path d="M185.551 122.942C185.551 122.614 185.817 122.348 186.145 122.348H187.333C187.661 122.348 187.928 122.614 187.928 122.942V124.725H185.551V122.942Z" fill="#365B65"/>
+<path d="M192.087 122.942C192.087 122.614 192.353 122.348 192.681 122.348H193.87C194.198 122.348 194.464 122.614 194.464 122.942V124.725H192.087V122.942Z" fill="#365B65"/>
+<path d="M170.696 124.725H195.652L197.435 142.551H167.725L170.696 124.725Z" fill="url(#paint15_linear_1489_3058)"/>
+<path d="M184.956 124.725H195.652L197.435 142.551H184.956L184.956 124.725Z" fill="url(#paint16_linear_1489_3058)"/>
+<path d="M160.649 144.507C160.294 141.164 162.781 138.193 166.134 137.953L184.957 136.609L185.551 147.305L184.957 158H163.149C162.541 158 162.031 157.542 161.967 156.937L160.649 144.507Z" fill="url(#paint17_linear_1489_3058)"/>
+<path d="M201.56 144.316C201.907 141.046 199.533 138.117 196.263 137.778L184.957 136.609L185.551 147.305L184.957 158H199.04C199.648 158 200.157 157.542 200.222 156.937L201.56 144.316Z" fill="url(#paint18_linear_1489_3058)"/>
+<path d="M172.478 100.362C172.806 100.362 173.073 100.628 173.073 100.957V115.812H172.478V101.848C172.478 101.684 172.345 101.551 172.181 101.551C172.017 101.551 171.884 101.418 171.884 101.254V100.957C171.884 100.628 172.15 100.362 172.478 100.362Z" fill="#365B65"/>
+<path d="M188.522 100.362C188.194 100.362 187.928 100.628 187.928 100.957V115.812H188.522V101.848C188.522 101.684 188.655 101.551 188.819 101.551C188.983 101.551 189.116 101.418 189.116 101.254V100.957C189.116 100.628 188.85 100.362 188.522 100.362Z" fill="#365B65"/>
+<path d="M179.862 100.675C180.007 99.1499 181.288 97.9854 182.82 97.9854H183.528C185.06 97.9854 186.341 99.1499 186.486 100.675L187.928 115.811H178.42L179.862 100.675Z" fill="url(#paint19_linear_1489_3058)"/>
+<path d="M176.638 115.811C176.638 115.155 177.17 114.623 177.826 114.623H187.928C188.584 114.623 189.116 115.155 189.116 115.811H176.638Z" fill="#DCECEB"/>
+<path d="M179.896 111.451C180.253 110.165 181.424 109.275 182.758 109.275H183.59C184.924 109.275 186.095 110.165 186.452 111.451L187.333 114.623H179.015L179.896 111.451Z" fill="url(#paint20_linear_1489_3058)"/>
+<g clip-path="url(#paint21_angular_1489_3058_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.00237681 -0.00237681 0 183.174 97.9857)"><foreignObject x="-1250" y="-1250" width="2500" height="2500"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(187, 207, 205, 1) 0deg,rgba(220, 236, 235, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><circle cx="183.174" cy="97.9857" r="2.37681" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.73333334922790527,&#34;g&#34;:0.81176471710205078,&#34;b&#34;:0.80392158031463623,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.86274510622024536,&#34;g&#34;:0.92549020051956177,&#34;b&#34;:0.92156863212585449,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.73333334922790527,&#34;g&#34;:0.81176471710205078,&#34;b&#34;:0.80392158031463623,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.86274510622024536,&#34;g&#34;:0.92549020051956177,&#34;b&#34;:0.92156863212585449,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;transform&#34;:{&#34;m00&#34;:2.9107524902741502e-16,&#34;m01&#34;:-4.7536191940307617,&#34;m02&#34;:185.55073547363281,&#34;m10&#34;:4.7536191940307617,&#34;m11&#34;:2.9107524902741502e-16,&#34;m12&#34;:95.608886718750},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+<g clip-path="url(#paint22_angular_1489_3058_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.00148551 -0.00148551 0 183.174 107.79)"><foreignObject x="-1250" y="-1250" width="2500" height="2500"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(187, 207, 205, 1) 0deg,rgba(220, 236, 235, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><circle cx="183.174" cy="107.79" r="1.48551" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.73333334922790527,&#34;g&#34;:0.81176471710205078,&#34;b&#34;:0.80392158031463623,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.86274510622024536,&#34;g&#34;:0.92549020051956177,&#34;b&#34;:0.92156863212585449,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.73333334922790527,&#34;g&#34;:0.81176471710205078,&#34;b&#34;:0.80392158031463623,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.86274510622024536,&#34;g&#34;:0.92549020051956177,&#34;b&#34;:0.92156863212585449,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;transform&#34;:{&#34;m00&#34;:1.8192204387702419e-16,&#34;m01&#34;:-2.9710123538970947,&#34;m02&#34;:184.65946960449219,&#34;m10&#34;:2.9710123538970947,&#34;m11&#34;:1.8192204387702419e-16,&#34;m12&#34;:106.304199218750},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+<rect x="167.13" y="90.8555" width="30.8985" height="0.594202" fill="#2E525B"/>
+<rect x="167.13" y="94.4204" width="30.8985" height="0.594202" fill="#2E525B"/>
+<rect x="168.319" y="95.0146" width="4.15942" height="0.594203" transform="rotate(-90 168.319 95.0146)" fill="#2E525B"/>
+<rect x="171.29" y="95.0146" width="4.15942" height="0.594203" transform="rotate(-90 171.29 95.0146)" fill="#2E525B"/>
+<rect x="174.261" y="95.0146" width="4.15942" height="0.594203" transform="rotate(-90 174.261 95.0146)" fill="#2E525B"/>
+<rect x="177.232" y="95.0146" width="4.15942" height="0.594203" transform="rotate(-90 177.232 95.0146)" fill="#2E525B"/>
+<rect x="180.203" y="95.0146" width="4.15942" height="0.594203" transform="rotate(-90 180.203 95.0146)" fill="#2E525B"/>
+<rect x="183.174" y="95.0146" width="4.15942" height="0.594203" transform="rotate(-90 183.174 95.0146)" fill="#2E525B"/>
+<rect x="186.145" y="95.0146" width="4.15942" height="0.594203" transform="rotate(-90 186.145 95.0146)" fill="#2E525B"/>
+<rect x="189.116" y="95.0146" width="4.15942" height="0.594203" transform="rotate(-90 189.116 95.0146)" fill="#2E525B"/>
+<rect x="192.087" y="95.0146" width="4.15942" height="0.594203" transform="rotate(-90 192.087 95.0146)" fill="#2E525B"/>
+<rect x="195.058" y="95.0146" width="4.15942" height="0.594203" transform="rotate(-90 195.058 95.0146)" fill="#2E525B"/>
+<rect x="180.797" y="84.9131" width="5.34782" height="1.1884" rx="0.594202" fill="#365B65"/>
+<rect x="181.985" y="78.9712" width="2.97101" height="1.1884" rx="0.594202" fill="#365B65"/>
+<rect x="180.797" y="84.3193" width="5.34782" height="0.594202" rx="0.297101" fill="#5792A3"/>
+<rect x="181.985" y="78.377" width="2.97101" height="0.594202" rx="0.297101" fill="#5792A3"/>
+<path d="M183.471 78.9711C183.153 78.9712 182.904 78.6965 182.936 78.3799L183.144 76.2957C183.161 76.1279 183.302 76.0001 183.471 76.0001C183.64 76.0001 183.781 76.1279 183.798 76.2957L184.006 78.3799C184.038 78.6964 183.789 78.9711 183.471 78.9711Z" fill="#5792A3"/>
+<rect x="171.29" y="134.826" width="2.97101" height="1.1884" rx="0.297101" fill="#D4E5E4"/>
+<rect x="191.493" y="134.966" width="2.62148" height="1.04859" rx="0.262148" fill="#B8CCCA"/>
+<rect x="171.884" y="133.043" width="2.97101" height="1.1884" rx="0.297101" fill="#D4E5E4"/>
+<rect x="192.017" y="133.393" width="2.62148" height="1.04859" rx="0.262148" fill="#B8CCCA"/>
+<rect x="171.29" y="131.261" width="2.97101" height="1.1884" rx="0.297101" fill="#D4E5E4"/>
+<rect x="191.493" y="131.82" width="2.62148" height="1.04859" rx="0.262148" fill="#B8CCCA"/>
+<rect x="171.884" y="129.479" width="2.97101" height="1.1884" rx="0.297101" fill="#D4E5E4"/>
+<rect x="192.017" y="130.247" width="2.62148" height="1.04859" rx="0.262148" fill="#B8CCCA"/>
+<rect x="171.29" y="127.696" width="2.97101" height="1.1884" rx="0.297101" fill="#D4E5E4"/>
+<rect x="191.493" y="128.674" width="2.62148" height="1.04859" rx="0.262148" fill="#B8CCCA"/>
+<rect x="171.884" y="125.913" width="2.97101" height="1.1884" rx="0.297101" fill="#D4E5E4"/>
+<rect x="170.696" y="117" width="10.1014" height="0.594202" rx="0.297101" fill="#D4E5E4"/>
+<rect x="172.478" y="118.188" width="10.1014" height="0.594202" rx="0.297101" fill="#D4E5E4"/>
+<rect x="192.017" y="127.102" width="2.62148" height="1.04859" rx="0.262148" fill="#B8CCCA"/>
+<path d="M161.188 148.196L185.551 147.304L184.957 158H163.165C162.55 158 162.037 157.531 161.981 156.919L161.188 148.196Z" fill="url(#paint23_linear_1489_3058)"/>
+<path d="M201 147.601L185.551 147.304L184.956 158H199.018C199.635 158 200.149 157.528 200.202 156.913L201 147.601Z" fill="url(#paint24_linear_1489_3058)"/>
+<path d="M170.118 101.744C170.109 101.64 170.191 101.551 170.295 101.551H172.3C172.399 101.551 172.478 101.631 172.478 101.729V104.938C172.478 105.036 172.399 105.116 172.3 105.116H170.563C170.47 105.116 170.393 105.045 170.385 104.953L170.118 101.744Z" fill="#45112D"/>
+<path d="M190.879 101.747C190.889 101.642 190.807 101.551 190.702 101.551H188.7C188.602 101.551 188.522 101.631 188.522 101.729V104.344C188.522 104.442 188.602 104.522 188.7 104.522H190.44C190.532 104.522 190.608 104.452 190.618 104.361L190.879 101.747Z" fill="#45112D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114.086 127.685L107.197 126.976C103.347 126.58 100 129.601 100 133.471H141C141 131.758 139.705 130.323 138.001 130.147L135.574 129.897C135.584 127.315 134.673 124.803 132.988 122.822C131.123 120.629 128.464 119.267 125.595 119.035C122.726 118.803 119.882 119.721 117.689 121.586C115.831 123.167 114.569 125.319 114.086 127.685Z" fill="url(#paint25_linear_1489_3058)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.0863 74.6854L16.1973 73.9763C12.3475 73.58 9 76.6005 9 80.4707H50C50 78.758 48.7049 77.3226 47.0012 77.1473L44.5735 76.8973C44.5842 74.315 43.6727 71.8028 41.988 69.8218C40.1232 67.6292 37.4638 66.2671 34.5948 66.0353C31.7257 65.8035 28.8821 66.7208 26.6895 68.5856C24.8306 70.1666 23.5686 72.3187 23.0863 74.6854Z" fill="url(#paint26_linear_1489_3058)"/>
+<defs>
+<clipPath id="paint10_angular_1489_3058_clip_path"><circle cx="280.122" cy="84.6031" r="5.03818"/></clipPath><clipPath id="paint11_angular_1489_3058_clip_path"><circle cx="280.122" cy="105.386" r="3.14886"/></clipPath><clipPath id="paint21_angular_1489_3058_clip_path"><circle cx="183.174" cy="97.9857" r="2.37681"/></clipPath><clipPath id="paint22_angular_1489_3058_clip_path"><circle cx="183.174" cy="107.79" r="1.48551"/></clipPath><linearGradient id="paint0_linear_1489_3058" x1="347.5" y1="123" x2="363.5" y2="152" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7F969D"/>
+<stop offset="1" stop-color="#5A7D86"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1489_3058" x1="181.5" y1="149.024" x2="224.034" y2="195.346" gradientUnits="userSpaceOnUse">
+<stop stop-color="#829AA1"/>
+<stop offset="1" stop-color="#5A7D86"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1489_3058" x1="393" y1="235.5" x2="209" y2="235.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6E8B93"/>
+<stop offset="1" stop-color="#476B75"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1489_3058" x1="280.122" y1="43.0381" x2="280.122" y2="97.1985" gradientUnits="userSpaceOnUse">
+<stop stop-color="#365B65"/>
+<stop offset="1" stop-color="#6DB7CB"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1489_3058" x1="278.863" y1="141.283" x2="278.863" y2="179.07" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C5D5D4"/>
+<stop offset="1" stop-color="#B3C9C8"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1489_3058" x1="307.202" y1="160.176" x2="279.492" y2="160.806" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C5D5D4"/>
+<stop offset="1" stop-color="#B3C9C8"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1489_3058" x1="234.779" y1="211.817" x2="281.382" y2="180.329" gradientUnits="userSpaceOnUse">
+<stop stop-color="#829AA1"/>
+<stop offset="1" stop-color="#6E8B93"/>
+</linearGradient>
+<linearGradient id="paint7_linear_1489_3058" x1="316.019" y1="211.817" x2="291.458" y2="176.55" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5A7D86"/>
+<stop offset="1" stop-color="#476B75"/>
+</linearGradient>
+<linearGradient id="paint8_linear_1489_3058" x1="280.122" y1="84.6035" x2="280.122" y2="107.905" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DCECEB"/>
+<stop offset="1" stop-color="#C5D5D4"/>
+</linearGradient>
+<linearGradient id="paint9_linear_1489_3058" x1="280.122" y1="108.535" x2="280.122" y2="119.871" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DCECEB"/>
+<stop offset="1" stop-color="#C5D5D4"/>
+</linearGradient>
+<linearGradient id="paint12_linear_1489_3058" x1="247.374" y1="190.405" x2="261.859" y2="214.336" gradientUnits="userSpaceOnUse">
+<stop stop-color="#829AA1"/>
+<stop offset="1" stop-color="#6E8B93"/>
+</linearGradient>
+<linearGradient id="paint13_linear_1489_3058" x1="312.87" y1="211.817" x2="292.088" y2="191.665" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5A7D86"/>
+<stop offset="1" stop-color="#3C616A"/>
+</linearGradient>
+<linearGradient id="paint14_linear_1489_3058" x1="183.174" y1="78.377" x2="183.174" y2="103.928" gradientUnits="userSpaceOnUse">
+<stop stop-color="#365B65"/>
+<stop offset="1" stop-color="#6DB7CB"/>
+</linearGradient>
+<linearGradient id="paint15_linear_1489_3058" x1="182.58" y1="124.725" x2="182.58" y2="142.551" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C5D5D4"/>
+<stop offset="1" stop-color="#B3C9C8"/>
+</linearGradient>
+<linearGradient id="paint16_linear_1489_3058" x1="195.949" y1="133.638" x2="182.877" y2="133.935" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C5D5D4"/>
+<stop offset="1" stop-color="#B3C9C8"/>
+</linearGradient>
+<linearGradient id="paint17_linear_1489_3058" x1="161.783" y1="158" x2="183.768" y2="143.145" gradientUnits="userSpaceOnUse">
+<stop stop-color="#829AA1"/>
+<stop offset="1" stop-color="#6E8B93"/>
+</linearGradient>
+<linearGradient id="paint18_linear_1489_3058" x1="200.109" y1="158" x2="188.522" y2="141.363" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5A7D86"/>
+<stop offset="1" stop-color="#476B75"/>
+</linearGradient>
+<linearGradient id="paint19_linear_1489_3058" x1="183.174" y1="97.9854" x2="183.174" y2="108.978" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DCECEB"/>
+<stop offset="1" stop-color="#C5D5D4"/>
+</linearGradient>
+<linearGradient id="paint20_linear_1489_3058" x1="183.174" y1="109.275" x2="183.174" y2="114.623" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DCECEB"/>
+<stop offset="1" stop-color="#C5D5D4"/>
+</linearGradient>
+<linearGradient id="paint23_linear_1489_3058" x1="167.725" y1="147.898" x2="174.558" y2="159.188" gradientUnits="userSpaceOnUse">
+<stop stop-color="#829AA1"/>
+<stop offset="1" stop-color="#6E8B93"/>
+</linearGradient>
+<linearGradient id="paint24_linear_1489_3058" x1="198.623" y1="158" x2="188.819" y2="148.493" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5A7D86"/>
+<stop offset="1" stop-color="#3C616A"/>
+</linearGradient>
+<linearGradient id="paint25_linear_1489_3058" x1="101.809" y1="128.044" x2="138.588" y2="130.456" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6E8B93"/>
+<stop offset="1" stop-color="#5A7D86"/>
+</linearGradient>
+<linearGradient id="paint26_linear_1489_3058" x1="10.8088" y1="75.0441" x2="47.5883" y2="77.4559" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6E8B93"/>
+<stop offset="1" stop-color="#5A7D86"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/images/next_arrow.svg b/src/assets/images/next_arrow.svg
new file mode 100644
index 0000000..60c3129
--- /dev/null
+++ b/src/assets/images/next_arrow.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.70005 15L12.3 9L5.70005 3" stroke="#72777E" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/images/noDday.svg b/src/assets/images/noDday.svg
new file mode 100644
index 0000000..c7f851e
--- /dev/null
+++ b/src/assets/images/noDday.svg
@@ -0,0 +1,44 @@
+<svg width="222" height="105" viewBox="0 0 222 105" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M156.411 11.6558H42.8349L69.3065 99.6539H182.976L156.411 11.6558Z" fill="#B3B9C1"/>
+<path d="M40.524 13.4394C40.8551 12.3783 41.8375 11.6558 42.949 11.6558H156.41L128.951 99.6539H13.6211L40.524 13.4394Z" fill="#E2E4E7"/>
+<circle cx="55.9602" cy="17.493" r="2.49051" fill="#B3B9C1"/>
+<path d="M55.9598 18.8213C56.6934 18.8213 57.2881 18.2266 57.288 17.493C57.288 16.7594 56.6933 16.1648 55.9597 16.1648L55.9598 18.8213ZM56.7908 1.71918L56.7908 0.39091L56.7908 1.71918ZM55.9598 17.4931L55.9597 16.1648C54.3846 16.1648 53.3463 15.4532 52.673 14.3408C51.9613 13.1649 51.6436 11.4921 51.7842 9.71082C51.9243 7.93686 52.5079 6.2115 53.4149 4.96575C54.3088 3.73812 55.4498 3.04747 56.7908 3.04746L56.7908 1.71918L56.7908 0.39091C54.3956 0.390926 52.5269 1.67206 51.2673 3.40209C50.0209 5.11399 49.3072 7.33216 49.1359 9.50171C48.9652 11.664 49.3219 13.9346 50.4003 15.7163C51.517 17.5614 53.3842 18.8214 55.9598 18.8213L55.9598 17.4931ZM56.7908 1.71918L56.7908 3.04746C58.6124 3.04744 60.1237 4.25206 61.2556 6.13813C62.3849 8.01996 62.9345 10.2758 62.9345 11.6808L64.2628 11.6808L65.5911 11.6808C65.5911 9.76485 64.8949 7.03991 63.5334 4.77115C62.1744 2.50664 59.9498 0.390888 56.7908 0.39091L56.7908 1.71918Z" fill="#B3B9C1"/>
+<circle cx="76.4912" cy="17.493" r="2.49051" fill="#B3B9C1"/>
+<path d="M76.4908 18.8213C77.2244 18.8213 77.8191 18.2266 77.819 17.493C77.819 16.7594 77.2243 16.1648 76.4907 16.1648L76.4908 18.8213ZM77.3218 1.71918L77.3218 0.39091L77.3218 1.71918ZM76.4908 17.4931L76.4907 16.1648C74.9156 16.1648 73.8773 15.4532 73.204 14.3408C72.4923 13.1649 72.1746 11.4921 72.3152 9.71082C72.4553 7.93686 73.0389 6.2115 73.9459 4.96575C74.8398 3.73812 75.9808 3.04747 77.3218 3.04746L77.3218 1.71918L77.3218 0.39091C74.9266 0.390926 73.0579 1.67206 71.7983 3.40209C70.5519 5.11399 69.8382 7.33216 69.6669 9.50171C69.4962 11.664 69.853 13.9346 70.9313 15.7163C72.048 17.5614 73.9153 18.8214 76.4908 18.8213L76.4908 17.4931ZM77.3218 1.71918L77.3218 3.04746C79.1434 3.04744 80.6547 4.25206 81.7866 6.13813C82.9159 8.01996 83.4655 10.2758 83.4655 11.6808L84.7938 11.6808L86.1221 11.6808C86.1221 9.76485 85.4259 7.03991 84.0644 4.77115C82.7054 2.50664 80.4808 0.390888 77.3218 0.39091L77.3218 1.71918Z" fill="#B3B9C1"/>
+<circle cx="97.0225" cy="17.493" r="2.49051" fill="#B3B9C1"/>
+<path d="M97.0221 18.8213C97.7557 18.8213 98.3503 18.2266 98.3503 17.493C98.3503 16.7594 97.7555 16.1648 97.022 16.1648L97.0221 18.8213ZM97.8531 1.71918L97.8531 0.39091L97.8531 1.71918ZM97.022 17.4931L97.022 16.1648C95.4468 16.1648 94.4085 15.4532 93.7352 14.3408C93.0235 13.1649 92.7058 11.4921 92.8465 9.71082C92.9865 7.93686 93.5701 6.2115 94.4772 4.96575C95.371 3.73812 96.5121 3.04747 97.8531 3.04746L97.8531 1.71918L97.8531 0.39091C95.4578 0.390926 93.5892 1.67206 92.3296 3.40209C91.0831 5.11399 90.3695 7.33216 90.1982 9.50171C90.0274 11.664 90.3842 13.9346 91.4625 15.7163C92.5793 17.5614 94.4465 18.8214 97.0221 18.8213L97.022 17.4931ZM97.8531 1.71918L97.8531 3.04746C99.6746 3.04744 101.186 4.25206 102.318 6.13813C103.447 8.01996 103.997 10.2758 103.997 11.6808L105.325 11.6808L106.653 11.6808C106.653 9.76485 105.957 7.03991 104.596 4.77115C103.237 2.50664 101.012 0.390888 97.8531 0.39091L97.8531 1.71918Z" fill="#B3B9C1"/>
+<circle cx="117.554" cy="17.493" r="2.49051" fill="#B3B9C1"/>
+<path d="M117.554 18.8213C118.287 18.8213 118.882 18.2266 118.882 17.493C118.882 16.7594 118.287 16.1648 117.553 16.1648L117.554 18.8213ZM118.385 1.71918L118.385 0.39091L118.385 1.71918ZM117.554 17.4931L117.553 16.1648C115.978 16.1648 114.94 15.4532 114.267 14.3408C113.555 13.1649 113.237 11.4921 113.378 9.71082C113.518 7.93686 114.102 6.2115 115.009 4.96575C115.903 3.73812 117.044 3.04747 118.385 3.04746L118.385 1.71918L118.385 0.39091C115.989 0.390926 114.121 1.67206 112.861 3.40209C111.615 5.11399 110.901 7.33216 110.73 9.50171C110.559 11.664 110.916 13.9346 111.994 15.7163C113.111 17.5614 114.978 18.8214 117.554 18.8213L117.554 17.4931ZM118.385 1.71918L118.385 3.04746C120.206 3.04744 121.717 4.25206 122.849 6.13813C123.979 8.01996 124.528 10.2758 124.528 11.6808L125.857 11.6808L127.185 11.6808C127.185 9.76485 126.489 7.03991 125.127 4.77115C123.768 2.50664 121.544 0.390888 118.385 0.39091L118.385 1.71918Z" fill="#B3B9C1"/>
+<circle cx="138.085" cy="17.493" r="2.49051" fill="#B3B9C1"/>
+<path d="M138.085 18.8213C138.818 18.8213 139.413 18.2266 139.413 17.493C139.413 16.7594 138.818 16.1648 138.084 16.1648L138.085 18.8213ZM138.916 1.71918L138.916 0.39091L138.916 1.71918ZM138.085 17.4931L138.084 16.1648C136.509 16.1648 135.471 15.4532 134.798 14.3408C134.086 13.1649 133.768 11.4921 133.909 9.71082C134.049 7.93686 134.633 6.2115 135.54 4.96575C136.434 3.73812 137.575 3.04747 138.916 3.04746L138.916 1.71918L138.916 0.39091C136.52 0.390926 134.652 1.67206 133.392 3.40209C132.146 5.11399 131.432 7.33216 131.261 9.50171C131.09 11.664 131.447 13.9346 132.525 15.7163C133.642 17.5614 135.509 18.8214 138.085 18.8213L138.085 17.4931ZM138.916 1.71918L138.916 3.04746C140.737 3.04744 142.248 4.25206 143.38 6.13813C144.51 8.01996 145.059 10.2758 145.059 11.6808L146.388 11.6808L147.716 11.6808C147.716 9.76485 147.02 7.03991 145.658 4.77115C144.299 2.50664 142.075 0.390888 138.916 0.39091L138.916 1.71918Z" fill="#B3B9C1"/>
+<path d="M48.9323 28.9349C49.1471 28.2183 49.8066 27.7275 50.5546 27.7275H135.166C136.317 27.7275 137.133 28.8512 136.777 29.9457L117.15 90.1829C116.923 90.88 116.273 91.3518 115.54 91.3518H32.5002C31.3659 91.3518 30.5523 90.2586 30.8779 89.1721L48.9323 28.9349Z" fill="#F6F6F7"/>
+<path d="M48.9337 28.9373C49.1476 28.2195 49.8077 27.7275 50.5566 27.7275H135.164C136.316 27.7275 137.132 28.8525 136.774 29.9473L133.863 38.8518H45.978L48.9337 28.9373Z" fill="#D3D7DB"/>
+<path d="M181.706 98.2254C181.706 85.5237 177.082 24.8662 184.153 15.1631" stroke="#D3D7DB" stroke-width="1.86784" stroke-linecap="square"/>
+<path d="M182.596 98.5087L182.312 99.3987L180.532 98.8323L180.816 97.9423L182.596 98.5087ZM164.541 28.6541C164.062 28.4622 163.83 27.9185 164.022 27.4397C164.214 26.961 164.757 26.7284 165.236 26.9203L164.541 28.6541ZM181.706 98.2255L180.816 97.9423C182.253 93.4254 182.854 87.1764 182.695 80.2034C182.537 73.2449 181.624 65.6286 180.074 58.4077C178.523 51.182 176.342 44.3875 173.666 39.0578C170.967 33.6852 167.856 29.9826 164.541 28.6541L164.889 27.7872L165.236 26.9203C169.211 28.5135 172.587 32.7479 175.335 38.2195C178.104 43.734 180.328 50.691 181.9 58.0158C183.473 65.3454 184.401 73.0787 184.562 80.1609C184.723 87.2285 184.122 93.7111 182.596 98.5087L181.706 98.2255Z" fill="#D3D7DB"/>
+<path d="M192.883 6.79431C194.467 7.62802 195.101 9.57309 194.352 11.183L185.292 13.9964L188.339 8.20534C188.355 8.17556 188.389 8.12733 188.391 8.12487L191.34 9.67428L188.397 8.12377C189.284 6.55037 191.278 5.94995 192.883 6.79431Z" fill="#D3D7DB"/>
+<path d="M195.566 15.6508C196.399 14.0664 195.82 12.1045 194.291 11.2016L185.231 14.0153L191.022 17.0619C191.052 17.0774 191.107 17.0976 191.11 17.0989L192.871 13.7564L191.116 17.0972C192.737 17.8916 194.721 17.2559 195.566 15.6508Z" fill="#E2E4E7"/>
+<path d="M173.831 12.711C172.997 14.2955 173.577 16.2574 175.105 17.1602L184.166 14.3465L178.375 11.3C178.345 11.2846 178.291 11.2646 178.286 11.263L176.734 14.2094L178.281 11.2656C176.66 10.4711 174.675 11.106 173.831 12.711Z" fill="#D3D7DB"/>
+<path d="M176.637 21.5292C175.053 20.6955 174.419 18.7502 175.168 17.1405L184.227 14.3271L181.181 20.1182C181.165 20.1473 181.132 20.1934 181.129 20.1977L178.161 18.6405L181.122 20.1997C180.236 21.7729 178.242 22.3734 176.637 21.5292Z" fill="#E2E4E7"/>
+<path d="M192.117 22.3312C191.283 23.9158 189.338 24.5482 187.728 23.7995L184.915 14.7409L190.706 17.7875C190.736 17.8032 190.783 17.8376 190.785 17.8394L189.028 21.1839L190.787 17.845C192.361 18.7314 192.961 20.726 192.117 22.3312Z" fill="#D3D7DB"/>
+<path d="M183.26 25.0144C184.845 25.8479 186.806 25.2678 187.709 23.7392L184.896 14.6797L181.849 20.4707C181.834 20.4995 181.815 20.5527 181.813 20.5586L184.778 22.1216L181.815 20.5642C181.02 22.1858 181.655 24.1699 183.26 25.0144Z" fill="#E2E4E7"/>
+<path d="M186.2 3.27834C184.615 2.44513 182.653 3.0252 181.751 4.55358L184.564 13.6131L187.611 7.8221C187.626 7.793 187.645 7.7393 187.647 7.7342L184.682 6.17118L187.645 7.7286C188.44 6.10695 187.805 4.12286 186.2 3.27834Z" fill="#D3D7DB"/>
+<path d="M177.382 6.08453C178.215 4.50014 180.16 3.86646 181.77 4.61438L184.584 13.6748L178.793 10.6283C178.763 10.6125 178.714 10.5777 178.712 10.5766L180.262 7.62695L178.711 10.5698C177.138 9.68346 176.537 7.68966 177.382 6.08453Z" fill="#E2E4E7"/>
+<circle cx="184.895" cy="13.9331" r="1.69355" transform="rotate(72.7481 184.895 13.9331)" fill="#E2E4E7"/>
+<path d="M172.792 20.3283C174.376 21.1619 175.009 23.1072 174.261 24.7169L165.202 27.5303L168.248 21.7393C168.264 21.7087 168.3 21.6588 168.3 21.6588L170.774 22.9572L168.306 21.658C169.192 20.0849 171.187 19.4839 172.792 20.3283Z" fill="#D3D7DB"/>
+<path d="M175.475 29.185C176.308 27.6007 175.728 25.6387 174.2 24.7358L165.14 27.5494L170.931 30.596C170.96 30.6113 171.014 30.6303 171.019 30.6321L172.571 27.6856L171.024 30.6304C172.646 31.4247 174.63 30.79 175.475 29.185Z" fill="#E2E4E7"/>
+<path d="M153.74 26.2448C152.906 27.8295 153.486 29.791 155.015 30.6937L164.075 27.8803L158.284 24.8337C158.255 24.8189 158.203 24.8004 158.196 24.7976L156.643 27.7453L158.19 24.7994C156.569 24.0048 154.584 24.6397 153.74 26.2448Z" fill="#D3D7DB"/>
+<path d="M156.545 35.0632C154.961 34.2294 154.328 32.2842 155.076 30.6745L164.136 27.8611L161.089 33.6522C161.073 33.6827 161.037 33.7326 161.037 33.7326L158.088 32.1832L161.03 33.7337C160.144 35.3071 158.15 35.9076 156.545 35.0632Z" fill="#E2E4E7"/>
+<path d="M172.025 35.8655C171.191 37.4499 169.246 38.0824 167.636 37.3338L164.823 28.2752L170.614 31.3217C170.644 31.3377 170.692 31.3728 170.694 31.3737L168.937 34.7182L170.695 31.3793C172.269 32.2656 172.87 34.2603 172.025 35.8655Z" fill="#D3D7DB"/>
+<path d="M163.168 38.5475C164.753 39.3812 166.715 38.8009 167.617 37.2723L164.804 28.2137L161.757 34.0038C161.742 34.0334 161.722 34.0884 161.72 34.092L164.668 35.6451L161.722 34.0985C160.928 35.72 161.564 37.7032 163.168 38.5475Z" fill="#E2E4E7"/>
+<path d="M166.109 16.812C164.524 15.9786 162.562 16.5581 161.659 18.0863L164.473 27.1458L167.52 21.3558C167.535 21.3257 167.556 21.2693 167.557 21.2676L164.609 19.7145L167.554 21.2613C168.348 19.6397 167.714 17.6565 166.109 16.812Z" fill="#D3D7DB"/>
+<path d="M157.29 19.6193C158.124 18.0343 160.069 17.4019 161.679 18.151L164.492 27.2096L158.701 24.163C158.673 24.1479 158.627 24.1151 158.622 24.111L160.379 20.7666L158.62 24.1054C157.047 23.2191 156.446 21.2245 157.29 19.6193Z" fill="#E2E4E7"/>
+<circle cx="164.572" cy="27.4809" r="1.69355" transform="rotate(72.7481 164.572 27.4809)" fill="#E2E4E7"/>
+<path opacity="0.85" d="M175.863 50.8062H186.024L192.01 88.5763C192.685 92.8309 190.587 97.0451 186.786 99.0723H180.435H174.085C170.3 97.054 168.252 92.8231 169.017 88.6028L175.863 50.8062Z" fill="#F6F6F7"/>
+<rect x="0.919434" y="99.0728" width="220.161" height="5.92742" rx="1.69355" fill="url(#paint0_linear_2853_3915)"/>
+<defs>
+<linearGradient id="paint0_linear_2853_3915" x1="0.919434" y1="102.036" x2="221.081" y2="102.036" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B3B9C1"/>
+<stop offset="1" stop-color="#F0F1F3"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/images/notification.svg b/src/assets/images/notification.svg
new file mode 100644
index 0000000..36b4eac
--- /dev/null
+++ b/src/assets/images/notification.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 17.0034H3C3.51861 16.6643 3.96317 16.2236 4.3069 15.708C4.65063 15.1924 4.8864 14.6126 5 14.0034C5.53 9.33342 5.59 2.00342 12 2.00342C18.41 2.00342 18.47 9.33342 19 14.0034C19.1136 14.6126 19.3494 15.1924 19.6931 15.708C20.0368 16.2236 20.4814 16.6643 21 17.0034Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.4601 20.0034C15.1084 20.6096 14.6037 21.1127 13.9965 21.4625C13.3893 21.8122 12.7008 21.9963 12 21.9963C11.2993 21.9963 10.6108 21.8122 10.0036 21.4625C9.39635 21.1127 8.89166 20.6096 8.54004 20.0034" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
+</svg>
diff --git a/src/assets/images/profile_image.svg b/src/assets/images/profile_image.svg
new file mode 100644
index 0000000..12da117
--- /dev/null
+++ b/src/assets/images/profile_image.svg
@@ -0,0 +1,10 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="17" cy="17" r="17" fill="#BFC4CB"/>
+<mask id="mask0_1116_7446" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="34" height="34">
+<circle cx="17" cy="17" r="17" fill="#E2E4E7"/>
+</mask>
+<g mask="url(#mask0_1116_7446)">
+<circle cx="16.6668" cy="11.8333" r="5.83333" fill="white"/>
+<path d="M8.02089 23.9687C9.25733 22.114 11.3389 21 13.5679 21H19.7654C21.9945 21 24.076 22.114 25.3124 23.9687L29.8784 30.8177C31.3552 33.0329 29.7673 36 27.1049 36H6.22839C3.56607 36 1.9781 33.0328 3.45489 30.8177L8.02089 23.9687Z" fill="white"/>
+</g>
+</svg>
diff --git a/src/assets/images/shoes.svg b/src/assets/images/shoes.svg
new file mode 100644
index 0000000..90361dc
--- /dev/null
+++ b/src/assets/images/shoes.svg
@@ -0,0 +1,62 @@
+<svg width="249" height="347" viewBox="0 0 249 347" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.10887e-06 298.5C1.83961e-06 311.479 10.5213 322 23.5 322L249 322L249 275L23.5 275C10.5213 275 6.37814e-06 285.521 4.10887e-06 298.5Z" fill="url(#paint0_linear_1823_6979)"/>
+<path d="M131 250.5C131 258.508 137.492 265 145.5 265L191.5 265C199.508 265 206 258.508 206 250.5C206 242.492 199.508 236 191.5 236L145.5 236C137.492 236 131 242.492 131 250.5Z" fill="url(#paint1_linear_1823_6979)"/>
+<path d="M42.2052 286.25L41.7716 283.54C41.2699 280.404 41.7639 277.19 43.1842 274.349C43.7158 273.286 44.4227 272.32 45.2751 271.491L59.351 257.806L72.9267 245.886C75.5013 243.625 77.478 240.764 78.681 237.555C79.1656 236.263 79.7531 235.012 80.4379 233.814L81.8939 231.265C82.4426 230.305 82.2807 229.097 81.4988 228.315C79.2886 226.105 77.6782 223.368 76.8195 220.362L74.9901 213.959C74.8456 213.454 75.1881 212.939 75.7102 212.877L96.5896 210.4C98.7811 210.14 100.924 209.566 102.952 208.697L107.666 206.677C108.23 206.436 108.856 206.849 108.856 207.461V209.104C108.856 209.7 108.977 210.291 109.212 210.839L110.14 213.004C110.973 214.947 111.215 217.091 110.837 219.171C110.658 220.155 110.757 221.171 111.123 222.102L115.258 232.627L116.322 247.88C116.463 249.899 116.002 251.916 114.997 253.674L113.844 255.693C112.281 258.428 109.764 260.49 106.776 261.487L99.0156 264.073C97.1026 264.711 95.4771 266.005 94.4273 267.727L90.9835 273.375C87.2805 279.448 82.5172 284.807 76.9204 289.196C75.3181 290.453 73.524 291.444 71.6069 292.131L65.6919 294.249C62.0691 295.547 58.2263 296.118 54.3827 295.931C52.4735 295.838 50.6335 295.187 49.0909 294.058L45.2706 291.262C43.6283 290.061 42.5267 288.259 42.2052 286.25Z" fill="url(#paint2_linear_1823_6979)"/>
+<path d="M42.2633 286.613L41.6505 282.783C41.2275 280.139 41.644 277.43 42.8414 275.035L43.8635 272.991C43.9455 272.826 44.0535 272.677 44.1833 272.547L47.2338 269.496C47.6106 269.119 48.2551 269.386 48.2551 269.919V272.716C48.2551 275.835 50.1247 278.651 52.9999 279.862C55.1681 280.775 57.5943 280.868 59.8261 280.124L68.0118 277.395C69.6262 276.857 71.151 276.081 72.5357 275.092L75.0557 273.292C81.7953 268.478 86.9884 261.807 90.0019 254.092L92.5406 247.593C94.6198 242.27 92.9198 236.214 88.3743 232.751L84.8945 230.1C80.502 226.753 77.3091 222.076 75.7921 216.766L74.9901 213.959C74.8456 213.454 75.1881 212.939 75.7102 212.877L96.5896 210.4C98.7811 210.14 100.924 209.566 102.952 208.697L107.666 206.677C108.23 206.436 108.856 206.849 108.856 207.461V209.104C108.856 209.7 108.977 210.291 109.212 210.839L110.14 213.004C110.973 214.947 111.215 217.091 110.837 219.171C110.658 220.155 110.757 221.171 111.123 222.102L115.258 232.627L116.322 247.88C116.463 249.899 116.002 251.916 114.997 253.674L113.844 255.693C112.281 258.428 109.764 260.49 106.776 261.487L99.0156 264.073C97.1026 264.711 95.4771 266.005 94.4273 267.727L90.9835 273.375C87.2805 279.448 82.5172 284.807 76.9204 289.196C75.3181 290.453 73.524 291.444 71.6069 292.131L65.6919 294.249C62.0691 295.547 58.2263 296.118 54.3827 295.931C52.4735 295.838 50.6335 295.187 49.0909 294.058L44.9737 291.045C43.5216 289.983 42.5476 288.39 42.2633 286.613Z" fill="url(#paint3_linear_1823_6979)"/>
+<path d="M55.51 178.434V178H113.124V183.94C113.124 184.809 112.958 185.669 112.635 186.476L112.203 187.556C111.682 188.858 111.379 190.237 111.305 191.638L110.666 203.784C110.602 204.995 109.9 206.082 108.822 206.638L101.723 210.303C98.8317 211.795 95.6482 212.633 92.3974 212.758L79.2811 213.262C76.5697 213.367 73.879 212.751 71.4827 211.478L62.6723 206.798C61.9091 206.392 61.3281 205.712 61.0464 204.895L58.103 196.36C57.5165 194.659 57.2171 192.872 57.2171 191.073V187.298C57.2171 185.948 56.9596 184.611 56.4584 183.358C55.8319 181.792 55.51 180.121 55.51 178.434Z" fill="url(#paint4_linear_1823_6979)"/>
+<path d="M114.357 287.233L111.719 283.355C109.88 280.65 109.146 277.345 109.667 274.117L110.99 265.914L118.245 243.295L120.805 233.48L122.513 225.371L138.144 232.874C141.874 234.665 146.031 235.377 150.145 234.929L161.836 233.659C162.526 233.584 163.012 234.319 162.673 234.924L158.522 242.338C157.857 243.525 157.507 244.864 157.507 246.225C157.507 248.512 157.014 250.774 156.061 252.853L154.081 257.173C153.284 258.911 153.368 260.925 154.305 262.592L156.654 266.768L163.843 285.686C164.452 287.288 165.324 288.777 166.424 290.091L175.727 301.203C178.651 304.695 181.189 308.494 183.296 312.532L188.357 322.233C189.66 324.73 190.086 327.593 189.567 330.362L188.577 335.644C188.088 338.249 186.495 340.514 184.209 341.855C178.576 345.157 171.886 346.156 165.534 344.643L163.442 344.145C159.555 343.22 155.985 341.279 153.095 338.52L144.51 330.326C140.699 326.688 137.696 322.289 135.696 317.414L131.901 308.164L130.431 302.529C129.73 299.84 128.045 297.513 125.71 296.006L118.732 291.504C117.002 290.388 115.514 288.936 114.357 287.233Z" fill="url(#paint5_linear_1823_6979)"/>
+<path d="M113.93 286.807L111.293 282.928C109.454 280.224 108.719 276.918 109.24 273.69L110.563 265.487L117.818 242.869L120.379 233.053L122.086 224.944L137.717 232.447C141.447 234.238 145.604 234.95 149.718 234.503L159.263 233.465C160.17 233.367 160.578 234.567 159.801 235.042L150.806 240.539C144.006 244.695 139.544 251.796 138.751 259.726C138.456 262.678 137.517 265.533 136.005 268.085C133.409 272.465 134.431 278.095 138.406 281.275L138.879 281.653C139.62 282.246 140.194 283.022 140.543 283.905L147.856 302.379C148.03 302.818 148.276 303.226 148.584 303.585L162.704 320.06C163.22 320.661 163.822 321.184 164.489 321.611L167.346 323.436C173.44 327.329 181.569 324.974 184.638 318.426C184.905 317.856 185.694 317.796 186.044 318.321L187.191 320.042C189.244 323.121 190.151 326.823 189.753 330.503L189.42 333.583C188.951 337.922 186.195 341.677 182.197 343.426L182.059 343.487C177.464 345.497 172.368 346.071 167.441 345.132L166.043 344.866L161.131 343.463C158.471 342.703 156.035 341.307 154.034 339.397L144.084 329.899C140.273 326.261 137.269 321.862 135.27 316.988L131.475 307.737L130.005 302.102C129.303 299.414 127.618 297.086 125.283 295.579L118.306 291.077C116.576 289.961 115.088 288.509 113.93 286.807Z" fill="url(#paint6_linear_1823_6979)"/>
+<path d="M122.939 225.798L115.076 222.967C113.341 222.343 112.077 220.835 111.763 219.019L110.167 209.762C110.147 209.641 110.139 209.519 110.144 209.397L110.932 191.273C110.97 190.399 111.176 189.54 111.538 188.744L112.818 185.928C113.019 185.485 113.124 185.003 113.124 184.516V178H183.114L179.175 183.15C178.14 184.504 177.648 186.197 177.797 187.895L179.35 205.602C179.579 208.206 179.099 210.824 177.963 213.178L173.979 221.43C173.812 221.777 173.725 222.157 173.725 222.543V230.415C173.725 231.21 173.176 231.899 172.401 232.078L162.629 234.333L152.213 235.573C147.312 236.157 142.347 235.311 137.915 233.139L122.939 225.798Z" fill="url(#paint7_linear_1823_6979)"/>
+<rect x="57.2976" y="261.646" width="13.6566" height="2.56061" rx="0.853535" transform="rotate(21.3961 57.2976 261.646)" fill="#A0A7B1"/>
+<rect width="13.6566" height="2.56061" rx="0.853535" transform="matrix(-0.975305 0.220861 0.220861 0.975305 173.882 303.718)" fill="#A0A7B1"/>
+<rect x="63.1919" y="256.276" width="13.6566" height="2.56061" rx="0.853535" transform="rotate(-2.53646 63.1919 256.276)" fill="#A0A7B1"/>
+<rect width="13.6566" height="2.56061" rx="0.853535" transform="matrix(-0.981047 -0.193772 -0.193772 0.981047 168.861 297.523)" fill="#A0A7B1"/>
+<rect x="72.5808" y="248.594" width="13.6566" height="2.56061" rx="0.853535" transform="rotate(-2.53646 72.5808 248.594)" fill="#A0A7B1"/>
+<rect width="13.6566" height="2.56061" rx="0.853535" transform="matrix(-0.981047 -0.193772 -0.193772 0.981047 160.732 288.519)" fill="#A0A7B1"/>
+<rect width="13.6566" height="2.56061" rx="0.853535" transform="matrix(-0.981047 -0.193772 -0.193772 0.981047 157.318 276.569)" fill="#A0A7B1"/>
+<rect x="67.9668" y="251.404" width="13.6566" height="2.56061" rx="0.853535" transform="rotate(59.8561 67.9668 251.404)" fill="#A0A7B1"/>
+<rect width="13.6566" height="2.56061" rx="0.853535" transform="matrix(-0.626338 0.779551 0.779551 0.626338 164.872 291.989)" fill="#A0A7B1"/>
+<rect x="77.3557" y="243.723" width="13.6566" height="2.56061" rx="0.853535" transform="rotate(59.8561 77.3557 243.723)" fill="#A0A7B1"/>
+<rect width="13.6566" height="2.56061" rx="0.853535" transform="matrix(-0.626338 0.779551 0.779551 0.626338 156.743 282.984)" fill="#A0A7B1"/>
+<rect width="13.6566" height="2.56061" rx="0.853535" transform="matrix(-0.626338 0.779551 0.779551 0.626338 153.329 271.035)" fill="#A0A7B1"/>
+<path d="M96.7617 131.5C152.408 144.502 113.762 164.5 96.7617 173.5C179.762 156 125.762 114.5 96.7617 104C75.7617 96.3966 93.2617 87 119.262 87C246.521 87 235.428 22.6667 214.262 0H119.262C161.262 19.5 119.262 34 55.2616 53C15.9693 64.6649 -10.2382 106.5 96.7617 131.5Z" fill="url(#paint8_linear_1823_6979)"/>
+<defs>
+<linearGradient id="paint0_linear_1823_6979" x1="0" y1="322" x2="249" y2="322" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E2E4E7" stop-opacity="0"/>
+<stop offset="0.5" stop-color="#E2E4E7"/>
+<stop offset="1" stop-color="#E2E4E7" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1823_6979" x1="206" y1="251.5" x2="159.5" y2="251.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E2E4E7" stop-opacity="0"/>
+<stop offset="1" stop-color="#E2E4E7"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1823_6979" x1="46.9747" y1="277.437" x2="113.551" y2="247.563" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BFC4CB"/>
+<stop offset="1" stop-color="#A0A7B1"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1823_6979" x1="38.0126" y1="248.417" x2="116.111" y2="248.844" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E2E4E7"/>
+<stop offset="1" stop-color="#BFC4CB"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1823_6979" x1="102" y1="176.5" x2="105" y2="208" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E2E4E7" stop-opacity="0"/>
+<stop offset="1" stop-color="#E2E4E7"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1823_6979" x1="190.369" y1="321.821" x2="117.391" y2="257.379" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BFC4CB"/>
+<stop offset="1" stop-color="#A0A7B1"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1823_6979" x1="191.649" y1="297.068" x2="124.646" y2="296.641" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E2E4E7"/>
+<stop offset="1" stop-color="#BFC4CB"/>
+</linearGradient>
+<linearGradient id="paint7_linear_1823_6979" x1="140.5" y1="178" x2="128.487" y2="227.078" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E2E4E7" stop-opacity="0"/>
+<stop offset="1" stop-color="#E2E4E7"/>
+</linearGradient>
+<linearGradient id="paint8_linear_1823_6979" x1="124.16" y1="0" x2="124.16" y2="156" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F6F6F7" stop-opacity="0"/>
+<stop offset="1" stop-color="#F6F6F7"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/images/unchecked.svg b/src/assets/images/unchecked.svg
new file mode 100644
index 0000000..5208697
--- /dev/null
+++ b/src/assets/images/unchecked.svg
@@ -0,0 +1,3 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.8" y="0.8" width="21.4" height="21.4" rx="5.2" fill="white" stroke="#D3D7DB" stroke-width="1.6"/>
+</svg>
diff --git a/src/assets/json/coupleconnect.json b/src/assets/json/coupleconnect.json
new file mode 100644
index 0000000..1c3c404
--- /dev/null
+++ b/src/assets/json/coupleconnect.json
@@ -0,0 +1 @@
+{"assets":[{"id":"el-23-Zdct","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"군화","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[186.721,412.381]},"o":{"a":1,"k":[{"t":0,"s":[0],"i":{"x":0.88,"y":0.77},"o":{"x":0.5,"y":0}},{"t":4.8,"s":[0],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":6,"s":[1.412],"i":{"x":0.88,"y":0.77},"o":{"x":0.5,"y":0}},{"t":15,"s":[100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"p":{"a":1,"k":[{"t":0,"s":[186.977,20.38],"i":{"x":0.5,"y":1},"o":{"x":0.12,"y":0.23},"ti":[0,0],"to":[0,0]},{"t":6,"s":[186.721,92.381],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25},"ti":[0,0],"to":[0,0]},{"t":15,"s":[186.721,92.381],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25},"ti":[0,0],"to":[0,0]},{"t":30,"s":[186.721,179.381],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"r":{"a":1,"k":[{"t":0,"s":[50],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":15,"s":[50],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":30,"s":[0],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"s":{"a":1,"k":[{"t":0,"s":[100,92],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":6,"s":[100,100],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":15,"s":[100,100],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":21.6,"s":[89,100],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":30,"s":[100,100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"shapes":[{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,-1.507],[0,0],[1.507,0],[0,0],[0,1.507],[0,0],[-1.507,0]],"o":[[0,0],[1.507,0],[0,0],[0,1.507],[0,0],[-1.507,0],[0,0],[0,-1.507],[0,0]],"v":[[159.497,401.801],[173.139,401.801],[175.868,404.529],[175.868,404.529],[173.139,407.258],[159.497,407.258],[156.769,404.529],[156.769,404.529],[159.497,401.801]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.137,0.486,0.38]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[156.769,401.801]},"o":{"a":0,"k":100},"p":{"a":0,"k":[156.769,401.801]},"r":{"a":0,"k":-23},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,-1.507],[0,0],[1.507,0],[0,0],[0,1.507],[0,0],[-1.507,0]],"o":[[0,0],[1.507,0],[0,0],[0,1.507],[0,0],[-1.507,0],[0,0],[0,-1.507],[0,0]],"v":[[156.299,394.266],[169.941,394.266],[172.67,396.994],[172.67,396.994],[169.941,399.723],[156.299,399.723],[153.571,396.994],[153.571,396.994],[156.299,394.266]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.137,0.486,0.38]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[153.571,394.266]},"o":{"a":0,"k":100},"p":{"a":0,"k":[153.571,394.266]},"r":{"a":0,"k":-23},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-3.016,1.279],[0,0],[-1.279,-3.016],[0,0],[-6.785,2.879],[0,0],[-3.839,-9.046],[0,0],[2.261,-0.96],[0,0],[0.535,0.075],[0,0],[0.626,-0.985],[0,0],[0.554,-0.235],[0,0],[0.96,2.261],[0,0],[0.159,2.007],[0,0],[3.101,3.038],[0.748,1.766]],"o":[[-1.28,-3.016],[0,0],[3.015,-1.28],[0,0],[2.879,6.785],[0,0],[9.047,-3.838],[0,0],[0.959,2.262],[0,0],[-0.498,0.21],[0,0],[-1.155,-0.164],[0,0],[-0.323,0.508],[0,0],[-2.262,0.959],[0,0],[-0.787,-1.853],[0,0],[-0.347,-4.328],[-1.371,-1.341],[0,0]],"v":[[144.09,392.877],[147.234,385.1],[167.709,376.412],[175.486,379.555],[184.059,399.76],[201.557,406.833],[204.287,405.674],[227.618,415.104],[229.47,419.469],[227.113,425.302],[194.865,438.985],[193.286,439.191],[188.83,438.552],[185.905,439.9],[183.896,443.069],[182.55,444.211],[172.512,448.47],[166.679,446.112],[158.599,427.07],[157.171,421.242],[157.016,419.299],[151.669,407.877],[148.458,403.17]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.192,0.686,0.537]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0}]},{"ddd":0,"ind":5,"ty":4,"nm":"꽃신","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[208.671,340.956]},"o":{"a":1,"k":[{"t":0,"s":[0],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":6,"s":[0],"i":{"x":0.88,"y":0.77},"o":{"x":0.5,"y":0}},{"t":13.2,"s":[0],"i":{"x":0.88,"y":0.77},"o":{"x":0.5,"y":0}},{"t":23.4,"s":[100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"p":{"a":1,"k":[{"t":0,"s":[208.927,-37.045],"i":{"x":0.5,"y":1},"o":{"x":0.12,"y":0.23},"ti":[0,0],"to":[0,0]},{"t":6,"s":[208.671,34.956],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25},"ti":[0,0],"to":[0,0]},{"t":23.4,"s":[208.671,34.956],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25},"ti":[0,0],"to":[0,0]},{"t":38.4,"s":[208.671,107.956],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"r":{"a":1,"k":[{"t":0,"s":[0],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":23.4,"s":[-31],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":38.4,"s":[0],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"s":{"a":1,"k":[{"t":0,"s":[100,92],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":6,"s":[100,100],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":23.4,"s":[100,100],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":28.8,"s":[100,89],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":38.4,"s":[100,100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"shapes":[]},{"ddd":0,"ind":9,"ty":0,"nm":"Mask Group","td":1,"parent":5,"hd":false,"sr":1,"ks":{"a":{"a":0,"k":[100000,100000]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"h":200000,"refId":"el-33-Zdct-mask","w":200000},{"ddd":0,"ind":14,"ty":0,"nm":"Mask Group","tt":1,"tp":9,"parent":5,"hd":false,"sr":1,"ks":{"a":{"a":0,"k":[100000,100000]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"h":200000,"refId":"el-33-Zdct-masked","w":200000},{"ddd":0,"ind":15,"ty":4,"nm":"Import from Figma","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"shapes":[{"ty":"gr","hd":false,"nm":"상자 Group","bm":0,"it":[{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[137.643,384.905],[254.809,384.905],[261.143,459.095],[133.119,459.095]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.749,0.902,0.855]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":1,"k":[{"t":0,"s":[0],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":6,"s":[100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"p":{"a":1,"k":[{"t":0,"s":[0.257,-72.001],"i":{"x":0.5,"y":1},"o":{"x":0.12,"y":0.23},"ti":[0,0],"to":[0,0]},{"t":6,"s":[0,0],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"r":{"a":0,"k":0},"s":{"a":1,"k":[{"t":0,"s":[100,92],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":6,"s":[100,100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"날개1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"날개1","d":1,"ks":{"a":1,"k":[{"t":0,"s":[{"c":true,"i":[[0,0],[2,-1],[0,0],[0,0],[0,0],[0.18,1.239]],"o":[[-0.142,-0.969],[0,0],[0,0],[0,0],[1.02,-0.427],[0,0]],"v":[[300.442,333.854],[298,332],[261.143,346],[273.81,459.095],[316.077,440.634],[318.226,438.6]]}],"i":{"x":0.5,"y":1},"o":{"x":0.12,"y":0.23}},{"t":15,"s":[{"c":true,"i":[[0,0],[0.913,0.355],[0,0],[0,0],[0,0],[0.18,1.239]],"o":[[-0.142,-0.969],[0,0],[0,0],[0,0],[1.227,0.247],[0,0]],"v":[[303.442,363.854],[301.736,361.713],[261.143,346],[273.81,459.095],[316.077,467.634],[318.226,465.6]]}],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.749,0.902,0.855]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":1,"k":[{"t":0,"s":[0],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":6,"s":[100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"p":{"a":1,"k":[{"t":0,"s":[0.257,-72.001],"i":{"x":0.5,"y":1},"o":{"x":0.12,"y":0.23},"ti":[0,0],"to":[0,0]},{"t":6,"s":[0,0],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"r":{"a":0,"k":0},"s":{"a":1,"k":[{"t":0,"s":[100,92],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":6,"s":[100,100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"날개2 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"날개2","d":1,"ks":{"a":1,"k":[{"t":0,"s":[{"c":true,"i":[[0,0],[-2,-1],[0,0],[0,0],[0,0],[-0.173,1.231]],"o":[[0.134,-0.956],[0,0],[0,0],[0,0],[-1.006,-0.426],[0,0]],"v":[[88.116,330.829],[91,329],[128.143,346],[120,459.095],[75.896,435.659],[73.759,433.63]]}],"i":{"x":0.5,"y":1},"o":{"x":0.12,"y":0.23}},{"t":15,"s":[{"c":true,"i":[[0,0],[-0.894,0.365],[0,0],[0,0],[0,0],[-0.173,1.231]],"o":[[0.134,-0.956],[0,0],[0,0],[0,0],[-1.22,0.237],[0,0]],"v":[[88.116,363.829],[89.776,361.696],[128.143,346],[120,459.095],[75.896,467.659],[73.759,465.63]]}],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.749,0.902,0.855]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":1,"k":[{"t":0,"s":[0],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":6,"s":[100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"p":{"a":1,"k":[{"t":0,"s":[0.257,-72.001],"i":{"x":0.5,"y":1},"o":{"x":0.12,"y":0.23},"ti":[0,0],"to":[0,0]},{"t":6,"s":[0,0],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"r":{"a":0,"k":0},"s":{"a":1,"k":[{"t":0,"s":[100,92],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":6,"s":[100,100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[1.176,0.001],[0,0],[0.372,1.104]],"o":[[0,0],[0,0],[-0.363,1.118],[0,0],[-1.165,0],[0,0]],"v":[[120,459.095],[273.81,459.095],[261.753,496.126],[259.172,498],[135.068,498],[132.496,496.153]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.459,0.788,0.69]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":1,"k":[{"t":0,"s":[0],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":6,"s":[100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"p":{"a":1,"k":[{"t":0,"s":[0.257,-72.001],"i":{"x":0.5,"y":1},"o":{"x":0.12,"y":0.23},"ti":[0,0],"to":[0,0]},{"t":6,"s":[0,0],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"r":{"a":0,"k":0},"s":{"a":1,"k":[{"t":0,"s":[100,92],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":6,"s":[100,100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[128.143,346],[261.143,346],[254.81,384.905],[138.095,384.905]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.627,0.855,0.788]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":1,"k":[{"t":0,"s":[0],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":6,"s":[100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"p":{"a":1,"k":[{"t":0,"s":[0.257,-72.001],"i":{"x":0.5,"y":1},"o":{"x":0.12,"y":0.23},"ti":[0,0],"to":[0,0]},{"t":6,"s":[0,0],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"r":{"a":0,"k":0},"s":{"a":1,"k":[{"t":0,"s":[100,92],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":6,"s":[100,100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[128.143,346],[261.143,346],[273.81,459.095],[120,459.095]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.353,0.749,0.631]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":1,"k":[{"t":0,"s":[0],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":6,"s":[100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"p":{"a":1,"k":[{"t":0,"s":[0.257,-72.001],"i":{"x":0.5,"y":1},"o":{"x":0.12,"y":0.23},"ti":[0,0],"to":[0,0]},{"t":6,"s":[0,0],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"r":{"a":0,"k":0},"s":{"a":1,"k":[{"t":0,"s":[100,92],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":6,"s":[100,100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"화면 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"화면","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[0,0],[393,0],[393,369],[0,369]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,130]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[196.5,314.5]},"o":{"a":0,"k":100},"p":{"a":0,"k":[196.5,81.5]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0}]}]},{"id":"el-33-Zdct-mask","layers":[{"ddd":0,"ind":6,"ty":4,"nm":"center","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[-100000,-100000]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"shapes":[]},{"ddd":0,"ind":7,"ty":4,"nm":"Mask Group","parent":6,"hd":false,"sr":1,"ks":{"a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"shapes":[{"ty":"gr","hd":false,"nm":"Mask Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Mask","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[280.341,316.652],[179.799,271.001],[137,365.259],[237.543,410.911]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.85,0.85,0.85]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0}]}]},{"id":"el-33-Zdct-masked","layers":[{"ddd":0,"ind":10,"ty":4,"nm":"center","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[-100000,-100000]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"shapes":[]},{"ddd":0,"ind":11,"ty":4,"nm":"Mask Group","parent":10,"hd":false,"sr":1,"ks":{"a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"shapes":[{"ty":"gr","hd":false,"nm":"Path 1 (2) Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1 (2)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[4.453,0.737],[0,0],[5.889,-2.214],[0.477,-2.881],[0.736,-4.453],[-4.453,-0.737],[0,0],[-5.876,2.256],[-0.602,2.663],[0,0],[0,0],[-0.71,4.292]],"o":[[0.737,-4.453],[0,0],[1.027,-6.207],[-2.733,1.027],[-4.453,-0.736],[-0.737,4.453],[0,0],[-0.984,6.217],[2.549,-0.979],[0,0],[0,0],[4.323,0.488],[0,0]],"v":[[212.224,347.475],[205.496,338.077],[205.494,338.076],[194.554,329.091],[189.367,335.407],[179.971,342.137],[186.7,351.535],[186.699,351.536],[197.705,360.447],[202.749,354.618],[202.827,354.204],[203.243,354.262],[212.224,347.475]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (2)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[2.345,-0.26],[0.642,0.921],[-2.351,0.2],[-0.632,-0.86]],"o":[[1.398,1.901],[-1.116,0.124],[-1.349,-1.936],[1.063,-0.091],[0,0]],"v":[[198.061,342.933],[195.929,347.795],[193.077,346.501],[195.331,341.695],[198.061,342.933]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[1,0.259,0.69]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[3.079,4.72],[0,0],[1.607,-1.404],[0,0],[0,0],[3.576,1.046],[0,0],[2.793,0.129],[0,0],[4.333,-2.092],[-2.338,-1.232],[0,0],[-7.05,-1.773],[0,0],[-2.598,3.056],[0,0],[-3.76,2.059],[0,0],[1.336,-4.092],[0,0],[0,0],[-0.883,-0.401],[0,0],[-0.401,0.883],[0,0],[-1.427,1.799],[0,0]],"o":[[3.143,-4.678],[0,0],[-1.166,-1.787],[0,0],[0,0],[-3.267,1.79],[0,0],[-2.684,-0.784],[0,0],[-4.807,-0.22],[-2.38,1.149],[0,0],[6.431,3.389],[0,0],[3.89,0.978],[0,0],[2.776,-3.266],[0,0],[3.655,-2.274],[0,0],[0,0],[-0.401,0.883],[0,0],[0.883,0.4],[0,0],[0.95,-2.091],[0,0],[0,0]],"v":[[252.107,347.609],[252.212,332.108],[246.993,324.104],[241.742,323.378],[212.832,348.629],[210.236,350.051],[199.549,351.214],[197.258,350.544],[189.013,349.171],[181.653,348.835],[167.727,351.687],[167.626,357.436],[178.749,363.297],[199.044,371.068],[201.114,371.589],[211.709,368.195],[219.823,358.65],[229.709,350.595],[231.721,349.493],[238.541,354.84],[237.536,357.918],[225.923,383.494],[226.796,385.819],[228.394,386.545],[230.719,385.672],[240.902,363.244],[244.482,357.387],[251.335,348.759]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[1,0.502,0.792]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0}]}]}],"ddd":0,"fr":30,"h":266,"ip":0,"layers":[{"ddd":0,"ind":24,"ty":0,"nm":"Import from Figma","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[196.5,271]},"o":{"a":0,"k":100},"p":{"a":0,"k":[196.5,271]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"h":542,"refId":"el-23-Zdct","w":393},{"ddd":0,"ind":25,"ty":4,"nm":"Screen","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[196.5,133]},"o":{"a":0,"k":100},"p":{"a":0,"k":[196.5,133]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"shapes":[{"ty":"gr","hd":false,"nm":"Screen Group","bm":0,"it":[{"ty":"rc","hd":false,"nm":"Screen","d":1,"p":{"a":0,"k":[196.5,133]},"r":{"a":0,"k":0},"s":{"a":0,"k":[393,266]}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0}]}],"meta":{"g":"@phase-software/lottie-exporter 0.7.0"},"nm":"","op":60,"v":"5.6.0","w":393}
\ No newline at end of file
diff --git a/src/assets/json/pushalarm.json b/src/assets/json/pushalarm.json
new file mode 100644
index 0000000..179de7a
--- /dev/null
+++ b/src/assets/json/pushalarm.json
@@ -0,0 +1 @@
+{"assets":[{"id":"el-35-aFnd","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"푸시1","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[202.733,224.211]},"r":{"a":0,"k":0},"s":{"a":1,"k":[{"t":0,"s":[0,0],"i":{"x":0.88,"y":0.77},"o":{"x":0.5,"y":0}},{"t":15,"s":[110,110],"i":{"x":0.5,"y":1},"o":{"x":0.12,"y":0.23}},{"t":21,"s":[100,100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"shapes":[{"ty":"gr","hd":false,"nm":"Layer 1 Group","bm":0,"it":[{"ty":"gr","hd":false,"nm":"Path 1 (92) Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[125.527,569.827],[125.638,570.698],[116.117,571.909],[116.006,571.037]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[124.544,571.759],[124.946,574.921],[123.819,575.064],[123.529,572.786],[117.426,573.562],[117.313,572.678]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[124.214,568.233],[124.322,569.082],[117.138,569.995],[116.588,565.671],[123.703,564.766],[123.813,565.638],[117.815,566.401],[117.923,567.249],[123.654,566.521],[123.76,567.358],[118.029,568.086],[118.146,569.005]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[134.294,563.148],[134.983,568.565],[133.89,568.704],[133.732,567.46],[131.453,567.75],[131.563,568.61],[126.761,569.221],[126.182,564.664],[127.286,564.523],[127.465,565.93],[130.069,565.599],[129.891,564.192],[130.983,564.053],[131.104,565.007],[133.383,564.717],[133.201,563.287]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[135.042,569.03],[135.367,571.588],[129.682,572.311],[129.805,573.276],[135.862,572.505],[135.974,573.389],[128.813,574.299],[128.473,571.626],[134.169,570.901],[134.058,570.03],[128.339,570.757],[128.229,569.896]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[127.754,568.197],[130.358,567.866],[130.177,566.447],[127.573,566.779]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[131.345,566.901],[133.624,566.612],[133.491,565.565],[131.212,565.855]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[144.096,561.914],[144.521,565.262],[146.032,565.07],[146.149,565.988],[144.638,566.18],[145.086,569.703],[143.981,569.843],[142.991,562.054]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[142.285,563.373],[142.398,564.268],[136.191,565.057],[136.077,564.162],[138.634,563.837],[138.479,562.616],[139.583,562.476],[139.739,563.696]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.15,-1.186],[1.5,-0.191],[0.151,1.186],[-1.511,0.192]],"o":[[1.5,-0.19],[0.151,1.186],[-1.511,0.192],[-0.151,-1.186],[0,0]],"v":[[139.358,565.162],[142.13,566.806],[139.856,569.08],[137.073,567.449],[139.358,565.162]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.099,-0.684],[-0.884,0.112],[0.074,0.675],[0.883,-0.113]],"o":[[-0.884,0.112],[0.074,0.676],[0.883,-0.113],[-0.099,-0.685],[0,0]],"v":[[139.466,566.011],[138.143,567.313],[139.747,568.22],[141.096,566.938],[139.466,566.011]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[145.718,571.146],[145.832,572.041],[138.787,572.937],[138.404,569.926],[139.509,569.786],[139.778,571.901]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[157.289,560.225],[157.555,562.317],[159.066,562.125],[159.184,563.055],[157.673,563.247],[157.952,565.444],[156.848,565.585],[156.184,560.365]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[-1.558,0.523],[0,0],[1.534,-0.195],[0,0],[0,0]],"o":[[0,0],[1.4,-0.19],[0,0],[-1.711,0.571],[0,0],[0,0],[0,0]],"v":[[150.745,561.529],[151.176,564.924],[155.596,563.913],[155.852,564.814],[151.039,565.886],[150.19,565.994],[149.64,561.67]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[158.013,565.921],[158.35,568.572],[152.735,569.285],[152.868,570.332],[158.843,569.572],[158.957,570.467],[151.889,571.366],[151.534,568.576],[157.137,567.863],[157.019,566.933],[151.393,567.649],[151.282,566.777]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.148,-1.163],[2.348,-0.299],[0.147,1.162],[-2.348,0.299]],"o":[[2.348,-0.298],[0.147,1.162],[-2.349,0.298],[-0.148,-1.163],[0,0]],"v":[[164.158,559.528],[168.106,560.846],[164.615,563.121],[160.666,561.792],[164.158,559.528]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.09,-0.614],[-1.663,0.212],[0.082,0.639],[1.663,-0.211]],"o":[[-1.662,0.212],[0.07,0.641],[1.662,-0.211],[-0.078,-0.616],[0,0]],"v":[[164.261,560.342],[161.816,561.645],[164.51,562.295],[166.966,560.991],[164.261,560.342]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[169.451,563.156],[169.563,564.039],[160.065,565.247],[159.953,564.363]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[168.468,564.993],[168.778,567.435],[162.71,568.206],[162.828,569.136],[169.187,568.328],[169.295,569.176],[161.855,570.122],[161.526,567.542],[167.583,566.772],[167.48,565.958],[161.411,566.729],[161.306,565.904]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[180.771,557.239],[181.114,559.936],[182.626,559.744],[182.745,560.686],[181.234,560.878],[181.57,563.517],[180.465,563.657],[179.667,557.38]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[181.639,564.063],[182.079,567.527],[175.43,568.373],[174.989,564.909]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[176.181,565.643],[176.397,567.34],[180.873,566.771],[180.657,565.074]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[178.941,558.547],[179.054,559.43],[172.846,560.22],[172.733,559.336],[175.291,559.011],[175.146,557.872],[176.251,557.731],[176.395,558.87]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.141,-1.116],[1.498,-0.202],[0.143,1.127],[-1.523,0.194]],"o":[[1.5,-0.19],[0.144,1.127],[-1.525,0.182],[-0.142,-1.116],[0,0]],"v":[[176.007,560.278],[178.766,561.818],[176.482,564.01],[173.71,562.461],[176.007,560.278]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.091,-0.627],[-0.883,0.112],[0.071,0.653],[0.882,-0.124]],"o":[[-0.885,0.101],[0.071,0.652],[0.883,-0.112],[-0.092,-0.626],[0,0]],"v":[[176.115,561.127],[174.779,562.325],[176.375,563.173],[177.732,561.949],[176.115,561.127]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[1.193,-2.231],[0,0],[0.168,1.975],[0,0],[0,0]],"o":[[0.286,2.338],[0,0],[1.008,-1.782],[0,0],[0,0],[0,0]],"v":[[185.613,557.876],[184.721,564.888],[183.798,564.509],[184.775,558.904],[183.357,559.084],[183.242,558.177]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-0.012,-0.979],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.658,-1.241],[0,0],[0.209,2.017],[0,0],[0,0]],"o":[[0.112,0.877],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.074,1.327],[0,0],[1.119,-1.979],[0,0],[0,0],[0,0]],"v":[[187.926,557.582],[188.155,560.4],[189.375,560.244],[188.897,556.478],[189.943,556.345],[191.168,565.982],[190.122,566.115],[189.489,561.14],[188.141,561.311],[187.137,565.219],[186.213,564.828],[187.089,558.61],[186.042,558.743],[185.927,557.836]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[191.885,555.826],[193.209,566.242],[192.151,566.377],[190.827,555.961]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[201.437,555.321],[202.007,559.808],[197.136,560.427],[196.566,555.94]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[197.759,556.686],[198.105,559.406],[200.814,559.062],[200.468,556.342]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[204.254,554.254],[204.562,556.672],[206.073,556.48],[206.19,557.398],[204.678,557.59],[205.005,560.159],[203.901,560.3],[203.15,554.394]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[-1.806,-0.036],[0,0],[0.731,0.917],[1.545,-0.433],[0,0],[-0.051,1.04],[0,0],[0,0]],"o":[[0,0],[0,0],[0.277,0.969],[0,0],[-1.612,-0.043],[-0.466,1.075],[0,0],[1.753,-0.477],[0,0],[0,0],[0,0]],"v":[[205.242,560.72],[205.354,561.603],[202.506,561.965],[206.059,563.711],[205.76,564.611],[202.023,563.09],[198.807,565.484],[198.292,564.687],[201.309,562.118],[198.437,562.483],[198.325,561.599]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[214.984,552.89],[216.312,563.329],[215.207,563.469],[213.88,553.03]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.283,-2.232],[1.546,-0.197],[0.285,2.243],[-1.569,0.2]],"o":[[1.546,-0.196],[0.286,2.244],[-1.57,0.199],[-0.284,-2.232],[0,0]],"v":[[209.515,554.376],[212.664,557.685],[210.445,561.689],[207.282,558.37],[209.515,554.376]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.208,-1.64],[-0.965,0.123],[0.21,1.651],[0.953,-0.122]],"o":[[-0.965,0.122],[0.21,1.65],[0.953,-0.121],[-0.208,-1.639],[0,0]],"v":[[209.641,555.365],[208.351,558.234],[210.319,560.7],[211.595,557.821],[209.641,555.365]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[224.761,551.647],[225.298,555.867],[226.972,555.654],[227.088,556.572],[225.414,556.785],[226.085,562.063],[224.993,562.202],[223.668,551.785]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[222.969,553.528],[223.084,554.435],[216.911,555.22],[216.796,554.313],[219.365,553.986],[219.176,552.498],[220.28,552.358],[220.469,553.846]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.192,-1.417],[1.486,-0.201],[0.181,1.43],[-1.5,0.19]],"o":[[1.488,-0.19],[0.171,1.431],[-1.501,0.179],[-0.181,-1.418],[0,0]],"v":[[220.136,555.59],[223.035,557.678],[220.752,560.437],[217.851,558.337],[220.136,555.59]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.125,-0.894],[-0.882,0.124],[0.116,0.906],[0.883,-0.112]],"o":[[-0.884,0.113],[0.104,0.908],[0.885,-0.1],[-0.113,-0.896],[0,0]],"v":[[220.251,556.496],[218.908,558.203],[220.634,559.507],[221.977,557.813],[220.251,556.496]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[235.886,550.232],[237.211,560.648],[236.164,560.781],[234.84,550.365]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[1.361,-1.048],[0,0],[0.081,2.17],[0,0],[0,0],[0,0],[0.205,-0.947],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[-0.468,1.288],[0,0],[2.041,-1.595],[0,0],[0,0],[0,0],[0.124,1.018],[0,0],[0,0],[0,0]],"v":[[233.723,550.779],[234.948,560.416],[233.902,560.549],[233.287,555.713],[231.253,555.972],[228.57,559.491],[227.842,558.78],[230.644,553.131],[227.668,553.51],[227.552,552.603],[231.621,552.086],[231.524,555.039],[233.175,554.83],[232.677,550.912]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-0.834,0.129],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.674,0.164],[0,0],[1.394,-0.189]],"o":[[0.639,-0.087],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.685,-0.111],[0,0],[-1.672,0.508],[0,0]],"v":[[240.931,557.021],[243.205,556.697],[242.954,554.72],[241.199,554.944],[240.655,550.665],[245.107,550.099],[245.221,550.995],[241.85,551.423],[242.166,553.911],[245.63,553.471],[245.744,554.366],[244.012,554.586],[244.257,556.516],[246.296,556.103],[246.456,556.898],[241.199,557.92]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[249.081,548.555],[250.405,558.971],[249.347,559.105],[248.681,553.862],[247.542,554.007],[248.14,558.715],[247.117,558.845],[245.887,549.173],[246.91,549.043],[247.428,553.112],[248.567,552.967],[248.023,548.689]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-1.684,-0.519],[0,0],[0.64,1.366],[1.117,-0.78],[0,0],[0.245,1.93],[0,0],[0,0]],"o":[[0.242,1.906],[0,0],[-1.261,-0.442],[-0.268,1.558],[0,0],[1.519,-0.973],[0,0],[0,0],[0,0]],"v":[[254.51,550.558],[257.747,554.742],[257.185,555.711],[254.244,552.836],[252.107,556.557],[251.295,555.751],[253.394,550.7],[253.168,548.921],[254.284,548.779]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[259.102,547.281],[260.429,557.72],[259.336,557.859],[258.563,551.779],[256.238,552.075],[256.125,551.18],[258.45,550.884],[258.009,547.42]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[272.273,545.606],[273.597,556.022],[272.481,556.164],[271.157,545.748]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[3.351,-2.162],[0,0],[0.093,2.457],[0,0],[0,0]],"o":[[0.387,3.046],[0,0],[2.605,-1.672],[0,0],[0,0],[0,0]],"v":[[269.311,547.117],[265.382,555.141],[264.687,554.32],[268.308,548.142],[264.471,548.63],[264.359,547.746]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[275.15,546.209],[275.481,548.813],[276.573,548.674],[276.242,546.07],[277.172,545.952],[278.058,552.915],[275.128,553.288],[274.243,546.324]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[275.92,552.266],[277.012,552.127],[276.684,549.546],[275.592,549.685]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[278.73,545.754],[279.061,548.358],[280.142,548.221],[279.811,545.616],[280.73,545.5],[281.102,548.429],[282.241,548.284],[281.748,544.402],[282.806,544.267],[284.13,554.683],[283.072,554.818],[282.358,549.203],[281.219,549.348],[281.615,552.463],[278.685,552.836],[277.8,545.872]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[279.5,551.811],[280.581,551.673],[280.253,549.092],[279.172,549.23]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.118,0.93],[-2.232,0.284],[-0.209,-1.639],[0.777,-0.577],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[-0.915,-0.362],[-0.209,-1.639],[2.244,-0.285],[0.117,0.918],[0,0],[0,0]],"v":[[294.764,551.075],[294.88,551.993],[285.348,553.205],[285.231,552.287],[287.51,551.997],[287.164,549.277],[285.519,547.301],[289.009,544.093],[293.203,546.324],[292.136,548.621],[292.485,551.365]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.143,-1.128],[-1.639,0.209],[0.142,1.116],[1.628,-0.207]],"o":[[-1.639,0.209],[0.142,1.116],[1.627,-0.206],[-0.143,-1.128],[0,0]],"v":[[289.121,544.976],[286.588,547.165],[289.59,548.661],[292.133,546.46],[289.121,544.976]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0.471,-0.056],[0.431,0.046]],"o":[[0,0],[0,0],[-0.442,0.17],[-0.488,0.062],[0,0]],"v":[[288.602,551.858],[291.369,551.507],[291.074,549.182],[289.699,549.522],[288.308,549.545]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.046,0.455],[-0.453,0.058],[-0.064,-0.453],[0.453,-0.063]],"o":[[-0.453,0.058],[-0.07,-0.451],[0.454,-0.052],[0.052,0.454],[0,0]],"v":[[296.872,552.142],[295.942,551.421],[296.662,550.491],[297.593,551.212],[296.872,552.142]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.211,-1.662],[1.926,-0.41],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.199,1.564],[-2.219,0.294]],"o":[[2.234,-0.273],[0.199,1.564],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-1.956,0.083],[-0.212,-1.662],[0,0]],"v":[[122.426,583.44],[126.626,585.717],[123.675,588.892],[123.935,590.938],[128.178,590.399],[128.295,591.317],[118.762,592.529],[118.645,591.611],[122.842,591.077],[122.582,589.031],[118.942,586.694],[122.426,583.44]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.143,-1.128],[-1.606,0.192],[0.149,1.174],[1.614,-0.217]],"o":[[-1.606,0.193],[0.15,1.174],[1.614,-0.217],[-0.144,-1.127],[0,0]],"v":[[122.542,584.346],[120.011,586.558],[123.021,588.113],[125.557,585.853],[122.542,584.346]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[136.598,583.41],[136.712,584.305],[129.563,585.214],[129.166,582.098],[130.248,581.961],[130.53,584.181]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[137.945,585.081],[138.057,585.965],[128.525,587.177],[128.412,586.293]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[136.966,586.954],[137.29,589.5],[131.245,590.269],[131.367,591.234],[137.773,590.419],[137.884,591.291],[130.374,592.246],[130.037,589.595],[136.094,588.825],[135.983,587.953],[129.903,588.726],[129.793,587.866]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[149.747,579.328],[151.071,589.744],[149.955,589.886],[148.631,579.47]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[3.351,-2.162],[0,0],[0.094,2.457],[0,0],[0,0]],"o":[[0.387,3.046],[0,0],[2.604,-1.672],[0,0],[0,0],[0,0]],"v":[[146.785,580.839],[142.856,588.863],[142.161,588.042],[145.781,581.864],[141.945,582.352],[141.833,581.469]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[161.589,583.363],[161.701,584.247],[157.563,584.773],[157.806,586.691],[156.714,586.83],[156.47,584.912],[152.168,585.459],[152.056,584.575]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[161.02,587.346],[161.134,588.241],[153.845,589.167],[153.483,586.319],[154.576,586.18],[154.824,588.133]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[153.753,579.15],[153.914,580.417],[158.738,579.804],[158.577,578.536],[159.682,578.396],[160.217,582.604],[153.195,583.497],[152.66,579.289]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[154.175,582.475],[159,581.861],[158.843,580.629],[154.019,581.242]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[170.713,581.542],[170.826,582.425],[167.675,582.826],[167.999,585.372],[172.242,584.832],[172.357,585.739],[162.825,586.951],[162.709,586.044],[166.906,585.51],[166.582,582.965],[163.571,583.347],[162.951,578.465],[170.112,577.554],[170.226,578.449],[164.169,579.22],[164.563,582.323]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[185.431,583.108],[185.546,584.015],[176.013,585.227],[175.898,584.32],[180.071,583.789],[179.757,581.313],[180.849,581.174],[181.164,583.651]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-2.054,-0.081],[0,0],[0.875,1.348],[1.632,-0.538],[0,0],[0.21,1.651],[0,0],[0,0]],"o":[[0.21,1.65],[0,0],[-1.728,-0.123],[-0.504,1.517],[0,0],[1.957,-0.592],[0,0],[0,0],[0,0]],"v":[[180.332,576.917],[184.606,579.964],[184.244,580.932],[179.957,578.618],[176.421,581.926],[175.817,581.082],[179.169,577.064],[179.069,576.274],[180.231,576.126]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[-0.138,-1.087],[2.245,-0.274],[0.151,1.185],[-1.923,0.35],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[1.926,-0.139],[0.151,1.186],[-2.265,0.3],[-0.138,-1.087],[0,0],[0,0],[0,0],[0,0]],"v":[[195.257,578.445],[195.371,579.34],[191.162,579.875],[191.289,580.875],[194.569,582.324],[191.21,584.618],[187.361,583.241],[190.197,581.014],[190.07,580.014],[185.873,580.548],[185.759,579.652]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.081,-0.64],[-1.591,0.214],[0.08,0.628],[1.569,-0.199]],"o":[[-1.593,0.203],[0.08,0.628],[1.571,-0.188],[-0.081,-0.64],[0,0]],"v":[[190.85,581.781],[188.477,583.099],[191.102,583.769],[193.464,582.465],[190.85,581.781]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[-1.924,0.055],[0,0],[0.705,1.038],[1.775,-0.439],[0,0],[-0.029,1.025],[0,0],[0,0]],"o":[[0,0],[0,0],[0.285,0.986],[0,0],[-1.829,0.02],[-0.44,1.184],[0,0],[1.848,-0.424],[0,0],[0,0],[0,0]],"v":[[193.855,574.205],[193.968,575.088],[190.806,575.49],[194.588,577.089],[194.304,578.011],[190.18,576.421],[186.573,578.994],[186.079,578.171],[189.318,575.68],[186.191,576.077],[186.078,575.194]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[203.548,572.488],[204.085,576.708],[205.759,576.495],[205.876,577.414],[204.202,577.627],[204.873,582.904],[203.78,583.043],[202.456,572.627]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[201.756,574.37],[201.871,575.277],[195.698,576.062],[195.583,575.155],[198.152,574.828],[197.963,573.34],[199.067,573.2],[199.256,574.688]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.192,-1.417],[1.487,-0.201],[0.182,1.43],[-1.5,0.191]],"o":[[1.488,-0.189],[0.17,1.431],[-1.501,0.179],[-0.18,-1.418],[0,0]],"v":[[198.923,576.431],[201.823,578.52],[199.539,581.279],[196.638,579.179],[198.923,576.431]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.126,-0.893],[-0.882,0.124],[0.115,0.907],[0.884,-0.112]],"o":[[-0.883,0.112],[0.103,0.909],[0.885,-0.101],[-0.114,-0.895],[0,0]],"v":[[199.038,577.338],[197.696,579.044],[199.421,580.349],[200.765,578.654],[199.038,577.338]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[214.674,571.074],[215.998,581.49],[214.952,581.623],[213.627,571.207]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[1.361,-1.047],[0,0],[0.081,2.169],[0,0],[0,0],[0,0],[0.204,-0.947],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[-0.468,1.289],[0,0],[2.042,-1.595],[0,0],[0,0],[0,0],[0.123,1.018],[0,0],[0,0],[0,0]],"v":[[212.511,571.621],[213.736,581.258],[212.69,581.391],[212.075,576.555],[210.04,576.813],[207.357,580.332],[206.629,579.622],[209.431,573.973],[206.455,574.351],[206.34,573.445],[210.409,572.927],[210.312,575.881],[211.962,575.671],[211.464,571.754]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[227.103,569.506],[227.397,571.819],[228.92,571.625],[229.036,572.544],[227.513,572.737],[227.849,575.376],[226.744,575.517],[225.998,569.646]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[227.918,575.923],[228.408,579.771],[221.735,580.619],[221.245,576.771]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[222.436,577.494],[222.704,579.598],[227.226,579.023],[226.958,576.919]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[-1.441,0.481],[0,0],[1.533,-0.207],[0,0],[0,0]],"o":[[0,0],[1.506,-0.2],[0,0],[-1.709,0.584],[0,0],[0,0],[0,0]],"v":[[220.564,570.857],[221.039,574.588],[225.469,573.564],[225.723,574.453],[220.9,575.539],[220.051,575.647],[219.46,570.997]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.031,-0.56],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[2.3,-1.515],[0,0],[0.091,2.434],[0,0],[0,0]],"o":[[0.073,0.576],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.346,2.01],[0,0],[2.518,-1.66],[0,0],[0,0],[0,0]],"v":[[234.648,569.669],[234.711,571.373],[237.141,571.065],[236.783,568.251],[237.876,568.112],[239.2,578.528],[238.108,578.667],[237.611,574.761],[234.809,575.118],[234.694,574.211],[237.496,573.855],[237.253,571.948],[234.614,572.284],[230.832,577.655],[230.138,576.845],[233.656,570.692],[229.901,571.17],[229.789,570.286]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[249.738,572.582],[249.851,573.477],[245.62,574.015],[246.082,577.653],[245.001,577.791],[244.539,574.152],[240.354,574.684],[240.24,573.789]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[-2.004,-0.017],[0,0],[0.78,1.112],[1.651,-0.481],[0,0],[0.123,1.296],[0,0],[0,0]],"o":[[0,0],[0,0],[0.181,1.288],[0,0],[-1.743,-0.05],[-0.493,1.274],[0,0],[1.913,-0.515],[0,0],[0,0],[0,0]],"v":[[248.174,567.441],[248.287,568.324],[245.067,568.734],[249.003,570.986],[248.707,571.909],[244.601,570.092],[241.093,572.877],[240.563,572.059],[243.811,568.893],[240.568,569.306],[240.455,568.422]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-1.502,-0.671],[0,0],[0.502,1.165],[0.933,-0.745],[0,0],[0.226,1.778],[0,0],[0,0]],"o":[[0.211,1.663],[0,0],[-1.051,-0.463],[-0.221,1.375],[0,0],[1.364,-1.071],[0,0],[0,0],[0,0]],"v":[[253.318,569.055],[255.955,573.079],[255.447,574.006],[253.099,571.422],[251.373,574.76],[250.582,574.022],[252.254,569.238],[252.007,567.296],[253.077,567.16]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[258.745,565.471],[260.069,575.887],[259.011,576.022],[257.687,565.605]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[256.608,565.944],[257.842,575.651],[256.795,575.784],[256.119,570.459],[254.503,570.665],[254.386,569.746],[256.002,569.541],[255.561,566.077]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.119,0.93],[-2.232,0.284],[-0.209,-1.639],[0.777,-0.577],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[-0.915,-0.362],[-0.208,-1.639],[2.244,-0.285],[0.116,0.918],[0,0],[0,0]],"v":[[270.645,572.286],[270.761,573.205],[261.229,574.417],[261.112,573.498],[263.391,573.209],[263.045,570.488],[261.399,568.512],[264.89,565.304],[269.084,567.535],[268.017,569.832],[268.366,572.576]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.143,-1.128],[-1.639,0.208],[0.142,1.116],[1.628,-0.207]],"o":[[-1.639,0.208],[0.142,1.116],[1.627,-0.207],[-0.143,-1.128],[0,0]],"v":[[265.002,566.188],[262.469,568.376],[265.471,569.873],[268.014,567.671],[265.002,566.188]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0.5,-0.064],[0.431,0.046]],"o":[[0,0],[0,0],[-0.41,0.164],[-0.488,0.062],[0,0]],"v":[[264.483,573.07],[267.25,572.718],[266.954,570.393],[265.58,570.733],[264.189,570.756]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.046,0.455],[-0.453,0.058],[-0.062,-0.454],[0.453,-0.062]],"o":[[-0.453,0.058],[-0.07,-0.452],[0.455,-0.053],[0.053,0.454],[0,0]],"v":[[272.753,573.353],[271.823,572.633],[272.543,571.702],[273.473,572.423],[272.753,573.353]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.173,0.18,0.192]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Path 1 (41) Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.233,-1.742],[1.873,-0.456],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.202,1.587],[-2.279,0.289]],"o":[[2.278,-0.29],[0.191,1.595],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-1.921,0.038],[-0.222,-1.744],[0,0]],"v":[[117.625,545.579],[121.98,547.966],[119.092,551.263],[119.321,553.065],[123.448,552.541],[123.603,553.761],[113.919,554.992],[113.764,553.772],[117.844,553.253],[117.614,551.439],[114.017,548.979],[117.625,545.579]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.135,-1.058],[-1.477,0.188],[0.131,1.117],[1.488,-0.19]],"o":[[-1.477,0.187],[0.142,1.116],[1.488,-0.189],[-0.146,-1.057],[0,0]],"v":[[117.776,546.765],[115.482,548.793],[118.215,550.217],[120.515,548.153],[117.776,546.765]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[131.847,545.389],[131.997,546.563],[124.638,547.499],[124.233,544.313],[125.709,544.126],[125.965,546.137]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[133.203,547.13],[133.352,548.305],[123.668,549.536],[123.519,548.362]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[132.271,549.092],[132.628,551.905],[126.723,552.656],[126.809,553.33],[133.04,552.538],[133.184,553.677],[125.465,554.659],[125.099,551.775],[131.016,551.023],[130.939,550.419],[124.999,551.174],[124.854,550.035]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[143.644,547.209],[143.794,548.395],[134.145,549.621],[133.995,548.435]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[143.034,551.149],[143.185,552.335],[135.791,553.275],[135.398,550.183],[136.886,549.993],[137.129,551.9]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.183,-1.347],[2.313,-0.294],[0.171,1.348],[-2.338,0.285]],"o":[[2.312,-0.306],[0.16,1.35],[-2.337,0.297],[-0.172,-1.349],[0,0]],"v":[[138.173,542.742],[142.296,544.415],[138.726,547.09],[134.589,545.395],[138.173,542.742]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.093,-0.638],[-1.465,0.187],[0.084,0.663],[1.466,-0.174]],"o":[[-1.463,0.198],[0.072,0.664],[1.465,-0.186],[-0.082,-0.639],[0,0]],"v":[[138.321,543.904],[136.135,545.198],[138.574,545.892],[140.762,544.61],[138.321,543.904]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[156.764,546.061],[156.917,547.27],[152.779,547.796],[153.219,551.26],[151.755,551.446],[151.314,547.982],[147.234,548.501],[147.08,547.292]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.186,-1.465],[2.267,-0.289],[0.172,1.443],[-2.267,0.289]],"o":[[2.267,-0.288],[0.184,1.442],[-2.267,0.288],[-0.197,-1.463],[0,0]],"v":[[151.185,541.111],[155.35,543.027],[151.791,545.878],[147.654,544.005],[151.185,541.111]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.11,-0.778],[-1.419,0.181],[0.096,0.756],[1.429,-0.182]],"o":[[-1.419,0.18],[0.085,0.757],[1.429,-0.181],[-0.099,-0.779],[0,0]],"v":[[151.336,542.297],[149.177,543.812],[151.642,544.703],[153.816,543.222],[151.336,542.297]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[165.498,538.937],[166.845,549.539],[165.369,549.727],[164.021,539.125]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[-1.52,0.447],[0,0],[1.929,-0.245],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[1.609,-0.211],[0,0],[-1.705,0.524],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[162.332,540.238],[162.85,544.318],[159.363,544.761],[159.61,546.703],[164.099,545.778],[164.379,546.959],[159.184,547.997],[158.23,548.119],[157.679,543.782],[161.19,543.336],[160.973,541.627],[157.45,542.075],[157.298,540.878]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.193,-1.511],[1.674,-0.213],[0.193,1.523],[-1.675,0.201]],"o":[[1.673,-0.224],[0.193,1.523],[-1.674,0.212],[-0.192,-1.511],[0,0]],"v":[[170.435,539.03],[173.695,541.25],[171.096,544.227],[167.824,541.996],[170.435,539.03]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.116,-0.824],[-0.837,0.107],[0.095,0.839],[0.849,-0.108]],"o":[[-0.837,0.106],[0.095,0.838],[0.837,-0.107],[-0.117,-0.824],[0,0]],"v":[[170.598,540.309],[169.3,541.809],[170.932,542.936],[172.253,541.433],[170.598,540.309]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[175.809,537.626],[177.157,548.229],[175.681,548.416],[174.333,537.814]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-2.227,0.602],[0,0],[1.848,-0.235]],"o":[[1.884,-0.228],[0,0],[-2.291,0.752],[0,0]],"v":[[167.882,545.982],[174.605,544.785],[174.857,545.839],[168.21,547.169]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[184.062,537.687],[185.132,546.104],[183.377,546.327],[182.518,539.573],[182.472,539.579],[180.696,541.033],[180.499,539.487],[182.412,537.897]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.35,2.755],[-2.104,0.267],[-0.349,-2.743],[2.104,-0.268]],"o":[[-2.104,0.267],[-0.35,-2.755],[2.105,-0.268],[0.352,2.767],[0,0]],"v":[[190.367,545.557],[186.434,541.662],[189.267,536.908],[193.2,540.802],[190.367,545.557]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.258,1.94],[0.977,-0.125],[-0.243,-1.918],[-0.977,0.124]],"o":[[0.976,-0.124],[-0.244,-1.918],[-0.976,0.124],[0.236,1.943],[0,0]],"v":[[190.184,544.115],[191.41,541.03],[189.449,538.338],[188.224,541.435],[190.184,544.115]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.35,2.755],[-2.104,0.267],[-0.349,-2.744],[2.104,-0.268]],"o":[[-2.105,0.267],[-0.35,-2.755],[2.104,-0.268],[0.351,2.767],[0,0]],"v":[[198.226,544.558],[194.293,540.663],[197.126,535.909],[201.059,539.803],[198.226,544.558]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.259,1.94],[0.976,-0.124],[-0.244,-1.919],[-0.976,0.124]],"o":[[0.977,-0.124],[-0.243,-1.919],[-0.977,0.125],[0.235,1.942],[0,0]],"v":[[198.042,543.116],[199.268,540.031],[197.308,537.338],[196.083,540.436],[198.042,543.116]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[210.163,533.271],[211.155,541.071],[209.678,541.259],[209.194,537.446],[207.241,537.694],[207.512,539.833],[202.479,540.473],[201.787,535.032],[203.275,534.843],[203.482,536.471],[205.563,536.206],[205.356,534.579],[206.821,534.392],[207.09,536.508],[209.043,536.26],[208.687,533.458]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[211.553,542.438],[211.704,543.624],[204.438,544.548],[204.011,541.188],[205.51,540.997],[205.787,543.171]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[203.819,539.121],[205.9,538.857],[205.706,537.334],[203.625,537.598]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.312,0.735],[0.542,-0.571],[0.317,0.769],[0.493,-0.535],[0,0],[0.189,1.488],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.688,-1],[0.136,1.07],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-1.229,-0.883],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.616,-0.388],[-0.125,0.826],[-0.673,-0.423],[-0.124,0.784],[0,0],[1.082,-1.153],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.131,1.029],[0.412,-1.128],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.172,1.449],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[220.903,531.893],[222.248,542.472],[220.853,542.65],[220.184,537.383],[219.474,537.474],[220.082,542.252],[218.71,542.426],[218.363,539.694],[217.773,540.631],[216.406,538.891],[215.464,541.055],[214.011,539.196],[213.135,541.221],[212.172,540.339],[212.932,535.907],[212.856,535.314],[211.926,535.433],[211.776,534.247],[214.426,533.91],[214.577,535.096],[214.123,535.153],[214.199,535.746],[215.216,539.102],[215.338,535.601],[215.263,535.008],[214.833,535.063],[214.682,533.877],[217.17,533.561],[217.32,534.747],[216.542,534.846],[216.617,535.439],[218.332,539.45],[217.446,532.486],[218.818,532.312],[219.321,536.265],[220.03,536.174],[219.508,532.071]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[232.912,530.367],[233.438,534.505],[234.996,534.307],[235.151,535.528],[233.593,535.726],[234.257,540.946],[232.792,541.132],[231.447,530.553]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[230.927,532.226],[231.078,533.411],[224.859,534.202],[224.708,533.016],[227.103,532.712],[226.922,531.293],[228.41,531.104],[228.591,532.523]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.188,-1.477],[1.546,-0.196],[0.188,1.476],[-1.558,0.198]],"o":[[1.546,-0.197],[0.187,1.476],[-1.557,0.198],[-0.188,-1.477],[0,0]],"v":[[228.073,534.396],[231.091,536.576],[228.714,539.441],[225.685,537.263],[228.073,534.396]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.103,-0.814],[-0.742,0.107],[0.105,0.825],[0.746,-0.083]],"o":[[-0.742,0.106],[0.105,0.825],[0.746,-0.082],[-0.103,-0.814],[0,0]],"v":[[228.225,535.593],[227.103,537.083],[228.559,538.22],[229.672,536.756],[228.225,535.593]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[243.451,529.358],[243.851,532.508],[237.934,533.26],[238.047,534.144],[244.208,533.36],[244.359,534.546],[236.698,535.52],[236.293,532.335],[242.187,531.586],[242.08,530.749],[236.151,531.502],[235.999,530.305]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[245.331,535.226],[245.482,536.412],[241.366,536.935],[241.758,540.016],[240.27,540.205],[239.878,537.124],[235.798,537.643],[235.647,536.457]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[254.314,527.646],[255.659,538.225],[254.241,538.405],[252.896,527.826]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0.889,-0.113],[0.303,2.383],[-1.395,0.177],[-0.53,-0.966],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[-0.265,1.08],[-1.395,0.177],[-0.302,-2.371],[0.883,-0.112],[0,0],[0,0],[0,0]],"v":[[252.171,528.072],[253.435,538.011],[252.04,538.189],[251.623,534.91],[250.379,535.068],[248.608,536.936],[245.817,533.38],[247.633,529.263],[249.811,530.604],[251.055,530.446],[250.776,528.249]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.218,-1.615],[-0.614,0.09],[0.207,1.628],[0.604,-0.077]],"o":[[-0.616,0.078],[0.195,1.629],[0.618,-0.067],[-0.206,-1.616],[0,0]],"v":[[247.81,530.658],[247.166,533.209],[248.426,535.506],[249.107,532.962],[247.81,530.658]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-0.047,-0.372],[0.006,-0.325],[0,0],[0,0]],"o":[[0.088,0.32],[0.047,0.366],[0,0],[0,0],[0,0]],"v":[[250.253,531.753],[250.455,532.791],[250.517,533.834],[251.47,533.713],[251.206,531.632]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.119,0.935],[-2.301,0.293],[-0.229,-1.707],[0.727,-0.594],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[-0.882,-0.385],[-0.218,-1.709],[2.291,-0.291],[0.11,0.914],[0,0],[0,0]],"v":[[266.147,534.399],[266.302,535.619],[256.618,536.85],[256.463,535.63],[258.625,535.355],[258.296,532.763],[256.706,530.756],[260.319,527.402],[264.669,529.743],[263.664,532.056],[263.996,534.672]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.135,-1.069],[-1.511,0.192],[0.12,1.037],[1.499,-0.191]],"o":[[-1.512,0.192],[0.132,1.035],[1.5,-0.19],[-0.147,-1.068],[0,0]],"v":[[260.469,528.576],[258.17,530.569],[260.894,531.924],[263.204,529.929],[260.469,528.576]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0.424,-0.054],[0.382,0.034]],"o":[[0,0],[0,0],[-0.368,0.124],[-0.425,0.054],[0,0]],"v":[[260.09,535.169],[262.497,534.863],[262.235,532.805],[261.041,533.075],[259.829,533.111]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (41)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.063,0.542],[-0.546,0.07],[-0.075,-0.529],[0.531,-0.079]],"o":[[-0.541,0.074],[-0.08,-0.533],[0.531,-0.06],[0.062,0.533],[0,0]],"v":[[268.312,535.635],[267.212,534.783],[268.065,533.694],[269.153,534.536],[268.312,535.635]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.173,0.18,0.192]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[205.681,559.939]},"o":{"a":0,"k":100},"p":{"a":0,"k":[3.449,0.228]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Layer 2 Group","bm":0,"it":[{"ty":"gr","hd":false,"nm":"Path 1 (2) Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1 (2)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-0.147,-1.159],[0,0],[0,0],[0.241,-2.924],[-0.922,-0.796],[0,0],[-2.9,-0.441],[-0.854,1.025],[0,0],[-0.395,2.906],[0.172,0.539],[-0.412,-3.237],[0,0],[0.869,-0.11],[0,0],[0.176,0.079],[0,0],[0.31,-0.277],[0,0],[0.213,-0.027],[0,0],[0.111,0.869],[0,0],[-0.139,0.704],[0,0],[0.772,1.342],[0.087,0.678],[0,0],[-1.159,0.147]],"o":[[1.159,-0.148],[0,0],[0,0],[-2.411,-1.671],[-0.1,1.214],[0,0],[-1.832,2.291],[1.319,0.201],[0,0],[2.319,1.795],[0.076,-0.561],[3.262,-0.091],[0,0],[0.11,0.869],[0,0],[-0.191,0.024],[0,0],[-0.381,-0.168],[0,0],[-0.16,0.144],[0,0],[-0.869,0.11],[0,0],[-0.09,-0.712],[0,0],[0.301,-1.519],[-0.34,-0.593],[0,0],[-0.147,-1.159],[0,0]],"v":[[81.133,562.187],[83.498,564.018],[84.157,569.2],[83.998,569.084],[78.029,571.903],[79.338,575.102],[79.49,575.226],[81.893,581.372],[85.393,580.044],[85.516,579.891],[91.623,577.391],[91.478,575.721],[97.951,581.265],[98.164,582.943],[96.79,584.716],[84.397,586.292],[83.836,586.209],[82.369,585.559],[81.234,585.738],[80.238,586.631],[79.665,586.893],[75.807,587.384],[74.034,586.01],[73.104,578.692],[73.177,576.554],[73.312,575.871],[72.582,571.434],[71.936,569.508],[71.433,565.552],[73.265,563.187]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (2)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.633,-0.457],[0.791,0.763],[0.042,0.322],[-0.783,0.1],[-0.026,0.001]],"o":[[0.344,0.701],[-0.265,1.067],[-0.233,-0.225],[-0.099,-0.783],[0.025,-0.003],[0,0]],"v":[[84.932,573.276],[86.42,575.04],[84.043,575.724],[83.618,574.879],[84.855,573.281],[84.932,573.276]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.192,0.686,0.537]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,-4.299],[0,0],[4.299,0],[0,0],[0,4.299],[0,0],[-4.299,0]],"o":[[0,0],[4.299,0],[0,0],[0,4.299],[0,0],[-4.299,0],[0,0],[0,-4.299],[0,0]],"v":[[72.423,558.399],[92.855,558.399],[100.639,566.183],[100.639,586.615],[92.855,594.399],[72.423,594.399],[64.639,586.615],[64.639,566.183],[72.423,558.399]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[64.639,558.399]},"o":{"a":0,"k":100},"p":{"a":0,"k":[64.639,558.399]},"r":{"a":0,"k":-7},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[84.698,574.071]},"o":{"a":0,"k":100},"p":{"a":0,"k":[-117.534,14.36]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Layer 3 Group","bm":0,"it":[{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,-8.56],[0,0],[8.56,0],[0,0],[0,8.56],[0,0],[-8.56,0]],"o":[[0,0],[8.56,0],[0,0],[0,8.56],[0,0],[-8.56,0],[0,0],[0,-8.56],[0,0]],"v":[[61.059,539.151],[336.059,539.151],[351.559,554.651],[351.559,602.651],[336.059,618.151],[61.059,618.151],[45.559,602.651],[45.559,554.651],[61.059,539.151]]}}},{"ty":"st","hd":false,"bm":0,"c":{"a":0,"k":[0.886,0.894,0.906]},"lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":1}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[45.56,539.151]},"o":{"a":0,"k":100},"p":{"a":0,"k":[45.56,539.151]},"r":{"a":0,"k":-7},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,-8.56],[0,0],[8.56,0],[0,0],[0,8.56],[0,0],[-8.56,0]],"o":[[0,0],[8.56,0],[0,0],[0,8.56],[0,0],[-8.56,0],[0,0],[0,-8.56],[0,0]],"v":[[61.059,539.151],[336.059,539.151],[351.559,554.651],[351.559,602.651],[336.059,618.151],[61.059,618.151],[45.559,602.651],[45.559,554.651],[61.059,539.151]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[45.56,539.151]},"o":{"a":0,"k":100},"p":{"a":0,"k":[45.56,539.151]},"r":{"a":0,"k":-7},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[202.233,559.711]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0}]},{"ddd":0,"ind":11,"ty":4,"nm":"푸시3","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[197,45.5]},"r":{"a":0,"k":0},"s":{"a":1,"k":[{"t":0,"s":[0,0],"i":{"x":0.88,"y":0.77},"o":{"x":0.5,"y":0}},{"t":12,"s":[0,0],"i":{"x":0.88,"y":0.77},"o":{"x":0.5,"y":0}},{"t":27,"s":[110,110],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":33,"s":[100,100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"shapes":[{"ty":"gr","hd":false,"nm":"Layer 4 Group","bm":0,"it":[{"ty":"gr","hd":false,"nm":"Path 1 (78) Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-1.606,-0.539],[0,0],[0.457,1.031],[1.237,-0.434],[0,0],[-0.011,1.453],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,1.336],[0,0],[-1.189,-0.41],[-0.457,1.136],[0,0],[1.64,-0.562],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[113.055,378.383],[115.586,381.535],[115.023,382.402],[112.504,380.141],[109.902,382.602],[109.305,381.734],[111.941,378.371],[111.941,378.09],[109.633,378.09],[109.633,377.188],[115.316,377.188],[115.316,378.09],[113.055,378.09]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[117.637,376.496],[117.637,379.191],[119.16,379.191],[119.16,380.129],[117.637,380.129],[117.637,382.824],[116.523,382.824],[116.523,376.496]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[117.637,383.34],[117.637,386.996],[116.523,386.996],[116.523,384.242],[110.699,384.242],[110.699,383.34]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[129.332,381.98],[129.332,382.871],[119.758,382.871],[119.758,381.98]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[128.254,385.871],[128.254,386.773],[120.965,386.773],[120.965,383.727],[122.09,383.727],[122.09,385.871]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,-1.312],[2.273,-0.012],[0,1.325],[-2.285,-0.012]],"o":[[2.273,-0.012],[0,1.325],[-2.285,-0.012],[0,-1.312],[0,0]],"v":[[124.539,376.848],[128.289,378.945],[124.539,381.078],[120.789,378.945],[124.539,376.848]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.012,-0.75],[-1.605,0],[0,0.774],[1.606,0]],"o":[[-1.605,0],[-0.012,0.774],[1.606,0],[0,-0.75],[0,0]],"v":[[124.539,377.738],[121.938,378.945],[124.539,380.164],[127.141,378.945],[124.539,377.738]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[142.633,381.535],[142.633,382.426],[133.059,382.426],[133.059,381.535]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,-1.218],[2.262,0],[0,1.219],[-2.285,-0.012]],"o":[[2.262,-0.012],[0,1.219],[-2.285,0],[0,-1.219],[0,0]],"v":[[137.84,383.223],[141.461,385.109],[137.84,386.996],[134.195,385.109],[137.84,383.223]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,-0.679],[-1.606,0],[0,0.657],[1.582,0]],"o":[[-1.606,0],[0,0.657],[1.582,0],[0,-0.679],[0,0]],"v":[[137.84,384.066],[135.32,385.109],[137.84,386.129],[140.348,385.109],[137.84,384.066]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,-1.254],[2.297,0],[0,1.253],[-2.297,0.012]],"o":[[2.297,0.012],[0,1.253],[-2.297,0],[0,-1.253],[0,0]],"v":[[137.84,376.742],[141.59,378.77],[137.84,380.773],[134.09,378.77],[137.84,376.742]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.011,-0.727],[-1.617,0],[0,0.726],[1.605,0]],"o":[[-1.617,0],[-0.011,0.726],[1.605,0],[0,-0.727],[0,0]],"v":[[137.84,377.633],[135.238,378.77],[137.84,379.906],[140.441,378.77],[137.84,377.633]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[152.16,376.508],[152.16,384.465],[151.047,384.465],[151.047,383.457],[148.938,383.457],[148.938,382.672],[151.047,382.672],[151.047,376.508]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[152.418,385.871],[152.418,386.773],[144.836,386.773],[144.836,383.691],[145.938,383.691],[145.938,385.871]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-2.239,0.282],[0,0],[0.926,-0.059],[0,0],[0,0],[0,0],[0.95,0.009]],"o":[[1.945,-0.012],[0,0],[-0.896,0.147],[0,0],[0,0],[0,0],[-0.949,0.04],[0,0]],"v":[[143.383,381.301],[150.18,380.984],[150.25,381.781],[147.484,382.086],[147.484,384.137],[146.371,384.137],[146.371,382.145],[143.523,382.191]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,-1.113],[1.536,0],[0,1.113],[-1.558,0]],"o":[[1.536,0],[0,1.113],[-1.558,0],[0,-1.113],[0,0]],"v":[[146.816,376.906],[149.418,378.758],[146.816,380.586],[144.203,378.758],[146.816,376.906]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.012,-0.633],[-0.937,0],[-0.011,0.621],[0.903,-0.011]],"o":[[-0.937,-0.011],[-0.012,0.621],[0.903,0],[-0.011,-0.633],[0,0]],"v":[[146.816,377.738],[145.258,378.758],[146.816,379.766],[148.363,378.758],[146.816,377.738]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,-1.172],[2.367,0],[0,1.171],[-2.367,0]],"o":[[2.367,0],[0,1.172],[-2.367,0],[0,-1.171],[0,0]],"v":[[158.582,376.672],[162.332,378.477],[158.582,380.293],[154.832,378.477],[158.582,376.672]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.012,-0.622],[-1.676,0],[0,0.644],[1.676,0]],"o":[[-1.676,0],[-0.012,0.644],[1.676,0],[0,-0.622],[0,0]],"v":[[158.582,377.492],[155.992,378.477],[158.582,379.461],[161.184,378.477],[158.582,377.492]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[163.375,380.938],[163.375,381.828],[153.801,381.828],[153.801,380.938]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[162.168,382.637],[162.168,385.098],[156.051,385.098],[156.051,386.035],[162.461,386.035],[162.461,386.891],[154.961,386.891],[154.961,384.289],[161.066,384.289],[161.066,383.469],[154.949,383.469],[154.949,382.637]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[175.855,376.508],[175.855,384.242],[174.742,384.242],[174.742,380.598],[172.562,380.598],[172.562,379.672],[174.742,379.672],[174.742,376.508]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[3.011,-0.972],[0,0],[-0.234,1.775],[0,0],[0,0]],"o":[[-0.012,2.742],[0,0],[2.338,-0.756],[0,0],[0,0],[0,0]],"v":[[172.633,377.293],[167.723,383.07],[167.254,382.18],[171.414,378.219],[167.793,378.219],[167.793,377.293]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[176.125,385.871],[176.125,386.773],[169.094,386.773],[169.094,383.445],[170.219,383.445],[170.219,385.871]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[-1.16,0.24],[0,0],[1.3,0],[0,0],[0,0]],"o":[[0,0],[1.079,-0.018],[0,0],[-1.372,0.281],[0,0],[0,0],[0,0]],"v":[[179.066,377.586],[179.066,383.422],[182.324,383.094],[182.477,384.043],[178.645,384.383],[177.953,384.383],[177.953,377.586]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[186.496,376.496],[186.496,386.996],[185.441,386.996],[185.441,376.496]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[184.246,376.73],[184.246,386.48],[183.191,386.48],[183.191,380.867],[180.895,380.867],[180.895,379.953],[183.191,379.953],[183.191,376.73]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[190.199,376.66],[190.199,377.574],[195.062,377.574],[195.062,376.66],[196.176,376.66],[196.176,380.141],[193.152,380.141],[193.152,381.055],[197.418,381.055],[197.418,381.945],[187.844,381.945],[187.844,381.055],[192.062,381.055],[192.062,380.141],[189.098,380.141],[189.098,376.66]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[190.199,379.297],[195.062,379.297],[195.062,378.395],[190.199,378.395]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[196.211,382.707],[196.211,385.156],[190.094,385.156],[190.094,386.035],[196.504,386.035],[196.504,386.891],[189.004,386.891],[189.004,384.359],[195.109,384.359],[195.109,383.539],[188.992,383.539],[188.992,382.707]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[206.559,376.496],[206.559,380.762],[208.082,380.762],[208.082,381.676],[206.559,381.676],[206.559,386.996],[205.445,386.996],[205.445,376.496]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[1.898,-2.027],[0,0],[-0.111,2.104],[0,0],[0,0]],"o":[[0,2.625],[0,0],[1.535,-1.594],[0,0],[0,0],[0,0]],"v":[[201.379,377.621],[199,384.664],[198.121,384.043],[200.324,378.535],[198.496,378.535],[198.496,377.621]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[1.933,-2.285],[0,0],[-0.082,2.244],[0,0],[0,0]],"o":[[0,2.66],[0,0],[1.559,-1.822],[0,0],[0,0],[0,0]],"v":[[204.273,377.621],[202.012,385.355],[201.121,384.746],[203.23,378.535],[201.719,378.535],[201.719,377.621]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0.937],[-2.25,0],[0,-1.653],[0.844,-0.474],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[-0.862,-0.475],[0,-1.653],[2.262,0],[0,0.925],[0,0],[0,0]],"v":[[218.195,384.758],[218.195,385.684],[208.586,385.684],[208.586,384.758],[210.883,384.758],[210.883,382.016],[209.5,379.848],[213.367,377.105],[217.246,379.848],[215.898,381.992],[215.898,384.758]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,-1.137],[-1.652,0],[0,1.125],[1.641,0]],"o":[[-1.652,0],[0,1.125],[1.641,0],[0,-1.137],[0,0]],"v":[[213.367,377.996],[210.578,379.848],[213.367,381.711],[216.168,379.848],[213.367,377.996]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0.474,0.005],[0.422,0.099]],"o":[[0,0],[0,0],[-0.46,0.114],[-0.492,0],[0,0]],"v":[[211.984,384.758],[214.773,384.758],[214.773,382.414],[213.367,382.578],[211.984,382.426]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-0.774,0.481],[0,0.622],[0.704,0],[0.058,-0.867],[0,0],[-1.394,0],[0,-1.336],[0.75,-0.457],[0.023,-0.949],[0,0],[0,0]],"o":[[0.011,-1.535],[0.492,-0.305],[0,-0.738],[-0.632,0],[0,0],[0.047,-1.488],[1.524,0],[0,0.938],[-0.703,0.422],[0,0],[0,0],[0,0]],"v":[[220.68,383.48],[221.922,380.996],[222.789,379.648],[221.523,378.453],[220.223,379.707],[218.957,379.707],[221.523,377.398],[224.066,379.648],[222.871,381.676],[221.875,383.48],[221.875,383.551],[220.68,383.551]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.012,0.457],[-0.457,0],[0,-0.457],[0.458,-0.004]],"o":[[-0.457,0],[-0.012,-0.457],[0.446,0],[-0.004,0.458],[0,0]],"v":[[221.324,386.082],[220.492,385.25],[221.324,384.418],[222.156,385.25],[221.324,386.082]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[117.637,394.496],[117.637,396.688],[119.16,396.688],[119.16,397.613],[117.637,397.613],[117.637,399.805],[116.523,399.805],[116.523,394.496]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[114.707,395.059],[114.707,399.312],[109.797,399.312],[109.797,395.059]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[110.887,395.949],[110.887,398.422],[113.617,398.422],[113.617,395.949]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[117.637,400.285],[117.637,402.945],[111.965,402.945],[111.965,403.977],[118,403.977],[118,404.867],[110.875,404.867],[110.875,402.113],[116.535,402.113],[116.535,401.152],[110.852,401.152],[110.852,400.285]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[130.938,394.508],[130.938,397.883],[132.461,397.883],[132.461,398.809],[130.938,398.809],[130.938,402.359],[129.824,402.359],[129.824,394.508]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[128.957,395.727],[128.957,396.629],[122.699,396.629],[122.699,395.727],[125.277,395.727],[125.277,394.496],[126.391,394.496],[126.391,395.727]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,-1.195],[1.512,0],[0,1.196],[-1.523,0]],"o":[[1.512,0],[0,1.196],[-1.523,0],[0,-1.195],[0,0]],"v":[[125.828,397.133],[128.371,399.113],[125.828,401.082],[123.273,399.113],[125.828,397.133]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.012,-0.691],[-0.89,0],[-0.012,0.68],[0.891,0]],"o":[[-0.89,0],[-0.012,0.68],[0.891,0],[-0.012,-0.691],[0,0]],"v":[[125.828,397.988],[124.352,399.113],[125.828,400.215],[127.328,399.113],[125.828,397.988]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[131.383,403.871],[131.383,404.773],[124.281,404.773],[124.281,401.738],[125.395,401.738],[125.395,403.871]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[138.367,395.539],[138.367,402.359],[133.457,402.359],[133.457,395.539]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[134.547,396.418],[134.547,401.457],[137.266,401.457],[137.266,396.418]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[141.238,394.496],[141.238,398.609],[142.926,398.609],[142.926,399.547],[141.238,399.547],[141.238,404.996],[140.125,404.996],[140.125,394.496]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[152.125,394.496],[152.125,405.02],[151.012,405.02],[151.012,394.496]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[-1.483,0.27],[0,0],[2.18,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[1.992,-0.006],[0,0],[-1.57,0.281],[0,0],[0,0],[0,0]],"v":[[149.125,395.469],[149.125,396.395],[145.223,396.395],[145.223,401.492],[149.969,401.164],[150.086,402.09],[144.965,402.441],[144.098,402.441],[144.098,395.469]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[161.98,394.496],[161.98,398.68],[163.609,398.68],[163.609,399.605],[161.98,399.605],[161.98,404.984],[160.867,404.984],[160.867,394.496]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[3.457,-1.711],[0,0],[-0.229,2.45],[0,0],[0,0]],"o":[[-0.011,3.035],[0,0],[2.631,-1.313],[0,0],[0,0],[0,0]],"v":[[159.238,395.598],[154.434,403.051],[153.812,402.184],[158.102,396.523],[154.34,396.523],[154.34,395.598]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0.293,-1.547],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.041,0.51],[0,0],[0,0],[0,0],[0,0.369],[0,0],[0,0],[0,0]],"o":[[0,0],[0,1.014],[0,0],[0,0],[0,0],[0,0],[0,0],[0.129,-0.609],[0,0],[0,0],[0,0],[0.012,-0.422],[0,0],[0,0],[0,0],[0,0]],"v":[[175.492,395.023],[175.492,395.949],[175.199,399.617],[176.699,399.617],[176.699,400.52],[167.102,400.52],[167.102,399.617],[174.074,399.617],[174.32,397.953],[168.18,398.234],[168.039,397.309],[174.379,397.133],[174.391,395.949],[174.391,395.938],[168.309,395.938],[168.309,395.023]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[175.703,403.871],[175.703,404.773],[168.285,404.773],[168.285,401.48],[169.398,401.48],[169.398,403.871]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,-1.301],[1.582,0.012],[0,1.289],[-1.582,0]],"o":[[1.582,0],[0,1.289],[-1.582,0.012],[0,-1.301],[0,0]],"v":[[183.848,394.977],[186.578,397.156],[183.848,399.324],[181.141,397.156],[183.848,394.977]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.012,-0.773],[-0.95,0.012],[0,0.762],[0.972,0]],"o":[[-0.95,0],[-0.012,0.762],[0.972,0.012],[0,-0.773],[0,0]],"v":[[183.848,395.879],[182.219,397.156],[183.848,398.41],[185.512,397.156],[183.848,395.879]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[189.133,394.508],[189.133,404.996],[188.031,404.996],[188.031,394.508]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-2.297,0.34],[0,0],[0.979,-0.066],[0,0],[0,0],[0,0],[0.832,-0.006]],"o":[[1.933,0],[0,0],[-0.965,0.176],[0,0],[0,0],[0,0],[-1.019,0.047],[0,0]],"v":[[180.391,400.145],[187.305,399.758],[187.387,400.59],[184.469,400.953],[184.469,404.668],[183.355,404.668],[183.355,401.012],[180.543,401.07]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[200.383,402.805],[200.383,403.742],[190.773,403.742],[190.773,402.805],[195.004,402.805],[195.004,400.965],[191.945,400.965],[191.945,397.625],[198.109,397.625],[198.109,396.148],[191.922,396.148],[191.922,395.234],[199.211,395.234],[199.211,398.516],[193.047,398.516],[193.047,400.051],[199.457,400.051],[199.457,400.965],[196.105,400.965],[196.105,402.805]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[209.324,394.496],[209.324,398.68],[210.953,398.68],[210.953,399.605],[209.324,399.605],[209.324,404.984],[208.211,404.984],[208.211,394.496]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[3.457,-1.711],[0,0],[-0.228,2.45],[0,0],[0,0]],"o":[[-0.012,3.035],[0,0],[2.631,-1.313],[0,0],[0,0],[0,0]],"v":[[206.582,395.598],[201.777,403.051],[201.156,402.184],[205.445,396.523],[201.684,396.523],[201.684,395.598]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[-0.923,0.099],[0,0],[1.992,0],[0,0],[-1.014,0.035],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0.928,-0.042],[0,0],[-2.226,0.34],[0,0],[0.902,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[220.562,397.156],[220.562,398.023],[218.535,398.023],[218.535,398.961],[221.312,398.75],[221.359,399.512],[214.645,399.91],[214.504,399.043],[217.41,398.996],[217.41,398.023],[215.453,398.023],[215.453,394.941],[220.445,394.941],[220.445,395.785],[216.602,395.785],[216.602,397.156]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[223.176,394.508],[223.176,400.109],[222.074,400.109],[222.074,394.508]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[223.176,400.555],[223.176,403.098],[217.246,403.098],[217.246,404],[223.504,404],[223.504,404.891],[216.156,404.891],[216.156,402.266],[222.074,402.266],[222.074,401.434],[216.133,401.434],[216.133,400.555]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-1.617,-0.691],[0,0],[0.486,1.406],[1.218,-0.597],[0,0],[-0.012,1.805],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,1.758],[0,0],[-1.236,-0.545],[-0.487,1.5],[0,0],[1.582,-0.738],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[228.684,397.59],[231.449,401.855],[230.84,402.723],[228.133,399.617],[225.438,402.992],[224.793,402.113],[227.559,397.59],[227.559,396.477],[225.156,396.477],[225.156,395.551],[231.074,395.551],[231.074,396.477],[228.684,396.477]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[233.512,394.496],[233.512,404.996],[232.398,404.996],[232.398,394.496]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[243.695,399.336],[243.695,400.227],[240.52,400.227],[240.52,402.793],[244.797,402.793],[244.797,403.707],[235.188,403.707],[235.188,402.793],[239.418,402.793],[239.418,400.227],[236.383,400.227],[236.383,395.305],[243.602,395.305],[243.602,396.207],[237.496,396.207],[237.496,399.336]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[258.062,398.984],[258.062,399.887],[248.488,399.887],[248.488,398.984],[252.707,398.984],[252.707,398.07],[249.719,398.07],[249.719,394.836],[256.832,394.836],[256.832,398.07],[253.797,398.07],[253.797,398.984]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[250.809,395.715],[250.809,397.191],[255.719,397.191],[255.719,395.715]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[256.855,400.648],[256.855,403.109],[250.738,403.109],[250.738,404.035],[257.148,404.035],[257.148,404.891],[249.648,404.891],[249.648,402.301],[255.754,402.301],[255.754,401.504],[249.637,401.504],[249.637,400.648]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[267.039,394.496],[267.039,398.598],[268.727,398.598],[268.727,399.535],[267.039,399.535],[267.039,405.02],[265.938,405.02],[265.938,394.496]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[-1.535,0.281],[0,0],[1.969,-0.012],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[1.804,-0.006],[0,0],[-1.641,0.305],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[264.074,395.445],[264.074,399.301],[260.395,399.301],[260.395,401.574],[265.07,401.223],[265.176,402.125],[260.148,402.512],[259.293,402.512],[259.293,398.398],[262.973,398.398],[262.973,396.348],[259.27,396.348],[259.27,395.445]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0.937],[-2.25,0],[0,-1.653],[0.844,-0.474],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[-0.861,-0.475],[0,-1.653],[2.261,0],[0,0.925],[0,0],[0,0]],"v":[[278.84,402.758],[278.84,403.684],[269.23,403.684],[269.23,402.758],[271.527,402.758],[271.527,400.016],[270.145,397.848],[274.012,395.105],[277.891,397.848],[276.543,399.992],[276.543,402.758]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,-1.137],[-1.653,0],[0,1.125],[1.64,0]],"o":[[-1.653,0],[0,1.125],[1.64,0],[0,-1.137],[0,0]],"v":[[274.012,395.996],[271.223,397.848],[274.012,399.711],[276.812,397.848],[274.012,395.996]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0.474,0.005],[0.422,0.099]],"o":[[0,0],[0,0],[-0.46,0.114],[-0.492,0],[0,0]],"v":[[272.629,402.758],[275.418,402.758],[275.418,400.414],[274.012,400.578],[272.629,400.426]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (78)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.012,0.457],[-0.457,0],[0,-0.457],[0.457,-0.006]],"o":[[-0.457,0],[-0.012,-0.457],[0.445,0],[-0.006,0.457],[0,0]],"v":[[280.797,404.082],[279.965,403.25],[280.797,402.418],[281.629,403.25],[280.797,404.082]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.173,0.18,0.192]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Path 1 (32) Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.011,-1.758],[1.916,-0.217],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,1.599],[-2.297,0]],"o":[[2.297,0],[-0.011,1.605],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-1.91,-0.205],[0,-1.758],[0,0]],"v":[[114.18,356.965],[118.199,359.883],[114.918,362.789],[114.918,364.605],[119.078,364.605],[119.078,365.836],[109.316,365.836],[109.316,364.605],[113.43,364.605],[113.43,362.777],[110.172,359.883],[114.18,356.965]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,-1.067],[-1.489,0],[-0.012,1.125],[1.5,0]],"o":[[-1.489,0],[0,1.125],[1.5,0],[-0.012,-1.067],[0,0]],"v":[[114.18,358.16],[111.648,359.883],[114.18,361.641],[116.723,359.883],[114.18,358.16]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[128.312,358.57],[128.312,359.754],[120.895,359.754],[120.895,356.543],[122.383,356.543],[122.383,358.57]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[129.438,360.469],[129.438,361.652],[119.676,361.652],[119.676,360.469]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[128.266,362.297],[128.266,365.133],[122.312,365.133],[122.312,365.812],[128.594,365.812],[128.594,366.961],[120.812,366.961],[120.812,364.055],[126.777,364.055],[126.777,363.445],[120.789,363.445],[120.789,362.297]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[141.285,356.414],[141.285,358.652],[142.727,358.652],[142.727,359.883],[141.285,359.883],[141.285,361.734],[139.785,361.734],[139.785,356.414]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[138.262,357.082],[138.262,361.523],[133.141,361.523],[133.141,357.082]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[134.617,358.242],[134.617,360.352],[136.785,360.352],[136.785,358.242]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[-0.551,0.176],[0,0],[1.02,0],[0,0],[0,0]],"o":[[0,0],[0.578,-0.027],[0,0],[-0.902,0.328],[0,0],[0,0],[0,0]],"v":[[135.238,362.625],[135.238,365.578],[136.938,365.273],[137.148,366.434],[134.371,366.797],[133.785,366.797],[133.785,362.625]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[142.152,362.73],[142.152,363.809],[136.785,363.809],[136.785,362.73],[138.754,362.73],[138.754,361.957],[140.207,361.957],[140.207,362.73]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,-0.926],[1.219,0],[-0.011,0.914],[-1.23,0]],"o":[[1.219,0],[0,0.914],[-1.23,0],[-0.011,-0.926],[0,0]],"v":[[139.457,364.078],[141.531,365.578],[139.457,367.066],[137.406,365.578],[139.457,364.078]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.011,-0.328],[-0.422,0],[0,0.328],[0.422,0]],"o":[[-0.422,0],[-0.011,0.328],[0.422,0],[0,-0.328],[0,0]],"v":[[139.457,365.086],[138.73,365.578],[139.457,366.07],[140.195,365.578],[139.457,365.086]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[152.125,356.414],[152.125,367.102],[150.613,367.102],[150.613,356.414]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,-2.32],[1.605,0],[-0.012,2.344],[-1.641,0]],"o":[[1.605,0],[0,2.344],[-1.641,0],[-0.012,-2.32],[0,0]],"v":[[146.336,357.164],[149.137,360.961],[146.336,364.77],[143.512,360.961],[146.336,357.164]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,-1.582],[-0.832,0],[0,1.594],[0.809,0]],"o":[[-0.832,0],[0,1.594],[0.809,0],[0,-1.582],[0,0]],"v":[[146.336,358.512],[144.953,360.961],[146.336,363.41],[147.695,360.961],[146.336,358.512]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[165.297,356.414],[165.297,367.078],[163.785,367.078],[163.785,356.414]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[-0.451,0.052],[0,0],[1.957,-0.012],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0.468,-0.03],[0,0],[-2.274,0.375],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[162.637,357.398],[162.637,358.594],[161.688,358.594],[161.688,363.223],[163.07,363.094],[163.141,364.207],[156.449,364.629],[156.309,363.41],[157.539,363.398],[157.539,358.594],[156.602,358.594],[156.602,357.398]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[158.992,363.363],[160.234,363.316],[160.234,358.594],[158.992,358.594]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0.293,-1.313],[0,0],[-0.018,0.714],[0,0],[0,0]],"o":[[0,0],[0,0.82],[0,0],[0.234,-1.072],[0,0],[0,0],[0,0]],"v":[[175.258,357.012],[175.258,357.762],[174.965,360.926],[173.477,360.773],[173.77,358.184],[167.816,358.184],[167.816,357.012]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[176.406,361.5],[176.406,362.707],[166.727,362.707],[166.727,361.5],[170.359,361.5],[170.359,359.496],[171.836,359.496],[171.836,361.5]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[175.492,365.695],[175.492,366.891],[167.852,366.891],[167.852,363.598],[169.352,363.598],[169.352,365.695]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[186.238,356.426],[186.238,362.988],[184.82,362.988],[184.82,360.363],[183.988,360.363],[183.988,362.871],[182.594,362.871],[182.594,356.566],[183.988,356.566],[183.988,359.156],[184.82,359.156],[184.82,356.426]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[182.254,357.434],[182.254,358.617],[177.016,358.617],[177.016,357.434],[178.902,357.434],[178.902,356.473],[180.391,356.473],[180.391,357.434]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.011,-1.113],[1.36,0],[0,1.09],[-1.336,0]],"o":[[1.36,0],[-0.011,1.09],[-1.336,0],[0,-1.113],[0,0]],"v":[[179.652,358.957],[181.984,360.82],[179.652,362.684],[177.344,360.82],[179.652,358.957]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,-0.527],[-0.586,0],[-0.012,0.504],[0.586,0]],"o":[[-0.586,0],[0,0.504],[0.586,0],[-0.012,-0.527],[0,0]],"v":[[179.652,360.023],[178.68,360.82],[179.652,361.605],[180.637,360.82],[179.652,360.023]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-0.85,-0.527],[-0.012,0.709],[0,0],[0,0],[0,0],[-1.418,-0.363],[0,0],[0.363,0.791],[0.967,-0.352],[0.334,0.786],[0.979,-0.316],[0,0],[0,0.938],[0,0],[0,0]],"o":[[-0.012,0.779],[0.843,-0.556],[0,0],[0,0],[0,0],[-0.011,0.996],[0,0],[-1.031,-0.31],[-0.352,0.785],[-0.996,-0.346],[-0.393,0.75],[0,0],[1.383,-0.398],[0,0],[0,0],[0,0]],"v":[[181.164,363.539],[182.348,365.648],[183.578,363.539],[183.578,363.316],[185.066,363.316],[185.066,363.539],[187.07,365.836],[186.379,366.949],[184.305,365.227],[182.371,367.055],[180.414,365.273],[178.375,366.949],[177.672,365.836],[179.676,363.539],[179.676,363.316],[181.164,363.316]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[196.668,356.414],[196.668,367.078],[195.25,367.078],[195.25,361.723],[194.219,361.723],[194.219,366.562],[192.848,366.562],[192.848,356.59],[194.219,356.59],[194.219,360.527],[195.25,360.527],[195.25,356.414]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[-1.032,0.188],[0,0],[1.407,-0.012],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[1.031,-0.005],[0,0],[-1.301,0.246],[0,0],[0,0],[0,0]],"v":[[191.723,357.645],[191.723,358.852],[189.25,358.852],[189.25,363.398],[192.227,363.152],[192.332,364.371],[188.488,364.664],[187.75,364.664],[187.75,357.645]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0.943],[-2.321,0],[-0.011,-1.723],[0.797,-0.498],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[-0.826,-0.492],[0,-1.723],[2.308,0],[-0.006,0.92],[0,0],[0,0]],"v":[[207.578,364.605],[207.578,365.836],[197.816,365.836],[197.816,364.605],[199.996,364.605],[199.996,361.992],[198.672,359.801],[202.68,356.93],[206.699,359.801],[205.41,361.969],[205.41,364.605]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,-1.078],[-1.524,0],[-0.012,1.043],[1.511,0]],"o":[[-1.524,0],[0,1.043],[1.511,0],[-0.012,-1.078],[0,0]],"v":[[202.68,358.113],[200.148,359.801],[202.68,361.488],[205.223,359.801],[202.68,358.113]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0.427,0],[0.375,0.082]],"o":[[0,0],[0,0],[-0.38,0.076],[-0.428,0],[0,0]],"v":[[201.473,364.605],[203.898,364.605],[203.898,362.531],[202.68,362.648],[201.473,362.531]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (32)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.005,0.546],[-0.55,0],[0,-0.539],[0.536,-0.012]],"o":[[-0.546,0.005],[-0.012,-0.539],[0.516,0],[-0.006,0.537],[0,0]],"v":[[209.57,366.105],[208.586,365.121],[209.57,364.148],[210.543,365.121],[209.57,366.105]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.173,0.18,0.192]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[195.467,380.717]},"o":{"a":0,"k":100},"p":{"a":0,"k":[-1.033,-0.283]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Layer 5 Group","bm":0,"it":[{"ty":"gr","hd":false,"nm":"Path 1 (2) Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1 (2)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-1.168],[0,0],[0,0],[0.623,-2.866],[-0.828,-0.912],[0,0],[-2.822,-0.798],[-0.974,0.904],[0,0],[-0.758,2.833],[0.102,0.556],[-0.001,-3.263],[0,0],[0.876,0],[0,0],[0.165,0.099],[0,0],[0.343,-0.236],[0,0],[0.215,0],[0,0],[0,0.876],[0,0],[-0.227,0.681],[0,0],[0.595,1.429],[0,0.684],[0,0],[-1.168,0]],"o":[[1.168,0],[0,0],[0,0],[-2.171,-1.972],[-0.262,1.204],[0,0],[-2.102,2.045],[1.279,0.361],[0,0],[2.075,2.073],[0.146,-0.546],[3.247,0.323],[0,0],[0,0.876],[0,0],[-0.193,0],[0,0],[-0.356,-0.215],[0,0],[-0.177,0.122],[0,0],[-0.876,0],[0,0],[0,-0.718],[0,0],[0.489,-1.469],[-0.262,-0.631],[0,0],[0,-1.168],[0,0]],"v":[[75.885,368.838],[78,370.953],[78,376.177],[77.857,376.042],[71.572,378.053],[72.475,381.424],[72.61,381.566],[74.231,387.963],[77.858,387.09],[78,386.954],[84.374,385.243],[84.44,383.569],[90.162,389.885],[90.162,391.576],[88.575,393.162],[76.083,393.162],[75.536,393.01],[74.163,392.18],[73.015,392.214],[71.914,392.974],[71.312,393.162],[67.424,393.162],[65.838,391.576],[65.838,384.199],[66.181,382.087],[66.401,381.427],[66.236,376.932],[65.838,374.94],[65.838,370.953],[67.953,368.838]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (2)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-0.564,-0.528],[0.693,0.853],[-0.001,0.329],[-0.789,0]],"o":[[0.255,0.747],[-0.392,1.026],[-0.208,-0.256],[0,-0.789],[0,0]],"v":[[78.255,380.317],[79.509,382.256],[77.068,382.646],[76.749,381.742],[78.178,380.313]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.192,0.686,0.537]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,-4.299],[0,0],[4.299,0],[0,0],[0,4.299],[0,0],[-4.299,0]],"o":[[0,0],[4.299,0],[0,0],[0,4.299],[0,0],[-4.299,0],[0,0],[0,-4.299],[0,0]],"v":[[67.784,363],[88.216,363],[96,370.784],[96,391.216],[88.216,399],[67.784,399],[60,391.216],[60,370.784],[67.784,363]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[78,381]},"o":{"a":0,"k":100},"p":{"a":0,"k":[-118.5,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Layer 6 Group","bm":0,"it":[{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,-8.56],[0,0],[8.56,0],[0,0],[0,8.56],[0,0],[-8.56,0]],"o":[[0,0],[8.56,0],[0,0],[0,8.56],[0,0],[-8.56,0],[0,0],[0,-8.56],[0,0]],"v":[[59,341.5],[334,341.5],[349.5,357],[349.5,405],[334,420.5],[59,420.5],[43.5,405],[43.5,357],[59,341.5]]}}},{"ty":"st","hd":false,"bm":0,"c":{"a":0,"k":[0.886,0.894,0.906]},"lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":1}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,-8.56],[0,0],[8.56,0],[0,0],[0,8.56],[0,0],[-8.56,0]],"o":[[0,0],[8.56,0],[0,0],[0,8.56],[0,0],[-8.56,0],[0,0],[0,-8.56],[0,0]],"v":[[59,341.5],[334,341.5],[349.5,357],[349.5,405],[334,420.5],[59,420.5],[43.5,405],[43.5,357],[59,341.5]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[196.5,381]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0}]},{"ddd":0,"ind":21,"ty":4,"nm":"푸시2","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[200.725,133.328]},"r":{"a":0,"k":0},"s":{"a":1,"k":[{"t":0,"s":[0,0],"i":{"x":0.88,"y":0.77},"o":{"x":0.5,"y":0}},{"t":6,"s":[0,0],"i":{"x":0.88,"y":0.77},"o":{"x":0.5,"y":0}},{"t":21,"s":[110,110],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25}},{"t":27,"s":[100,100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"shapes":[{"ty":"gr","hd":false,"nm":"Layer 7 Group","bm":0,"it":[{"ty":"gr","hd":false,"nm":"Path 1 (92) Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[122.769,462.078],[122.673,462.951],[113.133,461.902],[113.229,461.028]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[121.362,463.727],[121.013,466.895],[119.883,466.771],[120.134,464.488],[114.019,463.815],[114.116,462.929]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[121.865,460.222],[121.772,461.072],[114.573,460.28],[115.05,455.947],[122.178,456.731],[122.082,457.605],[116.072,456.943],[115.978,457.794],[121.721,458.426],[121.629,459.264],[115.886,458.632],[115.785,459.553]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[132.855,457.635],[132.257,463.063],[131.162,462.942],[131.3,461.696],[129.016,461.445],[128.922,462.307],[124.111,461.777],[124.613,457.211],[125.72,457.333],[125.565,458.742],[128.174,459.03],[128.329,457.62],[129.424,457.741],[129.319,458.696],[131.602,458.947],[131.76,457.514]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[132.206,463.529],[131.924,466.091],[126.228,465.465],[126.122,466.431],[132.19,467.099],[132.093,467.985],[124.918,467.195],[125.212,464.516],[130.92,465.144],[131.016,464.27],[125.285,463.64],[125.38,462.778]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[125.315,461.014],[127.924,461.301],[128.08,459.88],[125.471,459.593]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[129.11,460.594],[131.393,460.846],[131.508,459.797],[129.225,459.546]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[142.673,458.727],[142.304,462.082],[143.818,462.248],[143.717,463.168],[142.203,463.002],[141.814,466.531],[140.708,466.41],[141.566,458.605]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[140.571,459.722],[140.472,460.619],[134.252,459.934],[134.351,459.037],[136.913,459.319],[137.048,458.096],[138.155,458.218],[138.02,459.441]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.131,-1.188],[1.503,0.165],[-0.131,1.189],[-1.514,-0.166]],"o":[[1.503,0.166],[-0.13,1.188],[-1.514,-0.167],[0.131,-1.188],[0,0]],"v":[[137.307,460.777],[139.618,463.024],[136.875,464.703],[134.551,462.466],[137.307,460.777]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.064,-0.688],[-0.885,-0.098],[-0.086,0.674],[0.885,0.097]],"o":[[-0.886,-0.098],[-0.086,0.675],[0.885,0.098],[0.064,-0.689],[0,0]],"v":[[137.214,461.628],[135.623,462.584],[136.97,463.841],[138.582,462.91],[137.214,461.628]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[142.092,468.083],[141.993,468.98],[134.934,468.203],[135.266,465.186],[136.372,465.308],[136.139,467.428]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.138,-1.364],[1.573,0.173],[-0.151,1.375],[-1.585,-0.163]],"o":[[1.571,0.184],[-0.163,1.373],[-1.584,-0.175],[0.15,-1.362],[0,0]],"v":[[150.615,459.943],[153.095,462.585],[150.101,464.614],[147.608,461.981],[150.615,459.943]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.082,-0.852],[-0.967,-0.107],[-0.095,0.862],[0.957,0.094]],"o":[[-0.965,-0.118],[-0.107,0.86],[0.955,0.105],[0.094,-0.85],[0,0]],"v":[[150.512,460.874],[148.692,462.101],[150.2,463.717],[152.023,462.467],[150.512,460.874]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[156.35,460.22],[155.765,465.532],[154.658,465.41],[155.243,460.098]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[155.713,466.009],[155.423,468.642],[149.669,468.009],[149.558,469.01],[155.662,469.682],[155.565,470.567],[148.389,469.778],[148.688,467.064],[154.419,467.694],[154.52,466.774],[148.754,466.14],[148.852,465.254]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[166.647,461.353],[165.496,471.813],[164.389,471.692],[165.54,461.231]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.246,-2.236],[1.549,0.171],[-0.247,2.248],[-1.572,-0.173]],"o":[[1.55,0.171],[-0.248,2.248],[-1.572,-0.173],[0.246,-2.237],[0,0]],"v":[[160.981,461.519],[163.27,465.473],[160.175,468.846],[157.876,464.88],[160.981,461.519]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.181,-1.643],[-0.967,-0.106],[-0.182,1.654],[0.956,0.105]],"o":[[-0.966,-0.107],[-0.182,1.654],[0.955,0.105],[0.181,-1.642],[0,0]],"v":[[160.872,462.51],[158.948,464.998],[160.284,467.856],[162.198,465.355],[160.872,462.51]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[172.777,468.217],[172.643,469.428],[174.274,469.608],[174.407,468.396],[175.432,468.509],[174.971,472.703],[171.278,472.296],[171.74,468.103]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[172.41,471.548],[174.041,471.728],[174.182,470.447],[172.551,470.267]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-1.243,-0.597],[0,0],[0.227,0.904],[0.938,-0.274],[0,0],[-0.114,1.037],[0,0],[0,0]],"o":[[-0.12,1.095],[0,0],[-0.833,-0.418],[-0.439,0.777],[0,0],[1.314,-0.374],[0,0],[0,0],[0,0]],"v":[[178.375,469.623],[179.982,472.488],[179.319,473.264],[177.649,471.182],[175.579,472.852],[175.113,471.952],[177.28,469.502],[177.374,468.652],[178.469,468.773]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.105,-1.19],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[1.386,0.153],[-0.159,1.445],[-1.596,-0.175]],"o":[[1.374,0.151],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.359,1.175],[-1.596,-0.175],[0.156,-1.421],[0,0]],"v":[[174.065,462.617],[176.518,464.856],[178.557,465.08],[178.819,462.692],[179.926,462.814],[179.317,468.347],[178.211,468.225],[178.457,465.989],[176.43,465.766],[173.533,467.451],[171.062,464.727],[174.065,462.617]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.097,-0.885],[-0.988,-0.12],[-0.098,0.897],[0.967,0.107]],"o":[[-0.99,-0.109],[-0.099,0.897],[0.969,0.095],[0.098,-0.885],[0,0]],"v":[[173.963,463.537],[172.122,464.844],[173.631,466.554],[175.453,465.21],[173.963,463.537]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.044,-1.952],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[1.45,0.159],[-0.26,2.246],[-1.561,-0.172]],"o":[[1.415,0.156],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.346,2.019],[-1.561,-0.172],[0.234,-2.238],[0,0]],"v":[[184.278,464.083],[186.554,467.505],[188.709,467.742],[189.14,463.828],[190.235,463.948],[189.084,474.409],[187.989,474.288],[188.611,468.639],[186.467,468.403],[183.472,471.41],[181.232,467.45],[184.278,464.083]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.181,-1.642],[-0.944,-0.104],[-0.182,1.654],[0.944,0.104]],"o":[[-0.943,-0.104],[-0.182,1.654],[0.943,0.104],[0.18,-1.642],[0,0]],"v":[[184.169,465.073],[182.28,467.565],[183.581,470.42],[185.472,467.916],[184.169,465.073]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[199.77,469.867],[199.672,470.752],[196.516,470.405],[196.235,472.956],[200.487,473.423],[200.387,474.332],[190.835,473.281],[190.935,472.372],[195.14,472.835],[195.421,470.284],[192.404,469.952],[192.942,465.06],[200.117,465.849],[200.019,466.746],[193.95,466.079],[193.608,469.189]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0.37,-1.221],[0,0],[-0.075,0.681],[0,0],[0,0]],"o":[[0,0],[-0.094,0.744],[0,0],[0.331,-1.083],[0,0],[0,0],[0,0]],"v":[[209.832,466.918],[209.757,467.606],[209.189,470.514],[208.164,470.295],[208.685,467.7],[205.319,467.33],[205.418,466.433]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[-0.802,0.006],[0,0],[1.409,0.155],[0,0],[-0.637,-0.052],[0,0]],"o":[[0,0],[0.912,0.065],[0,0],[-1.734,0.116],[0,0],[0.489,0.054],[0,0],[0,0]],"v":[[207.346,469.05],[207.117,471.135],[209.758,471.237],[209.729,472.035],[204.379,471.8],[204.373,470.892],[206.088,471.057],[206.321,468.937]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[214.008,466.576],[213.139,474.474],[212.067,474.356],[212.479,470.617],[211.372,470.495],[210.992,473.955],[209.955,473.84],[210.774,466.397],[211.811,466.511],[211.473,469.575],[212.58,469.696],[212.936,466.458]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[213.252,475.913],[213.153,476.81],[205.663,475.986],[206.007,472.864],[207.137,472.988],[206.892,475.213]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[223.573,467.617],[223.319,469.923],[224.833,470.09],[224.732,471.01],[223.218,470.843],[222.982,472.987],[221.875,472.865],[222.466,467.495]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[-0.688,0.148],[0,0],[0.781,0.086],[0,0],[0,0]],"o":[[0,0],[0.614,0.044],[0,0],[-1.001,0.208],[0,0],[0,0],[0,0]],"v":[[216.81,473.251],[216.481,476.244],[218.497,476.136],[218.564,477.028],[215.832,477.104],[215.296,477.046],[215.727,473.132]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[223.841,474.178],[223.751,474.993],[218.486,474.414],[218.576,473.598],[220.684,473.83],[220.781,472.957],[221.864,473.076],[221.768,473.95]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.095,-0.862],[1.143,0.114],[-0.106,0.849],[-1.154,-0.127]],"o":[[1.141,0.126],[-0.094,0.85],[-1.152,-0.139],[0.083,-0.864],[0,0]],"v":[[221.082,475.041],[222.894,476.679],[220.77,477.872],[218.957,476.246],[221.082,475.041]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.045,-0.408],[-0.559,-0.062],[-0.043,0.396],[0.548,0.061]],"o":[[-0.559,-0.061],[-0.044,0.396],[0.547,0.06],[0.045,-0.408],[0,0]],"v":[[220.998,475.798],[219.947,476.355],[220.855,477.103],[221.892,476.569],[220.998,475.798]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-1.521,-0.533],[0,0],[0.385,0.898],[1.33,-0.19],[0,0],[-0.132,1.2],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[-0.114,1.036],[0,0],[-1.186,-0.419],[-0.57,0.946],[0,0],[1.65,-0.207],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[218.807,469.144],[221.112,471.767],[220.552,472.566],[218.138,470.508],[215.207,472.285],[214.814,471.357],[217.712,469.023],[217.725,468.907],[215.453,468.657],[215.551,467.772],[217.822,468.022],[217.939,466.961],[219.045,467.083],[218.929,468.143],[221.188,468.392],[221.091,469.277],[218.82,469.027]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.234,-2.238],[1.561,0.171],[-0.259,2.247],[-1.561,-0.172]],"o":[[1.561,0.172],[-0.26,2.247],[-1.561,-0.172],[0.234,-2.238],[0,0]],"v":[[228.391,468.937],[230.668,472.889],[227.585,476.264],[225.321,472.301],[228.391,468.937]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.181,-1.643],[-0.956,-0.105],[-0.182,1.654],[0.967,0.106]],"o":[[-0.955,-0.105],[-0.182,1.654],[0.966,0.106],[0.18,-1.643],[0,0]],"v":[[228.282,469.927],[226.381,472.418],[227.694,475.274],[229.608,472.773],[228.282,469.927]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[233.812,468.743],[233.362,472.832],[235.039,473.017],[234.937,473.948],[233.259,473.764],[232.663,479.18],[231.557,479.059],[232.705,468.622]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.103,0.931],[-2.237,-0.246],[0.18,-1.643],[0.891,-0.379],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[-0.804,-0.566],[0.181,-1.643],[2.248,0.247],[-0.102,0.92],[0,0],[0,0]],"v":[[244.638,478.246],[244.537,479.167],[234.985,478.116],[235.086,477.195],[237.369,477.447],[237.669,474.721],[236.532,472.415],[240.676,470.112],[244.232,473.262],[242.657,475.246],[242.355,477.995]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.124,-1.129],[-1.642,-0.181],[-0.123,1.118],[1.631,0.18]],"o":[[-1.642,-0.181],[-0.123,1.119],[1.631,0.179],[0.124,-1.13],[0,0]],"v":[[240.578,470.997],[237.604,472.532],[240.172,474.69],[243.16,473.144],[240.578,470.997]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0.471,0.057],[0.439,0.153]],"o":[[0,0],[0,0],[-0.47,0.063],[-0.463,-0.048],[0,0]],"v":[[238.464,477.567],[241.237,477.872],[241.493,475.542],[240.077,475.552],[238.719,475.249]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.061,0.453],[-0.455,-0.05],[0.046,-0.455],[0.455,0.044]],"o":[[-0.455,-0.05],[0.039,-0.456],[0.454,0.054],[-0.056,0.453],[0,0]],"v":[[246.439,479.777],[245.702,478.859],[246.621,478.123],[247.357,479.041],[246.439,479.777]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0.867,0.096],[-0.169,1.538],[-1.574,-0.162],[-0.431,-0.637],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[-0.56,0.534],[-1.573,-0.173],[0.17,-1.549],[0.861,0.1],[0,0],[0,0],[0,0]],"v":[[120.587,474.405],[119.741,482.093],[118.635,481.971],[118.933,479.257],[116.348,478.973],[114.124,479.683],[111.676,476.749],[114.706,474.395],[116.71,475.57],[119.308,475.856],[119.481,474.283]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[119.843,483.743],[119.744,484.64],[112.685,483.863],[113.05,480.544],[114.157,480.665],[113.89,483.088]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.109,-0.99],[-0.978,-0.108],[-0.109,0.99],[0.943,0.104]],"o":[[-0.979,-0.108],[-0.109,0.99],[0.944,0.103],[0.109,-0.991],[0,0]],"v":[[114.597,475.385],[112.736,476.866],[114.231,478.705],[116.067,477.233],[114.597,475.385]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.032,-0.291],[0.102,-0.236],[0,0],[0,0]],"o":[[0.042,0.258],[-0.03,0.28],[0,0],[0,0],[0,0]],"v":[[117.101,476.521],[117.127,477.349],[116.924,478.128],[119.032,478.36],[119.209,476.753]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[130.85,475.534],[130.015,483.118],[128.909,482.996],[129.743,475.413]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[130.14,484.876],[130.041,485.773],[122.901,484.987],[123.274,481.598],[124.392,481.721],[124.118,484.214]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.167,-1.514],[1.573,0.173],[-0.169,1.538],[-1.573,-0.173]],"o":[[1.572,0.173],[-0.169,1.538],[-1.573,-0.173],[0.167,-1.514],[0,0]],"v":[[125.112,475.61],[127.599,478.501],[124.541,480.794],[122.043,477.89],[125.112,475.61]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.105,-0.955],[-0.979,-0.107],[-0.108,0.979],[0.955,0.105]],"o":[[-0.978,-0.107],[-0.107,0.979],[0.955,0.105],[0.105,-0.955],[0,0]],"v":[[125.005,476.577],[123.126,478.009],[124.648,479.827],[126.516,478.382],[125.005,476.577]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0.367,-1.328],[0,0],[-0.108,0.872],[0,0],[0,0]],"o":[[0,0],[-0.134,1.371],[0,0],[0.446,-1.643],[0,0],[0,0],[0,0]],"v":[[138.195,477.463],[138.124,478.103],[137.371,482.159],[136.285,481.957],[137.001,478.239],[132.761,477.773],[132.86,476.876]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[-1.105,0.014],[0,0],[1.851,0.216],[0,0],[-0.766,-0.061],[0,0]],"o":[[0,0],[1.102,0.091],[0,0],[-2.217,0.11],[0,0],[0.653,0.066],[0,0],[0,0]],"v":[[135.187,480.15],[134.844,483.272],[138.156,483.388],[138.123,484.222],[131.627,483.896],[131.598,482.985],[133.745,483.186],[134.092,480.029]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[140.636,476.599],[140.161,480.909],[141.757,481.085],[141.653,482.029],[140.058,481.853],[139.487,487.036],[138.369,486.913],[139.517,476.476]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[153.927,478.062],[153.629,480.764],[155.143,480.931],[155.04,481.875],[153.525,481.708],[153.234,484.352],[152.128,484.23],[152.82,477.94]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[153.174,484.9],[152.792,488.371],[146.129,487.638],[146.511,484.166]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[147.498,485.159],[147.311,486.86],[151.796,487.353],[151.983,485.653]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[151.841,478.905],[151.744,479.791],[145.524,479.106],[145.621,478.221],[148.184,478.503],[148.309,477.361],[149.416,477.483],[149.29,478.625]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.123,-1.119],[1.504,0.154],[-0.124,1.13],[-1.526,-0.168]],"o":[[1.502,0.165],[-0.124,1.129],[-1.524,-0.18],[0.123,-1.118],[0,0]],"v":[[148.584,479.903],[150.906,482.045],[148.172,483.642],[145.839,481.487],[148.584,479.903]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.058,-0.63],[-0.886,-0.097],[-0.084,0.652],[0.887,0.086]],"o":[[-0.884,-0.109],[-0.083,0.651],[0.885,0.098],[0.057,-0.63],[0,0]],"v":[[148.49,480.753],[146.911,481.605],[148.265,482.803],[149.87,481.93],[148.49,480.753]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[1.681,-1.89],[0,0],[-0.298,1.959],[0,0],[0,0]],"o":[[-0.269,2.34],[0,0],[1.397,-1.497],[0,0],[0,0],[0,0]],"v":[[158.485,479.813],[155.978,486.422],[155.169,485.838],[157.43,480.617],[156.009,480.46],[156.109,479.552]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.217,-0.954],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.929,-1.053],[0,0],[-0.268,2.01],[0,0],[0,0]],"o":[[-0.097,0.88],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.382,1.273],[0,0],[1.55,-1.662],[0,0],[0,0],[0,0]],"v":[[160.803,480.068],[160.366,482.861],[161.589,482.996],[162.004,479.222],[163.053,479.337],[161.99,488.994],[160.942,488.879],[161.49,483.893],[160.139,483.744],[158.25,487.309],[157.443,486.713],[159.748,480.872],[158.7,480.756],[158.799,479.848]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[165.062,479.287],[163.914,489.724],[162.854,489.608],[164.002,479.171]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.183,-1.665],[1.969,0.052],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.172,1.567],[-2.226,-0.233]],"o":[[2.235,0.257],[-0.173,1.567],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-1.922,-0.376],[0.183,-1.666],[0,0]],"v":[[173.939,480.901],[177.49,484.097],[173.878,486.494],[173.652,488.544],[177.904,489.012],[177.803,489.932],[168.251,488.881],[168.352,487.961],[172.557,488.424],[172.783,486.373],[169.79,483.25],[173.939,480.901]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.124,-1.13],[-1.606,-0.188],[-0.129,1.177],[1.621,0.167]],"o":[[-1.606,-0.188],[-0.13,1.176],[1.62,0.167],[0.124,-1.13],[0,0]],"v":[[173.839,481.809],[170.862,483.368],[173.424,485.583],[176.418,483.979],[173.839,481.809]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[187.725,484.186],[187.626,485.083],[180.463,484.295],[180.806,481.173],[181.889,481.292],[181.645,483.517]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[188.643,486.126],[188.546,487.011],[178.994,485.96],[179.092,485.075]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[187.254,487.718],[186.973,490.269],[180.916,489.603],[180.81,490.569],[187.228,491.276],[187.132,492.149],[179.607,491.321],[179.899,488.666],[185.968,489.333],[186.064,488.46],[179.972,487.789],[180.067,486.927]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.128,-1.165],[2.353,0.259],[-0.128,1.165],[-2.353,-0.259]],"o":[[2.353,0.259],[-0.128,1.165],[-2.353,-0.259],[0.128,-1.165],[0,0]],"v":[[194.607,482.715],[198.137,484.919],[194.211,486.314],[190.682,484.099],[194.607,482.715]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.057,-0.619],[-1.666,-0.183],[-0.071,0.641],[1.666,0.184]],"o":[[-1.665,-0.183],[-0.082,0.639],[1.666,0.184],[0.067,-0.617],[0,0]],"v":[[194.517,483.53],[191.835,484.226],[194.302,485.487],[196.996,484.793],[194.517,483.53]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[198.905,487.479],[198.807,488.365],[189.29,487.317],[189.388,486.432]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[197.519,489.036],[197.25,491.482],[191.169,490.813],[191.067,491.745],[197.438,492.446],[197.345,493.297],[189.89,492.476],[190.174,489.89],[196.243,490.558],[196.333,489.743],[190.253,489.074],[190.344,488.247]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[211.773,484.427],[210.624,494.864],[209.506,494.741],[210.654,484.304]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[3.765,-1.319],[0,0],[-0.484,2.411],[0,0],[0,0]],"o":[[-0.336,3.052],[0,0],[2.923,-1.016],[0,0],[0,0],[0,0]],"v":[[208.54,485.203],[202.842,492.086],[202.359,491.125],[207.324,485.965],[203.48,485.542],[203.577,484.657]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[222.317,491.352],[222.218,492.249],[212.666,491.198],[212.765,490.301],[216.993,490.767],[217.102,489.776],[214.097,489.446],[214.389,486.79],[220.412,487.453],[220.514,486.521],[214.469,485.855],[214.565,484.982],[221.717,485.769],[221.428,488.39],[215.395,487.726],[215.287,488.704],[221.53,489.391],[221.436,490.253],[218.197,489.897],[218.088,490.887]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[220.996,492.857],[220.663,495.886],[219.544,495.763],[219.78,493.62],[213.56,492.935],[213.657,492.05]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[228.683,488.033],[228.584,488.93],[223.401,488.359],[223.499,487.462],[225.549,487.688],[225.706,486.267],[226.801,486.387],[226.644,487.808]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.144,-1.411],[1.328,0.147],[-0.168,1.42],[-1.305,-0.144]],"o":[[1.328,0.146],[-0.168,1.419],[-1.304,-0.143],[0.144,-1.411],[0,0]],"v":[[225.929,489.274],[227.936,491.924],[225.398,494.096],[223.405,491.425],[225.929,489.274]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.095,-0.862],[-0.757,-0.083],[-0.097,0.885],[0.745,0.082]],"o":[[-0.757,-0.083],[-0.098,0.885],[0.746,0.082],[0.095,-0.862],[0,0]],"v":[[225.828,490.194],[224.384,491.533],[225.502,493.153],[226.958,491.816],[225.828,490.194]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[232.647,486.724],[231.498,497.161],[230.45,497.046],[231.02,491.862],[229.82,491.73],[229.304,496.424],[228.256,496.309],[229.325,486.594],[230.373,486.709],[229.92,490.821],[231.12,490.953],[231.598,486.609]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[236.345,487.296],[236.245,488.204],[241.079,488.736],[241.179,487.828],[242.285,487.95],[241.905,491.409],[238.899,491.078],[238.799,491.987],[243.039,492.454],[242.942,493.339],[233.425,492.292],[233.523,491.406],[237.716,491.868],[237.816,490.959],[234.869,490.635],[235.25,487.175]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[236.056,489.917],[240.89,490.449],[240.989,489.552],[236.155,489.02]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[241.659,493.964],[241.391,496.398],[235.311,495.729],[235.214,496.603],[241.586,497.304],[241.493,498.155],[234.038,497.334],[234.314,494.818],[240.383,495.486],[240.473,494.671],[234.392,494.001],[234.483,493.174]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[252.624,488.922],[252.157,493.162],[253.672,493.329],[253.572,494.237],[252.057,494.071],[251.475,499.359],[250.369,499.237],[251.517,488.8]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[2.109,-1.807],[0,0],[-0.341,2.079],[0,0],[0,0]],"o":[[-0.287,2.609],[0,0],[1.701,-1.416],[0,0],[0,0],[0,0]],"v":[[247.352,489.474],[244.217,496.214],[243.411,495.501],[246.204,490.267],[244.387,490.067],[244.487,489.158]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[2.172,-2.06],[0,0],[-0.327,2.222],[0,0],[0,0]],"o":[[-0.291,2.645],[0,0],[1.748,-1.641],[0,0],[0,0],[0,0]],"v":[[250.229,489.79],[247.135,497.231],[246.317,496.528],[249.093,490.585],[247.59,490.42],[247.69,489.511]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.103,0.932],[-2.237,-0.246],[0.18,-1.642],[0.891,-0.38],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[-0.804,-0.566],[0.181,-1.642],[2.248,0.248],[-0.102,0.921],[0,0],[0,0]],"v":[[263.287,498.407],[263.186,499.327],[253.634,498.276],[253.735,497.356],[256.018,497.607],[256.318,494.881],[255.181,492.575],[259.325,490.272],[262.881,493.422],[261.306,495.407],[261.004,498.156]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.124,-1.13],[-1.642,-0.18],[-0.123,1.118],[1.631,0.179]],"o":[[-1.642,-0.181],[-0.123,1.118],[1.631,0.18],[0.124,-1.13],[0,0]],"v":[[259.227,491.158],[256.253,492.693],[258.821,494.85],[261.809,493.305],[259.227,491.158]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0.47,0.057],[0.439,0.153]],"o":[[0,0],[0,0],[-0.47,0.063],[-0.463,-0.048],[0,0]],"v":[[257.113,497.728],[259.886,498.033],[260.142,495.703],[258.726,495.712],[257.368,495.41]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-0.822,0.393],[-0.068,0.617],[0.699,0.077],[0.153,-0.855],[0,0],[-1.386,-0.153],[0.146,-1.328],[0.795,-0.372],[0.128,-0.941],[0,0],[0,0]],"o":[[0.18,-1.525],[0.522,-0.249],[0.081,-0.734],[-0.629,-0.069],[0,0],[0.209,-1.474],[1.514,0.166],[-0.103,0.932],[-0.745,0.342],[0,0],[0,0],[0,0]],"v":[[265.896,497.409],[267.403,495.075],[268.412,493.831],[267.285,492.504],[265.855,493.608],[264.597,493.47],[267.4,491.456],[269.682,493.97],[268.272,495.855],[267.084,497.54],[267.077,497.61],[265.889,497.479]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (92)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.061,0.453],[-0.454,-0.05],[0.044,-0.455],[0.455,0.046]],"o":[[-0.454,-0.05],[0.039,-0.455],[0.454,0.056],[-0.054,0.454],[0,0]],"v":[[266.252,500.065],[265.516,499.147],[266.434,498.411],[267.17,499.329],[266.252,500.065]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.173,0.18,0.192]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Path 1 (27) Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.18,-1.748],[1.929,-0.006],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.175,1.59],[-2.283,-0.251]],"o":[[2.284,0.252],[-0.188,1.595],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-1.876,-0.413],[0.192,-1.747],[0,0]],"v":[[120.756,436.654],[124.433,439.994],[120.853,442.524],[120.655,444.33],[124.79,444.785],[124.655,446.008],[114.952,444.94],[115.087,443.717],[119.175,444.167],[119.375,442.35],[116.454,439.116],[120.756,436.654]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.117,-1.06],[-1.479,-0.163],[-0.135,1.117],[1.491,0.165]],"o":[[-1.48,-0.162],[-0.123,1.118],[1.491,0.164],[0.105,-1.061],[0,0]],"v":[[120.626,437.842],[117.921,439.278],[120.245,441.302],[122.965,439.833],[120.626,437.842]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[134.629,439.796],[134.499,440.972],[127.126,440.161],[127.477,436.969],[128.957,437.132],[128.735,439.147]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[135.539,441.806],[135.41,442.983],[125.707,441.915],[125.836,440.738]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[134.175,443.495],[133.865,446.314],[127.947,445.663],[127.873,446.338],[134.116,447.025],[133.991,448.167],[126.256,447.316],[126.574,444.427],[132.503,445.079],[132.57,444.474],[126.617,443.819],[126.743,442.677]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[147.713,439.066],[147.257,443.213],[148.818,443.385],[148.683,444.608],[147.122,444.436],[146.547,449.666],[145.079,449.505],[146.245,438.905]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[145.349,440.41],[145.218,441.598],[138.986,440.912],[139.117,439.724],[141.516,439.988],[141.673,438.567],[143.164,438.731],[143.007,440.152]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.163,-1.479],[1.549,0.17],[-0.163,1.48],[-1.561,-0.172]],"o":[[1.549,0.171],[-0.163,1.479],[-1.561,-0.172],[0.162,-1.479],[0,0]],"v":[[142.066,441.852],[144.49,444.677],[141.51,446.908],[139.074,444.081],[142.066,441.852]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.089,-0.816],[-0.747,-0.07],[-0.091,0.827],[0.744,0.094]],"o":[[-0.747,-0.07],[-0.091,0.827],[0.744,0.094],[0.09,-0.816],[0,0]],"v":[[141.934,443.052],[140.495,444.238],[141.644,445.684],[143.069,444.521],[141.934,443.052]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[158.196,440.55],[157.848,443.707],[151.919,443.054],[151.822,443.94],[157.995,444.619],[157.865,445.807],[150.188,444.962],[150.54,441.771],[156.445,442.42],[156.538,441.582],[150.597,440.928],[150.729,439.728]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[158.651,446.695],[158.52,447.883],[154.397,447.43],[154.057,450.516],[152.566,450.352],[152.906,447.266],[148.817,446.816],[148.948,445.628]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[168.257,444.251],[168.129,445.416],[160.721,444.6],[161.126,440.92],[162.605,441.082],[162.328,443.598]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[169.087,446.676],[168.959,447.841],[159.256,446.774],[159.384,445.609]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[167.635,450.549],[167.504,451.737],[159.933,450.904],[160.279,447.759],[161.77,447.923],[161.555,449.88]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.006,-1.928],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[1.479,0.162],[-0.268,2.329],[-1.608,-0.177]],"o":[[1.433,0.157],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.381,2.021],[-1.608,-0.177],[0.243,-2.307],[0,0]],"v":[[175.867,442.919],[178.241,446.304],[180.082,446.507],[180.503,442.674],[181.971,442.836],[180.802,453.459],[179.334,453.298],[179.951,447.695],[178.122,447.494],[175.035,450.479],[172.702,446.39],[175.867,442.919]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.161,-1.574],[-0.792,-0.087],[-0.174,1.584],[0.804,0.089]],"o":[[-0.792,-0.087],[-0.186,1.583],[0.803,0.089],[0.173,-1.573],[0,0]],"v":[[175.719,444.258],[174.124,446.547],[175.184,449.127],[176.779,446.839],[175.719,444.258]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[190.464,443.971],[190.214,446.242],[190.96,446.324],[191.232,443.855],[192.641,444.01],[191.972,450.09],[190.562,449.935],[190.829,447.513],[190.084,447.43],[189.826,449.772],[188.463,449.622],[189.101,443.821]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[-0.347,0.038],[0,0],[0.558,0.073],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0.288,0.008],[0,0],[-0.799,0.077],[0,0],[0,0],[0,0]],"v":[[185.688,443.988],[185.557,445.176],[184.683,445.08],[184.41,447.561],[185.358,447.524],[185.332,448.723],[183.381,448.662],[182.915,448.611],[183.451,443.742]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[-0.399,0.039],[0,0],[0.616,0.079],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0.323,0.012],[0,0],[-0.832,0.061],[0,0],[0,0],[0,0]],"v":[[188.483,444.295],[188.353,445.483],[187.374,445.376],[187.101,447.857],[188.178,447.822],[188.173,449.048],[186.107,448.962],[185.618,448.908],[186.154,444.039]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-0.719,-0.605],[-0.086,0.781],[0,0],[0,0],[0,0],[-1.363,-0.574],[0,0],[0.276,0.862],[1.008,-0.266],[0.247,0.864],[1.004,-0.231],[0,0],[-0.115,1.049],[0,0],[0,0]],"o":[[-0.108,0.934],[0.931,-0.534],[0,0],[0,0],[0,0],[-0.122,1.107],[0,0],[-0.971,-0.448],[-0.44,0.783],[-0.944,-0.475],[-0.461,0.757],[0,0],[1.436,-0.302],[0,0],[0,0],[0,0]],"v":[[186.6,450.266],[187.579,452.731],[189.058,450.536],[189.098,450.175],[190.589,450.339],[190.549,450.7],[192.259,453.482],[191.405,454.496],[189.565,452.466],[187.421,454.164],[185.695,452.064],[183.507,453.627],[182.894,452.452],[185.179,450.109],[185.219,449.748],[186.64,449.905]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.006,-1.928],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[1.479,0.163],[-0.268,2.328],[-1.608,-0.176]],"o":[[1.432,0.158],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.382,2.022],[-1.608,-0.177],[0.242,-2.308],[0,0]],"v":[[196.485,445.187],[198.859,448.573],[200.699,448.775],[201.121,444.943],[202.589,445.105],[201.42,455.728],[199.952,455.566],[200.569,449.964],[198.74,449.762],[195.653,452.747],[193.32,448.659],[196.485,445.187]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.162,-1.573],[-0.792,-0.087],[-0.174,1.584],[0.804,0.088]],"o":[[-0.792,-0.087],[-0.186,1.583],[0.804,0.089],[0.173,-1.573],[0,0]],"v":[[196.337,446.527],[194.741,448.815],[195.801,451.396],[197.397,449.108],[196.337,446.527]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.104,0.937],[-2.306,-0.254],[0.177,-1.714],[0.847,-0.407],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[-0.767,-0.58],[0.188,-1.713],[2.295,0.253],[-0.107,0.913],[0,0],[0,0]],"v":[[212.759,454.465],[212.624,455.688],[202.921,454.62],[203.056,453.397],[205.222,453.635],[205.508,451.038],[204.432,448.715],[208.729,446.299],[212.411,449.593],[210.892,451.606],[210.604,454.227]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0.118,-1.072],[-1.515,-0.166],[-0.126,1.035],[1.503,0.165]],"o":[[-1.514,-0.167],[-0.114,1.037],[1.502,0.166],[0.106,-1.073],[0,0]],"v":[[208.6,447.476],[205.899,448.876],[208.231,450.83],[210.943,449.431],[208.6,447.476]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0.406,0.046],[0.386,0.125]],"o":[[0,0],[0,0],[-0.408,0.035],[-0.403,-0.039],[0,0]],"v":[[206.69,453.797],[209.101,454.062],[209.328,452],[208.104,451.983],[206.917,451.735]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-0.747,0.354],[-0.059,0.536],[0.559,0.062],[0.098,-0.685],[0,0],[-1.491,-0.164],[0.157,-1.433],[0.819,-0.369],[0.101,-0.814],[0,0],[0,0]],"o":[[0.171,-1.443],[0.536,-0.271],[0.064,-0.582],[-0.548,-0.06],[0,0],[0.216,-1.639],[1.62,0.178],[-0.106,0.955],[-0.695,0.325],[0,0],[0,0],[0,0]],"v":[[215.356,453.465],[216.708,451.256],[217.728,450.13],[216.821,449.052],[215.634,449.983],[213.979,449.801],[216.983,447.679],[219.505,450.267],[218.023,452.155],[216.894,453.634],[216.88,453.763],[215.342,453.593]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (27)","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[-0.065,0.542],[-0.547,-0.06],[0.059,-0.536],[0.535,0.047]],"o":[[-0.543,-0.054],[0.047,-0.537],[0.513,0.057],[-0.064,0.533],[0,0]],"v":[[215.856,456.314],[214.986,455.228],[216.07,454.369],[216.931,455.442],[215.856,456.314]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.173,0.18,0.192]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[190.678,468.342]},"o":{"a":0,"k":100},"p":{"a":0,"k":[-9.548,-0.487]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Layer 8 Group","bm":0,"it":[{"ty":"gr","hd":false,"nm":"Path 1 (2) Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1 (2)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.128,-1.161],[0,0],[0,0],[0.922,-2.785],[-0.713,-0.991],[0,0],[-2.726,-1.081],[-1.057,0.772],[0,0],[-1.064,2.733],[0.041,0.564],[0.355,-3.243],[0,0],[0.871,0.095],[0,0],[0.153,0.117],[0,0],[0.367,-0.197],[0,0],[0.214,0.023],[0,0],[-0.096,0.87],[0,0],[-0.3,0.652],[0,0],[0.435,1.486],[-0.074,0.679],[0,0],[-1.161,-0.128]],"o":[[1.161,0.128],[0,0],[0,0],[-1.951,-2.191],[-0.384,1.159],[0,0],[-2.3,1.82],[1.216,0.482],[0,0],[1.835,2.288],[0.205,-0.527],[3.192,0.676],[0,0],[-0.096,0.87],[0,0],[-0.192,-0.022],[0,0],[-0.331,-0.253],[0,0],[-0.189,0.102],[0,0],[-0.871,-0.095],[0,0],[0.078,-0.714],[0,0],[0.647,-1.407],[-0.192,-0.656],[0,0],[0.128,-1.161],[0,0]],"v":[[81.393,444.268],[83.263,446.601],[82.693,451.794],[82.566,451.644],[76.102,452.981],[76.627,456.405],[76.746,456.562],[77.706,463.091],[81.358,462.626],[81.514,462.506],[88.037,461.504],[88.286,459.846],[93.282,466.75],[93.097,468.431],[91.347,469.834],[78.929,468.468],[78.402,468.256],[77.128,467.281],[75.983,467.189],[74.806,467.825],[74.187,467.946],[70.322,467.52],[68.919,465.771],[69.726,458.438],[70.298,456.376],[70.588,455.744],[70.917,451.258],[70.739,449.235],[71.175,445.271],[73.509,443.4]]}}},{"ty":"sh","hd":false,"nm":"Path 1 (2)","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-0.509,-0.593],[0.604,0.067],[-0.683,0.864],[-0.473,-0.035]],"o":[[0.17,0.762],[-0.263,0.51],[-1.089,-0.159],[0.294,-0.372],[0,0]],"v":[[82.493,455.937],[83.527,458.001],[82.104,458.766],[81.189,456.464],[82.417,455.925]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.192,0.686,0.537]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,-4.299],[0,0],[4.299,0],[0,0],[0,4.299],[0,0],[-4.299,0]],"o":[[0,0],[4.299,0],[0,0],[0,4.299],[0,0],[-4.299,0],[0,0],[0,-4.299],[0,0]],"v":[[74.026,436.727],[94.458,436.727],[102.242,444.511],[102.242,464.943],[94.458,472.727],[74.026,472.727],[66.242,464.943],[66.242,444.511],[74.026,436.727]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[66.242,436.727]},"o":{"a":0,"k":100},"p":{"a":0,"k":[66.242,436.727]},"r":{"a":0,"k":6},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[82.262,456.51]},"o":{"a":0,"k":100},"p":{"a":0,"k":[-117.964,-12.319]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Layer 9 Group","bm":0,"it":[{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,-8.56],[0,0],[8.56,0],[0,0],[0,8.56],[0,0],[-8.56,0]],"o":[[0,0],[8.56,0],[0,0],[0,8.56],[0,0],[-8.56,0],[0,0],[0,-8.56],[0,0]],"v":[[67.692,413.552],[342.692,413.552],[358.192,429.052],[358.192,477.052],[342.692,492.552],[67.692,492.552],[52.192,477.052],[52.192,429.052],[67.692,413.552]]}}},{"ty":"st","hd":false,"bm":0,"c":{"a":0,"k":[0.886,0.894,0.906]},"lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":1}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[52.192,413.552]},"o":{"a":0,"k":100},"p":{"a":0,"k":[52.192,413.552]},"r":{"a":0,"k":6},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,-8.56],[0,0],[8.56,0],[0,0],[0,8.56],[0,0],[-8.56,0]],"o":[[0,0],[8.56,0],[0,0],[0,8.56],[0,0],[-8.56,0],[0,0],[0,-8.56],[0,0]],"v":[[67.692,413.552],[342.692,413.552],[358.192,429.052],[358.192,477.052],[342.692,492.552],[67.692,492.552],[52.192,477.052],[52.192,429.052],[67.692,413.552]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[52.192,413.552]},"o":{"a":0,"k":100},"p":{"a":0,"k":[52.192,413.552]},"r":{"a":0,"k":6},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[200.225,468.828]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0}]},{"ddd":0,"ind":31,"ty":4,"nm":"화면","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[196.5,426]},"o":{"a":0,"k":100},"p":{"a":0,"k":[196.5,426]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"shapes":[{"ty":"gr","hd":false,"nm":"Path 1 Group","bm":0,"it":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[0,0],[393,0],[393,852],[0,852]]}}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0}]}]}],"ddd":0,"fr":30,"h":287,"ip":0,"layers":[{"ddd":0,"ind":33,"ty":0,"nm":"Import from Figma","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[196.5,143.5]},"o":{"a":0,"k":100},"p":{"a":0,"k":[196.5,143.5]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"h":287,"refId":"el-35-aFnd","w":393},{"ddd":0,"ind":34,"ty":4,"nm":"Screen","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[196.5,143.5]},"o":{"a":0,"k":100},"p":{"a":0,"k":[196.5,143.5]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":61,"st":0,"bm":0,"shapes":[{"ty":"gr","hd":false,"nm":"Screen Group","bm":0,"it":[{"ty":"rc","hd":false,"nm":"Screen","d":1,"p":{"a":0,"k":[196.5,143.5]},"r":{"a":0,"k":0},"s":{"a":0,"k":[393,287]}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0}]}],"meta":{"g":"@phase-software/lottie-exporter 0.7.0"},"nm":"","op":60,"v":"5.6.0","w":393}
\ No newline at end of file
diff --git a/src/assets/react.svg b/src/assets/react.svg
deleted file mode 100644
index 6c87de9..0000000
--- a/src/assets/react.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
\ No newline at end of file
diff --git a/src/entities/axios/HTTPError.ts b/src/entities/axios/HTTPError.ts
new file mode 100644
index 0000000..f1cddf6
--- /dev/null
+++ b/src/entities/axios/HTTPError.ts
@@ -0,0 +1,36 @@
+import { HTTP_STATUS_CODE } from "../../shared/constants/api";
+
+/** HTTP 통신 시 발생하는 API Error를 별도의 객체로 나타내기 위한 에러 객체입니다. */
+export class HTTPError extends Error {
+  statusCode: number;
+  code?: number;
+
+  constructor(statusCode: number, message?: string, code?: number) {
+    super(message);
+    let name = "HTTPError";
+
+    switch (statusCode) {
+      case HTTP_STATUS_CODE.BAD_REQUEST: {
+        name += ": BAD_REQUESET";
+        break;
+      }
+      case HTTP_STATUS_CODE.UNAUTHORIZED: {
+        name += ": UNAUTHORIZED";
+        break;
+      }
+      case HTTP_STATUS_CODE.NOT_FOUND: {
+        name += ": NOT_FOUND";
+        break;
+      }
+
+      case HTTP_STATUS_CODE.INTERNAL_SERVER_ERROR: {
+        name += ": INTERNAL_SERVER_ERROR";
+        break;
+      }
+    }
+
+    this.name = name;
+    this.statusCode = statusCode;
+    this.code = code;
+  }
+}
diff --git a/src/entities/axios/api.ts b/src/entities/axios/api.ts
new file mode 100644
index 0000000..58a06f3
--- /dev/null
+++ b/src/entities/axios/api.ts
@@ -0,0 +1,12 @@
+export const HTTP_STATUS_CODE = {
+  SUCCESS: 200,
+  CREATED: 201,
+  BAD_REQUEST: 400,
+  UNAUTHORIZED: 401,
+  NOT_FOUND: 404,
+  CONFLICT: 409,
+  INTERNAL_SERVER_ERROR: 500,
+};
+
+export const USER_ID_KEY = "access_token";
+export const REFRESH_TOKEN_KEY = "refresh_token";
diff --git a/src/entities/axios/index.d.ts b/src/entities/axios/index.d.ts
new file mode 100644
index 0000000..6e8816a
--- /dev/null
+++ b/src/entities/axios/index.d.ts
@@ -0,0 +1,10 @@
+import { AxiosError } from "axios";
+
+declare module "@tanstack/react-query" {
+  interface Register {
+    defaultError: AxiosError;
+  }
+}
+/**
+ * Query 에서 발생하는 기본적인 에러를 AxiosError 타입으로 설정함
+ */
diff --git a/src/entities/axios/instance.ts b/src/entities/axios/instance.ts
new file mode 100644
index 0000000..229a03c
--- /dev/null
+++ b/src/entities/axios/instance.ts
@@ -0,0 +1,35 @@
+import axios from "axios";
+import { handleAPIError } from "./interceptor";
+
+// Axios 인스턴스 생성
+export const api = axios.create({
+  baseURL: `${import.meta.env.VITE_BASE_URL}/v1`,
+  withCredentials: true,
+  headers: {
+    "Content-Type": "application/json",
+    Accept: "application/json",
+  },
+});
+
+// Response 인터셉터 설정
+api.interceptors.response.use(res => res, handleAPIError);
+
+export function get<T>(...args: Parameters<typeof api.get>) {
+  return api.get<T>(...args).then(res => res.data);
+}
+
+export function post<T>(...args: Parameters<typeof api.post>) {
+  return api.post<T>(...args).then(res => res.data);
+}
+
+export function put<T>(...args: Parameters<typeof api.put>) {
+  return api.put<T>(...args).then(res => res.data);
+}
+
+export function patch<T>(...args: Parameters<typeof api.patch>) {
+  return api.patch<T>(...args).then(res => res.data);
+}
+
+export function del<T>(...args: Parameters<typeof api.delete>) {
+  return api.delete<T>(...args).then(res => res.data);
+}
diff --git a/src/entities/axios/interceptor.ts b/src/entities/axios/interceptor.ts
new file mode 100644
index 0000000..bd9e3e4
--- /dev/null
+++ b/src/entities/axios/interceptor.ts
@@ -0,0 +1,54 @@
+import { HTTP_STATUS_CODE } from "../../shared/constants/api";
+import { AxiosError, InternalAxiosRequestConfig } from "axios";
+import { api } from "./instance";
+
+/**
+ * 요청 인터셉터 - Access Token을 헤더에 추가
+ */
+
+export const handleCheckAndSetToken = (config: InternalAxiosRequestConfig) => {
+  return config;
+};
+
+/**
+ * 응답 인터셉터 - 401 발생 시 Refresh Token을 사용하여 기존 요청 재시도
+ */
+export const handleAPIError = async (error: AxiosError) => {
+  if (!error.response) {
+    return Promise.reject(new Error("서버 응답이 없습니다. 네트워크 상태를 확인해주세요."));
+  }
+
+  const { response, config } = error;
+  const { status } = response;
+
+  // 무한루프 방지: 재발급 시도 여부 플래그
+  if ((config as any)?._retry) {
+    window.location.href = "/login";
+    return Promise.reject(error);
+  }
+
+  if (status === HTTP_STATUS_CODE.UNAUTHORIZED || status === HTTP_STATUS_CODE.FORBIDDEN) {
+    try {
+      // 토큰 재발급 요청
+      const reissueRes = await api.post("/auth/reissue");
+      // result가 true이거나, 서버에서 200 OK로 응답하면 성공으로 간주
+      if (reissueRes && (reissueRes.status === 200 || (reissueRes.data && reissueRes.data.result === true))) {
+        if (config) {
+          (config as any)._retry = true; // 재발급 시도 플래그
+          return api.request(config as any);
+        } else {
+          return Promise.reject(error);
+        }
+      } else {
+        window.location.href = "/login";
+        return Promise.reject(error);
+      }
+    } catch (e) {
+      console.log("reissue error:", e);
+      window.location.href = "/login";
+      return Promise.reject(error);
+    }
+  }
+
+  return Promise.reject(error);
+};
diff --git a/src/entities/comment/index.ts b/src/entities/comment/index.ts
new file mode 100644
index 0000000..27761ed
--- /dev/null
+++ b/src/entities/comment/index.ts
@@ -0,0 +1,2 @@
+export * from "./type";
+export * from "./service";
diff --git a/src/entities/comment/mutaion.ts b/src/entities/comment/mutaion.ts
new file mode 100644
index 0000000..71049c9
--- /dev/null
+++ b/src/entities/comment/mutaion.ts
@@ -0,0 +1,23 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { createComment } from "./service";
+import { CommentRequest } from "./type";
+import { letterQueryKey } from "../letter/queryKey";
+
+export const useCommentMutation = (letterId = "", scheduleId = "") => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (data: CommentRequest) => {
+      return await createComment(letterId, data);
+    },
+    onSuccess: () => {
+      if (scheduleId) {
+        queryClient.invalidateQueries({
+          queryKey: letterQueryKey.detail(scheduleId, letterId).queryKey,
+        });
+      }
+    },
+    onError: error => {
+      console.error("Error:", error);
+    },
+  });
+};
diff --git a/src/entities/comment/service.ts b/src/entities/comment/service.ts
new file mode 100644
index 0000000..028d3a0
--- /dev/null
+++ b/src/entities/comment/service.ts
@@ -0,0 +1,7 @@
+import { api } from "../axios/instance";
+import { CommentRequest, CommentResponse } from "./type";
+
+export const createComment = async (letterId: string, data: CommentRequest): Promise<CommentResponse> => {
+  const response = await api.post<CommentResponse>(`/schedules/letters/${letterId}/comments`, data);
+  return response.data;
+};
diff --git a/src/entities/comment/type.ts b/src/entities/comment/type.ts
new file mode 100644
index 0000000..f2d8e37
--- /dev/null
+++ b/src/entities/comment/type.ts
@@ -0,0 +1,16 @@
+export interface Comment {
+  id: string;
+  author: string;
+  content: string;
+  createdAt: Date;
+}
+
+// API 요청에서 사용하는 타입
+export interface CommentRequest {
+  commentId: string | null;
+  content: string;
+}
+
+export interface CommentResponse {
+  result: boolean;
+}
diff --git a/src/entities/couple_birthday/index.ts b/src/entities/couple_birthday/index.ts
new file mode 100644
index 0000000..0eae758
--- /dev/null
+++ b/src/entities/couple_birthday/index.ts
@@ -0,0 +1,3 @@
+export * from "./service";
+export * from "./queries";
+export * from "./types";
diff --git a/src/entities/couple_birthday/queries.ts b/src/entities/couple_birthday/queries.ts
new file mode 100644
index 0000000..8f6541f
--- /dev/null
+++ b/src/entities/couple_birthday/queries.ts
@@ -0,0 +1,12 @@
+import { useQuery } from "@tanstack/react-query";
+import { getCoupleBirthDay } from "./service";
+
+export const useCoupleBirthDay = () => {
+  return useQuery({
+    queryKey: ["coupleBirthDay"],
+    queryFn: getCoupleBirthDay,
+    refetchInterval: 1000 * 60,
+    staleTime: 0,
+    gcTime: 0,
+  });
+}; 
\ No newline at end of file
diff --git a/src/entities/couple_birthday/service.ts b/src/entities/couple_birthday/service.ts
new file mode 100644
index 0000000..3ccea20
--- /dev/null
+++ b/src/entities/couple_birthday/service.ts
@@ -0,0 +1,7 @@
+import { CoupleBirthDayResponse } from "./types";
+import { api } from "@/entities/axios/instance";
+
+export const getCoupleBirthDay = async (): Promise<CoupleBirthDayResponse> => {
+  const response = await api.get<CoupleBirthDayResponse>("/couple/birthday");
+  return response.data;
+}; 
\ No newline at end of file
diff --git a/src/entities/couple_birthday/types.ts b/src/entities/couple_birthday/types.ts
new file mode 100644
index 0000000..1ae93b7
--- /dev/null
+++ b/src/entities/couple_birthday/types.ts
@@ -0,0 +1,6 @@
+export interface CoupleBirthDayResponse {
+  result: {
+    partnerBirthday: string;
+    myBirthDay: string;
+  };
+} 
\ No newline at end of file
diff --git a/src/entities/couple_connect/index.ts b/src/entities/couple_connect/index.ts
new file mode 100644
index 0000000..96b79c7
--- /dev/null
+++ b/src/entities/couple_connect/index.ts
@@ -0,0 +1,4 @@
+export * from "./service";
+  export * from "./mutation";
+  export * from "./types";
+
diff --git a/src/entities/couple_connect/mutation.ts b/src/entities/couple_connect/mutation.ts
new file mode 100644
index 0000000..1516137
--- /dev/null
+++ b/src/entities/couple_connect/mutation.ts
@@ -0,0 +1,26 @@
+import { useMutation } from "@tanstack/react-query";
+import { ConnectCoupleRequest } from "./types";
+import { coupleConnectQueries } from "./service";
+
+export const useGenerateCoupleCode = () => {
+  return useMutation({
+    mutationFn: async () => {
+      return await coupleConnectQueries.generateCoupleCode();
+    },
+    onError: error => {
+      console.error("커플 코드 생성 API 에러:", error);
+    },
+  });
+};
+
+export const useConnectCouple = () => {
+  return useMutation({
+    mutationFn: async (data: ConnectCoupleRequest) => {
+      return await coupleConnectQueries.connectCouple(data);
+    },
+
+    onError: error => {
+      console.error("커플 연결 API 에러:", error);
+    },
+  });
+};
diff --git a/src/entities/couple_connect/service.ts b/src/entities/couple_connect/service.ts
new file mode 100644
index 0000000..e51c180
--- /dev/null
+++ b/src/entities/couple_connect/service.ts
@@ -0,0 +1,15 @@
+import { ConnectCoupleRequest, ConnectCoupleResponse, GenerateCoupleCodeResponse } from "./types";
+import { api } from "../axios/instance";
+
+export const coupleConnectQueries = {
+  generateCoupleCode: async (): Promise<GenerateCoupleCodeResponse> => {
+    const response = await api.post<GenerateCoupleCodeResponse>("/couple/code-generate");
+    console.log("코드 생성 응답:", response.data);
+    return response.data;
+  },
+
+  connectCouple: async (data: ConnectCoupleRequest): Promise<ConnectCoupleResponse> => {
+    const response = await api.post<ConnectCoupleResponse>("/couple/connect", data);
+    return response.data;
+  },
+}; 
\ No newline at end of file
diff --git a/src/entities/couple_connect/types.ts b/src/entities/couple_connect/types.ts
new file mode 100644
index 0000000..63c2c70
--- /dev/null
+++ b/src/entities/couple_connect/types.ts
@@ -0,0 +1,22 @@
+export interface ConnectCoupleRequest {
+  coupleCode: string;
+}
+
+export interface ConnectCoupleResponse {
+  result: {
+    id: number;
+    invitorId: number;
+    inviteeId: number;
+    relationshipStartDate: string;
+    militaryStartDate: string;
+    militaryEndDate: string;
+    military: string;
+    createdAt: string;
+    updatedAt: string;
+    isDeleted: boolean;
+  };
+}
+
+export interface GenerateCoupleCodeResponse {
+  result: string;
+} 
\ No newline at end of file
diff --git a/src/entities/couple_nickname/index.ts b/src/entities/couple_nickname/index.ts
new file mode 100644
index 0000000..6e22960
--- /dev/null
+++ b/src/entities/couple_nickname/index.ts
@@ -0,0 +1,5 @@
+export * from "./service";
+export * from "./queries";
+export * from "./types";
+
+
diff --git a/src/entities/couple_nickname/queries.ts b/src/entities/couple_nickname/queries.ts
new file mode 100644
index 0000000..6af7e79
--- /dev/null
+++ b/src/entities/couple_nickname/queries.ts
@@ -0,0 +1,16 @@
+import { useQuery } from "@tanstack/react-query";
+import { coupleNicknameQueries } from "./service";
+
+export const useCoupleNickname = (enabled?: boolean) => {
+  const getNickName = useQuery({
+    queryKey: ["coupleNickname"],
+    queryFn: () => coupleNicknameQueries.getNickName(),
+    enabled: enabled,
+    staleTime: 0,
+    gcTime: 0,
+  });
+
+  return {
+    getNickName,
+  };
+};
diff --git a/src/entities/couple_nickname/service.ts b/src/entities/couple_nickname/service.ts
new file mode 100644
index 0000000..e80ead4
--- /dev/null
+++ b/src/entities/couple_nickname/service.ts
@@ -0,0 +1,9 @@
+import { CoupleNicknameResponse } from "./types";
+import { api } from "../axios/instance";
+
+export const coupleNicknameQueries = {
+  getNickName: async (): Promise<CoupleNicknameResponse> => {
+    const response = await api.get<CoupleNicknameResponse>("/couple/nick-name");
+    return response.data;
+  },
+}; 
\ No newline at end of file
diff --git a/src/entities/couple_nickname/types.ts b/src/entities/couple_nickname/types.ts
new file mode 100644
index 0000000..a912d27
--- /dev/null
+++ b/src/entities/couple_nickname/types.ts
@@ -0,0 +1,6 @@
+export interface CoupleNicknameResponse {
+  result: {
+    userNickname: string;
+    coupleNickname: string;
+  };
+} 
\ No newline at end of file
diff --git a/src/entities/d-day/index.ts b/src/entities/d-day/index.ts
new file mode 100644
index 0000000..ab60a1c
--- /dev/null
+++ b/src/entities/d-day/index.ts
@@ -0,0 +1,5 @@
+export * from "./model";
+export * from "./mutation";
+export * from "./service";
+export * from "./queryKey";
+export * from "./query";
diff --git a/src/entities/d-day/model/index.ts b/src/entities/d-day/model/index.ts
new file mode 100644
index 0000000..eea524d
--- /dev/null
+++ b/src/entities/d-day/model/index.ts
@@ -0,0 +1 @@
+export * from "./types";
diff --git a/src/entities/d-day/model/types.ts b/src/entities/d-day/model/types.ts
new file mode 100644
index 0000000..2568eef
--- /dev/null
+++ b/src/entities/d-day/model/types.ts
@@ -0,0 +1,39 @@
+export enum Emoji {
+  HEART = "HEART",
+  CALENDAR = "CALENDAR",
+  CAKE = "CAKE",
+  TRAVEL = "TRAVEL",
+}
+
+export interface Dday {
+  id: string;
+  emoji: Emoji;
+  title: string;
+  anniversaryDate: string;
+}
+
+// API 함수에 필요한 타입
+export interface DdayRequst {
+  id: string | null;
+  title: string;
+  date: string;
+}
+
+export interface NewDdayResponse {
+  result: boolean;
+}
+
+export interface DeleteDdayResponse {
+  result: boolean;
+}
+
+export interface DDayListResponse {
+  data: Dday[];
+  after: number;
+  count: number;
+  isLastPage: boolean;
+}
+
+export interface MainDdayListResponse {
+  result: Dday[];
+}
diff --git a/src/entities/d-day/mutation.ts b/src/entities/d-day/mutation.ts
new file mode 100644
index 0000000..2fa83dc
--- /dev/null
+++ b/src/entities/d-day/mutation.ts
@@ -0,0 +1,73 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { createDday, deleteDday, updateDday } from "./service";
+import { DdayRequst } from "./model";
+import { ddayQueryKey } from "./queryKey";
+import { scheduleQueryKey } from "../schedule/queryKey";
+
+export const useCreateDdayMutation = (data: DdayRequst) => {
+  const queryClient = useQueryClient();
+
+  if (!data) {
+    throw new Error("디데이 생성에 필요한 데이터가 없습니다.");
+  }
+
+  const date = new Date(data.date);
+
+  return useMutation({
+    mutationFn: () => createDday(data),
+    onSuccess: () => {
+      queryClient.refetchQueries({ queryKey: ddayQueryKey.list().queryKey });
+      queryClient.invalidateQueries({ queryKey: ddayQueryKey.main().queryKey });
+      queryClient.invalidateQueries({ queryKey: scheduleQueryKey.week().queryKey });
+      queryClient.invalidateQueries({ queryKey: scheduleQueryKey.list(date).queryKey });
+      queryClient.invalidateQueries({ queryKey: scheduleQueryKey.calendar(date).queryKey });
+    },
+    onError: error => {
+      console.error("Error:", error);
+    },
+  });
+};
+
+export const useUpdateDdayMutation = (data: DdayRequst) => {
+  const queryClient = useQueryClient();
+
+  if (!data) {
+    throw new Error("디데이 수정에 필요한 데이터가 없습니다.");
+  }
+
+  const date = new Date(data.date);
+
+  return useMutation({
+    mutationFn: () => updateDday(data),
+    onSuccess: () => {
+      queryClient.refetchQueries({ queryKey: ddayQueryKey.list().queryKey });
+      queryClient.invalidateQueries({ queryKey: ddayQueryKey.main().queryKey });
+      queryClient.invalidateQueries({ queryKey: scheduleQueryKey.week().queryKey });
+      queryClient.invalidateQueries({ queryKey: scheduleQueryKey.list(date).queryKey });
+      queryClient.invalidateQueries({ queryKey: scheduleQueryKey.calendar(date).queryKey });
+    },
+    onError: error => {
+      console.error("Error:", error);
+    },
+  });
+};
+
+export const useDeleteDdayMutation = (ddayId: string, date: string) => {
+  const queryClient = useQueryClient();
+
+  const newDate = new Date(date);
+
+  return useMutation({
+    mutationFn: () => deleteDday(ddayId),
+    onSuccess: () => {
+      queryClient.refetchQueries({ queryKey: ddayQueryKey.list().queryKey });
+      queryClient.invalidateQueries({ queryKey: ddayQueryKey.main().queryKey });
+      queryClient.invalidateQueries({ queryKey: scheduleQueryKey.week().queryKey });
+      queryClient.invalidateQueries({ queryKey: scheduleQueryKey.list(newDate).queryKey });
+      queryClient.invalidateQueries({ queryKey: scheduleQueryKey.calendar(newDate).queryKey });
+    },
+    onError: error => {
+      console.error("Error:", error);
+    },
+  });
+};
diff --git a/src/entities/d-day/query.ts b/src/entities/d-day/query.ts
new file mode 100644
index 0000000..5d35007
--- /dev/null
+++ b/src/entities/d-day/query.ts
@@ -0,0 +1,24 @@
+import { useInfiniteQuery, useQuery } from "@tanstack/react-query";
+import { ddayQueryKey } from "./queryKey";
+import { getDdayList } from "./service";
+
+export const useGetDdayList = () => {
+  return useInfiniteQuery({
+    queryKey: ddayQueryKey.list().queryKey,
+    queryFn: async ({ pageParam = 1 }) => {
+      return getDdayList({
+        page: pageParam,
+        size: 10,
+      });
+    },
+    initialPageParam: 1,
+    getNextPageParam: (lastPage, allPages) => {
+      if (lastPage.isLastPage) return undefined;
+      return allPages.length + 1;
+    },
+  });
+};
+
+export const useGetMainDdayList = (enabled: boolean) => {
+  return useQuery({ ...ddayQueryKey.main(), enabled: enabled });
+};
diff --git a/src/entities/d-day/queryKey.ts b/src/entities/d-day/queryKey.ts
new file mode 100644
index 0000000..591f3ae
--- /dev/null
+++ b/src/entities/d-day/queryKey.ts
@@ -0,0 +1,12 @@
+import { createQueryKeys } from "@lukemorales/query-key-factory";
+import { getMainDdayList } from "./service";
+
+export const ddayQueryKey = createQueryKeys("dday", {
+  list: () => ({
+    queryKey: ["all"],
+  }),
+  main: () => ({
+    queryKey: ["top3"],
+    queryFn: () => getMainDdayList(),
+  }),
+});
diff --git a/src/entities/d-day/service.ts b/src/entities/d-day/service.ts
new file mode 100644
index 0000000..a9aca43
--- /dev/null
+++ b/src/entities/d-day/service.ts
@@ -0,0 +1,29 @@
+import { api } from "../axios/instance";
+import { DDayListResponse, DdayRequst, DeleteDdayResponse, MainDdayListResponse, NewDdayResponse } from "./model";
+
+export const createDday = async (data: DdayRequst): Promise<NewDdayResponse> => {
+  const response = await api.post<NewDdayResponse>("/couple/new-anniversary", data);
+  return response.data;
+};
+
+export const getDdayList = async ({ page, size }: { page: number; size: number }): Promise<DDayListResponse> => {
+  const response = await api.get<DDayListResponse>("/anniversaries", {
+    params: { page: page, size: size },
+  });
+  return response.data;
+};
+
+export const getMainDdayList = async (): Promise<MainDdayListResponse> => {
+  const response = await api.get<MainDdayListResponse>("anniversary/main");
+  return response.data;
+};
+
+export const updateDday = async (data: DdayRequst): Promise<NewDdayResponse> => {
+  const response = await api.put<NewDdayResponse>(`/anniversary/${data.id}`, data);
+  return response.data;
+};
+
+export const deleteDday = async (ddayId: string): Promise<DeleteDdayResponse> => {
+  const response = await api.delete<DeleteDdayResponse>(`/anniversary/${ddayId}`);
+  return response.data;
+};
diff --git a/src/entities/delete_couple/index.ts b/src/entities/delete_couple/index.ts
new file mode 100644
index 0000000..6613902
--- /dev/null
+++ b/src/entities/delete_couple/index.ts
@@ -0,0 +1,4 @@
+export * from "./service";
+export * from "./types";
+export * from "./mutation";
+
diff --git a/src/entities/delete_couple/mutation.ts b/src/entities/delete_couple/mutation.ts
new file mode 100644
index 0000000..7d4ebbb
--- /dev/null
+++ b/src/entities/delete_couple/mutation.ts
@@ -0,0 +1,8 @@
+import { useMutation } from "@tanstack/react-query";
+import { deleteMyData } from "./service";
+
+export const useDeleteMyData = () => {
+  return useMutation({
+    mutationFn: deleteMyData,
+  });
+}; 
\ No newline at end of file
diff --git a/src/entities/delete_couple/service.ts b/src/entities/delete_couple/service.ts
new file mode 100644
index 0000000..8105d52
--- /dev/null
+++ b/src/entities/delete_couple/service.ts
@@ -0,0 +1,7 @@
+import { DeleteMyDataResponse } from "./types";
+import { api } from "../axios/instance";
+
+export const deleteMyData = async (): Promise<DeleteMyDataResponse> => {
+  const response = await api.delete<DeleteMyDataResponse>("/member/all-my-data");
+  return response.data;
+}; 
\ No newline at end of file
diff --git a/src/entities/delete_couple/types.ts b/src/entities/delete_couple/types.ts
new file mode 100644
index 0000000..767f591
--- /dev/null
+++ b/src/entities/delete_couple/types.ts
@@ -0,0 +1,3 @@
+export interface DeleteMyDataResponse {
+  result: boolean;
+}
diff --git a/src/entities/edit_info/index.ts b/src/entities/edit_info/index.ts
new file mode 100644
index 0000000..c0ae70a
--- /dev/null
+++ b/src/entities/edit_info/index.ts
@@ -0,0 +1,3 @@
+export * from "./service";
+export * from "./types";
+export * from "./mutation";
diff --git a/src/entities/edit_info/mutation.ts b/src/entities/edit_info/mutation.ts
new file mode 100644
index 0000000..721c2ca
--- /dev/null
+++ b/src/entities/edit_info/mutation.ts
@@ -0,0 +1,54 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import {
+  updateMyNickname,
+  updateMyBirthDate,
+  updateRelationshipStartDate,
+  updateMilitaryDate,
+} from "./service";
+import {
+  UpdateMyNicknameRequest,
+  UpdateMyBirthDateRequest,
+  UpdateRelationshipStartDateRequest,
+  UpdateMilitaryDateRequest,
+} from "./types";
+
+export const useUpdateMyNickname = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (data: UpdateMyNicknameRequest) => updateMyNickname(data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["coupleNickname"] });
+      queryClient.invalidateQueries({ queryKey: ["myInfo"] });
+    },
+  });
+};
+
+export const useUpdateMyBirthDate = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (data: UpdateMyBirthDateRequest) => updateMyBirthDate(data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["coupleBirthDay"] });
+    },
+  });
+};
+
+export const useUpdateRelationshipStartDate = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (data: UpdateRelationshipStartDateRequest) => updateRelationshipStartDate(data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["relationshipStartDate"] });
+    },
+  });
+};
+
+export const useUpdateMilitaryDate = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (data: UpdateMilitaryDateRequest) => updateMilitaryDate(data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["militaryDate"] });
+    },
+  });
+}; 
\ No newline at end of file
diff --git a/src/entities/edit_info/service.ts b/src/entities/edit_info/service.ts
new file mode 100644
index 0000000..0c9d950
--- /dev/null
+++ b/src/entities/edit_info/service.ts
@@ -0,0 +1,28 @@
+import { api } from "@/entities/axios/instance";
+import {
+  UpdateMyNicknameRequest,
+  UpdateMyBirthDateRequest,
+  UpdateRelationshipStartDateRequest,
+  UpdateMilitaryDateRequest,
+  UpdateResponse,
+} from "./types";
+
+export const updateMyNickname = async (data: UpdateMyNicknameRequest): Promise<UpdateResponse> => {
+  const response = await api.post<UpdateResponse>("/member/my-nickname", data);
+  return response.data;
+};
+
+export const updateMyBirthDate = async (data: UpdateMyBirthDateRequest): Promise<UpdateResponse> => {
+  const response = await api.post<UpdateResponse>("/member/my-birthday", data);
+  return response.data;
+};
+
+export const updateRelationshipStartDate = async (data: UpdateRelationshipStartDateRequest): Promise<UpdateResponse> => {
+  const response = await api.post<UpdateResponse>("/couple/relationship-start-date", data);
+  return response.data;
+};
+
+export const updateMilitaryDate = async (data: UpdateMilitaryDateRequest): Promise<UpdateResponse> => {
+  const response = await api.post<UpdateResponse>("/couple/military-date", data);
+  return response.data;
+}; 
\ No newline at end of file
diff --git a/src/entities/edit_info/types.ts b/src/entities/edit_info/types.ts
new file mode 100644
index 0000000..f4d3357
--- /dev/null
+++ b/src/entities/edit_info/types.ts
@@ -0,0 +1,20 @@
+export interface UpdateMyNicknameRequest {
+  nickname: string;
+}
+
+export interface UpdateMyBirthDateRequest {
+  birthDate: string;
+}
+
+export interface UpdateRelationshipStartDateRequest {
+  relationshipStartDate: string;
+}
+
+export interface UpdateMilitaryDateRequest {
+  militaryStartDate: string;
+  militaryEndDate: string;
+}
+
+export interface UpdateResponse {
+  result: boolean;
+} 
\ No newline at end of file
diff --git a/src/entities/init_setting/index.ts b/src/entities/init_setting/index.ts
new file mode 100644
index 0000000..ab16b0f
--- /dev/null
+++ b/src/entities/init_setting/index.ts
@@ -0,0 +1,7 @@
+export * from "./service";
+export * from "./queries";
+export * from "./types";
+export * from "./mutation";
+
+
+
diff --git a/src/entities/init_setting/mutation.ts b/src/entities/init_setting/mutation.ts
new file mode 100644
index 0000000..f9cdc33
--- /dev/null
+++ b/src/entities/init_setting/mutation.ts
@@ -0,0 +1,23 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { RegisterAnniversaryRequest } from "./types.ts";
+import { initSettingQueries } from "./service.ts";
+
+export const useInitSettingMutation = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (data: RegisterAnniversaryRequest) => {
+      return await initSettingQueries.registerAnniversary(data);
+    },
+    onSuccess: () => {
+      queryClient.refetchQueries({
+        queryKey: ["getCoupleInfo"],
+      });
+      queryClient.refetchQueries({
+        queryKey: ["dday"],
+      });
+    },
+    onError: error => {
+      console.error("기념일 등록 API 에러:", error);
+    },
+  });
+};
diff --git a/src/entities/init_setting/queries.ts b/src/entities/init_setting/queries.ts
new file mode 100644
index 0000000..36bdb7a
--- /dev/null
+++ b/src/entities/init_setting/queries.ts
@@ -0,0 +1,14 @@
+import { useQuery } from "@tanstack/react-query";
+import { initSettingQueries } from "./service";
+import { GetCoupleInfoResponse } from "./types";
+
+export const useInitSettingQueries = () => {
+  const getCoupleInfo = useQuery<GetCoupleInfoResponse>({
+    queryKey: ["getCoupleInfo"],
+    queryFn: () => initSettingQueries.getCoupleInfo(),
+  });
+
+  return {
+    getCoupleInfo,
+  };
+};
diff --git a/src/entities/init_setting/service.ts b/src/entities/init_setting/service.ts
new file mode 100644
index 0000000..145da75
--- /dev/null
+++ b/src/entities/init_setting/service.ts
@@ -0,0 +1,14 @@
+import { RegisterAnniversaryRequest, RegisterAnniversaryResponse, GetCoupleInfoResponse } from "./types";
+import { api } from "../axios/instance";
+
+export const initSettingQueries = {
+  registerAnniversary: async (data: RegisterAnniversaryRequest): Promise<RegisterAnniversaryResponse> => {
+    const response = await api.post<RegisterAnniversaryResponse>("/couple/anniversary", data);
+    return response.data;
+  },
+
+  getCoupleInfo: async (): Promise<GetCoupleInfoResponse> => {
+    const response = await api.get<GetCoupleInfoResponse>("/couple");
+    return response.data;
+  },
+}; 
\ No newline at end of file
diff --git a/src/entities/init_setting/types.ts b/src/entities/init_setting/types.ts
new file mode 100644
index 0000000..6ea6603
--- /dev/null
+++ b/src/entities/init_setting/types.ts
@@ -0,0 +1,19 @@
+export interface RegisterAnniversaryRequest {
+  coupleId: number;
+  relationshipStartDate: string;
+  militaryStartDate: string;
+  militaryEndDate: string;
+  military: "ARMY" | "NAVY" | "AIR_FORCE" | "MARINE";
+}
+
+export interface RegisterAnniversaryResponse {
+  result: boolean;
+}
+
+export interface GetCoupleInfoResponse {
+  result: {
+    coupleId: number;
+    military: "ARMY" | "NAVY" | "AIR_FORCE" | "MARINE";
+    isAnniversariesRegistered: boolean;
+  };
+}
diff --git a/src/entities/iscouple/index.ts b/src/entities/iscouple/index.ts
new file mode 100644
index 0000000..e798544
--- /dev/null
+++ b/src/entities/iscouple/index.ts
@@ -0,0 +1,6 @@
+export * from "./service";
+export * from "./queries";
+export * from "./types";
+
+
+
diff --git a/src/entities/iscouple/queries.ts b/src/entities/iscouple/queries.ts
new file mode 100644
index 0000000..a27e8e3
--- /dev/null
+++ b/src/entities/iscouple/queries.ts
@@ -0,0 +1,15 @@
+import { useQuery } from "@tanstack/react-query";
+import { iscoupleQueries } from "./service";
+
+export const useIscouple = () => {
+  const checkCoupleConnect = useQuery({
+    queryKey: ["checkCoupleConnect"],
+    queryFn: () => iscoupleQueries.checkCoupleConnect(),
+    retry: false,
+    gcTime: Infinity,
+  });
+
+  return {
+    checkCoupleConnect,
+  };
+};
diff --git a/src/entities/iscouple/service.ts b/src/entities/iscouple/service.ts
new file mode 100644
index 0000000..7847b78
--- /dev/null
+++ b/src/entities/iscouple/service.ts
@@ -0,0 +1,9 @@
+import { CoupleConnectCheckResponse } from "./types";
+import { api } from "../axios/instance";
+
+export const iscoupleQueries = {
+  checkCoupleConnect: async (): Promise<CoupleConnectCheckResponse> => {
+    const response = await api.get<CoupleConnectCheckResponse>("/couple/check-connect");
+    return response.data;
+  },
+}; 
\ No newline at end of file
diff --git a/src/entities/iscouple/types.ts b/src/entities/iscouple/types.ts
new file mode 100644
index 0000000..7c67f8a
--- /dev/null
+++ b/src/entities/iscouple/types.ts
@@ -0,0 +1,3 @@
+export interface CoupleConnectCheckResponse {
+  result: boolean;
+} 
\ No newline at end of file
diff --git a/src/entities/letter/index.ts b/src/entities/letter/index.ts
new file mode 100644
index 0000000..f0971ca
--- /dev/null
+++ b/src/entities/letter/index.ts
@@ -0,0 +1,5 @@
+export * from "./type";
+export * from "./query";
+export * from "./queryKey";
+export * from "./service";
+export * from "./mutation";
diff --git a/src/entities/letter/mutation.ts b/src/entities/letter/mutation.ts
new file mode 100644
index 0000000..486fa29
--- /dev/null
+++ b/src/entities/letter/mutation.ts
@@ -0,0 +1,72 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { createLetter, deleteLetter, updateLetter } from "./service";
+import { scheduleQueryKey } from "../schedule/queryKey";
+import { letterQueryKey } from "./queryKey";
+
+export const useCreateLetterMutation = (scheduleId: string) => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (data: FormData) => await createLetter(data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: scheduleQueryKey.detail(scheduleId).queryKey,
+      });
+      queryClient.refetchQueries({
+        queryKey: letterQueryKey.list().queryKey,
+      });
+      queryClient.invalidateQueries({
+        queryKey: letterQueryKey.main().queryKey,
+      });
+    },
+    onError: error => {
+      console.error("Error:", error);
+    },
+  });
+};
+
+export const useDeleteLetterMutation = (scheduleId: string, letterId: string) => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: async () => await deleteLetter(scheduleId, letterId),
+    onSuccess: () => {
+      queryClient.refetchQueries({
+        queryKey: letterQueryKey.list().queryKey,
+      });
+      queryClient.invalidateQueries({
+        queryKey: scheduleQueryKey.detail(scheduleId).queryKey,
+      });
+      queryClient.invalidateQueries({
+        queryKey: letterQueryKey.main().queryKey,
+      });
+    },
+    onError: error => {
+      console.error("Error:", error);
+    },
+  });
+};
+
+export const useUpdateLetterMutation = (scheduleId: string, letterId: string) => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: async (data: FormData) => await updateLetter(data),
+    onSuccess: () => {
+      queryClient.refetchQueries({
+        queryKey: letterQueryKey.list().queryKey,
+      });
+      queryClient.invalidateQueries({
+        queryKey: letterQueryKey.detail(scheduleId, letterId).queryKey,
+      });
+      queryClient.invalidateQueries({
+        queryKey: scheduleQueryKey.detail(scheduleId).queryKey,
+      });
+      queryClient.invalidateQueries({
+        queryKey: letterQueryKey.main().queryKey,
+      });
+    },
+    onError: error => {
+      console.error("Error:", error);
+    },
+  });
+};
diff --git a/src/entities/letter/query.ts b/src/entities/letter/query.ts
new file mode 100644
index 0000000..a11b861
--- /dev/null
+++ b/src/entities/letter/query.ts
@@ -0,0 +1,31 @@
+import { useInfiniteQuery, useQuery } from "@tanstack/react-query";
+import { letterQueryKey } from "./queryKey";
+import { getLetterList } from "./service";
+
+export const useGetLetterDetail = (scheduleId: string, letterId: string) => {
+  return useQuery({ ...letterQueryKey.detail(scheduleId, letterId) });
+};
+
+export const useGetLetterList = () => {
+  return useInfiniteQuery({
+    queryKey: letterQueryKey.list().queryKey,
+    queryFn: async ({ pageParam = 1 }) => {
+      return getLetterList({
+        page: pageParam,
+        size: 10,
+      });
+    },
+    initialPageParam: 1,
+    getNextPageParam: lastPage => {
+      const { isLastPage, after } = lastPage;
+      return isLastPage ? undefined : after;
+    },
+  });
+};
+
+export const useGetLetterListMain = (enabled: boolean) => {
+  return useQuery({
+    ...letterQueryKey.main(),
+    enabled: enabled,
+  });
+};
diff --git a/src/entities/letter/queryKey.ts b/src/entities/letter/queryKey.ts
new file mode 100644
index 0000000..f6f9f64
--- /dev/null
+++ b/src/entities/letter/queryKey.ts
@@ -0,0 +1,16 @@
+import { createQueryKeys } from "@lukemorales/query-key-factory";
+import { getLetterDetail, getLetterListMain } from "./service";
+
+export const letterQueryKey = createQueryKeys("letter", {
+  detail: (scheduleId: string, letterId: string) => ({
+    queryKey: [scheduleId, letterId],
+    queryFn: () => getLetterDetail(scheduleId, letterId),
+  }),
+  list: () => ({
+    queryKey: ["all"],
+  }),
+  main: () => ({
+    queryKey: ["list"],
+    queryFn: () => getLetterListMain(),
+  }),
+});
diff --git a/src/entities/letter/service.ts b/src/entities/letter/service.ts
new file mode 100644
index 0000000..84263b0
--- /dev/null
+++ b/src/entities/letter/service.ts
@@ -0,0 +1,42 @@
+import { api } from "../axios/instance";
+import { LetterDetailResponse, LetterListResponse, WriteLetterResponse, LetterListMainResponse } from "./type";
+
+export const createLetter = async (data: FormData): Promise<WriteLetterResponse> => {
+  const response = await api.post<WriteLetterResponse>("/schedules/letters", data, {
+    headers: {
+      "Content-Type": "multipart/form-data",
+    },
+  });
+  return response.data;
+};
+
+export const getLetterDetail = async (scheduleId: string, letterId: string): Promise<LetterDetailResponse> => {
+  const response = await api.get<LetterDetailResponse>(`/schedules/${scheduleId}/letters/${letterId}`);
+  return response.data;
+};
+
+export const getLetterList = async ({ page, size }: { page: number; size: number }): Promise<LetterListResponse> => {
+  const response = await api.get<LetterListResponse>("/schedules/letters", {
+    params: { page: page, size: size },
+  });
+  return response.data;
+};
+
+export const deleteLetter = async (scheduleId: string, letterId: string) => {
+  const response = await api.delete(`/schedules/${scheduleId}/letters/${letterId}`);
+  return response.data;
+};
+
+export const updateLetter = async (data: FormData) => {
+  const response = await api.post("/schedules/letters", data, {
+    headers: {
+      "Content-Type": "multipart/form-data",
+    },
+  });
+  return response.data;
+};
+
+export const getLetterListMain = async () => {
+  const response = await api.get<LetterListMainResponse>("/schedules/letters/main");
+  return response.data;
+};
diff --git a/src/entities/letter/type.ts b/src/entities/letter/type.ts
new file mode 100644
index 0000000..03762c0
--- /dev/null
+++ b/src/entities/letter/type.ts
@@ -0,0 +1,65 @@
+import { Comment } from "../comment";
+
+export interface Letter {
+  letterId: string;
+  scheduleId: string;
+  scheduleTitle?: string;
+  title: string;
+  content: string;
+  pictureUrl: string;
+  createdAt: string;
+  isWrittenByMe: boolean;
+  comments: Comment[];
+}
+
+export type LetterList = Omit<Letter, "comments">[];
+
+// API 통신에 필요한 타입
+export interface WriteLetterResponse {
+  result: string;
+}
+
+export interface LetterDetailResponse {
+  result: {
+    letter: {
+      id: string;
+      title: string;
+      content: string;
+      author: string;
+      createdAt: string;
+    };
+    pictures: {
+      id: string;
+      pictureUrl: string;
+      letterId: number;
+    }[];
+    comments: {
+      id: string;
+      content: string;
+      author: string;
+      createdAt: string;
+    }[];
+  };
+}
+
+export interface LetterListResponse {
+  data: LetterList;
+  after: number;
+  count: number;
+  isLastPage: boolean;
+}
+
+export interface UpdateLetterRequest {
+  upsertLetterRequest: {
+    letterId: string | null;
+    scheduleId: string;
+    title: string;
+    content: string;
+    pictureUrls?: string[];
+  };
+  pictures?: string[];
+}
+
+export interface LetterListMainResponse {
+  result: LetterList;
+}
diff --git a/src/entities/main_anniversary/index.ts b/src/entities/main_anniversary/index.ts
new file mode 100644
index 0000000..e798544
--- /dev/null
+++ b/src/entities/main_anniversary/index.ts
@@ -0,0 +1,6 @@
+export * from "./service";
+export * from "./queries";
+export * from "./types";
+
+
+
diff --git a/src/entities/main_anniversary/queries.ts b/src/entities/main_anniversary/queries.ts
new file mode 100644
index 0000000..5bfef79
--- /dev/null
+++ b/src/entities/main_anniversary/queries.ts
@@ -0,0 +1,20 @@
+import { useQuery } from "@tanstack/react-query";
+import { anniversaryQueries } from "./service";
+
+interface UseAnniversaryOptions {
+  enabled?: boolean;
+}
+
+export const useAnniversary = (options?: UseAnniversaryOptions) => {
+  const getDdayQuery = useQuery({
+    queryKey: ["dday"],
+    queryFn: () => anniversaryQueries.getDday(),
+    enabled: options?.enabled,
+    staleTime: 0,
+    gcTime: 0,
+  });
+
+  return {
+    getDday: getDdayQuery,
+  };
+}; 
\ No newline at end of file
diff --git a/src/entities/main_anniversary/service.ts b/src/entities/main_anniversary/service.ts
new file mode 100644
index 0000000..bfa19b4
--- /dev/null
+++ b/src/entities/main_anniversary/service.ts
@@ -0,0 +1,9 @@
+import { DdayResponse } from "./types";
+import { api } from "../axios/instance";
+
+export const anniversaryQueries = {
+  getDday: async (): Promise<DdayResponse> => {
+    const response = await api.get<DdayResponse>("/couple/d-day");
+    return response.data;
+  },
+}; 
\ No newline at end of file
diff --git a/src/entities/main_anniversary/types.ts b/src/entities/main_anniversary/types.ts
new file mode 100644
index 0000000..916bd0a
--- /dev/null
+++ b/src/entities/main_anniversary/types.ts
@@ -0,0 +1,7 @@
+export interface DdayResponse {
+  result: {
+    sinceLove: number;
+    sinceMilitaryStart: number;
+    militaryEndLeft: number;
+  };
+} 
\ No newline at end of file
diff --git a/src/entities/main_status/index.ts b/src/entities/main_status/index.ts
new file mode 100644
index 0000000..aae7c36
--- /dev/null
+++ b/src/entities/main_status/index.ts
@@ -0,0 +1,6 @@
+export * from "./service";
+export * from "./queries";
+export * from "./types";
+export * from "./mutation";
+
+
diff --git a/src/entities/main_status/mutation.ts b/src/entities/main_status/mutation.ts
new file mode 100644
index 0000000..40c6e23
--- /dev/null
+++ b/src/entities/main_status/mutation.ts
@@ -0,0 +1,35 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { updateEmotionAndStatusMessage } from "./service";
+import type { UpdateEmotionAndStatusMessageRequest } from "./types";
+
+export const useCreateEmotionStatusMutation = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: async (data: UpdateEmotionAndStatusMessageRequest) => {
+      return await updateEmotionAndStatusMessage(data);
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["coupleEmotion"] });
+    },
+    onError: error => {
+      console.error("Error:", error);
+    },
+  });
+};
+
+export const useUpdateEmotionStatusMutation = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: async (data: UpdateEmotionAndStatusMessageRequest) => {
+      return await updateEmotionAndStatusMessage(data);
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["coupleEmotion"] });
+    },
+    onError: error => {
+      console.error("Error:", error);
+    },
+  });
+};
diff --git a/src/entities/main_status/queries.ts b/src/entities/main_status/queries.ts
new file mode 100644
index 0000000..a4adcc3
--- /dev/null
+++ b/src/entities/main_status/queries.ts
@@ -0,0 +1,29 @@
+import { useQuery } from "@tanstack/react-query";
+import { getCoupleEmotion, getStatusMessage } from "./service";
+
+interface UseEmotionStatusQueriesOptions {
+  enabled?: boolean;
+}
+
+export const useEmotionStatusQueries = (options?: UseEmotionStatusQueriesOptions) => {
+  const getCoupleEmotionQuery = useQuery({
+    queryKey: ["coupleEmotion"],
+    queryFn: getCoupleEmotion,
+    enabled: options?.enabled,
+    staleTime: 0,
+    gcTime: 0,
+  });
+
+  const getStatusMessageQuery = useQuery({
+    queryKey: ["statusMessage"],
+    queryFn: getStatusMessage,
+    enabled: options?.enabled,
+    staleTime: 0,
+    gcTime: 0,
+  });
+
+  return {
+    getCoupleEmotion: getCoupleEmotionQuery,
+    getStatusMessage: getStatusMessageQuery,
+  };
+}; 
\ No newline at end of file
diff --git a/src/entities/main_status/service.ts b/src/entities/main_status/service.ts
new file mode 100644
index 0000000..ec08c0e
--- /dev/null
+++ b/src/entities/main_status/service.ts
@@ -0,0 +1,14 @@
+import { GetCoupleEmotionResponse, GetStatusMessageResponse, UpdateEmotionAndStatusMessageRequest, UpdateEmotionAndStatusMessageResponse } from "./types";
+import { api } from "../axios/instance";
+
+export const getCoupleEmotion = () => {
+  return api.get<GetCoupleEmotionResponse>("/couple/emotion");
+};
+
+export const getStatusMessage = () => {
+  return api.get<GetStatusMessageResponse>("/couple/status-message");
+};
+
+export const updateEmotionAndStatusMessage = (data: UpdateEmotionAndStatusMessageRequest) => {
+  return api.post<UpdateEmotionAndStatusMessageResponse>("/member/my-emotion-and-status-message", data);
+}; 
\ No newline at end of file
diff --git a/src/entities/main_status/types.ts b/src/entities/main_status/types.ts
new file mode 100644
index 0000000..b22042a
--- /dev/null
+++ b/src/entities/main_status/types.ts
@@ -0,0 +1,20 @@
+export interface GetCoupleEmotionResponse {
+  result: {
+    emotion: "MISS" | "HAPPY" | "COMMON" | "TIRED" | "SAD" | "WORRY" | "ANGRY";
+  };
+}
+
+export interface GetStatusMessageResponse {
+  result: {
+    statusMessage: string;
+  };
+}
+
+export interface UpdateEmotionAndStatusMessageRequest {
+  emotion: "MISS" | "HAPPY" | "COMMON" | "TIRED" | "SAD" | "WORRY" | "ANGRY";
+  statusMessage: string;
+}
+
+export interface UpdateEmotionAndStatusMessageResponse {
+  result: boolean;
+} 
\ No newline at end of file
diff --git a/src/entities/mypage_info/index.ts b/src/entities/mypage_info/index.ts
new file mode 100644
index 0000000..e798544
--- /dev/null
+++ b/src/entities/mypage_info/index.ts
@@ -0,0 +1,6 @@
+export * from "./service";
+export * from "./queries";
+export * from "./types";
+
+
+
diff --git a/src/entities/mypage_info/queries.ts b/src/entities/mypage_info/queries.ts
new file mode 100644
index 0000000..aa2588a
--- /dev/null
+++ b/src/entities/mypage_info/queries.ts
@@ -0,0 +1,30 @@
+import { useQuery } from "@tanstack/react-query";
+import { getMyEmotion, getMyStatusMessage, getMyInfo } from "./service";
+import { MyEmotionResponse, MyStatusMessageResponse, MyInfoResponse } from "./types";
+
+export const useMyEmotion = () => {
+  return useQuery<MyEmotionResponse>({
+    queryKey: ["myEmotion"],
+    queryFn: getMyEmotion,
+    retry: false,
+    gcTime: Infinity,
+  });
+};
+
+export const useMyStatusMessage = () => {
+  return useQuery<MyStatusMessageResponse>({
+    queryKey: ["myStatusMessage"],
+    queryFn: getMyStatusMessage,
+    retry: false,
+    gcTime: Infinity,
+  });
+};
+
+export const useMyInfo = () => {
+  return useQuery<MyInfoResponse>({
+    queryKey: ["myInfo"],
+    queryFn: getMyInfo,
+    retry: false,
+    gcTime: Infinity,
+  });
+}; 
\ No newline at end of file
diff --git a/src/entities/mypage_info/service.ts b/src/entities/mypage_info/service.ts
new file mode 100644
index 0000000..53eb513
--- /dev/null
+++ b/src/entities/mypage_info/service.ts
@@ -0,0 +1,17 @@
+import { api } from "../axios/instance";
+import { MyEmotionResponse, MyStatusMessageResponse, MyInfoResponse } from "./types";
+
+export const getMyEmotion = async (): Promise<MyEmotionResponse> => {
+  const { data } = await api.get<MyEmotionResponse>("/member/my-emotion");
+  return data;
+};
+
+export const getMyStatusMessage = async (): Promise<MyStatusMessageResponse> => {
+  const { data } = await api.get<MyStatusMessageResponse>("/member/my-status-message");
+  return data;
+};
+
+export const getMyInfo = async (): Promise<MyInfoResponse> => {
+  const { data } = await api.get<MyInfoResponse>("/member/my-info");
+  return data;
+}; 
\ No newline at end of file
diff --git a/src/entities/mypage_info/types.ts b/src/entities/mypage_info/types.ts
new file mode 100644
index 0000000..abd2fd1
--- /dev/null
+++ b/src/entities/mypage_info/types.ts
@@ -0,0 +1,22 @@
+export type Emotion = "MISS" | "HAPPY" | "COMMON" | "TIRED" | "SAD" | "WORRY" | "ANGRY";
+
+
+export interface MyEmotionResponse {
+  result: {
+    emotion: Emotion;
+  };
+}
+
+export interface MyStatusMessageResponse {
+  result: {
+    statusMessage: string;
+  };
+}
+
+export interface MyInfoResponse {
+  result: {
+    nickname: string;
+    isCouple: boolean;
+    role: "MEMBER" | "GUEST";
+  };
+} 
\ No newline at end of file
diff --git a/src/entities/onboarding/index.ts b/src/entities/onboarding/index.ts
new file mode 100644
index 0000000..c0ae70a
--- /dev/null
+++ b/src/entities/onboarding/index.ts
@@ -0,0 +1,3 @@
+export * from "./service";
+export * from "./types";
+export * from "./mutation";
diff --git a/src/entities/onboarding/mutation.ts b/src/entities/onboarding/mutation.ts
new file mode 100644
index 0000000..2d6d92d
--- /dev/null
+++ b/src/entities/onboarding/mutation.ts
@@ -0,0 +1,16 @@
+import { useMutation } from "@tanstack/react-query";
+import { OnboardingRequest } from "./types";
+import { onboardingQueries } from "./service";
+
+export const useOnboarding = () => {
+  const postOnboarding = useMutation({
+    mutationFn: (data: OnboardingRequest) => onboardingQueries.postOnboarding(data),
+    onError: (error) => {
+      console.error("온보딩 API 에러:", error);
+    },
+  });
+
+  return {
+    postOnboarding,
+  };
+}; 
\ No newline at end of file
diff --git a/src/entities/onboarding/service.ts b/src/entities/onboarding/service.ts
new file mode 100644
index 0000000..c99c0e2
--- /dev/null
+++ b/src/entities/onboarding/service.ts
@@ -0,0 +1,26 @@
+import { OnboardingRequest, OnboardingResponse } from "./types";
+import { api } from "../axios/instance";
+
+function parseKoreanDateString(dateStr: string): string {
+  return dateStr
+    .replace("년", "-")
+    .replace("월", "-")
+    .replace("일", "")
+    .replace(/\s/g, "")
+    .replace(/-+/g, "-");
+}
+
+export const onboardingQueries = {
+  postOnboarding: async (data: OnboardingRequest): Promise<OnboardingResponse> => {
+    let birthDate = data.birthDate;
+    if (birthDate.includes("년")) {
+      birthDate = parseKoreanDateString(birthDate);
+    }
+    const formattedData = {
+      ...data,
+      birthDate: new Date(birthDate).toISOString().slice(0, 10),
+    };
+    const response = await api.post<OnboardingResponse>("/member/onboarding", formattedData);
+    return response.data;
+  },
+}; 
\ No newline at end of file
diff --git a/src/entities/onboarding/types.ts b/src/entities/onboarding/types.ts
new file mode 100644
index 0000000..c0a0f48
--- /dev/null
+++ b/src/entities/onboarding/types.ts
@@ -0,0 +1,13 @@
+export interface OnboardingRequest {
+  nickname: string;
+  birthDate: string;
+  fcmToken: string;
+  isNotification: boolean;
+}
+
+export interface OnboardingResponse {
+  // API 응답 타입 정의
+  success: boolean;
+  data?: any;
+  message?: string;
+} 
\ No newline at end of file
diff --git a/src/entities/push_alarm/index.ts b/src/entities/push_alarm/index.ts
new file mode 100644
index 0000000..dc574ad
--- /dev/null
+++ b/src/entities/push_alarm/index.ts
@@ -0,0 +1,5 @@
+export * from "./service";
+export * from "./types";
+export * from "./mutation";
+export * from "./queries";
+export * from "./queryKey";
diff --git a/src/entities/push_alarm/mutation.ts b/src/entities/push_alarm/mutation.ts
new file mode 100644
index 0000000..c3ad68c
--- /dev/null
+++ b/src/entities/push_alarm/mutation.ts
@@ -0,0 +1,17 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { updateMyNotification } from "./service";
+import type { UpdateNotificationRequest } from "./types";
+
+export const useNotificationMutation = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: async (data: UpdateNotificationRequest) => {
+      return await updateMyNotification(data);
+    },
+
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["myNotification"] });
+    },
+  });
+};
diff --git a/src/entities/push_alarm/queries.ts b/src/entities/push_alarm/queries.ts
new file mode 100644
index 0000000..bc88811
--- /dev/null
+++ b/src/entities/push_alarm/queries.ts
@@ -0,0 +1,11 @@
+import { useQuery } from "@tanstack/react-query";
+import { notificationQueryKey } from "./queryKey";
+
+export const useNotificationQuery = () => {
+  return useQuery({
+    ...notificationQueryKey.my(),
+    refetchInterval: 1000 * 60,
+    staleTime: 0,
+    gcTime: 0,
+  });
+};
diff --git a/src/entities/push_alarm/queryKey.ts b/src/entities/push_alarm/queryKey.ts
new file mode 100644
index 0000000..5ec50a2
--- /dev/null
+++ b/src/entities/push_alarm/queryKey.ts
@@ -0,0 +1,9 @@
+import { createQueryKeys } from "@lukemorales/query-key-factory";
+import { getMyNotification } from "./service";
+
+export const notificationQueryKey = createQueryKeys("notification", {
+  my: () => ({
+    queryKey: ["myNotification"],
+    queryFn: () => getMyNotification(),
+  }),
+});
diff --git a/src/entities/push_alarm/service.ts b/src/entities/push_alarm/service.ts
new file mode 100644
index 0000000..3a2dab5
--- /dev/null
+++ b/src/entities/push_alarm/service.ts
@@ -0,0 +1,14 @@
+import { NotificationResponse, UpdateNotificationRequest, UpdateNotificationResponse } from "./types";
+import { api } from "../axios/instance";
+
+export const getMyNotification = async (): Promise<NotificationResponse> => {
+  const response = await api.get("/member/my-notification");
+  return response.data;
+};
+
+export const updateMyNotification = async (
+  data: UpdateNotificationRequest
+): Promise<UpdateNotificationResponse> => {
+  const response = await api.post("/member/my-notification", data);
+  return response.data;
+}; 
\ No newline at end of file
diff --git a/src/entities/push_alarm/types.ts b/src/entities/push_alarm/types.ts
new file mode 100644
index 0000000..b05b408
--- /dev/null
+++ b/src/entities/push_alarm/types.ts
@@ -0,0 +1,17 @@
+export interface NotificationPolicy {
+  dday: boolean;
+  partnerStatus: boolean;
+}
+
+export interface NotificationResponse {
+  result: NotificationPolicy;
+}
+
+export interface UpdateNotificationRequest {
+  dday: boolean;
+  partnerStatus: boolean;
+}
+
+export interface UpdateNotificationResponse {
+  result: boolean;
+} 
\ No newline at end of file
diff --git a/src/entities/schedule/index.ts b/src/entities/schedule/index.ts
new file mode 100644
index 0000000..018095d
--- /dev/null
+++ b/src/entities/schedule/index.ts
@@ -0,0 +1,6 @@
+export * from "./type";
+export * from "./store";
+export * from "./mutation";
+export * from "./query";
+export * from "./queryKey";
+export * from "./service";
diff --git a/src/entities/schedule/mutation.ts b/src/entities/schedule/mutation.ts
new file mode 100644
index 0000000..0c07b7f
--- /dev/null
+++ b/src/entities/schedule/mutation.ts
@@ -0,0 +1,89 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { createSchedule, deleteSchedule, updateSchedule } from "./service";
+import { ScheduleRequst } from "./type";
+import { scheduleQueryKey } from "./queryKey";
+
+// 일정 생성 훅
+export const useCreateScheduleMutation = (data: ScheduleRequst) => {
+  const queryClient = useQueryClient();
+
+  const startDate = new Date(data.startDate);
+  const endDate = new Date(data.endDate);
+
+  return useMutation({
+    mutationFn: () => createSchedule(data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: scheduleQueryKey.calendar(startDate).queryKey,
+      });
+      queryClient.invalidateQueries({
+        queryKey: scheduleQueryKey.list(startDate).queryKey,
+      });
+      queryClient.invalidateQueries({
+        queryKey: scheduleQueryKey.list(endDate).queryKey,
+      });
+      queryClient.invalidateQueries({
+        queryKey: scheduleQueryKey.week().queryKey,
+      });
+    },
+    onError: error => {
+      console.error("Error creating schedule:", error);
+    },
+  });
+};
+
+export const useDeleteScheduleMutation = (scheduleId: string, data: ScheduleRequst) => {
+  const queryClient = useQueryClient();
+
+  const startDate = new Date(data.startDate);
+  const endDate = new Date(data.endDate);
+
+  return useMutation({
+    mutationFn: () => deleteSchedule(scheduleId),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: scheduleQueryKey.calendar(startDate).queryKey,
+      });
+      queryClient.invalidateQueries({
+        queryKey: scheduleQueryKey.list(startDate).queryKey,
+      });
+      queryClient.invalidateQueries({
+        queryKey: scheduleQueryKey.list(endDate).queryKey,
+      });
+      queryClient.invalidateQueries({
+        queryKey: scheduleQueryKey.week().queryKey,
+      });
+    },
+    onError: error => {
+      console.error("Error creating schedule:", error);
+    },
+  });
+};
+
+export const useUpdateScheduleMutation = (data: ScheduleRequst) => {
+  const queryClient = useQueryClient();
+
+  const startDate = new Date(data.startDate);
+  const endDate = new Date(data.endDate);
+
+  return useMutation({
+    mutationFn: () => updateSchedule(data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: scheduleQueryKey.calendar(startDate).queryKey,
+      });
+      queryClient.invalidateQueries({
+        queryKey: scheduleQueryKey.list(startDate).queryKey,
+      });
+      queryClient.invalidateQueries({
+        queryKey: scheduleQueryKey.list(endDate).queryKey,
+      });
+      queryClient.invalidateQueries({
+        queryKey: scheduleQueryKey.week().queryKey,
+      });
+    },
+    onError: error => {
+      console.error("Error updating schedule:", error);
+    },
+  });
+};
diff --git a/src/entities/schedule/query.ts b/src/entities/schedule/query.ts
new file mode 100644
index 0000000..822fa95
--- /dev/null
+++ b/src/entities/schedule/query.ts
@@ -0,0 +1,18 @@
+import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
+import { scheduleQueryKey } from "./queryKey";
+
+export const useGetCalendarSchedule = (date: Date) => {
+  return useSuspenseQuery(scheduleQueryKey.calendar(date));
+};
+
+export const useGetScheduleList = (date: Date | null) => {
+  return useSuspenseQuery(scheduleQueryKey.list(date || new Date()));
+};
+
+export const useGetScheduleDetail = (scheduleId: string) => {
+  return useQuery(scheduleQueryKey.detail(scheduleId));
+};
+
+export const useGetWeekSchedule = () => {
+  return useSuspenseQuery({ ...scheduleQueryKey.week() });
+};
diff --git a/src/entities/schedule/queryKey.ts b/src/entities/schedule/queryKey.ts
new file mode 100644
index 0000000..7ab4c34
--- /dev/null
+++ b/src/entities/schedule/queryKey.ts
@@ -0,0 +1,21 @@
+import { createQueryKeys } from "@lukemorales/query-key-factory";
+import { getCalendarSchedule, getScheduleDetail, getScheduleList, getWeekSchedule } from "./service";
+
+export const scheduleQueryKey = createQueryKeys("schedule", {
+  calendar: (date: Date) => ({
+    queryKey: [date.getMonth()],
+    queryFn: () => getCalendarSchedule(date),
+  }),
+  list: (date: Date) => ({
+    queryKey: [date.getMonth(), date.getDate()],
+    queryFn: () => getScheduleList(date),
+  }),
+  detail: (scheduleId: string) => ({
+    queryKey: [scheduleId],
+    queryFn: () => getScheduleDetail(scheduleId),
+  }),
+  week: () => ({
+    queryKey: ["main"],
+    queryFn: () => getWeekSchedule(),
+  }),
+});
diff --git a/src/entities/schedule/service.ts b/src/entities/schedule/service.ts
new file mode 100644
index 0000000..617306e
--- /dev/null
+++ b/src/entities/schedule/service.ts
@@ -0,0 +1,49 @@
+import { api } from "../axios/instance";
+import { ScheduleRequst, NewScheduleResponse, ScheduleListResponse, ScheduleDetailResponse } from "./type";
+
+export const createSchedule = async (data: ScheduleRequst): Promise<NewScheduleResponse> => {
+  const response = await api.post<NewScheduleResponse>("/schedules", data);
+  return response.data;
+};
+
+export const getCalendarSchedule = async (date: Date): Promise<ScheduleListResponse> => {
+  const year = date.getFullYear();
+  const month = date.getMonth() + 1;
+
+  const response = await api.get<ScheduleListResponse>(`/schedules?year=${year}&month=${month}`);
+  return response.data;
+};
+
+export const getScheduleList = async (date: Date): Promise<ScheduleListResponse> => {
+  const formattedDate = date
+    .toLocaleDateString("ko-KR", {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit",
+    })
+    .replace(/\. /g, "-")
+    .replace(".", "");
+
+  const response = await api.get<ScheduleListResponse>(`/schedules/date?date=${formattedDate}`);
+  return response.data;
+};
+
+export const getScheduleDetail = async (scheduleId: string): Promise<ScheduleDetailResponse> => {
+  const response = await api.get<ScheduleDetailResponse>(`/schedules/detail/${scheduleId}`);
+  return response.data;
+};
+
+export const getWeekSchedule = async (): Promise<ScheduleListResponse> => {
+  const response = await api.get<ScheduleListResponse>("/schedules/week");
+  return response.data;
+};
+
+export const deleteSchedule = async (scheduleId: string): Promise<void> => {
+  const response = await api.delete<void>(`/schedules/${scheduleId}`);
+  return response.data;
+};
+
+export const updateSchedule = async (data: ScheduleRequst): Promise<void> => {
+  const response = await api.post<void>("/schedules", data);
+  return response.data;
+};
diff --git a/src/entities/schedule/store.ts b/src/entities/schedule/store.ts
new file mode 100644
index 0000000..5e3181d
--- /dev/null
+++ b/src/entities/schedule/store.ts
@@ -0,0 +1,35 @@
+import { create } from "zustand";
+import { InitialSchedule, ScheduleStore } from "./type";
+
+const initialSchedule: InitialSchedule = {
+  id: null,
+  title: "",
+  startDate: "",
+  endDate: "",
+  fatigue: "",
+  isAllDay: false,
+};
+
+export const useScheduleStore = create<ScheduleStore>(set => ({
+  schedule: initialSchedule,
+  setTitle: title => set(state => ({ schedule: { ...state.schedule, title } })),
+  setStartDate: date => set(state => ({ schedule: { ...state.schedule, startDate: date } })),
+  setEndDate: date => set(state => ({ schedule: { ...state.schedule, endDate: date } })),
+  setFatigue: fatigue => set(state => ({ schedule: { ...state.schedule, fatigue } })),
+  setIsAllDay: isAllDay => set(state => ({ schedule: { ...state.schedule, isAllDay } })),
+  reset: () => set({ schedule: initialSchedule }),
+}));
+
+interface SelectedDateState {
+  selectedMonth: Date;
+  selectedDay: Date;
+  setSelectedMonth: (date: Date) => void;
+  setSelectedDay: (date: Date) => void;
+}
+
+export const useSelectedDateStore = create<SelectedDateState>(set => ({
+  selectedMonth: new Date(),
+  selectedDay: new Date(),
+  setSelectedMonth: date => set({ selectedMonth: date }),
+  setSelectedDay: date => set({ selectedDay: date }),
+}));
diff --git a/src/entities/schedule/type.ts b/src/entities/schedule/type.ts
new file mode 100644
index 0000000..45548e5
--- /dev/null
+++ b/src/entities/schedule/type.ts
@@ -0,0 +1,74 @@
+import { Dday } from "@/entities/d-day";
+import { Letter } from "../letter";
+
+export enum Fatigue {
+  VERY_TIRED = "VERY_TIRED",
+  TIRED = "TIRED",
+  GOOD = "GOOD",
+}
+
+export interface Schedule {
+  id: number;
+  title: string;
+  fatigue: Fatigue;
+  startDate: string;
+  endDate: string;
+  isAllDay: boolean;
+  letter: Omit<Letter, "comments">[];
+}
+
+export interface CalendarSchedule {
+  schedule: Omit<Schedule, "letter" | "startDate">[];
+}
+
+// API 통신에서 쓰는 타입들
+export interface ScheduleRequst {
+  id?: number | null;
+  title: string;
+  startDate: string;
+  endDate: string;
+  fatigue: Fatigue | string;
+  isAllDay: boolean;
+}
+
+export interface ScheduleListResponse {
+  result: {
+    schedules: Omit<Schedule, "letter">[];
+    anniversaries: Omit<Dday[], "emoji">;
+  };
+}
+
+export interface NewScheduleResponse {
+  result: boolean;
+}
+
+export interface ScheduleDetailResponse {
+  result: {
+    id: number;
+    title: string;
+    fatigue: Fatigue;
+    startDate: string;
+    endDate: string;
+    letters: Omit<Letter, "comments">[];
+  };
+}
+
+// 전역 상태에서 쓰는 타입들
+export interface InitialSchedule {
+  id: number | null;
+  title: string;
+  startDate: string;
+  endDate: string;
+  fatigue: Fatigue | string;
+  isAllDay: boolean;
+}
+
+export interface ScheduleStore {
+  schedule: InitialSchedule;
+  setTitle: (title: string) => void;
+  setStartDate: (date: string) => void;
+  setEndDate: (date: string) => void;
+  setFatigue: (fatigue: Fatigue) => void;
+  setIsAllDay: (value: boolean) => void;
+  reset: () => void;
+}
diff --git a/src/entities/types/emotion.ts b/src/entities/types/emotion.ts
new file mode 100644
index 0000000..0d8f943
--- /dev/null
+++ b/src/entities/types/emotion.ts
@@ -0,0 +1,103 @@
+import { ComponentType } from "react";
+
+export type EmotionType = "angry" | "worry" | "common" | "happy" | "miss" | "sad" | "tired";
+
+export type EmotionStatus = "default" | "focus" | "inactive" | "base";
+
+export interface EmotionItem {
+  type: EmotionType;
+  label: string;
+}
+
+export type EmotionImageType = {
+  [key in EmotionType]: {
+    [status in EmotionStatus]: ComponentType<React.SVGProps<SVGSVGElement>>;
+  };
+};
+
+// 이미지 import
+import angryDefault from "@/assets/images/character/default_angry.svg?react";
+import angryFocus from "@/assets/images/character/focus_angry.svg?react";
+import angryInactive from "@/assets/images/character/inactive_angry.svg?react";
+import worryDefault from "@/assets/images/character/default_worry.svg?react";
+import worryFocus from "@/assets/images/character/focus_worry.svg?react";
+import worryInactive from "@/assets/images/character/inactive_worry.svg?react";
+import happyDefault from "@/assets/images/character/default_happy.svg?react";
+import happyFocus from "@/assets/images/character/focus_happy.svg?react";
+import happyInactive from "@/assets/images/character/inactive_happy.svg?react";
+import missDefault from "@/assets/images/character/default_miss.svg?react";
+import missFocus from "@/assets/images/character/focus_miss.svg?react";
+import missInactive from "@/assets/images/character/inactive_miss.svg?react";
+import commonDefault from "@/assets/images/character/default_common.svg?react";
+import commonFocus from "@/assets/images/character/focus_common.svg?react";
+import commonInactive from "@/assets/images/character/inactive_common.svg?react";
+import sadDefault from "@/assets/images/character/default_sad.svg?react";
+import sadFocus from "@/assets/images/character/focus_sad.svg?react";
+import sadInactive from "@/assets/images/character/inactive_sad.svg?react";
+import tiredDefault from "@/assets/images/character/default_tired.svg?react";
+import tiredFocus from "@/assets/images/character/focus_tired.svg?react";
+import tiredInactive from "@/assets/images/character/inactive_tired.svg?react";
+
+// 기본 이미지 import
+import angry from "@/assets/images/character/angry.svg?react";
+import worry from "@/assets/images/character/worry.svg?react";
+import happy from "@/assets/images/character/happy.svg?react";
+import miss from "@/assets/images/character/miss.svg?react";
+import common from "@/assets/images/character/common.svg?react";
+import sad from "@/assets/images/character/sad.svg?react";
+import tired from "@/assets/images/character/tired.svg?react";
+
+export const EMOTION_IMAGES: EmotionImageType = {
+  angry: {
+    default: angryDefault,
+    focus: angryFocus,
+    inactive: angryInactive,
+    base: angry,
+  },
+  worry: {
+    default: worryDefault,
+    focus: worryFocus,
+    inactive: worryInactive,
+    base: worry,
+  },
+  happy: {
+    default: happyDefault,
+    focus: happyFocus,
+    inactive: happyInactive,
+    base: happy,
+  },
+  miss: {
+    default: missDefault,
+    focus: missFocus,
+    inactive: missInactive,
+    base: miss,
+  },
+  common: {
+    default: commonDefault,
+    focus: commonFocus,
+    inactive: commonInactive,
+    base: common,
+  },
+  sad: {
+    default: sadDefault,
+    focus: sadFocus,
+    inactive: sadInactive,
+    base: sad,
+  },
+  tired: {
+    default: tiredDefault,
+    focus: tiredFocus,
+    inactive: tiredInactive,
+    base: tired,
+  },
+};
+
+export const EMOTION_TO_ICON: Record<string, EmotionType> = {
+  ANGRY: "angry",
+  WORRY: "worry",
+  COMMON: "common",
+  HAPPY: "happy",
+  MISS: "miss",
+  SAD: "sad",
+  TIRED: "tired"
+};
diff --git a/src/features/d-day/hooks/index.ts b/src/features/d-day/hooks/index.ts
new file mode 100644
index 0000000..39cc7b7
--- /dev/null
+++ b/src/features/d-day/hooks/index.ts
@@ -0,0 +1,2 @@
+export * from "./useNewDdayForm";
+export * from "./useInitializeDdayFormFromCache";
diff --git a/src/features/d-day/hooks/useInitializeDdayFormFromCache.ts b/src/features/d-day/hooks/useInitializeDdayFormFromCache.ts
new file mode 100644
index 0000000..b607d46
--- /dev/null
+++ b/src/features/d-day/hooks/useInitializeDdayFormFromCache.ts
@@ -0,0 +1,49 @@
+import { useQueryClient } from "@tanstack/react-query";
+import { useEffect } from "react";
+import { InitialDday } from "../model";
+import type { Dday } from "@/entities/d-day";
+
+const updateDdayFields = (
+  dday: Dday,
+  updateField: <K extends keyof InitialDday>(key: K, value: InitialDday[K]) => void
+) => {
+  const fields: Array<keyof InitialDday> = ["id", "title", "date", "emoji"];
+  const values = {
+    id: dday.id,
+    title: dday.title,
+    date: dday.anniversaryDate,
+    emoji: dday.emoji,
+  };
+
+  fields.forEach(field => updateField(field, values[field]));
+};
+
+export const useInitializeDdayFormFromCache = (
+  id: string,
+  updateField: <K extends keyof InitialDday>(key: K, value: InitialDday[K]) => void,
+  location: string
+) => {
+  const queryClient = useQueryClient();
+
+  useEffect(() => {
+    if (location === "/") {
+      const cachedData = queryClient.getQueryData<{ result: Dday[] }>(["dday", "main", "top3"]);
+      if (!cachedData) return;
+
+      const dday = cachedData.result.find((d: Dday) => String(d.id) === String(id));
+      if (dday) {
+        updateDdayFields(dday, updateField);
+      }
+    }
+    if (location === "/calendar/dday") {
+      const cachedData = queryClient.getQueryData<{ pages: any[] }>(["dday", "list", "all"]);
+      if (!cachedData) return;
+
+      const allDdays = cachedData.pages.flatMap((page: any) => page.data);
+      const dday = allDdays.find((d: any) => String(d.id) === String(id));
+      if (dday) {
+        updateDdayFields(dday, updateField);
+      }
+    }
+  }, [id, queryClient, updateField, location]);
+};
diff --git a/src/features/d-day/hooks/useNewDdayForm.ts b/src/features/d-day/hooks/useNewDdayForm.ts
new file mode 100644
index 0000000..63339a5
--- /dev/null
+++ b/src/features/d-day/hooks/useNewDdayForm.ts
@@ -0,0 +1,32 @@
+import { useState, useMemo, useCallback } from "react";
+import { Emoji } from "@/entities/d-day";
+import { InitialDday } from "../model";
+
+export function useNewDdayForm() {
+  const initialState: InitialDday = {
+    id: null,
+    title: "",
+    date: "",
+    emoji: Emoji.HEART,
+  };
+
+  const [newDdayState, setNewDdayState] = useState<InitialDday>(initialState);
+
+  const isFormValid = useMemo(() => {
+    return newDdayState.title.trim() !== "" && newDdayState.date !== "";
+  }, [newDdayState.title, newDdayState.date]);
+
+  const handleChange = useCallback(<K extends keyof InitialDday>(field: K, value: InitialDday[K]) => {
+    setNewDdayState(prev => ({
+      ...prev,
+      [field]: value,
+    }));
+  }, []);
+
+  return {
+    newDdayState,
+    setNewDdayState,
+    isFormValid,
+    handleChange,
+  };
+}
diff --git a/src/features/d-day/index.ts b/src/features/d-day/index.ts
new file mode 100644
index 0000000..81f8d9f
--- /dev/null
+++ b/src/features/d-day/index.ts
@@ -0,0 +1,2 @@
+export * from "./hooks";
+export * from "./ui";
diff --git a/src/features/d-day/model/index.ts b/src/features/d-day/model/index.ts
new file mode 100644
index 0000000..be6f715
--- /dev/null
+++ b/src/features/d-day/model/index.ts
@@ -0,0 +1 @@
+export * from "./state";
diff --git a/src/features/d-day/model/state.ts b/src/features/d-day/model/state.ts
new file mode 100644
index 0000000..ec344c2
--- /dev/null
+++ b/src/features/d-day/model/state.ts
@@ -0,0 +1,8 @@
+import { Emoji } from "@/entities/d-day";
+
+export interface InitialDday {
+  id: string | null;
+  title: string;
+  date: string;
+  emoji: Emoji;
+}
diff --git a/src/features/d-day/ui/DdayCard.tsx b/src/features/d-day/ui/DdayCard.tsx
new file mode 100644
index 0000000..3f50d9b
--- /dev/null
+++ b/src/features/d-day/ui/DdayCard.tsx
@@ -0,0 +1,44 @@
+import { InfoCard } from "@/shared/ui";
+import heart from "@/assets/icons/heart.svg";
+import calendar from "@/assets/icons/calendar.svg";
+import cake from "@/assets/icons/cake.svg";
+import travel from "@/assets/icons/travel.svg";
+import { calculateDday } from "@/shared/utils";
+import type { Dday } from "@/entities/d-day";
+import { useLocation, useNavigate } from "react-router";
+
+interface DdayCardProps extends Dday {
+  className?: string;
+  onClick?: () => void;
+}
+
+const emojiIconMap: Record<string, string> = {
+  HEART: heart,
+  CALENDAR: calendar,
+  CAKE: cake,
+  TRAVEL: travel,
+};
+
+export const DdayCard = (props: DdayCardProps) => {
+  const location = useLocation();
+  const iconSrc = emojiIconMap[props.emoji];
+  const navigate = useNavigate();
+
+  const goEditDdayPage = () => {
+    navigate(`/calendar/dday/${props.id}/edit`, {
+      state: { from: location.pathname },
+    });
+  };
+
+  return (
+    <InfoCard className={`justify-between bg-gray-50 ${props.className}`} onClick={goEditDdayPage}>
+      <InfoCard.Content>
+        <InfoCard.IconTitle iconSrc={iconSrc}>{props.title}</InfoCard.IconTitle>
+        <div className="flex flex-col gap-1 text-end">
+          <InfoCard.Title>{calculateDday(props.anniversaryDate)}</InfoCard.Title>
+          <InfoCard.Text>{props.anniversaryDate}</InfoCard.Text>
+        </div>
+      </InfoCard.Content>
+    </InfoCard>
+  );
+};
diff --git a/src/features/d-day/ui/DdayDateBottomSheet.tsx b/src/features/d-day/ui/DdayDateBottomSheet.tsx
new file mode 100644
index 0000000..ad647f8
--- /dev/null
+++ b/src/features/d-day/ui/DdayDateBottomSheet.tsx
@@ -0,0 +1,35 @@
+import { DateSelector } from "@/shared/ui";
+import { DatePickerSheet } from "@/widgets/datepicker/ui";
+
+interface DdayDateBottomSheetProps {
+  selectedDate: string;
+  onDateChange: (date: string) => void;
+}
+
+export const DdayDateBottomSheet = ({ selectedDate, onDateChange }: DdayDateBottomSheetProps) => {
+  const handleDateConfirm = (selectedDate: Date) => {
+    const current = new Date(selectedDate);
+    const isValidCurrent = !isNaN(current.getTime());
+
+    const newDate = new Date(
+      selectedDate.getFullYear(),
+      selectedDate.getMonth(),
+      selectedDate.getDate(),
+      isValidCurrent ? current.getHours() : 0,
+      isValidCurrent ? current.getMinutes() : 0
+    );
+
+    const yyyy = newDate.getFullYear();
+    const mm = String(newDate.getMonth() + 1).padStart(2, "0");
+    const dd = String(newDate.getDate()).padStart(2, "0");
+
+    const formatted = `${yyyy}-${mm}-${dd}`;
+    onDateChange(formatted);
+  };
+
+  return (
+    <DatePickerSheet onConfirm={handleDateConfirm}>
+      <DateSelector date={selectedDate} />
+    </DatePickerSheet>
+  );
+};
diff --git a/src/features/d-day/ui/EmojiSelector.tsx b/src/features/d-day/ui/EmojiSelector.tsx
new file mode 100644
index 0000000..6e39006
--- /dev/null
+++ b/src/features/d-day/ui/EmojiSelector.tsx
@@ -0,0 +1,37 @@
+import heart from "@/assets/icons/heart.svg";
+import calendar from "@/assets/icons/calendar.svg";
+import cake from "@/assets/icons/cake.svg";
+import taravel from "@/assets/icons/travel.svg";
+import { Button } from "@/shared/ui";
+import { Emoji } from "@/entities/d-day";
+
+interface EmojiSelectorProps {
+  selectedEmoji: Emoji;
+  onEmojiChange: (emoji: Emoji) => void;
+}
+
+const icons = [
+  { id: Emoji.HEART, src: heart, alt: "사랑 아이콘" },
+  { id: Emoji.CALENDAR, src: calendar, alt: "일정 아이콘" },
+  { id: Emoji.CAKE, src: cake, alt: "생일 아이콘" },
+  { id: Emoji.TRAVEL, src: taravel, alt: "여행 아이콘" },
+];
+
+export const EmojiSelector = ({ selectedEmoji, onEmojiChange }: EmojiSelectorProps) => {
+  return (
+    <div className="flex items-center gap-3">
+      {icons.map(({ id, src, alt }) => (
+        <Button
+          key={id}
+          variant="secondary"
+          size="icon"
+          className={`rounded-2xl bg-gray-50 ${
+            selectedEmoji === id ? "border-2 border-green-500" : "border border-transparent"
+          }`}
+          onClick={() => onEmojiChange(id)}>
+          <img src={src} alt={alt} />
+        </Button>
+      ))}
+    </div>
+  );
+};
diff --git a/src/features/d-day/ui/NoDdayMessage.tsx b/src/features/d-day/ui/NoDdayMessage.tsx
new file mode 100644
index 0000000..44b5d39
--- /dev/null
+++ b/src/features/d-day/ui/NoDdayMessage.tsx
@@ -0,0 +1,26 @@
+import noDday from "@/assets/images/noDday.svg";
+import { Button } from "@/shared/ui";
+import { useNavigate } from "react-router";
+
+export const NoDdayMessage = () => {
+  const navigate = useNavigate();
+
+  const goCreateDdayPage = () => {
+    navigate("/calendar/dday/new", { state: { from: "/calendar/dday" } });
+  };
+
+  return (
+    <div className="mt-[170px] flex flex-col items-center">
+      <img src={noDday} alt="Day 없음" />
+      <h2 className="mt-7 text-2xl font-semibold text-gray-900">등록된 디데이가 없네요!</h2>
+      <p className="mt-2 text-center text-xl font-medium text-gray-500">
+        기다리는 연인을 위해
+        <br />
+        편지를 작성해보는 건 어떨까요?
+      </p>
+      <Button variant="square" size="2xs" className="mt-8" onClick={goCreateDdayPage}>
+        디데이 추가
+      </Button>
+    </div>
+  );
+};
diff --git a/src/features/d-day/ui/index.ts b/src/features/d-day/ui/index.ts
new file mode 100644
index 0000000..dec82c5
--- /dev/null
+++ b/src/features/d-day/ui/index.ts
@@ -0,0 +1,4 @@
+export * from "./DdayCard";
+export * from "./EmojiSelector";
+export * from "./NoDdayMessage";
+export * from "./DdayDateBottomSheet";
diff --git a/src/features/letter/WriteLetterBottomSheet.tsx b/src/features/letter/WriteLetterBottomSheet.tsx
new file mode 100644
index 0000000..18d7450
--- /dev/null
+++ b/src/features/letter/WriteLetterBottomSheet.tsx
@@ -0,0 +1,293 @@
+import { useState, useRef, FormEvent } from "react";
+import {
+  Button,
+  CountInput,
+  Drawer,
+  DrawerContent,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerTrigger,
+  Textarea,
+} from "@/shared/ui";
+import { Carousel, CarouselContent, CarouselItem } from "@/shared/ui";
+import crossDeleteIcon from "@/assets/icons/crossDelete.svg";
+import { useCreateLetterMutation, useUpdateLetterMutation } from "@/entities/letter/mutation";
+import { useParams } from "react-router";
+import { useToggle } from "@/shared/hooks";
+import { formatDateKoreanWithWeekday } from "@/shared/utils";
+
+interface WriteLetterBottomSheetProps {
+  letterId?: string;
+  title?: string;
+  content?: string;
+  imagesUrl?: string[];
+  children?: React.ReactNode;
+}
+
+export const WriteLetterBottomSheet = ({
+  letterId,
+  title = "",
+  content = "",
+  imagesUrl = [],
+  children,
+}: WriteLetterBottomSheetProps) => {
+  const isEdit = !!letterId;
+  const [editTitle, setEditTitle] = useState(title);
+  const [editContent, setEditContent] = useState(content);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  // 기존 이미지 URL과 새로운 File 이미지를 함께 관리
+  const [existingImages, setExistingImages] = useState<string[]>(imagesUrl);
+  const [newImages, setNewImages] = useState<File[]>([]);
+  const MAX_IMAGES = 3;
+
+  const fileInputRef = useRef<HTMLInputElement>(null);
+  const { isToggle, onToggle } = useToggle();
+  const { scheduleId } = useParams<{ scheduleId: string }>();
+  const { mutate } = useCreateLetterMutation(scheduleId || "");
+  const { mutate: updateMutate } = useUpdateLetterMutation(scheduleId || "", letterId || "");
+
+  const handleImageUpload = (files: FileList) => {
+    const totalImages = existingImages.length + newImages.length;
+    const remainingSlots = MAX_IMAGES - totalImages;
+
+    if (remainingSlots <= 0) {
+      alert("이미지는 최대 3개까지만 등록할 수 있습니다.");
+      return;
+    }
+
+    const additionalImages = Array.from(files).slice(0, remainingSlots);
+    setNewImages(prev => [...prev, ...additionalImages]);
+  };
+
+  const handleImageDelete = (index: number, type: "existing" | "new") => {
+    if (type === "existing") {
+      setExistingImages(prev => prev.filter((_, i) => i !== index));
+    } else {
+      setNewImages(prev => prev.filter((_, i) => i !== index));
+    }
+  };
+
+  const openFileDialog = () => {
+    fileInputRef.current?.click();
+  };
+
+  const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+
+    if (isSubmitting) return;
+
+    if (!editTitle.trim()) {
+      alert("제목을 입력해주세요.");
+      return;
+    }
+    if (!editContent.trim()) {
+      alert("내용을 입력해주세요.");
+      return;
+    }
+
+    setIsSubmitting(true);
+
+    const upsertLetterRequest = {
+      letterId: isEdit ? letterId : null,
+      scheduleId: scheduleId || "",
+      title: editTitle,
+      content: editContent,
+      pictureUrls: existingImages,
+    };
+
+    const finalFormData = new FormData();
+    finalFormData.append(
+      "upsertLetterRequest",
+      new Blob([JSON.stringify(upsertLetterRequest)], { type: "application/json" })
+    );
+
+    // 새로 추가된 이미지들을 pictures로 추가
+    newImages.forEach(file => {
+      finalFormData.append("pictures", file);
+    });
+
+    if (isEdit) {
+      const updateFormData = new FormData();
+      updateFormData.append(
+        "upsertLetterRequest",
+        new Blob([JSON.stringify(upsertLetterRequest)], { type: "application/json" })
+      );
+      newImages.forEach(file => {
+        updateFormData.append("pictures", file);
+      });
+
+      updateMutate(updateFormData, {
+        onSuccess: () => {
+          alert("편지가 수정되었습니다.");
+          setEditTitle("");
+          setEditContent("");
+          setExistingImages([]);
+          setNewImages([]);
+          onToggle();
+        },
+        onError: error => {
+          console.error(error);
+        },
+        onSettled: () => {
+          setIsSubmitting(false);
+        },
+      });
+    } else {
+      mutate(finalFormData, {
+        onSuccess: () => {
+          alert("편지가 등록되었습니다.");
+          setEditTitle("");
+          setEditContent("");
+          setExistingImages([]);
+          setNewImages([]);
+          onToggle();
+        },
+        onError: error => {
+          console.error(error);
+        },
+        onSettled: () => {
+          setIsSubmitting(false);
+        },
+      });
+    }
+  };
+
+  return (
+    <Drawer open={isToggle} onOpenChange={onToggle}>
+      <DrawerTrigger asChild>{children}</DrawerTrigger>
+      <DrawerContent className="min-h-[550px] px-5 pt-2" onClick={e => e.stopPropagation()}>
+        <form className="mx-auto w-full max-w-sm" onSubmit={handleSubmit} onClick={e => e.stopPropagation()}>
+          <DrawerHeader className="flex-row justify-between px-0">
+            <Button
+              type="button"
+              variant="ghost"
+              className="hover:bg-gray-0 p-0 text-sm font-semibold text-green-600 hover:text-green-700"
+              onClick={onToggle}>
+              취소
+            </Button>
+            <DrawerTitle>{formatDateKoreanWithWeekday(new Date())}</DrawerTitle>
+            <Button
+              type="submit"
+              variant="ghost"
+              disabled={isSubmitting}
+              className="hover:bg-gray-0 p-0 text-sm font-semibold text-green-600 hover:text-green-700 disabled:text-green-300">
+              완료
+            </Button>
+          </DrawerHeader>
+          <div className="flex flex-col gap-8">
+            <div className="flex flex-col gap-2">
+              <label className="text-md font-semibold text-gray-900" htmlFor="title">
+                제목
+              </label>
+              <CountInput
+                className="h-12 bg-gray-50"
+                id="title"
+                name="title"
+                type="text"
+                placeholder="제목을 입력해 주세요"
+                maxLength={20}
+                value={editTitle}
+                onChange={e => setEditTitle(e.target.value)}
+              />
+            </div>
+
+            <div className="flex flex-col gap-2">
+              <label className="text-md font-semibold text-gray-900" htmlFor="content">
+                내용
+              </label>
+              <Textarea
+                className="min-h-[140px] bg-gray-50 p-3 focus-visible:border-green-300 focus-visible:ring-green-300"
+                id="content"
+                name="content"
+                placeholder="내용을 입력해 주세요"
+                value={editContent}
+                onChange={e => setEditContent(e.target.value)}
+              />
+            </div>
+
+            <div className="mb-3">
+              <div className="mb-2 flex items-center justify-between">
+                <label className="text-md font-semibold text-gray-900" htmlFor="image">
+                  이미지
+                </label>
+                <Button
+                  variant="square"
+                  size="2xs"
+                  onClick={openFileDialog}
+                  type="button"
+                  disabled={existingImages.length + newImages.length >= MAX_IMAGES}>
+                  이미지 첨부
+                </Button>
+                <input
+                  id="image"
+                  type="file"
+                  className="hidden"
+                  multiple
+                  accept="image/*"
+                  ref={fileInputRef}
+                  onChange={e => {
+                    if (e.target.files) {
+                      handleImageUpload(e.target.files);
+                    }
+                  }}
+                />
+              </div>
+
+              {existingImages.length > 0 || newImages.length > 0 ? (
+                <Carousel opts={{ align: "start" }} className="w-full max-w-sm">
+                  <CarouselContent>
+                    {/* 기존 이미지 렌더링 */}
+                    {existingImages.map((imageUrl, index) => (
+                      <CarouselItem key={`existing-${index}`} className="basis-[140px] pl-4">
+                        <div className="relative aspect-square w-full overflow-hidden rounded-md">
+                          <img src={imageUrl} alt={`existing-${index}`} className="h-full w-full object-cover" />
+                          <Button
+                            variant="ghost"
+                            size="2xsIcon"
+                            type="button"
+                            className="absolute top-2 right-2"
+                            onClick={() => handleImageDelete(index, "existing")}
+                            aria-label="이미지 삭제">
+                            <img src={crossDeleteIcon} alt="이미지 삭제" className="h-4 w-4" />
+                          </Button>
+                        </div>
+                      </CarouselItem>
+                    ))}
+                    {/* 새로 추가된 이미지 렌더링 */}
+                    {newImages.map((image, index) => {
+                      const objectUrl = URL.createObjectURL(image);
+                      return (
+                        <CarouselItem key={`new-${index}`} className="basis-[140px] pl-4">
+                          <div className="relative aspect-square w-full overflow-hidden rounded-md">
+                            <img
+                              src={objectUrl}
+                              alt={`preview-${index}`}
+                              className="h-full w-full object-cover"
+                              onLoad={() => URL.revokeObjectURL(objectUrl)}
+                            />
+                            <Button
+                              variant="ghost"
+                              size="2xsIcon"
+                              type="button"
+                              className="absolute top-2 right-2"
+                              onClick={() => handleImageDelete(index, "new")}
+                              aria-label="이미지 삭제">
+                              <img src={crossDeleteIcon} alt="이미지 삭제" className="h-4 w-4" />
+                            </Button>
+                          </div>
+                        </CarouselItem>
+                      );
+                    })}
+                  </CarouselContent>
+                </Carousel>
+              ) : (
+                <p className="text-sm text-gray-400">첨부된 이미지가 없습니다.</p>
+              )}
+            </div>
+          </div>
+        </form>
+      </DrawerContent>
+    </Drawer>
+  );
+};
diff --git a/src/features/letter/index.ts b/src/features/letter/index.ts
new file mode 100644
index 0000000..0e8d893
--- /dev/null
+++ b/src/features/letter/index.ts
@@ -0,0 +1,2 @@
+export * from "./ui";
+export * from "./WriteLetterBottomSheet";
diff --git a/src/features/letter/ui/LetterCard.tsx b/src/features/letter/ui/LetterCard.tsx
new file mode 100644
index 0000000..7ab5fb2
--- /dev/null
+++ b/src/features/letter/ui/LetterCard.tsx
@@ -0,0 +1,97 @@
+// 외부 라이브러리 import
+import { useLocation, useNavigate, useParams } from "react-router";
+
+// 훅
+import { useDeleteLetterMutation } from "@/entities/letter/mutation";
+
+// UI
+import { DeleteAlert } from "../../../shared/ui/deleteAlert";
+import { InfoCard } from "@/shared/ui";
+
+// 유틸
+import { formatDateFull } from "@/shared/utils";
+
+// 타입
+import { MouseEvent } from "react";
+import { WriteLetterBottomSheet } from "../WriteLetterBottomSheet";
+
+interface LetterCardProps {
+  letterId: string;
+  scheduleId: string;
+  title: string;
+  content: string;
+  createdAt: string;
+  pictureUrl?: string;
+  isWrittenByMe: boolean;
+}
+
+export const LetterCard = (props: LetterCardProps) => {
+  // 라우터 파라미터에서 scheduleId 추출
+  const { scheduleId } = useParams<{ scheduleId: string }>();
+
+  // 라우터 훅
+  const navigate = useNavigate();
+  const location = useLocation();
+
+  // API 훅
+  const { mutate } = useDeleteLetterMutation(scheduleId || props.scheduleId, props.letterId);
+
+  // 이벤트 핸들러
+  const handleClick = (event: MouseEvent) => {
+    const defaultScheduleId = scheduleId || props.scheduleId;
+    const tagName = (event.target as HTMLElement).tagName.toLowerCase();
+    if (["button", "input", "textarea", "svg", "path"].includes(tagName)) return;
+    navigate(`/calendar/schedule/${defaultScheduleId}/letter/${props.letterId}`);
+  };
+
+  const handleDelete = (e: MouseEvent) => {
+    e.stopPropagation(); // 카드 클릭 이벤트 방지
+    mutate(undefined, {
+      onSuccess: () => {
+        alert("편지가 삭제되었습니다.");
+      },
+      onError: error => {
+        console.error(error);
+      },
+    });
+  };
+
+  const letterListPath = location.pathname === "/calendar/letters" ? true : false;
+
+  return (
+    <InfoCard onClick={handleClick} className={letterListPath ? "bg-gray-50" : ""}>
+      <InfoCard.Content className="flex-col">
+        <div className="flex items-center gap-4">
+          {props.pictureUrl && <InfoCard.Image imageUrl={props.pictureUrl} />}
+          <div className="flex flex-col items-start gap-2">
+            <InfoCard.Title>{props.title}</InfoCard.Title>
+            <InfoCard.Text>{props.content}</InfoCard.Text>
+          </div>
+        </div>
+        <div className="mt-3 flex justify-between">
+          <InfoCard.Text>{formatDateFull(props.createdAt)}</InfoCard.Text>
+          {props.isWrittenByMe && (
+            <InfoCard.Options className="items-center">
+              <WriteLetterBottomSheet
+                title={props.title}
+                content={props.content}
+                letterId={props.letterId}
+                imagesUrl={props.pictureUrl ? [props.pictureUrl] : []}>
+                <InfoCard.Option>편집</InfoCard.Option>
+              </WriteLetterBottomSheet>
+              <span className="align-middl inline-block h-3 w-[1.5px] bg-gray-300" />
+              <DeleteAlert
+                onDelete={handleDelete}
+                title="편지 삭제"
+                description="정말 편지를 삭제하시겠어요?"
+                buttonText="삭제"
+                cancelText="취소">
+                <InfoCard.Option>삭제</InfoCard.Option>
+              </DeleteAlert>
+            </InfoCard.Options>
+          )}
+        </div>
+      </InfoCard.Content>
+    </InfoCard>
+  );
+};
diff --git a/src/features/letter/ui/LetterList.tsx b/src/features/letter/ui/LetterList.tsx
new file mode 100644
index 0000000..1550b87
--- /dev/null
+++ b/src/features/letter/ui/LetterList.tsx
@@ -0,0 +1,15 @@
+import { LetterList as LetterListType } from "@/entities/letter";
+import { LetterCard } from "./LetterCard";
+
+export interface LetterListProps {
+  letters: LetterListType;
+}
+export const LetterList = (props: LetterListProps) => {
+  return (
+    <ul className="mt-4 flex flex-col gap-4">
+      {props.letters.map(letter => (
+        <LetterCard key={letter.letterId} {...letter} />
+      ))}
+    </ul>
+  );
+};
diff --git a/src/features/letter/ui/MonthlyLettersView.tsx b/src/features/letter/ui/MonthlyLettersView.tsx
new file mode 100644
index 0000000..2053ce0
--- /dev/null
+++ b/src/features/letter/ui/MonthlyLettersView.tsx
@@ -0,0 +1,19 @@
+import type { LetterListResponse } from "@/entities/letter";
+import { LetterList } from "@/features/letter";
+import { groupLettersByMonth } from "../utils";
+import { formatYearMonth } from "@/shared/utils";
+
+export const MonthlyLettersView = (props: LetterListResponse) => {
+  const groupedLetters = groupLettersByMonth(props.data);
+
+  return (
+    <section>
+      {groupedLetters.map(({ year, month, letters }) => (
+        <div key={`${year}-${month}`} className="mb-8">
+          <h2 className="text-md mb-3 text-center font-semibold text-gray-900">{formatYearMonth(year, month)}</h2>
+          <LetterList letters={letters} />
+        </div>
+      ))}
+    </section>
+  );
+};
diff --git a/src/features/letter/ui/NoLetterMessage.tsx b/src/features/letter/ui/NoLetterMessage.tsx
new file mode 100644
index 0000000..d62eeba
--- /dev/null
+++ b/src/features/letter/ui/NoLetterMessage.tsx
@@ -0,0 +1,15 @@
+import mailbox from "@/assets/images/mailbox.svg";
+
+export const NoLetterMessage = () => {
+  return (
+    <div className="flex h-full min-h-[calc(100vh-400px)] flex-col items-center justify-center">
+      <img src={mailbox} alt="편지 없음" />
+      <h3 className="mt-4 text-2xl font-semibold text-gray-800">아직 편지가 없네요!</h3>
+      <p className="text-md mt-2 text-center font-medium text-gray-400">
+        기다리는 연인을 위해
+        <br />
+        편지를 작성해보는 건 어떨까요?
+      </p>
+    </div>
+  );
+};
diff --git a/src/features/letter/ui/index.ts b/src/features/letter/ui/index.ts
new file mode 100644
index 0000000..1b92806
--- /dev/null
+++ b/src/features/letter/ui/index.ts
@@ -0,0 +1,4 @@
+export * from "./LetterList";
+export * from "./LetterCard";
+export * from "./NoLetterMessage";
+export * from "./MonthlyLettersView";
diff --git a/src/features/letter/utils/groupLettersByMonth.ts b/src/features/letter/utils/groupLettersByMonth.ts
new file mode 100644
index 0000000..f450f48
--- /dev/null
+++ b/src/features/letter/utils/groupLettersByMonth.ts
@@ -0,0 +1,27 @@
+import type { LetterList } from "@/entities/letter";
+
+type LetterGroupsType = {
+  year: number;
+  month: number;
+  letters: LetterList;
+};
+
+export const groupLettersByMonth = (letters: LetterList) => {
+  const letterGroups: Record<string, LetterGroupsType> = {};
+
+  letters.forEach(letter => {
+    const newDate = letter.createdAt;
+    const date = new Date(newDate);
+    const year = date.getFullYear();
+    const month = date.getMonth() + 1;
+
+    const key = `${year}-${month}`;
+    if (!letterGroups[key]) letterGroups[key] = { year, month, letters: [] };
+    letterGroups[key].letters.push(letter);
+  });
+
+  return Object.values(letterGroups).sort((a, b) => {
+    if (a.year !== b.year) return b.year - a.year;
+    return b.month - a.month;
+  });
+};
diff --git a/src/features/letter/utils/index.ts b/src/features/letter/utils/index.ts
new file mode 100644
index 0000000..2ef2d11
--- /dev/null
+++ b/src/features/letter/utils/index.ts
@@ -0,0 +1 @@
+export * from "./groupLettersByMonth";
diff --git a/src/features/login/index.ts b/src/features/login/index.ts
new file mode 100644
index 0000000..4aedf59
--- /dev/null
+++ b/src/features/login/index.ts
@@ -0,0 +1 @@
+export * from "./ui";
diff --git a/src/features/login/ui/LoginButton.tsx b/src/features/login/ui/LoginButton.tsx
new file mode 100644
index 0000000..83a4247
--- /dev/null
+++ b/src/features/login/ui/LoginButton.tsx
@@ -0,0 +1,34 @@
+import { Button } from "@/shared/ui";
+import kakaoIcon from "@/assets/icons/kakao.svg";
+
+export const LoginButton = () => {
+  const handleLogin = () => {
+    const userAgent = navigator.userAgent.toLowerCase();
+    const isMobile = /android|iphone|ipad|ipod/.test(userAgent);
+
+    if (isMobile) {
+      // 모바일: 앱 스킴으로 이동
+      // window.location.href = "kakaotalk://login"; // 실제 앱 스킴으로 수정 필요
+
+      // 앱이 설치되어 있지 않은 경우 fallback 처리
+      setTimeout(() => {
+        window.location.href = import.meta.env.VITE_KAKAO_LOGIN_URL;
+      }, 2000);
+    } else {
+      // PC: 웹 로그인 URL로 이동
+      window.location.href = import.meta.env.VITE_KAKAO_LOGIN_URL;
+    }
+  };
+
+  return (
+    <Button
+      type="button"
+      variant="login"
+      size="xl"
+      className="text-md absolute right-5 bottom-5 left-5 flex pt-5"
+      onClick={handleLogin}>
+      <img src={kakaoIcon} alt="로그인 버튼" />
+      카카오로 계속하기
+    </Button>
+  );
+};
diff --git a/src/features/login/ui/index.ts b/src/features/login/ui/index.ts
new file mode 100644
index 0000000..06a844c
--- /dev/null
+++ b/src/features/login/ui/index.ts
@@ -0,0 +1 @@
+export * from "./LoginButton";
diff --git a/src/features/mainpage/DDaySection.tsx b/src/features/mainpage/DDaySection.tsx
new file mode 100644
index 0000000..87869f4
--- /dev/null
+++ b/src/features/mainpage/DDaySection.tsx
@@ -0,0 +1,51 @@
+import { useGetMainDdayList } from "@/entities/d-day";
+
+import { useNavigate } from "react-router";
+import { MainHeader } from "./ui/MainHeader";
+import { DdayCard } from "../d-day/ui";
+import CakeIcon from "@/assets/images/cake.svg";
+interface DDaySectionProps {
+  isConnected: boolean;
+  isInitialized: boolean;
+}
+
+export const DDaySection = ({ isConnected, isInitialized }: DDaySectionProps) => {
+  const { data: mainDdayList } = useGetMainDdayList(isConnected);
+  const navigate = useNavigate();
+
+  if (!isConnected || !isInitialized || !mainDdayList) {
+    return (
+      <>
+        <MainHeader mainTitle="D-DAY" buttonText="더보기" isConnected={isConnected} isInitialized={isInitialized} />
+        <div className="text-md mb-15 flex items-center rounded-2xl bg-white p-6 font-semibold text-gray-500">
+          <img src={CakeIcon} alt="하트" className="mr-2 h-5 w-5 opacity-50" />
+          <span>상대방과의 소중한 디데이를 등록하세요</span>
+        </div>
+      </>
+    );
+  }
+
+  return (
+    <>
+      <MainHeader
+        mainTitle="D-DAY"
+        buttonText="더보기"
+        onClick={() => navigate("/calendar/dday", { state: { from: "/" } })}
+        isConnected={isConnected}
+        isInitialized={isInitialized}
+      />
+      {mainDdayList.result.length > 0 ? (
+        <ul className="mb-5 flex flex-col gap-3">
+          {mainDdayList.result.map(dday => (
+            <DdayCard key={dday.id} {...dday} className="bg-white" />
+          ))}
+        </ul>
+      ) : (
+        <div className="text-md mb-15 flex items-center rounded-2xl bg-white p-6 font-semibold text-gray-500">
+          <img src={CakeIcon} alt="하트" className="mr-2 h-5 w-5 opacity-50" />
+          <span>상대방과의 소중한 디데이를 등록하세요</span>
+        </div>
+      )}
+    </>
+  );
+};
diff --git a/src/features/mainpage/LetterSection.tsx b/src/features/mainpage/LetterSection.tsx
new file mode 100644
index 0000000..41810e0
--- /dev/null
+++ b/src/features/mainpage/LetterSection.tsx
@@ -0,0 +1,127 @@
+import { MainHeader } from "./ui/MainHeader";
+import LetterIcon from "@/assets/images/letter.svg";
+import { useGetLetterListMain } from "@/entities/letter/";
+import { Carousel, CarouselContent, CarouselItem } from "@/shared/ui";
+import { formatDateDot } from "@/shared/utils/date/formatdate";
+import { useNavigate } from "react-router";
+
+interface LetterSectionProps {
+  isConnected: boolean;
+  isInitialized: boolean;
+}
+
+export const LetterSection = ({ isConnected, isInitialized }: LetterSectionProps) => {
+  const enabled = isConnected || isInitialized;
+  const { data: letterList } = useGetLetterListMain(enabled);
+
+  const navigate = useNavigate();
+
+  const handleLetterListRedirect = () => {
+    if (isConnected) {
+      navigate("/calendar/letters", {
+        state: { previousPath: window.location.pathname },
+      });
+    }
+  };
+
+  const handleLetterCardClick = (letterId: string, scheduleId: string) => {
+    navigate(`/calendar/schedule/${scheduleId}/letter/${letterId}`);
+  };
+
+  if (!isConnected || !isInitialized) {
+    return (
+      <>
+        <MainHeader
+          mainTitle="도착한 편지"
+          buttonText="더보기"
+          onClick={handleLetterListRedirect}
+          isConnected={isConnected}
+          isInitialized={isInitialized}
+        />
+        <div className="flex h-[140px] w-[190px] flex-col gap-2.5 rounded-2xl bg-white p-4">
+          <div className="flex flex-col">
+            <div className="flex items-center gap-1">
+              <img src={LetterIcon} alt="편지" className="h-6 w-6" />
+              <span className="text-md font-semibold text-gray-900">나의 마음 전하기</span>
+            </div>
+            <span className="mt-1 text-sm font-medium text-gray-500">
+              오늘 연인의 일정에
+              <br />
+              따뜻한 격려 어때요?
+            </span>
+          </div>
+        </div>
+      </>
+    );
+  }
+
+  return (
+    <>
+      <MainHeader
+        mainTitle="도착한 편지"
+        buttonText="더보기"
+        onClick={handleLetterListRedirect}
+        isConnected={isConnected}
+        isInitialized={isInitialized}
+      />
+      <div className="relative w-full overflow-x-auto">
+        <Carousel
+          opts={{
+            align: "start",
+            loop: false,
+            dragFree: true,
+          }}
+          className="w-full">
+          <CarouselContent className="-ml-4 gap-3">
+            {letterList?.result.length === 0 && (
+              <CarouselItem>
+                <div
+                  className="flex h-[140px] w-[190px] flex-col gap-2.5 rounded-2xl bg-white p-4"
+                  onClick={() => navigate("/calendar/letters")}>
+                  <div className="flex flex-col">
+                    <div className="flex items-center gap-1">
+                      <img src={LetterIcon} alt="편지" className="h-6 w-6" />
+                      <span className="text-md font-semibold text-gray-900">나의 마음 전하기</span>
+                    </div>
+                    <span className="mt-1 text-sm font-medium text-gray-500">
+                      오늘 연인의 일정에
+                      <br />
+                      따뜻한 격려 어때요?
+                    </span>
+                  </div>
+                </div>
+              </CarouselItem>
+            )}
+            {letterList?.result.map(letter => (
+              <CarouselItem
+                key={letter.letterId}
+                className="basis-[190px] pl-4"
+                onClick={() => handleLetterCardClick(letter.letterId, letter.scheduleId)}>
+                <div className="h-[140px] w-[190px] flex-col gap-2.5 rounded-2xl bg-white p-4">
+                  <div className="flex h-full flex-col justify-between">
+                    <div>
+                      <div className="flex items-center gap-1">
+                        <span className="text-md font-semibold text-gray-900">
+                          {letter.title.length > 9 ? `${letter.title.slice(0, 9)}...` : letter.title}
+                        </span>
+                      </div>
+                      <p className="mt-2 line-clamp-2 text-sm font-medium text-gray-500">{letter.content}</p>
+                    </div>
+                    <div className="flex justify-between">
+                      <span className="font-regular text-xs text-gray-500">
+                        {formatDateDot(new Date(letter.title))}
+                      </span>
+                      <span className="font-regular text-xs text-gray-500">
+                        {formatDateDot(new Date(letter.createdAt))}
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </CarouselItem>
+            ))}
+          </CarouselContent>
+        </Carousel>
+      </div>
+    </>
+  );
+};
diff --git a/src/features/mainpage/ScheduleSection.tsx b/src/features/mainpage/ScheduleSection.tsx
new file mode 100644
index 0000000..691a50f
--- /dev/null
+++ b/src/features/mainpage/ScheduleSection.tsx
@@ -0,0 +1,50 @@
+import { Suspense } from "react";
+import { MainScheduleCardList, MiniCalendar, SimpleCalendar } from "../schedule";
+import { ErrorBoundary } from "react-error-boundary";
+import { MainHeader } from "./ui/MainHeader";
+import { SelectedDateProvider } from "../schedule/context/SelectedDateContext";
+import { useNavigate } from "react-router";
+import CalendarGray from "@/assets/images/calendar_gray.svg";
+
+interface ScheduleSectionProps {
+  isConnected: boolean;
+  isInitialized: boolean;
+}
+
+export const ScheduleSection = ({ isConnected, isInitialized }: ScheduleSectionProps) => {
+  const navigate = useNavigate();
+
+  const hadleMoveCalendar = () => {
+    navigate("/calendar/schedule");
+  };
+
+  return (
+    <SelectedDateProvider>
+      <MainHeader
+        mainTitle="우리의 일정"
+        onClick={hadleMoveCalendar}
+        isConnected={isConnected}
+        isInitialized={isInitialized}
+      />
+      <section className="mx-auto w-full max-w-md rounded-2xl bg-white px-4 py-4">
+        <ErrorBoundary fallback={<SimpleCalendar />}>
+          <Suspense fallback={<div>로딩중</div>}>
+            <MiniCalendar isConnected={isConnected} isInitialized={isInitialized} />
+          </Suspense>
+        </ErrorBoundary>
+        {isConnected && isInitialized ? (
+          <ErrorBoundary fallback={<div>에러 발생</div>}>
+            <Suspense fallback={<div>로딩중...</div>}>
+              <MainScheduleCardList />
+            </Suspense>
+          </ErrorBoundary>
+        ) : (
+          <div className="flex w-full max-w-md items-center justify-start gap-1 rounded-2xl bg-gray-50 px-4 py-6">
+            <img className="h-5 w-5" src={CalendarGray} alt="캘린더 아이콘" />
+            <p className="text-md font-medium text-gray-500">서로의 일정을 공유해보세요.</p>
+          </div>
+        )}
+      </section>
+    </SelectedDateProvider>
+  );
+};
diff --git a/src/features/mainpage/SpecialDateSection.tsx b/src/features/mainpage/SpecialDateSection.tsx
new file mode 100644
index 0000000..0a3da8d
--- /dev/null
+++ b/src/features/mainpage/SpecialDateSection.tsx
@@ -0,0 +1,59 @@
+import HeartIcon from "@/assets/images/heart.svg";
+import BootsIcon from "@/assets/images/boots.svg";
+import HeelsIcon from "@/assets/images/heals.svg";
+import { useAnniversary } from "@/entities/main_anniversary";
+
+interface SpecialDateSectionProps {
+  isConnected: boolean;
+  isInitialized: boolean;
+}
+
+export const SpecialDateSection = ({
+  isConnected,
+  isInitialized,
+}: SpecialDateSectionProps) => {
+  const { getDday } = useAnniversary({
+    enabled: isConnected && isInitialized,
+  });
+
+  const ddayInfo = getDday.data?.result;
+
+  return (
+    <div className="relative z-20 -mt-22 px-6">
+      <section className="grid grid-cols-3 gap-5">
+        <div className="flex flex-col items-center">
+          <div className="flex w-full max-w-[300px] flex-col items-center justify-center rounded-2xl bg-white">
+            <img src={HeartIcon} alt="하트" className="h-12 w-12" />
+            <span className="text-md font-medium text-gray-900 mb-2">
+              {isConnected && isInitialized
+                ? `D${ddayInfo?.sinceLove ?? "-"}`
+                : "-"}
+            </span>
+          </div>
+        </div>
+
+        <div className="flex flex-col items-center">
+          <div className="flex w-full max-w-[300px] flex-col items-center justify-center rounded-2xl bg-white">
+            <img src={BootsIcon} alt="부츠" className="h-12 w-12" />
+            <span className="text-md font-medium text-gray-900 mb-2">
+              {isConnected && isInitialized
+                ? `D${ddayInfo?.sinceMilitaryStart ?? "-"}`
+                : "-"}
+            </span>
+          </div>
+        </div>
+
+        <div className="flex flex-col items-center">
+          <div className="flex w-full max-w-[300px] flex-col items-center justify-center rounded-2xl bg-white">
+            <img src={HeelsIcon} alt="힐" className="h-12 w-12" />
+            <span className="text-md font-medium text-gray-900 mb-2">
+              {isConnected && isInitialized
+                ? `D${ddayInfo?.militaryEndLeft ?? "-"}`
+                : "-"}
+            </span>
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+};
diff --git a/src/features/mainpage/StatusSection.tsx b/src/features/mainpage/StatusSection.tsx
new file mode 100644
index 0000000..ff6cdba
--- /dev/null
+++ b/src/features/mainpage/StatusSection.tsx
@@ -0,0 +1,69 @@
+import { useEmotionStatusQueries } from "@/entities/main_status";
+import CharacterDefaultIcon from "@/assets/images/character_default.svg";
+import { EMOTION_IMAGES } from "@/entities/types/emotion";
+import { MainHeader } from "./ui/MainHeader";
+import { useNavigate } from "react-router";
+
+interface StatusSectionProps {
+  isConnected: boolean;
+  isInitialized: boolean;
+}
+
+const EMOTION_TO_ICON: Record<string, keyof typeof EMOTION_IMAGES> = {
+  MISS: "miss",
+  HAPPY: "happy",
+  COMMON: "common",
+  TIRED: "tired",
+  SAD: "sad",
+  WORRY: "worry",
+  ANGRY: "angry",
+};
+
+export const StatusSection = ({ isConnected, isInitialized }: StatusSectionProps) => {
+  const navigate = useNavigate();
+  const { getCoupleEmotion, getStatusMessage } = useEmotionStatusQueries({
+    enabled: isConnected && isInitialized,
+  });
+  const emotion = getCoupleEmotion.data?.data?.result?.emotion ?? "";
+  const statusMessage = getStatusMessage.data?.data?.result?.statusMessage ?? "";
+
+  const handleStatusClick = () => {
+    if (isConnected && isInitialized) {
+      navigate("/status");
+    }
+  };
+
+  const EmotionIcon =
+    isConnected && isInitialized && emotion && EMOTION_TO_ICON[emotion]
+      ? EMOTION_IMAGES[EMOTION_TO_ICON[emotion]].base
+      : null;
+
+  return (
+    <>
+      <MainHeader
+        mainTitle="연인의 상태 메세지"
+        buttonText="상태 메세지 쓰러가기"
+        onClick={handleStatusClick}
+        disabled={!isConnected || !isInitialized}
+        isConnected={isConnected}
+        isInitialized={isInitialized}
+      />
+      <section className="rounded-2xl bg-white p-6">
+        <div className="flex items-center text-sm font-semibold">
+          {EmotionIcon ? (
+            <EmotionIcon className="mr-3 h-5 w-5" />
+          ) : (
+            <img src={CharacterDefaultIcon} alt="캐릭터" className="mr-3 h-6 w-6" />
+          )}
+          <span className={`text-md font-semibold ${statusMessage ? "text-gray-900" : "text-gray-500"}`}>
+            {!isConnected
+              ? "커플 연결을 해주세요."
+              : !isInitialized
+                ? "초기 설정을 해주세요."
+                : statusMessage || "오늘 기분은 어떤가요?"}
+          </span>
+        </div>
+      </section>
+    </>
+  );
+};
diff --git a/src/features/mainpage/TopSection.tsx b/src/features/mainpage/TopSection.tsx
new file mode 100644
index 0000000..b36186a
--- /dev/null
+++ b/src/features/mainpage/TopSection.tsx
@@ -0,0 +1,114 @@
+import NotificationIcon from "@/assets/images/notification.svg";
+import InitBg from "@/assets/images/initbg.svg";
+import ArmyBg from "@/assets/images/armybg.svg";
+import NavyBg from "@/assets/images/navybg.svg";
+import AirBg from "@/assets/images/airbg.svg";
+import CoupleHeart from "@/assets/images/couple_heart.svg";
+import { useNavigate } from "react-router";
+import { useOnboardingStore } from "@/features/mainpage/model/InitSettingStore";
+import { useEffect, useCallback } from "react";
+import { initSettingQueries } from "@/entities/init_setting/service";
+
+interface TopSectionProps {
+  isConnected: boolean;
+  isInitialized: boolean;
+  coupleInfo: {
+    userNickname: string;
+    coupleNickname: string;
+  };
+}
+
+type MilitaryBranch = "ARMY" | "NAVY" | "AIR_FORCE" | "MARINE";
+
+export const TopSection = ({ isConnected, isInitialized, coupleInfo }: TopSectionProps) => {
+  const navigate = useNavigate();
+  const { militaryBranch, setMilitaryBranch } = useOnboardingStore();
+
+  const initializeData = useCallback(async () => {
+    if (!isConnected) return;
+
+    try {
+      const coupleInfoResponse = await initSettingQueries.getCoupleInfo();
+      setMilitaryBranch(coupleInfoResponse.result.military);
+    } catch (error) {
+      console.error("초기설정 오류발생:", error);
+    }
+  }, [isConnected, setMilitaryBranch]);
+
+  useEffect(() => {
+    initializeData();
+  }, [initializeData]);
+
+  const handleInitialize = () => {
+    navigate("/onboarding/firstmeet");
+  };
+
+  const getBackgroundImage = () => {
+    if (!isConnected || !isInitialized) return InitBg;
+
+    const backgroundMap: Record<MilitaryBranch, string> = {
+      ARMY: ArmyBg,
+      NAVY: NavyBg,
+      AIR_FORCE: AirBg,
+      MARINE: NavyBg,
+    };
+
+    return backgroundMap[militaryBranch as MilitaryBranch] || InitBg;
+  };
+
+  const renderNotConnectedContent = () => (
+    <>
+      <h1 className="text-2xl font-bold text-gray-50">
+        커플 연결이
+        <br />
+        필요해요
+      </h1>
+      <button
+        onClick={() => navigate("/onboarding/couple-contact")}
+        className="mt-2 flex items-center text-sm font-medium text-gray-700">
+        연결하기 <span className="ml-1">&gt;</span>
+      </button>
+    </>
+  );
+
+  const renderNotInitializedContent = () => (
+    <>
+      <h1 className="flex items-center text-2xl font-bold text-gray-50">
+        {coupleInfo.userNickname} <img src={CoupleHeart} alt="하트" className="mx-2" />
+        {coupleInfo.coupleNickname}
+      </h1>
+      <button onClick={handleInitialize} className="mt-2 flex items-center text-sm font-medium text-gray-700">
+        초기 설정하기 <span className="ml-1">&gt;</span>
+      </button>
+    </>
+  );
+
+  const renderInitializedContent = () => (
+    <h1 className="flex items-center text-2xl font-bold text-gray-50">
+      {coupleInfo.userNickname} <img src={CoupleHeart} alt="하트" className="mx-2" />
+      {coupleInfo.coupleNickname}
+    </h1>
+  );
+
+  const renderContent = () => {
+    if (!isConnected) return renderNotConnectedContent();
+    if (!isInitialized) return renderNotInitializedContent();
+    return renderInitializedContent();
+  };
+
+  return (
+    <div className="relative w-full h-[290px]  pt-4">
+      <div className="absolute inset-0 -top-11">
+        <img src={getBackgroundImage()} alt="배경" className="h-[calc(259px+44px)] w-full object-cover" />
+      </div>
+
+      <div className="relative h-[259px]">
+        <button className="absolute top-16 right-4">
+          <img src={NotificationIcon} alt="알림" className="h-6 w-6" />
+        </button>
+
+        <div className="absolute top-16 left-4">{renderContent()}</div>
+      </div>
+    </div>
+  );
+};
diff --git a/src/features/mainpage/index.ts b/src/features/mainpage/index.ts
new file mode 100644
index 0000000..95f410a
--- /dev/null
+++ b/src/features/mainpage/index.ts
@@ -0,0 +1,8 @@
+export * from "./TopSection";
+export * from "./StatusSection";
+export * from "./ScheduleSection";
+export * from "./LetterSection";
+export * from "./DDaySection";
+export * from "./SpecialDateSection";
+export * from "./ui/EmotionSelector";
+export * from "./ui/MainHeader";
diff --git a/src/features/mainpage/model/InitSettingStore.ts b/src/features/mainpage/model/InitSettingStore.ts
new file mode 100644
index 0000000..53f53ac
--- /dev/null
+++ b/src/features/mainpage/model/InitSettingStore.ts
@@ -0,0 +1,35 @@
+import { create } from "zustand";
+
+export type MilitaryBranch = "ARMY" | "NAVY" | "AIR_FORCE" | "MARINE" | "";
+
+interface OnboardingState {
+  militaryBranch: MilitaryBranch;
+  firstMeetDate: Date | null;
+  enlistmentDate: Date | null;
+  dischargeDate: Date | null;
+
+  setMilitaryBranch: (branch: MilitaryBranch) => void;
+  setFirstMeetDate: (date: Date | null) => void;
+  setEnlistmentDate: (date: Date | null) => void;
+  setDischargeDate: (date: Date | null) => void;
+  resetOnboarding: () => void;
+}
+
+export const useOnboardingStore = create<OnboardingState>(set => ({
+  militaryBranch: "",
+  firstMeetDate: null,
+  enlistmentDate: null,
+  dischargeDate: null,
+
+  setMilitaryBranch: branch => set({ militaryBranch: branch }),
+  setFirstMeetDate: date => set({ firstMeetDate: date }),
+  setEnlistmentDate: date => set({ enlistmentDate: date }),
+  setDischargeDate: date => set({ dischargeDate: date }),
+  resetOnboarding: () =>
+    set({
+      militaryBranch: "",
+      firstMeetDate: null,
+      enlistmentDate: null,
+      dischargeDate: null,
+    }),
+}));
diff --git a/src/features/mainpage/ui/CopleCheckAlert.tsx b/src/features/mainpage/ui/CopleCheckAlert.tsx
new file mode 100644
index 0000000..ac3c3f7
--- /dev/null
+++ b/src/features/mainpage/ui/CopleCheckAlert.tsx
@@ -0,0 +1,53 @@
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTrigger,
+  AlertDialogCancel,
+} from "@/shared/ui";
+import { AlertDialogTitle } from "@radix-ui/react-alert-dialog";
+import { useNavigate } from "react-router";
+
+export const CopleCheckAlert = () => {
+  const navigate = useNavigate();
+
+  const handleIsConnectedCheck = () => {
+    navigate("/onboarding/couple-contact", {
+      state: { previousPath: window.location.pathname },
+    });
+  };
+
+  return (
+    <AlertDialog>
+      <AlertDialogTrigger asChild>
+        <button className="flex cursor-pointer items-center gap-1 text-sm font-medium text-gray-700">
+          더보기
+          <span>{">"}</span>
+        </button>
+      </AlertDialogTrigger>
+      <AlertDialogContent className="w-80">
+        <AlertDialogHeader>
+          <AlertDialogTitle className="text-center text-lg font-semibold">커플 연결을 해주세요</AlertDialogTitle>
+          <AlertDialogDescription className="text-center text-xs font-normal text-gray-400">
+            서로의 초대코드를 입력하면 커플 연결이 완료돼요!
+            <br />
+            연결은 계정당 한 번만 가능해요
+          </AlertDialogDescription>
+        </AlertDialogHeader>
+        <AlertDialogFooter className="flex-row !justify-center">
+          <AlertDialogAction
+            className="hover:bg-gray-1000 w-[50%] bg-gray-900 p-3 text-sm font-semibold text-white hover:text-white"
+            onClick={handleIsConnectedCheck}>
+            연결하러가기
+          </AlertDialogAction>
+          <AlertDialogCancel className="w-[50%] bg-gray-200 p-3 text-sm font-semibold text-white hover:bg-gray-300 hover:text-white">
+            취소
+          </AlertDialogCancel>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  );
+};
diff --git a/src/features/mainpage/ui/EmotionSelector.tsx b/src/features/mainpage/ui/EmotionSelector.tsx
new file mode 100644
index 0000000..5d4f874
--- /dev/null
+++ b/src/features/mainpage/ui/EmotionSelector.tsx
@@ -0,0 +1,74 @@
+import { useState } from "react";
+import { useNavigate } from "react-router";
+import { EmotionItem, EmotionType, EmotionStatus, EMOTION_IMAGES } from "@/entities/types/emotion";
+import BackIcon from "@/assets/images/back.svg";
+
+interface EmotionSelectorProps {
+  onSelect: (emotion: EmotionType) => void;
+  selectedEmotion?: EmotionType;
+  onBack?: () => void;
+}
+
+const EMOTIONS: EmotionItem[] = [
+  { type: "angry", label: "화가나요" },
+  { type: "worry", label: "걱정돼요" },
+  { type: "happy", label: "아주 늘 행복해요" },
+  { type: "miss", label: "그리워요" },
+  { type: "common", label: "보통이에요" },
+  { type: "sad", label: "슬퍼요" },
+  { type: "tired", label: "피곤해요" },
+];
+
+export const EmotionSelector = ({ onSelect, selectedEmotion, onBack }: EmotionSelectorProps) => {
+  const [hoveredEmotion, setHoveredEmotion] = useState<EmotionType | null>(null);
+  const navigate = useNavigate();
+
+  const handleBack = () => {
+    if (onBack) {
+      onBack();
+    } else {
+      navigate(-1);
+    }
+  };
+
+  const getEmotionStatus = (type: EmotionType): EmotionStatus => {
+    if (selectedEmotion === type) return "focus";
+    if (!selectedEmotion) return "default";
+    if (hoveredEmotion === type) return "default";
+    return "inactive";
+  };
+
+  const getEmotionComponent = (type: EmotionType, status: EmotionStatus) => {
+    const Component = EMOTION_IMAGES[type][status];
+    return <Component className=" transition-all duration-300  h-28 w-28" />;
+  };
+
+  return (
+    <div className="bg-white px-4 pt-6 ">
+      <div className="mb-3 items-center justify-between">
+        <button className="pb-6" onClick={handleBack}>
+          <img src={BackIcon} alt="뒤로가기" className="h-6 w-6" />
+        </button>
+        <h1 className="text-left text-3xl font-bold text-gray-900">오늘 기분은 어때요?</h1>
+        <p className="pb-3 text-md font-regular text-left text-gray-500">현재 기분을 선택해주세요!</p>
+      </div>
+      <div className="mt-5 px-2">
+        <div className="grid grid-cols-3 gap-x-8 gap-y-1">
+          {EMOTIONS.map(emotion => {
+            const status = getEmotionStatus(emotion.type);
+            return (
+              <button
+                key={emotion.type}
+                className="flex flex-col items-center "
+                onClick={() => onSelect(emotion.type)}
+                onMouseEnter={() => setHoveredEmotion(emotion.type)}
+                onMouseLeave={() => setHoveredEmotion(null)}>
+                {getEmotionComponent(emotion.type, status)}
+              </button>
+            );
+          })}
+        </div>
+      </div>
+    </div>
+  );
+};
diff --git a/src/features/mainpage/ui/InitializedCheckAlert.tsx b/src/features/mainpage/ui/InitializedCheckAlert.tsx
new file mode 100644
index 0000000..71f7075
--- /dev/null
+++ b/src/features/mainpage/ui/InitializedCheckAlert.tsx
@@ -0,0 +1,51 @@
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTrigger,
+  AlertDialogCancel,
+} from "@/shared/ui";
+import { AlertDialogTitle } from "@radix-ui/react-alert-dialog";
+import { useNavigate } from "react-router";
+
+export const InitializedCheckAlert = () => {
+  const navigate = useNavigate();
+
+  const handleIsInitializedCheck = () => {
+    navigate("/onboarding/firstmeet", {
+      state: { previousPath: window.location.pathname },
+    });
+  };
+
+  return (
+    <AlertDialog>
+      <AlertDialogTrigger asChild>
+        <button className="flex cursor-pointer items-center gap-1 text-sm font-medium text-gray-700">
+          더보기
+          <span>{">"}</span>
+        </button>
+      </AlertDialogTrigger>
+      <AlertDialogContent className="w-80">
+        <AlertDialogHeader>
+          <AlertDialogTitle className="text-center text-lg font-semibold">초기 설정을 해주세요</AlertDialogTitle>
+          <AlertDialogDescription className="text-center text-xs font-normal text-gray-400">
+            초기 설정을 하면 서비스를 이용할 수 있어요!
+          </AlertDialogDescription>
+        </AlertDialogHeader>
+        <AlertDialogFooter className="flex-row !justify-center">
+          <AlertDialogAction
+            className="hover:bg-gray-1000 w-[50%] bg-gray-900 p-3 text-sm font-semibold text-white hover:text-white"
+            onClick={handleIsInitializedCheck}>
+            초기 설정 하러가기
+          </AlertDialogAction>
+          <AlertDialogCancel className="w-[50%] bg-gray-200 p-3 text-sm font-semibold text-white hover:bg-gray-300 hover:text-white">
+            취소
+          </AlertDialogCancel>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  );
+};
diff --git a/src/features/mainpage/ui/MainHeader.tsx b/src/features/mainpage/ui/MainHeader.tsx
new file mode 100644
index 0000000..6bead6e
--- /dev/null
+++ b/src/features/mainpage/ui/MainHeader.tsx
@@ -0,0 +1,37 @@
+import { CopleCheckAlert } from "./CopleCheckAlert";
+import { InitializedCheckAlert } from "./InitializedCheckAlert";
+
+interface MainHeaderProps {
+  mainTitle: string;
+  buttonText?: string;
+  onClick?: () => void;
+  disabled?: boolean;
+  isConnected?: boolean;
+  isInitialized?: boolean;
+}
+
+export const MainHeader = ({
+  mainTitle,
+  buttonText,
+  onClick,
+  disabled = false,
+  isConnected,
+  isInitialized,
+}: MainHeaderProps) => {
+  return (
+    <div className="mt-5 flex items-center justify-between">
+      <h2 className="text-xl font-bold text-gray-900">{mainTitle}</h2>
+      {isInitialized && isConnected && buttonText && onClick && (
+        <button
+          onClick={onClick}
+          disabled={disabled}
+          className="flex cursor-pointer items-center gap-1 text-sm font-medium text-gray-700">
+          {buttonText}
+          <span>{">"}</span>
+        </button>
+      )}
+      {!isConnected && <CopleCheckAlert />}
+      {isConnected && !isInitialized && <InitializedCheckAlert />}
+    </div>
+  );
+};
diff --git a/src/features/mypage/AlarmSettingSection.tsx b/src/features/mypage/AlarmSettingSection.tsx
new file mode 100644
index 0000000..3c925d6
--- /dev/null
+++ b/src/features/mypage/AlarmSettingSection.tsx
@@ -0,0 +1,22 @@
+import nextArrow from "@/assets/images/next_arrow.svg";
+import { useNavigate } from "react-router";
+import { useInitSettingQueries } from "@/entities/init_setting";
+import { useIscouple } from "@/entities/iscouple";
+
+export const NotificationSetting = () => {
+  const navigate = useNavigate();
+  const { getCoupleInfo } = useInitSettingQueries();
+  const { checkCoupleConnect } = useIscouple();
+  
+  const isConnected = checkCoupleConnect.data?.result ?? false;
+  const isInitialized = getCoupleInfo.data?.result.isAnniversariesRegistered ?? false;
+
+  return (
+    <div 
+    onClick={() => isConnected && isInitialized && navigate("/mypage/alarmsetting")}
+    className={`bg-gray-50 rounded-lg p-4 font-medium text-md text-gray-900 flex items-center justify-between ${(!isConnected || !isInitialized) ? "cursor-not-allowed" : "cursor-pointer"}`}>
+      <span>알림 설정</span>
+      <img src={nextArrow} alt="다음" className="w-4 h-4" />
+    </div>
+  );
+}; 
\ No newline at end of file
diff --git a/src/features/mypage/AlarmToggleList.tsx b/src/features/mypage/AlarmToggleList.tsx
new file mode 100644
index 0000000..e43f25c
--- /dev/null
+++ b/src/features/mypage/AlarmToggleList.tsx
@@ -0,0 +1,64 @@
+import { Switch } from "@/shared/ui/switch";
+import { useNotificationQuery } from "../../entities/push_alarm";
+import { useNotificationMutation } from "../../entities/push_alarm";
+
+const toggleItems = [
+  { label: "앱 전체 알림", key: "app" },
+  { label: "디데이 알림", key: "dday" },
+  { label: "연인의 상태 알림", key: "partnerStatus" },
+];
+
+export const NotificationToggleList = () => {
+  const { data: notificationData } = useNotificationQuery();
+  const { mutate: updateNotification } = useNotificationMutation();
+
+  const handleToggle = (key: string) => {
+    if (!notificationData?.result) return;
+
+    const current = notificationData.result;
+
+    if (key === "app") {
+      const isAllEnabled = current.dday && current.partnerStatus;
+
+      updateNotification({
+        dday: !isAllEnabled,
+        partnerStatus: !isAllEnabled,
+      });
+    } else if (key === "dday") {
+      updateNotification({
+        ...current,
+        dday: !current.dday,
+      });
+    } else if (key === "partnerStatus") {
+      updateNotification({
+        ...current,
+        partnerStatus: !current.partnerStatus,
+      });
+    }
+  };
+
+  if (!notificationData?.result) return null;
+
+  const isAllNotificationsEnabled = notificationData.result.dday && notificationData.result.partnerStatus;
+
+  return (
+    <div className="mt-2 flex flex-col gap-4 px-4">
+      {toggleItems.map(item => (
+        <div key={item.label} className="flex items-center justify-between rounded-2xl bg-gray-50 px-4 py-5">
+          <span className="text-md font-medium text-gray-900">{item.label}</span>
+          <Switch
+            checked={
+              item.key === "app"
+                ? isAllNotificationsEnabled
+                : item.key === "dday"
+                  ? notificationData.result.dday
+                  : notificationData.result.partnerStatus
+            }
+            onCheckedChange={() => handleToggle(item.key)}
+            className="ml-2"
+          />
+        </div>
+      ))}
+    </div>
+  );
+};
diff --git a/src/features/mypage/EditInfoCard.tsx b/src/features/mypage/EditInfoCard.tsx
new file mode 100644
index 0000000..e31e2f0
--- /dev/null
+++ b/src/features/mypage/EditInfoCard.tsx
@@ -0,0 +1,16 @@
+interface EditInfoCardProps {
+  title: string;
+  onEdit?: () => void;
+  children?: React.ReactNode;
+}
+
+export const EditInfoCard = ({ title, onEdit, children }: EditInfoCardProps) => {
+  return (
+    <div className="mx-5 my-3 mb-2 flex items-center justify-between rounded-lg bg-gray-50 p-4 py-5">
+      <div className="text-md font-medium text-gray-900">{children ? children : title}</div>
+      <button className="text-sm font-medium text-gray-500" onClick={onEdit} type="button">
+        편집
+      </button>
+    </div>
+  );
+};
diff --git a/src/features/mypage/ProfileCardSection.tsx b/src/features/mypage/ProfileCardSection.tsx
new file mode 100644
index 0000000..bf2dd7a
--- /dev/null
+++ b/src/features/mypage/ProfileCardSection.tsx
@@ -0,0 +1,30 @@
+import profileImage from "@/assets/images/profile_image.svg";
+import nextArrow from "@/assets/images/next_arrow.svg";
+import { useMyInfo } from "@/entities/mypage_info";
+import { useNavigate } from "react-router";
+import { useInitSettingQueries } from "@/entities/init_setting";
+import { useIscouple } from "@/entities/iscouple";
+
+export const ProfileCardSection = () => {
+  const { data: myInfoData } = useMyInfo();
+  const { getCoupleInfo } = useInitSettingQueries();
+  const { checkCoupleConnect } = useIscouple();
+  const nickname = myInfoData?.result.nickname;
+  const navigate = useNavigate();
+
+  const isConnected = checkCoupleConnect.data?.result ?? false;
+  const isInitialized = getCoupleInfo.data?.result.isAnniversariesRegistered ?? false;
+
+  return (
+    <div
+      className={`bg-gray-50 rounded-lg p-4 flex items-center justify-between ${(!isConnected || !isInitialized) ? " cursor-not-allowed" : "cursor-pointer"}`}
+      onClick={() => isConnected && isInitialized && navigate("/mypage/profileinfo")}
+    >
+      <div className="w-8 h-8 font-medium text-md text-gray-900 mr-3 ">
+        <img src={profileImage} alt="프로필" className="w-8 h-8 object-cover" />
+      </div>
+      <div className="flex-1 text-base font-medium text-gray-900">{nickname || "사용자"}</div>
+      <img src={nextArrow} alt="다음" className="w-4 h-4" />
+    </div>
+  );
+}; 
\ No newline at end of file
diff --git a/src/features/mypage/StatusSection.tsx b/src/features/mypage/StatusSection.tsx
new file mode 100644
index 0000000..b139ae2
--- /dev/null
+++ b/src/features/mypage/StatusSection.tsx
@@ -0,0 +1,54 @@
+import nextArrow from "@/assets/images/next_arrow.svg";
+import { EMOTION_IMAGES,EMOTION_TO_ICON } from "@/entities/types/emotion";
+import CharacterDefaultIcon from "@/assets/images/character_default.svg";
+import { useMyEmotion, useMyStatusMessage } from "@/entities/mypage_info";
+import { useNavigate } from "react-router";
+import { useInitSettingQueries } from "@/entities/init_setting";
+import { useIscouple } from "@/entities/iscouple";
+
+export const StatusSection = () => {
+  const navigate = useNavigate();
+  const { data: emotionData } = useMyEmotion();
+  const { data: statusMessageData } = useMyStatusMessage();
+  const { getCoupleInfo } = useInitSettingQueries();
+  const { checkCoupleConnect } = useIscouple();
+  const isConnected = checkCoupleConnect.data?.result ?? false;
+  const isInitialized = getCoupleInfo.data?.result.isAnniversariesRegistered ?? false;
+  const emotion = emotionData?.result.emotion;
+  const statusMessage = statusMessageData?.result.statusMessage;
+
+  const EmotionIcon = isConnected && isInitialized && emotion && EMOTION_TO_ICON[emotion] 
+    ? EMOTION_IMAGES[EMOTION_TO_ICON[emotion]].base 
+    : null;
+
+  return (
+    <div className="bg-gray-50 rounded-xl p-4 ">
+      {/* 줄선 위 헤더 */}
+      <div 
+      className={`text-md font-medium text-gray-900 mb-5 flex items-center justify-between border-b border-gray-200 pb-2 ${(!isConnected || !isInitialized) ? " cursor-not-allowed" : "cursor-pointer"}`}
+      onClick={() => isConnected && isInitialized && navigate("/status")}
+      > 나의 상태 표기
+        <img src={nextArrow} alt="다음" className="w-4 h-4" />
+      </div>
+      {/* 줄선 아래 */}
+      <div >
+        <section className="mb-4 bg-white rounded-2xl px-4 py-4">
+          <div className="flex items-center text-sm font-semibold">
+            {EmotionIcon ? (
+              <EmotionIcon className="mr-3 h-6 w-6" />
+            ) : (
+              <img src={CharacterDefaultIcon} alt="캐릭터"  className="mr-3 h-6 w-6" />
+            )}
+            <span className={`font-semibold text-md ${statusMessage ? "text-gray-900" : "text-gray-500"}`}>
+              {!isConnected
+                ? "커플 연결을 해주세요."
+                : !isInitialized
+                ? "초기 설정을 해주세요."
+                : statusMessage || "오늘 기분은 어떤가요?"}
+            </span>
+          </div>
+        </section>
+      </div>
+    </div>
+  );
+}; 
\ No newline at end of file
diff --git a/src/features/mypage/index.ts b/src/features/mypage/index.ts
new file mode 100644
index 0000000..5d2b75a
--- /dev/null
+++ b/src/features/mypage/index.ts
@@ -0,0 +1,6 @@
+export * from "./AlarmSettingSection";
+export * from "./ProfileCardSection";
+export * from "./StatusSection";
+export * from "./ui";
+export * from "./EditInfoCard";
+export * from "./AlarmToggleList";
diff --git a/src/features/mypage/ui/DisconnectModal.tsx b/src/features/mypage/ui/DisconnectModal.tsx
new file mode 100644
index 0000000..bb65376
--- /dev/null
+++ b/src/features/mypage/ui/DisconnectModal.tsx
@@ -0,0 +1,38 @@
+import React from "react";
+import { useDeleteMyData } from "@/entities/delete_couple/mutation";
+import { useNavigate } from "react-router";
+
+interface DisconnectModalProps {
+  open: boolean;
+  onClose: () => void;
+}
+
+export const DisconnectModal: React.FC<DisconnectModalProps> = ({ open, onClose }) => {
+  const navigate = useNavigate();
+  const { mutate: deleteMyData } = useDeleteMyData();
+
+  const handleConfirm = () => {
+    deleteMyData(undefined, {
+      onSuccess: () => {
+        onClose();
+        navigate("/login");
+      },
+    });
+  };
+
+  if (!open) return null;
+  return (
+    <div className="fixed w-full inset-0 z-50 flex items-center justify-center bg-black/50">
+      <div className="bg-white rounded-2xl px-5 py-5  w-80 flex flex-col items-center shadow-lg">
+        <div className="text-xl font-bold text-gray-900 mb-2">커플 연결 해지</div>
+        <div className="text-sm text-gray-500 font-regular mb-6">상대방과의 연결이 끊어졌어요.</div>
+        <button
+          className="w-full py-3 rounded-md bg-gray-900 text-white font-semibold"
+          onClick={handleConfirm}
+        >
+          확인했어요
+        </button>
+      </div>
+    </div>
+  );
+}; 
\ No newline at end of file
diff --git a/src/features/mypage/ui/EditHeader.tsx b/src/features/mypage/ui/EditHeader.tsx
new file mode 100644
index 0000000..dc3c7e6
--- /dev/null
+++ b/src/features/mypage/ui/EditHeader.tsx
@@ -0,0 +1,38 @@
+import React from "react";
+import BackIcon from "@/assets/images/back.svg";
+
+interface EditHeaderProps {
+  title: string;
+  highlight: string;
+  subtitle?: string;
+  onBack?: () => void;
+}
+
+export const EditHeader: React.FC<EditHeaderProps> = ({
+  title,
+  highlight,
+  subtitle,
+  onBack,
+}) => {
+  return (
+    <div className="bg-white px-4 pt-6 pb-4">
+      {/* 상단 버튼 */}
+      <div className="mb-7 flex items-center justify-between">
+        <button onClick={onBack}>
+          <img src={BackIcon} alt="뒤로가기" className="h-6 w-6" />
+        </button>
+      </div>
+
+      {/* 텍스트 */}
+      <h1 className="text-left text-3xl font-bold text-gray-900">
+        {title.split(highlight).map((part, index, arr) => (
+          <React.Fragment key={index}>
+            {part}
+            {index < arr.length - 1 && <span className="text-green-500">{highlight}</span>}
+          </React.Fragment>
+        ))}
+      </h1>
+      {subtitle && <p className="text-md font-regular text-left text-gray-500">{subtitle}</p>}
+    </div>
+  );
+};
diff --git a/src/features/mypage/ui/LogoutModal.tsx b/src/features/mypage/ui/LogoutModal.tsx
new file mode 100644
index 0000000..85c764b
--- /dev/null
+++ b/src/features/mypage/ui/LogoutModal.tsx
@@ -0,0 +1,43 @@
+import React from "react";
+import Cookies from "js-cookie";
+import { useNavigate } from "react-router";
+
+interface LogoutModalProps {
+  open: boolean;
+  onClose: () => void;
+  onLogout: () => void;
+}
+
+export const LogoutModal: React.FC<LogoutModalProps> = ({ open, onClose, onLogout }) => {
+  const navigate = useNavigate();
+
+  const handleLogout = () => {
+    Cookies.remove("accessToken");
+    onLogout();
+    navigate("/login");
+  };
+
+  if (!open) return null;
+  return (
+    <div className="fixed w-full inset-0 z-50 flex items-center justify-center bg-black/50">
+      <div className="bg-white rounded-2xl px-5 py-5 w-80 flex flex-col items-center shadow-lg">
+        <div className="text-xl font-semibold text-gray-900 mb-2">로그아웃</div>
+        <div className="text-sm text-gray-400 font-regular mb-6">정말 로그아웃 하시겠어요?</div>
+        <div className="flex w-full gap-5">
+          <button
+            className="flex-1 py-3 rounded-md bg-gray-200 text-gray-0 font-semibold font-medium "
+            onClick={onClose}
+          >
+            취소
+          </button>
+          <button
+            className="flex-1 py-3 rounded-md bg-gray-900 text-gray-0 font-semibold font-medium "
+            onClick={handleLogout}
+          >
+            로그아웃
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}; 
\ No newline at end of file
diff --git a/src/features/mypage/ui/MyPageHeader.tsx b/src/features/mypage/ui/MyPageHeader.tsx
new file mode 100644
index 0000000..706cc5a
--- /dev/null
+++ b/src/features/mypage/ui/MyPageHeader.tsx
@@ -0,0 +1,28 @@
+import React from "react";
+import BackIcon from "@/assets/images/back.svg";
+import { cn } from "@/shared/utils/lib/utils";
+interface MyHeaderProps {
+  title: string;
+  onBack?: () => void;
+  className?: string;
+}
+
+export const MyHeader: React.FC<MyHeaderProps> = ({ title, onBack, className }) => {
+  const handleBack = () => {
+    if (onBack) {
+      onBack();
+    }
+  };
+
+  return (
+    <div className={cn("bg-white px-4 pt-6 pb-4", className)}>
+      {/* 상단 버튼 */}
+      <div className="relative mb-7 flex items-center">
+        <button onClick={handleBack} className="absolute left-0">
+          <img src={BackIcon} alt="뒤로가기" className="h-6 w-6" />
+        </button>
+        <h1 className="w-full text-center text-xl font-semibold text-gray-900">{title}</h1>
+      </div>
+    </div>
+  );
+};
diff --git a/src/features/mypage/ui/index.ts b/src/features/mypage/ui/index.ts
new file mode 100644
index 0000000..617a6e3
--- /dev/null
+++ b/src/features/mypage/ui/index.ts
@@ -0,0 +1,4 @@
+export * from "./MyPageHeader";
+export * from "./EditHeader";
+export * from "./LogoutModal";
+export * from "./DisconnectModal";
diff --git a/src/features/onboarding/index.ts b/src/features/onboarding/index.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/features/onboarding/model/OnboardingStore.ts b/src/features/onboarding/model/OnboardingStore.ts
new file mode 100644
index 0000000..5776ff5
--- /dev/null
+++ b/src/features/onboarding/model/OnboardingStore.ts
@@ -0,0 +1,50 @@
+import { create } from "zustand";
+
+interface OnboardingAlarmState {
+  nickname: string;
+  birthday: string;
+  isAgeVisible: boolean;
+  isGenderVisible: boolean;
+  isAlarmEnabled: boolean;
+  isLoading: boolean;
+  error: string | null;
+
+  // Actions
+  setNickname: (nickname: string) => void;
+  setBirthday: (birthday: string) => void;
+  setAgeVisible: (isVisible: boolean) => void;
+  setGenderVisible: (isVisible: boolean) => void;
+  setAlarmEnabled: (isEnabled: boolean) => void;
+  setLoading: (isLoading: boolean) => void;
+  setError: (error: string | null) => void;
+  resetOnboarding: () => void;
+}
+
+export const useOnboardingAlarmStore = create<OnboardingAlarmState>(set => ({
+  nickname: "",
+  birthday: "",
+  isAgeVisible: false,
+  isGenderVisible: false,
+  isAlarmEnabled: false,
+  isLoading: false,
+  error: null,
+
+  setNickname: nickname => set({ nickname }),
+  setBirthday: birthday => set({ birthday }),
+  setAgeVisible: isVisible => set({ isAgeVisible: isVisible }),
+  setGenderVisible: isVisible => set({ isGenderVisible: isVisible }),
+  setAlarmEnabled: isEnabled => set({ isAlarmEnabled: isEnabled }),
+  setLoading: isLoading => set({ isLoading }),
+  setError: error => set({ error }),
+  
+  resetOnboarding: () =>
+    set({
+      nickname: "",
+      birthday: "",
+      isAgeVisible: false,
+      isGenderVisible: false,
+      isAlarmEnabled: false,
+      isLoading: false,
+      error: null
+    }),
+}));
diff --git a/src/features/schedule/context/SelectedDateContext.tsx b/src/features/schedule/context/SelectedDateContext.tsx
new file mode 100644
index 0000000..7b6b3b6
--- /dev/null
+++ b/src/features/schedule/context/SelectedDateContext.tsx
@@ -0,0 +1,39 @@
+import { createContext, useContext, useState, ReactNode } from "react";
+
+interface SelectedDateContextType {
+  selectedMonth: Date;
+  selectedDay: Date | null;
+  setSelectedMonth: (date: Date) => void;
+  setSelectedDay: (date: Date | null) => void;
+}
+
+const SelectedDateContext = createContext<SelectedDateContextType | null>(null);
+
+interface SelectedDateProviderProps {
+  children: ReactNode;
+}
+
+export const SelectedDateProvider = ({ children }: SelectedDateProviderProps) => {
+  const [selectedMonth, setSelectedMonth] = useState<Date>(new Date());
+  const [selectedDay, setSelectedDay] = useState<Date | null>(null);
+
+  return (
+    <SelectedDateContext.Provider
+      value={{
+        selectedMonth,
+        selectedDay,
+        setSelectedMonth,
+        setSelectedDay,
+      }}>
+      {children}
+    </SelectedDateContext.Provider>
+  );
+};
+
+export const useSelectedDate = () => {
+  const context = useContext(SelectedDateContext);
+  if (!context) {
+    throw new Error("useSelectedDate must be used within a SelectedDateProvider");
+  }
+  return context;
+};
diff --git a/src/features/schedule/hooks/index.ts b/src/features/schedule/hooks/index.ts
new file mode 100644
index 0000000..fb990fd
--- /dev/null
+++ b/src/features/schedule/hooks/index.ts
@@ -0,0 +1,2 @@
+export * from "./useScheduleForm";
+export * from "./useInitializeScheduleFormFromCache";
diff --git a/src/features/schedule/hooks/useInitializeScheduleFormFromCache.ts b/src/features/schedule/hooks/useInitializeScheduleFormFromCache.ts
new file mode 100644
index 0000000..dd19739
--- /dev/null
+++ b/src/features/schedule/hooks/useInitializeScheduleFormFromCache.ts
@@ -0,0 +1,25 @@
+import { useQueryClient } from "@tanstack/react-query";
+import { useEffect } from "react";
+import { InitialSchedule } from "../model";
+
+export const useInitializeScheduleFormFromCache = (
+  id: string,
+  updateField: <K extends keyof InitialSchedule>(key: K, value: InitialSchedule[K]) => void
+) => {
+  const queryClient = useQueryClient();
+
+  useEffect(() => {
+    const cachedData = queryClient.getQueryData<{ result: InitialSchedule }>(["schedule", "detail", id]);
+
+    if (cachedData && "result" in cachedData) {
+      const { id, title, fatigue, startDate, endDate, isAllDay } = (cachedData as any).result;
+
+      updateField("id", id);
+      updateField("title", title);
+      updateField("fatigue", fatigue);
+      updateField("startDate", startDate);
+      updateField("endDate", endDate);
+      updateField("isAllDay", !!isAllDay);
+    }
+  }, [id, queryClient, updateField]);
+};
diff --git a/src/features/schedule/hooks/useScheduleForm.ts b/src/features/schedule/hooks/useScheduleForm.ts
new file mode 100644
index 0000000..b957fa9
--- /dev/null
+++ b/src/features/schedule/hooks/useScheduleForm.ts
@@ -0,0 +1,24 @@
+import { useCallback, useState, useMemo } from "react";
+import { InitialSchedule } from "../model";
+export const useScheduleForm = (initialState?: Partial<InitialSchedule>) => {
+  const [form, setForm] = useState<InitialSchedule>({
+    id: null,
+    title: "",
+    startDate: "",
+    endDate: "",
+    isAllDay: false,
+    fatigue: "",
+    ...initialState,
+  });
+
+  const isValid = useMemo(
+    () => form.title.trim() !== "" && form.startDate !== "" && form.endDate !== "" && form.fatigue !== "",
+    [form.title, form.startDate, form.endDate, form.fatigue]
+  );
+
+  const updateField = useCallback(<K extends keyof InitialSchedule>(key: K, value: InitialSchedule[K]) => {
+    setForm(prev => ({ ...prev, [key]: value }));
+  }, []);
+
+  return { form, setForm, updateField, isValid };
+};
diff --git a/src/features/schedule/index.ts b/src/features/schedule/index.ts
new file mode 100644
index 0000000..9864163
--- /dev/null
+++ b/src/features/schedule/index.ts
@@ -0,0 +1,2 @@
+export * from "./ui";
+export * from "./model";
diff --git a/src/features/schedule/model/constants.ts b/src/features/schedule/model/constants.ts
new file mode 100644
index 0000000..22f508e
--- /dev/null
+++ b/src/features/schedule/model/constants.ts
@@ -0,0 +1,14 @@
+export const FATIGUE_TAG = {
+  VERY_TIRED: {
+    bgColor: "bg-[rgba(255,196,231,0.6)]",
+    textColor: "text-red-0",
+  },
+  TIRED: {
+    bgColor: "bg-[rgba(191,230,218,0.6)]",
+    textColor: "text-green-500",
+  },
+  GOOD: {
+    bgColor: "bg-[rgba(49,175,137,0.6)]",
+    textColor: "text-green-800",
+  },
+};
diff --git a/src/features/schedule/model/index.ts b/src/features/schedule/model/index.ts
new file mode 100644
index 0000000..58ee2dc
--- /dev/null
+++ b/src/features/schedule/model/index.ts
@@ -0,0 +1,3 @@
+export * from "./props";
+export * from "./state";
+export * from "./constants";
diff --git a/src/features/schedule/model/props.ts b/src/features/schedule/model/props.ts
new file mode 100644
index 0000000..ea2f007
--- /dev/null
+++ b/src/features/schedule/model/props.ts
@@ -0,0 +1,9 @@
+import { Fatigue } from "@/entities/schedule";
+
+export interface ScheduleOverViewProps {
+  id: number;
+  title: string;
+  fatigue: Fatigue;
+  startDate: string;
+  endDate: string;
+}
diff --git a/src/features/schedule/model/state.ts b/src/features/schedule/model/state.ts
new file mode 100644
index 0000000..dcae71c
--- /dev/null
+++ b/src/features/schedule/model/state.ts
@@ -0,0 +1,10 @@
+import { Fatigue } from "@/entities/schedule";
+
+export interface InitialSchedule {
+  id: number | null;
+  title: string;
+  startDate: string;
+  endDate: string;
+  isAllDay: boolean;
+  fatigue: Fatigue | string;
+}
diff --git a/src/features/schedule/ui/AllDayToggleButton.tsx b/src/features/schedule/ui/AllDayToggleButton.tsx
new file mode 100644
index 0000000..02ff391
--- /dev/null
+++ b/src/features/schedule/ui/AllDayToggleButton.tsx
@@ -0,0 +1,17 @@
+import { Switch } from "@/shared/ui";
+
+interface AllDayToggleButtonProps {
+  isAllDay: boolean;
+  onToggle: (value: boolean) => void;
+}
+
+export const AllDayToggleButton = ({ isAllDay, onToggle }: AllDayToggleButtonProps) => {
+  return (
+    <Switch
+      id="airplane-mode"
+      className="checked:bg-green-500"
+      checked={isAllDay}
+      onClick={() => onToggle(!isAllDay)}
+    />
+  );
+};
diff --git a/src/features/schedule/ui/Calendar.tsx b/src/features/schedule/ui/Calendar.tsx
new file mode 100644
index 0000000..2afd015
--- /dev/null
+++ b/src/features/schedule/ui/Calendar.tsx
@@ -0,0 +1,271 @@
+import { useSelectedDate } from "@/features/schedule/context/SelectedDateContext";
+import { useMemo } from "react";
+import { Link } from "react-router";
+import { CalendarBottomSheet } from "./CalendarBottomSheet";
+import { useGetCalendarSchedule } from "@/entities/schedule/query";
+import { FATIGUE_TAG } from "../model";
+import HambukIcon from "@/assets/icons/hambuk.svg";
+import PlusIcon from "@/assets/icons/plus.svg";
+
+// 날짜 비교를 위한 정규화 함수 (시, 분, 초 제거)
+const normalizeDate = (date: Date) => new Date(date.getFullYear(), date.getMonth(), date.getDate());
+
+export const Calendar = () => {
+  const { selectedMonth, selectedDay, setSelectedMonth, setSelectedDay } = useSelectedDate();
+
+  const { data: scheduleData } = useGetCalendarSchedule(selectedMonth);
+
+  const normalizedTags = useMemo(() => {
+    return (
+      scheduleData &&
+      scheduleData.result.schedules.map(tag => ({
+        ...tag,
+        startDate: normalizeDate(new Date(tag.startDate)),
+        endDate: normalizeDate(new Date(tag.endDate)),
+      }))
+    );
+  }, [scheduleData]);
+
+  const normalizedAnniversaries = useMemo(() => {
+    return (
+      scheduleData &&
+      scheduleData.result.anniversaries.map(anniversary => ({
+        ...anniversary,
+        date: normalizeDate(new Date(anniversary.anniversaryDate)),
+      }))
+    );
+  }, [scheduleData]);
+
+  const year = selectedMonth.getFullYear();
+  const month = selectedMonth.getMonth();
+  const firstDayOfMonth = new Date(year, month, 1).getDay();
+  const lastDate = new Date(year, month + 1, 0).getDate();
+  const today = new Date();
+
+  const isSameDay = (d1: Date, d2: Date) =>
+    d1.getFullYear() === d2.getFullYear() && d1.getMonth() === d2.getMonth() && d1.getDate() === d2.getDate();
+
+  // 태그 날짜 정규화
+
+  const calendarDays: (Date | null)[] = [];
+
+  for (let i = 0; i < firstDayOfMonth; i++) {
+    calendarDays.push(null);
+  }
+  for (let date = 1; date <= lastDate; date++) {
+    calendarDays.push(new Date(year, month, date));
+  }
+  while (calendarDays.length < 42) {
+    calendarDays.push(null);
+  }
+
+  const weeks: (Date | null)[][] = [];
+  for (let i = 0; i < calendarDays.length; i += 7) {
+    const week = calendarDays.slice(i, i + 7);
+    if (week.some(date => date !== null)) {
+      weeks.push(week);
+    }
+  }
+
+  return (
+    <div className="mx-auto max-w-md p-5">
+      {/* 헤더 */}
+      <div className="relative mb-3 flex justify-between">
+        <div className="flex items-center justify-center gap-2.5">
+          <CalendarBottomSheet
+            year={year}
+            month={month}
+            setCurrentDate={setSelectedMonth}
+            setSelectedDay={setSelectedDay}
+          />
+        </div>
+        <div className="flex items-center justify-center gap-2">
+          <Link
+            to="/calendar/dday"
+            state={{ from: "/calendar" }}
+            className="flex h-6 w-6 cursor-pointer items-center justify-center pb-1">
+            <img src={HambukIcon} alt="D-day 보러가기" />
+          </Link>
+          <Link
+            to="/calendar/schedule/new"
+            state={{ from: "/calendar" }}
+            className="flex h-6 w-6 cursor-pointer items-center justify-center pb-1">
+            <img src={PlusIcon} alt="일정 추가" />
+          </Link>
+        </div>
+      </div>
+
+      {/* 요일 헤더 */}
+      <div className="grid grid-cols-7 px-1.5 text-center font-medium">
+        {["일", "월", "화", "수", "목", "금", "토"].map(day => (
+          <div key={day} className={day === "일" ? "text-red-0" : ""}>
+            {day}
+          </div>
+        ))}
+      </div>
+
+      {/* 날짜 셀 */}
+      <div>
+        {weeks.map((week, weekIdx) => {
+          // 연속 일정만 그리드 행 할당
+          const continuousSchedules = new Map<number, number>(); // scheduleId -> gridRow
+          let maxGridRow = 0;
+
+          week.forEach(date => {
+            if (!date) return;
+            const dateSchedules = normalizedTags.filter(tag => {
+              const d = normalizeDate(date);
+              return d >= tag.startDate && d <= tag.endDate;
+            });
+
+            // 연속 일정만 필터링
+            const continuous = dateSchedules.filter(
+              schedule => schedule.startDate.getTime() !== schedule.endDate.getTime()
+            );
+
+            continuous.forEach(schedule => {
+              if (!continuousSchedules.has(schedule.id)) {
+                // 이 일정의 시작일과 겹치는 다른 연속 일정이 있는지 확인
+                const overlapping = continuous.some(
+                  other =>
+                    other.id !== schedule.id &&
+                    other.startDate.getTime() <= schedule.startDate.getTime() &&
+                    other.endDate.getTime() >= schedule.startDate.getTime()
+                );
+
+                if (overlapping) {
+                  // 겹치는 일정이 있으면 새로운 행 찾기
+                  let row = 1;
+                  while (Array.from(continuousSchedules.values()).includes(row)) {
+                    row++;
+                  }
+                  continuousSchedules.set(schedule.id, row);
+                  maxGridRow = Math.max(maxGridRow, row);
+                } else {
+                  // 겹치지 않으면 첫 번째 행에 배치
+                  continuousSchedules.set(schedule.id, 1);
+                  maxGridRow = Math.max(maxGridRow, 1);
+                }
+              }
+            });
+          });
+
+          return (
+            <div
+              key={weekIdx}
+              className={weekIdx === weeks.length - 1 ? "pt-3" : "overflow-hidden border-b border-gray-50 py-3"}>
+              <div className="grid grid-cols-7 px-1.5 text-center">
+                {week.map((date, idx) => {
+                  const isToday = date && isSameDay(date, today);
+                  const isSelected = date && selectedDay && isSameDay(date, selectedDay);
+                  const showToday = isToday && selectedDay === null;
+
+                  const dayTags =
+                    date != null
+                      ? normalizedTags.filter(tag => {
+                          const d = normalizeDate(date);
+                          return d >= tag.startDate && d <= tag.endDate;
+                        })
+                      : [];
+
+                  const dayAnniversaries =
+                    date != null
+                      ? normalizedAnniversaries.filter(anniversary => {
+                          const d = normalizeDate(date);
+                          return d.getTime() === anniversary.date.getTime();
+                        })
+                      : [];
+
+                  // 연속 일정과 단일 일정 분리
+                  const continuousTags = dayTags.filter(tag => tag.startDate.getTime() !== tag.endDate.getTime());
+                  const singleDayTags = dayTags.filter(tag => tag.startDate.getTime() === tag.endDate.getTime());
+
+                  // 현재 날짜에 실제로 표시되는 연속 일정의 최대 행 번호 계산
+                  const currentDayMaxRow = continuousTags.reduce((max, tag) => {
+                    const row = continuousSchedules.get(tag.id) || 1;
+                    return Math.max(max, row);
+                  }, 0);
+
+                  return (
+                    <div
+                      key={idx}
+                      className="relative flex min-h-16 cursor-pointer flex-col items-center"
+                      onClick={() => date && setSelectedDay(date)}>
+                      <p
+                        className={`text-md mb-2 flex h-8 w-8 items-center justify-center rounded-[12px] pt-0.5 text-center font-normal transition ${
+                          showToday || isSelected ? "bg-gray-900 font-bold text-white" : ""
+                        } ${!date ? "cursor-default text-gray-300" : ""} ${
+                          date && !isSelected && !showToday ? "hover:bg-gray-100" : ""
+                        }`}>
+                        {date ? date.getDate() : ""}
+                      </p>
+                      <div className="flex w-full flex-col gap-1 px-0.5">
+                        {/* 연속 일정 그리드 */}
+                        {currentDayMaxRow > 0 && (
+                          <div
+                            className="grid w-full gap-1"
+                            style={{
+                              gridTemplateRows: `repeat(${currentDayMaxRow}, 20px)`,
+                            }}>
+                            {continuousTags.map(tag => {
+                              const { bgColor, textColor } = FATIGUE_TAG[tag.fatigue || "VERY_TIRED"];
+                              const currentDate = normalizeDate(date!);
+                              const isFirstDay = currentDate.getTime() === tag.startDate.getTime();
+                              const isLastDay = currentDate.getTime() === tag.endDate.getTime();
+                              const isMiddleDay = !isFirstDay && !isLastDay;
+                              const gridRow = continuousSchedules.get(tag.id) || 1;
+
+                              let containerStyle = "flex h-4 items-center";
+
+                              if (isFirstDay) {
+                                containerStyle += " w-[calc(100%)] -mr-4 rounded-l-[4px] relative z-10 truncate";
+                              } else if (isLastDay) {
+                                containerStyle += " w-[calc(100%+4px)] -ml-1 rounded-r-[4px]";
+                              } else if (isMiddleDay) {
+                                containerStyle += " w-[calc(100%+4px)] -mx-1";
+                              }
+
+                              return (
+                                <div key={tag.id} style={{ gridRow }} className={`${containerStyle} ${bgColor}`}>
+                                  <p
+                                    className={`w-full px-1 text-[10px] ${textColor} ${isFirstDay ? "absolute left-1 text-left whitespace-nowrap" : ""}`}>
+                                    {isFirstDay && tag.title}
+                                  </p>
+                                </div>
+                              );
+                            })}
+                          </div>
+                        )}
+
+                        {/* 단일 일정 스택 */}
+                        <div className="flex w-full flex-col gap-1">
+                          {/* 기념일 표시 */}
+                          {dayAnniversaries.map((anniversary, index) => (
+                            <div
+                              key={`${anniversary.title}-${index}`}
+                              className="flex h-4 w-full items-center rounded-[4px] bg-[rgb(255,232,117,0.6)]">
+                              <p className="w-full truncate px-1 text-[10px] text-[#7B6901]">{anniversary.title}</p>
+                            </div>
+                          ))}
+                          {/* 일반 일정 */}
+                          {singleDayTags.map(tag => {
+                            const { bgColor, textColor } = FATIGUE_TAG[tag.fatigue || "VERY_TIRED"];
+                            return (
+                              <div key={tag.id} className={`flex h-4 w-full items-center rounded-[4px] ${bgColor}`}>
+                                <p className={`w-full truncate text-[10px] ${textColor}`}>{tag.title}</p>
+                              </div>
+                            );
+                          })}
+                        </div>
+                      </div>
+                    </div>
+                  );
+                })}
+              </div>
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+};
diff --git a/src/features/schedule/ui/CalendarBottomSheet.tsx b/src/features/schedule/ui/CalendarBottomSheet.tsx
new file mode 100644
index 0000000..96fb899
--- /dev/null
+++ b/src/features/schedule/ui/CalendarBottomSheet.tsx
@@ -0,0 +1,29 @@
+import { DatePickerSheet } from "@/widgets/datepicker/ui";
+import BottomArrowIcon from "@/assets/icons/bottomArrow.svg";
+
+interface CalendarBottomSheetProps {
+  year: number;
+  month: number;
+  setCurrentDate: (date: Date) => void;
+  setSelectedDay: (day: Date) => void;
+}
+
+export const CalendarBottomSheet = ({ year, month, setCurrentDate, setSelectedDay }: CalendarBottomSheetProps) => {
+  const handleDateConfirm = (selectedDate: Date) => {
+    setCurrentDate(selectedDate);
+    setSelectedDay(selectedDate);
+  };
+
+  return (
+    <DatePickerSheet onConfirm={handleDateConfirm}>
+      <div className="flex cursor-pointer items-center justify-center gap-2.5">
+        <h2 className="text-xl font-semibold text-gray-900">
+          {year}년 {month + 1}월
+        </h2>
+        <button className="flex h-6 w-6 cursor-pointer items-center justify-center pb-1">
+          <img src={BottomArrowIcon} alt="날짜 선택" />
+        </button>
+      </div>
+    </DatePickerSheet>
+  );
+};
diff --git a/src/features/schedule/ui/CalendrDdayCard.tsx b/src/features/schedule/ui/CalendrDdayCard.tsx
new file mode 100644
index 0000000..9660cb6
--- /dev/null
+++ b/src/features/schedule/ui/CalendrDdayCard.tsx
@@ -0,0 +1,32 @@
+import { InfoCard } from "@/shared/ui";
+import { useLocation, useNavigate } from "react-router";
+interface CalendrDdayCardProps {
+  id: string;
+  title: string;
+  anniversaryDate: string;
+  className?: string;
+}
+
+export const CalendrDdayCard = (props: CalendrDdayCardProps) => {
+  const location = useLocation();
+  const navigate = useNavigate();
+
+  const goEditDdayPage = () => {
+    navigate("/calendar/dday", {
+      state: { from: location.pathname },
+    });
+  };
+
+  return (
+    <InfoCard barColor="bg-[#FFE875]" className={`justify-between ${props.className}`} onClick={goEditDdayPage}>
+      <InfoCard.Content>
+        <div className="flex flex-col gap-1">
+          <InfoCard.Tag tagColor="bg-[#FFE875]" textColor="text-[#7B6901]">
+            디데이
+          </InfoCard.Tag>
+          <InfoCard.Title>{props.title}</InfoCard.Title>
+        </div>
+      </InfoCard.Content>
+    </InfoCard>
+  );
+};
diff --git a/src/features/schedule/ui/DateBottomSheet.tsx b/src/features/schedule/ui/DateBottomSheet.tsx
new file mode 100644
index 0000000..0ccc707
--- /dev/null
+++ b/src/features/schedule/ui/DateBottomSheet.tsx
@@ -0,0 +1,31 @@
+import { DateSelector } from "@/shared/ui";
+import { DatePickerSheet } from "@/widgets/datepicker/ui";
+
+interface DateBottomSheetProps {
+  selectedDate: string;
+  onDateChange: (date: string) => void;
+}
+
+export const DateBottomSheet = ({ selectedDate, onDateChange }: DateBottomSheetProps) => {
+  const handleDateConfirm = (selectedDate: Date) => {
+    const current = new Date(selectedDate);
+    const isValidCurrent = !isNaN(current.getTime());
+
+    // 시간 추출
+    const hours = isValidCurrent ? current.getHours() : 0;
+    const minutes = isValidCurrent ? current.getMinutes() : 0;
+
+    // UTC 기준으로 시간 설정
+    const newDate = new Date(
+      Date.UTC(selectedDate.getFullYear(), selectedDate.getMonth(), selectedDate.getDate(), hours, minutes)
+    );
+
+    onDateChange(newDate.toISOString());
+  };
+
+  return (
+    <DatePickerSheet onConfirm={handleDateConfirm}>
+      <DateSelector date={selectedDate} />
+    </DatePickerSheet>
+  );
+};
diff --git a/src/features/schedule/ui/FatigueBottomSheet.tsx b/src/features/schedule/ui/FatigueBottomSheet.tsx
new file mode 100644
index 0000000..3d76c4a
--- /dev/null
+++ b/src/features/schedule/ui/FatigueBottomSheet.tsx
@@ -0,0 +1,60 @@
+import { FatigueCard } from "./FatigueCard";
+import { Button, Drawer, DrawerContent, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from "@/shared/ui";
+import { Fatigue } from "@/entities/schedule/type";
+import { useToggle } from "@/shared/hooks";
+
+interface FatigueBottomSheetProps {
+  selectedFatigue: Fatigue | string;
+  onFatigueChange: (fatigue: Fatigue) => void;
+}
+
+export const FatigueBottomSheet = ({ selectedFatigue, onFatigueChange }: FatigueBottomSheetProps) => {
+  const { isToggle, onToggle } = useToggle();
+
+  const handleSelect = (fatigue: Fatigue) => {
+    onFatigueChange(fatigue);
+  };
+
+  const handleClose = () => {
+    onToggle();
+  };
+
+  return (
+    <Drawer open={isToggle} onOpenChange={onToggle}>
+      <DrawerTrigger asChild>
+        <Button variant="square" size="2xs" className={`${selectedFatigue !== "" ? "bg-green-500" : ""}`}>
+          피로도 선택하기
+        </Button>
+      </DrawerTrigger>
+      <DrawerContent className="p-4">
+        <div className="mx-auto w-full max-w-sm">
+          <DrawerHeader>
+            <DrawerTitle>해당 일정에 대한 피로도를 선택해 주세요.</DrawerTitle>
+          </DrawerHeader>
+          <div className="flex flex-col gap-3">
+            <FatigueCard
+              fatigue={Fatigue.VERY_TIRED}
+              selected={selectedFatigue === Fatigue.VERY_TIRED}
+              onClick={() => handleSelect(Fatigue.VERY_TIRED)}
+            />
+            <FatigueCard
+              fatigue={Fatigue.TIRED}
+              selected={selectedFatigue === Fatigue.TIRED}
+              onClick={() => handleSelect(Fatigue.TIRED)}
+            />
+            <FatigueCard
+              fatigue={Fatigue.GOOD}
+              selected={selectedFatigue === Fatigue.GOOD}
+              onClick={() => handleSelect(Fatigue.GOOD)}
+            />
+          </div>
+          <DrawerFooter className="p-0 py-3">
+            <Button variant="submit" size="xl" onClick={handleClose}>
+              확인
+            </Button>
+          </DrawerFooter>
+        </div>
+      </DrawerContent>
+    </Drawer>
+  );
+};
diff --git a/src/features/schedule/ui/FatigueCard.tsx b/src/features/schedule/ui/FatigueCard.tsx
new file mode 100644
index 0000000..ea8df02
--- /dev/null
+++ b/src/features/schedule/ui/FatigueCard.tsx
@@ -0,0 +1,61 @@
+import { InfoCard } from "@/shared/ui";
+
+interface StatusCardProps {
+  fatigue: "VERY_TIRED" | "TIRED" | "GOOD";
+  selected: boolean;
+  onClick?: () => void;
+}
+
+const statusMap: Record<
+  string,
+  { bgColor: string; textColor: string; borderColor: string; description: string; text: string }
+> = {
+  VERY_TIRED: {
+    bgColor: "bg-red-0",
+    textColor: "text-red-0",
+    borderColor: "border-red-0",
+    description: "충분한 휴식이 필요한 일정이에요",
+    text: "매우 피곤해요",
+  },
+  TIRED: {
+    bgColor: "bg-green-300",
+    textColor: "text-green-300",
+    borderColor: "border-green-300",
+    description: "반나절 정도의 휴식이 필요한 상황이에요",
+    text: "조금 피곤해요",
+  },
+  GOOD: {
+    bgColor: "bg-green-500",
+    textColor: "text-green-500",
+    borderColor: "border-green-500",
+    description: "남은 하루도 잘 보낼 수 있는 일정이에요",
+    text: "괜찮아요",
+  },
+};
+
+export const FatigueCard = ({ fatigue, selected, onClick }: StatusCardProps) => {
+  const defaultStyle = {
+    bgColor: "bg-gray-400",
+    textColor: "text-gray-400",
+    borderColor: "border-transparent",
+  };
+
+  const { bgColor, textColor, borderColor, description, text } = statusMap[fatigue] ?? defaultStyle;
+
+  const cardBorderColor = selected ? borderColor : defaultStyle.borderColor;
+
+  return (
+    <InfoCard
+      circleColor={bgColor}
+      selected={selected ? cardBorderColor : ""}
+      className={`justify-between border px-4 py-5 ${cardBorderColor} cursor-pointer rounded-md bg-gray-50`}
+      onClick={onClick}>
+      <InfoCard.Content>
+        <div className="flex flex-col">
+          <InfoCard.Title className={textColor}>{text}</InfoCard.Title>
+          <InfoCard.Text>{description}</InfoCard.Text>
+        </div>
+      </InfoCard.Content>
+    </InfoCard>
+  );
+};
diff --git a/src/features/schedule/ui/MainScheduleCardList.tsx b/src/features/schedule/ui/MainScheduleCardList.tsx
new file mode 100644
index 0000000..ea57696
--- /dev/null
+++ b/src/features/schedule/ui/MainScheduleCardList.tsx
@@ -0,0 +1,20 @@
+import { useSelectedDate } from "@/features/schedule/context/SelectedDateContext";
+import { useGetScheduleList } from "@/entities/schedule/query";
+import { ScheduleCard } from "./ScheduleCard";
+import { CalendrDdayCard } from "./CalendrDdayCard";
+
+export const MainScheduleCardList = () => {
+  const { selectedDay } = useSelectedDate();
+  const { data: scheduleListData } = useGetScheduleList(selectedDay);
+
+  return (
+    <div className="flex flex-col gap-3">
+      {scheduleListData?.result.anniversaries.map(dday => (
+        <CalendrDdayCard key={dday.id} {...dday} className="bg-gray-50" />
+      ))}
+      {scheduleListData?.result.schedules.map(schedule => (
+        <ScheduleCard key={schedule.id} {...schedule} className="bg-gray-50" />
+      ))}
+    </div>
+  );
+};
diff --git a/src/features/schedule/ui/MiniCalendar.tsx b/src/features/schedule/ui/MiniCalendar.tsx
new file mode 100644
index 0000000..0d45b32
--- /dev/null
+++ b/src/features/schedule/ui/MiniCalendar.tsx
@@ -0,0 +1,212 @@
+import { useMemo } from "react";
+import { getDateList, getShiftedWeekdays } from "../utils";
+import { useGetWeekSchedule } from "@/entities/schedule/query";
+import { useSelectedDate } from "../context/SelectedDateContext";
+import { FATIGUE_TAG } from "../model";
+
+interface MiniCalendarProps {
+  isConnected: boolean;
+  isInitialized: boolean;
+}
+
+const normalizeDate = (date: Date) => new Date(date.getFullYear(), date.getMonth(), date.getDate());
+
+export const MiniCalendar = ({ isConnected, isInitialized }: MiniCalendarProps) => {
+  const { selectedDay, setSelectedDay } = useSelectedDate();
+  const { data: weekScheduleData } = useGetWeekSchedule();
+
+  const today = new Date();
+  today.setHours(0, 0, 0, 0);
+
+  const normalizedTags = useMemo(() => {
+    return (
+      weekScheduleData &&
+      weekScheduleData.result.schedules.map(tag => ({
+        ...tag,
+        startDate: normalizeDate(new Date(tag.startDate)),
+        endDate: normalizeDate(new Date(tag.endDate)),
+      }))
+    );
+  }, [weekScheduleData]);
+
+  const normalizedAnniversaries = useMemo(() => {
+    return (
+      weekScheduleData &&
+      weekScheduleData.result.anniversaries.map(anniversary => ({
+        ...anniversary,
+        date: normalizeDate(new Date(anniversary.anniversaryDate)),
+      }))
+    );
+  }, [weekScheduleData]);
+
+  const shiftedDays = getShiftedWeekdays(today);
+  const dateList = getDateList(today, 7, 1);
+
+  // 날짜 비교 함수
+  const isSameDate = (d1: Date, d2: Date) =>
+    d1.getFullYear() === d2.getFullYear() && d1.getMonth() === d2.getMonth() && d1.getDate() === d2.getDate();
+
+  // 연속 일정 그리드 행 계산 (Calendar와 유사)
+  // 7일만 보여주므로, 7칸짜리 그리드 한 줄만 있으면 됨
+  // 겹치는 연속 일정이 있으면 행을 추가
+  const continuousSchedules = new Map<number, number>(); // scheduleId -> gridRow
+  let maxGridRow = 0;
+  dateList.forEach(date => {
+    if (!date || !normalizedTags) return;
+    const dateSchedules = normalizedTags.filter(tag => {
+      const d = normalizeDate(date);
+      return d >= tag.startDate && d <= tag.endDate;
+    });
+    // 연속 일정만 필터링
+    const continuous = dateSchedules.filter(schedule => schedule.startDate.getTime() !== schedule.endDate.getTime());
+    continuous.forEach(schedule => {
+      if (!continuousSchedules.has(schedule.id)) {
+        // 이 일정의 시작일과 겹치는 다른 연속 일정이 있는지 확인
+        const overlapping = Array.from(continuousSchedules.keys()).some(id => {
+          const other = normalizedTags.find(t => t.id === id);
+          if (!other) return false;
+          // 겹치는지 확인
+          return schedule.startDate <= other.endDate && schedule.endDate >= other.startDate;
+        });
+        if (overlapping) {
+          // 겹치는 일정이 있으면 새로운 행 찾기
+          let row = 1;
+          while (Array.from(continuousSchedules.values()).includes(row)) {
+            row++;
+          }
+          continuousSchedules.set(schedule.id, row);
+          maxGridRow = Math.max(maxGridRow, row);
+        } else {
+          // 겹치지 않으면 첫 번째 행에 배치
+          continuousSchedules.set(schedule.id, 1);
+          maxGridRow = Math.max(maxGridRow, 1);
+        }
+      }
+    });
+  });
+
+  return (
+    <>
+      {/* 요일 헤더 */}
+      <div className="grid grid-cols-7 text-center font-medium">
+        {shiftedDays.map((day, idx) => (
+          <div key={idx} className={day === "일" ? "text-red-0" : ""}>
+            {day}
+          </div>
+        ))}
+      </div>
+
+      {/* 날짜 셀 */}
+      <div className="mb-7 grid grid-cols-7 gap-x-1 py-3 text-center">
+        {dateList.map((date, idx) => {
+          const isToday = isSameDate(date, today);
+          const isSelected = selectedDay && isSameDate(date, selectedDay);
+          const showToday = isToday && !selectedDay;
+
+          const dayTags =
+            date != null && normalizedTags
+              ? normalizedTags.filter(tag => {
+                  const d = normalizeDate(date);
+                  return d >= tag.startDate && d <= tag.endDate;
+                })
+              : [];
+
+          const dayAnniversaries =
+            date != null && normalizedAnniversaries
+              ? normalizedAnniversaries.filter(anniversary => {
+                  const d = normalizeDate(date);
+                  return d.getTime() === anniversary.date.getTime();
+                })
+              : [];
+
+          // 연속 일정과 단일 일정 분리
+          const continuousTags = dayTags.filter(tag => tag.startDate.getTime() !== tag.endDate.getTime());
+          const singleDayTags = dayTags.filter(tag => tag.startDate.getTime() === tag.endDate.getTime());
+
+          // 현재 날짜에 실제로 표시되는 연속 일정의 최대 행 번호 계산
+          const currentDayMaxRow = continuousTags.reduce((max, tag) => {
+            const row = continuousSchedules.get(tag.id) || 1;
+            return Math.max(max, row);
+          }, 0);
+
+          return (
+            <div
+              key={idx}
+              className="flex min-h-16 cursor-pointer flex-col items-center gap-1"
+              onClick={() => date && setSelectedDay(date)}>
+              <p
+                className={`text-md mb-2 flex h-8 w-8 items-center justify-center rounded-[12px] pt-0.5 text-center font-normal transition ${
+                  showToday || isSelected ? "bg-gray-900 font-bold text-white" : ""
+                } ${!date ? "cursor-default text-gray-300" : ""} ${
+                  date && !isSelected && !showToday ? "hover:bg-gray-100" : ""
+                }`}>
+                {date ? date.getDate() : ""}
+              </p>
+              {/* 연속 일정 그리드 */}
+              {currentDayMaxRow > 0 && isConnected && isInitialized && (
+                <div
+                  className="mb-1 grid w-full gap-1.5"
+                  style={{ gridTemplateRows: `repeat(${currentDayMaxRow}, 14px)` }}>
+                  {continuousTags.map(tag => {
+                    const { bgColor, textColor } = FATIGUE_TAG[tag.fatigue || "VERY_TIRED"];
+                    const currentDate = normalizeDate(date!);
+                    const calendarStart = normalizeDate(dateList[0]!);
+                    const calendarEnd = normalizeDate(dateList[dateList.length - 1]!);
+                    // 캘린더 범위 내에서만 제목/끝 표시
+                    const isFirstDay =
+                      currentDate.getTime() === tag.startDate.getTime() ||
+                      (currentDate.getTime() === calendarStart.getTime() && tag.startDate < calendarStart);
+                    const isLastDay =
+                      currentDate.getTime() === tag.endDate.getTime() ||
+                      (currentDate.getTime() === calendarEnd.getTime() && tag.endDate > calendarEnd);
+                    const isMiddleDay = !isFirstDay && !isLastDay;
+                    const gridRow = continuousSchedules.get(tag.id) || 1;
+
+                    let containerStyle = "flex h-4 items-center";
+                    if (isFirstDay) {
+                      containerStyle += " w-[calc(100%)] -mr-1 rounded-l-[4px] relative z-10";
+                    } else if (isLastDay) {
+                      containerStyle += " w-[calc(100%+4px)] -ml-1 rounded-r-[4px]";
+                    } else if (isMiddleDay) {
+                      containerStyle += " w-[calc(100%+4px)] -mx-1";
+                    }
+
+                    return (
+                      <div key={tag.id} style={{ gridRow }} className={`${containerStyle} ${bgColor}`}>
+                        <p
+                          className={`w-full px-1 text-[10px] ${textColor} ${isFirstDay ? "absolute left-1 text-left whitespace-nowrap" : ""} ${isLastDay ? "truncate" : ""}`}>
+                          {isFirstDay && tag.title}
+                        </p>
+                      </div>
+                    );
+                  })}
+                </div>
+              )}
+              {/* 단일 일정 스택 */}
+              {isConnected && isInitialized && (
+                <div className="flex w-full flex-col gap-1">
+                  {/* 기념일 표시 */}
+                  {dayAnniversaries.map((anniversary, index) => (
+                    <div
+                      key={`${anniversary.title}-${index}`}
+                      className="flex h-4 w-full items-center rounded-[4px] bg-[rgb(255,232,117,0.6)]">
+                      <p className="w-full truncate px-1 text-[10px] text-[#7B6901]">{anniversary.title}</p>
+                    </div>
+                  ))}
+                  {singleDayTags.map(tag => {
+                    const { bgColor, textColor } = FATIGUE_TAG[tag.fatigue || "VERY_TIRED"];
+                    return (
+                      <div key={tag.id} className={`flex h-4 w-full items-center rounded-[4px] ${bgColor}`}>
+                        <p className={`w-full truncate text-[10px] ${textColor}`}>{tag.title}</p>
+                      </div>
+                    );
+                  })}
+                </div>
+              )}
+            </div>
+          );
+        })}
+      </div>
+    </>
+  );
+};
diff --git a/src/features/schedule/ui/ScheduleCard.tsx b/src/features/schedule/ui/ScheduleCard.tsx
new file mode 100644
index 0000000..f78d68c
--- /dev/null
+++ b/src/features/schedule/ui/ScheduleCard.tsx
@@ -0,0 +1,63 @@
+import { Fatigue } from "@/entities/schedule";
+import { InfoCard } from "@/shared/ui";
+import { formatTimeFromString } from "@/shared/utils/time/format";
+import { useNavigate } from "react-router";
+
+interface ScheduleCardProps {
+  id: number;
+  title: string;
+  fatigue: Fatigue;
+  startDate: string;
+  endDate: string;
+  isAllDay: boolean;
+  className?: string;
+  onClick?: () => void;
+}
+
+const statusTagMap = {
+  VERY_TIRED: {
+    barColor: "bg-red-0",
+    textColor: "text-red-0",
+    tagColor: "bg-red-100",
+    tagName: "매우 피곤해요",
+  },
+  TIRED: {
+    barColor: "bg-green-100",
+    textColor: "text-green-500",
+    tagColor: "bg-green-100",
+    tagName: "피곤해요",
+  },
+  GOOD: {
+    barColor: "bg-green-500",
+    textColor: "text-white",
+    tagColor: "bg-green-500",
+    tagName: "괜찮아요 ",
+  },
+};
+
+export const ScheduleCard = (props: ScheduleCardProps) => {
+  const { barColor, textColor, tagColor, tagName } = statusTagMap[props.fatigue] ?? "";
+  const formattedTimeRange = `${formatTimeFromString(props.startDate)}~${formatTimeFromString(props.endDate)}`;
+
+  const navigate = useNavigate();
+
+  const handleNavigateToDetail = () => {
+    navigate(`/calendar/schedule/${props.id}`);
+  };
+
+  return (
+    <InfoCard barColor={barColor} className={`justify-between ${props.className}`} onClick={handleNavigateToDetail}>
+      <InfoCard.Content>
+        <div className="flex flex-col gap-1">
+          <InfoCard.Tag tagColor={tagColor} textColor={textColor}>
+            {tagName}
+          </InfoCard.Tag>
+          <InfoCard.Title>{props.title}</InfoCard.Title>
+        </div>
+
+        {!props.isAllDay && <InfoCard.Time>{formattedTimeRange}</InfoCard.Time>}
+        {props.isAllDay && <InfoCard.Time>하루종일</InfoCard.Time>}
+      </InfoCard.Content>
+    </InfoCard>
+  );
+};
diff --git a/src/features/schedule/ui/ScheduleCardList.tsx b/src/features/schedule/ui/ScheduleCardList.tsx
new file mode 100644
index 0000000..03c1c2e
--- /dev/null
+++ b/src/features/schedule/ui/ScheduleCardList.tsx
@@ -0,0 +1,19 @@
+import { useSelectedDate } from "@/features/schedule/context/SelectedDateContext";
+import { useGetScheduleList } from "@/entities/schedule/query";
+import { ScheduleCard } from "./ScheduleCard";
+import { formatDateKoreanWithWeekday } from "@/shared/utils";
+import { CalendrDdayCard } from "./CalendrDdayCard";
+
+export const ScheduleCardList = () => {
+  const { selectedDay } = useSelectedDate();
+  const { data: scheduleListData } = useGetScheduleList(selectedDay);
+  return (
+    <>
+      <h2>{selectedDay && formatDateKoreanWithWeekday(selectedDay)}</h2>
+      {scheduleListData?.result.anniversaries.map(dday => (
+        <CalendrDdayCard key={dday.id} {...dday} className="bg-white" />
+      ))}
+      {scheduleListData?.result.schedules.map(schedule => <ScheduleCard key={schedule.id} {...schedule} />)}
+    </>
+  );
+};
diff --git a/src/features/schedule/ui/ScheduleOverView.tsx b/src/features/schedule/ui/ScheduleOverView.tsx
new file mode 100644
index 0000000..f0661b1
--- /dev/null
+++ b/src/features/schedule/ui/ScheduleOverView.tsx
@@ -0,0 +1,42 @@
+import { DateText } from "@/shared/ui";
+import { ScheduleOverViewProps } from "../model";
+import tripleArrow from "@/assets/icons/tripleArrow.svg";
+import { Fatigue } from "@/entities/schedule";
+import { formatDateFull } from "@/shared/utils";
+
+const statusMap: Record<Fatigue, { bgColor: string; textColor: string; text: string }> = {
+  VERY_TIRED: {
+    bgColor: "bg-[rgba(255,196,231,0.6)]",
+    textColor: "text-red-0",
+    text: "매우 피곤해요",
+  },
+  TIRED: {
+    bgColor: "bg-[rgba(191,230,218,0.6)]",
+    textColor: "text-green-500",
+    text: "피곤해요",
+  },
+  GOOD: {
+    bgColor: "bg-[rgba(49,175,137,0.6)]",
+    textColor: "text-green-800",
+    text: "괜찮아요",
+  },
+};
+
+export const ScheduleOverView = (props: ScheduleOverViewProps) => {
+  const { bgColor, textColor, text } = statusMap[props.fatigue as Fatigue];
+
+  const changedStartDate = formatDateFull(props.startDate);
+  const changedEndDate = formatDateFull(props.endDate);
+
+  return (
+    <div className="overflow-hidden rounded-2xl bg-white">
+      <h2 className={`${bgColor} ${textColor} text-md pt-3 pb-2 text-center font-semibold`}>{text}</h2>
+      <h2 className="py-3 text-center text-xl font-bold text-gray-900">{props.title}</h2>
+      <div className="flex justify-between bg-gray-50 p-3">
+        <DateText className="rounded-2xl bg-white px-2 py-1 text-[12px] font-semibold" date={changedStartDate} />
+        <img className="w-8" src={tripleArrow} alt="화살표" />
+        <DateText className="rounded-2xl bg-white px-2 py-1 text-[12px] font-semibold" date={changedEndDate} />
+      </div>
+    </div>
+  );
+};
diff --git a/src/features/schedule/ui/SimpleCalendar.tsx b/src/features/schedule/ui/SimpleCalendar.tsx
new file mode 100644
index 0000000..57884cf
--- /dev/null
+++ b/src/features/schedule/ui/SimpleCalendar.tsx
@@ -0,0 +1,59 @@
+import { useState } from "react";
+import { getDateList, getShiftedWeekdays } from "../utils";
+
+export const SimpleCalendar = () => {
+  const [selectedDay, setSelectedDay] = useState<Date | null>(new Date());
+
+  const today = new Date();
+  today.setHours(0, 0, 0, 0);
+
+  const shiftedDays = getShiftedWeekdays(today);
+  const dateList = getDateList(today, 7, 1);
+
+  // 날짜 비교 함수
+  const isSameDate = (d1: Date, d2: Date) =>
+    d1.getFullYear() === d2.getFullYear() && d1.getMonth() === d2.getMonth() && d1.getDate() === d2.getDate();
+
+  const handleDateClick = (date: Date | null) => {
+    if (!date) return;
+    setSelectedDay(date);
+  };
+
+  return (
+    <>
+      {/* 요일 헤더 */}
+      <div className="grid grid-cols-7 text-center font-medium">
+        {shiftedDays.map((day, idx) => (
+          <div key={idx} className={day === "일" ? "text-red-0" : ""}>
+            {day}
+          </div>
+        ))}
+      </div>
+
+      {/* 날짜 셀 */}
+      <div className="mb-7 grid grid-cols-7 gap-x-1 py-3 text-center">
+        {dateList.map((date, idx) => {
+          const isToday = date && isSameDate(date, today);
+          const isSelected = date && selectedDay && isSameDate(date, selectedDay);
+          const showToday = isToday && !selectedDay;
+
+          return (
+            <div
+              key={idx}
+              className="flex min-h-10 cursor-pointer items-center justify-center"
+              onClick={() => handleDateClick(date)}>
+              <p
+                className={`text-md flex h-8 w-8 items-center justify-center rounded-[12px] pt-0.5 text-center font-normal transition ${
+                  showToday || isSelected ? "bg-gray-900 font-bold text-white" : ""
+                } ${!date ? "cursor-default text-gray-300" : ""} ${
+                  date && !isSelected && !showToday ? "hover:bg-gray-100" : ""
+                }`}>
+                {date ? date.getDate() : ""}
+              </p>
+            </div>
+          );
+        })}
+      </div>
+    </>
+  );
+};
diff --git a/src/features/schedule/ui/TimeBottomSheet.tsx b/src/features/schedule/ui/TimeBottomSheet.tsx
new file mode 100644
index 0000000..1d8fb68
--- /dev/null
+++ b/src/features/schedule/ui/TimeBottomSheet.tsx
@@ -0,0 +1,33 @@
+import { TimeSelector } from "@/shared/ui";
+import { toLocalISOString } from "@/shared/utils/time/format";
+import { TimePickerDrawer } from "@/widgets/timepicker/ui";
+
+interface TimeBottomSheetProps {
+  selectedDate: string;
+  onDateChange: (date: string) => void;
+  isAllDay: boolean;
+}
+
+export const TimeBottomSheet = ({ selectedDate, onDateChange, isAllDay }: TimeBottomSheetProps) => {
+  const handleTimeConfirm = (time: { ampm: string; hour: string; minute: string }) => {
+    const { ampm, hour, minute } = time;
+    const hourNum = parseInt(hour, 10);
+    const minuteNum = parseInt(minute, 10);
+
+    let newHour = hourNum;
+    if (ampm === "오후" && hourNum !== 12) newHour += 12;
+    if (ampm === "오전" && hourNum === 12) newHour = 0;
+
+    const base = selectedDate ? new Date(selectedDate) : new Date();
+    const updated = new Date(base.getFullYear(), base.getMonth(), base.getDate(), newHour, minuteNum, 0, 0);
+
+    const localISOString = toLocalISOString(updated);
+    onDateChange(localISOString);
+  };
+
+  return (
+    <TimePickerDrawer onConfirm={handleTimeConfirm}>
+      <TimeSelector time={selectedDate} deactivate={isAllDay} />
+    </TimePickerDrawer>
+  );
+};
diff --git a/src/features/schedule/ui/index.ts b/src/features/schedule/ui/index.ts
new file mode 100644
index 0000000..803d933
--- /dev/null
+++ b/src/features/schedule/ui/index.ts
@@ -0,0 +1,14 @@
+export * from "./Calendar";
+export * from "./FatigueBottomSheet";
+export * from "./FatigueCard";
+export * from "./ScheduleCard";
+export * from "./ScheduleOverView";
+export * from "./MiniCalendar";
+export * from "./DateBottomSheet";
+export * from "./TimeBottomSheet";
+export * from "./AllDayToggleButton";
+export * from "./CalendarBottomSheet";
+export * from "./MainScheduleCardList";
+export * from "./ScheduleCardList";
+export * from "./CalendrDdayCard";
+export * from "./SimpleCalendar";
diff --git a/src/features/schedule/utils/calendarUtils.ts b/src/features/schedule/utils/calendarUtils.ts
new file mode 100644
index 0000000..ffdf843
--- /dev/null
+++ b/src/features/schedule/utils/calendarUtils.ts
@@ -0,0 +1,20 @@
+export const getShiftedWeekdays = (today: Date = new Date()) => {
+  const baseDays = ["일", "월", "화", "수", "목", "금", "토"];
+  const todayDayIndex = today.getDay();
+  const shiftCount = (todayDayIndex - 1 + 7) % 7;
+  return [...baseDays.slice(shiftCount), ...baseDays.slice(0, shiftCount)];
+};
+
+export const getDateList = (baseDate: Date = new Date(), daysToShow: number = 7, offsetBefore: number = 1) => {
+  const startDate = new Date(baseDate);
+  startDate.setHours(0, 0, 0, 0);
+  startDate.setDate(baseDate.getDate() - offsetBefore);
+
+  const dateList: Date[] = [];
+  for (let i = 0; i < daysToShow; i++) {
+    const d = new Date(startDate);
+    d.setDate(startDate.getDate() + i);
+    dateList.push(d);
+  }
+  return dateList;
+};
diff --git a/src/features/schedule/utils/index.ts b/src/features/schedule/utils/index.ts
new file mode 100644
index 0000000..faa4bb2
--- /dev/null
+++ b/src/features/schedule/utils/index.ts
@@ -0,0 +1 @@
+export * from "./calendarUtils";
diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index 6119ad9..0000000
--- a/src/index.css
+++ /dev/null
@@ -1,68 +0,0 @@
-:root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}
diff --git a/src/main.tsx b/src/main.tsx
deleted file mode 100644
index 10ed13e..0000000
--- a/src/main.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import "./index.css";
-import App from "./App.tsx";
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>
-);
diff --git a/src/pages/Layout/index.ts b/src/pages/Layout/index.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/calendar/NewSchedule.tsx b/src/pages/calendar/NewSchedule.tsx
new file mode 100644
index 0000000..a1b5fbc
--- /dev/null
+++ b/src/pages/calendar/NewSchedule.tsx
@@ -0,0 +1,150 @@
+// 외부 라이브러리
+import { useNavigate, useParams } from "react-router";
+
+// UI
+import { Button, CountInput, DeleteAlert, Divider, Topbar } from "@/shared/ui";
+
+// 아이콘
+import backIcon from "@/assets/icons/back.svg";
+
+// 도메인: schedule
+import { AllDayToggleButton, DateBottomSheet, FatigueBottomSheet, TimeBottomSheet } from "@/features/schedule/ui";
+
+import { useCreateScheduleMutation, useDeleteScheduleMutation, useUpdateScheduleMutation } from "@/entities/schedule";
+import { useScheduleForm, useInitializeScheduleFormFromCache } from "@/features/schedule/hooks";
+
+export const CalendarNewSchedule = () => {
+  // 라우터 훅
+  const navigate = useNavigate();
+  const { scheduleId } = useParams<{ scheduleId?: string }>();
+  const isEditMode = !!scheduleId;
+
+  // 스케쥴 폼 훅
+  const { form, updateField, isValid } = useScheduleForm();
+
+  useInitializeScheduleFormFromCache(scheduleId!, updateField);
+
+  // API 훅
+  const { mutate } = useCreateScheduleMutation(form);
+  const { mutate: deleteMutate } = useDeleteScheduleMutation(scheduleId!, form);
+  const { mutate: updateMutate } = useUpdateScheduleMutation(form);
+
+  const handlePostSchedule = async () => {
+    if (isEditMode) {
+      updateMutate(undefined, {
+        onSuccess: () => {
+          alert("일정이 변경되었습니다.");
+          navigate("/calendar");
+        },
+        onError: error => {
+          console.log(error);
+        },
+      });
+    } else {
+      mutate(undefined, {
+        onSuccess: () => {
+          alert("일정이 생성되었습니다.");
+          navigate("/calendar");
+        },
+      });
+    }
+  };
+
+  const handleDelete = () => {
+    deleteMutate(undefined, {
+      onSuccess: () => {
+        alert("일정이 삭제되었습니다.");
+        navigate("/calendar");
+      },
+    });
+  };
+
+  const goBack = () => {
+    navigate(-1);
+    return goBack;
+  };
+
+  return (
+    <div className="pt-11">
+      <header className="relative mt-5 mb-8 flex flex-col items-center gap-7">
+        <div className="">
+          <h1 className="text-xl font-semibold text-gray-900">{isEditMode ? "수정하기" : "생성하기"}</h1>
+          <Button variant="ghost" size="sIcon" className="absolute top-0 left-5" onClick={goBack}>
+            <img src={backIcon} alt="뒤로가기" />
+          </Button>
+        </div>
+        <Topbar isEditMode={isEditMode} />
+      </header>
+      <main className="flex flex-col gap-6 p-5">
+        <section className="flex flex-col gap-2">
+          <label htmlFor="title" className="text-gary-900 text-xl font-semibold">
+            제목
+          </label>
+          <CountInput
+            type="text"
+            id="title"
+            className="h-12 w-full border bg-gray-50"
+            value={form.title}
+            onChange={e => updateField("title", e.target.value)}
+            maxLength={10}
+            placeholder="제목을 입력해 주세요"
+          />
+        </section>
+        <Divider thickness="h-px" color="bg-gray-100" />
+
+        <section className="flex flex-col gap-4">
+          <div className="flex items-center justify-between">
+            <h3 className="text-xl font-semibold text-gray-900">하루종일</h3>
+            <AllDayToggleButton isAllDay={form.isAllDay} onToggle={value => updateField("isAllDay", value)} />
+          </div>
+          <div className="grid grid-cols-[1fr_120px_115px] gap-2">
+            <h3 className="text-xl font-semibold text-gray-900">시작</h3>
+            <DateBottomSheet selectedDate={form.startDate} onDateChange={value => updateField("startDate", value)} />
+            <TimeBottomSheet
+              selectedDate={form.startDate}
+              onDateChange={value => updateField("startDate", value)}
+              isAllDay={form.isAllDay}
+            />
+          </div>
+          <div className="grid grid-cols-[1fr_120px_115px] gap-2">
+            <h3 className="text-xl font-semibold text-gray-900">종료</h3>
+            <DateBottomSheet selectedDate={form.endDate} onDateChange={value => updateField("endDate", value)} />
+            <TimeBottomSheet
+              selectedDate={form.endDate}
+              onDateChange={value => updateField("endDate", value)}
+              isAllDay={form.isAllDay}
+            />
+          </div>
+        </section>
+        <Divider thickness="h-px" color="bg-gray-100" />
+        <section className="flex items-center justify-between">
+          <h3 className="text-xl font-semibold text-gray-900">피로도 선택</h3>
+          <FatigueBottomSheet selectedFatigue={form.fatigue} onFatigueChange={value => updateField("fatigue", value)} />
+        </section>
+        <section
+          className={`fixed bottom-6 left-1/2 w-[375px] -translate-x-1/2 transform px-4 ${isEditMode && "flex justify-center gap-3"}`}>
+          {isEditMode && (
+            <DeleteAlert
+              onDelete={handleDelete}
+              title="일정 삭제"
+              description="정말 일정을 삭제하시겠어요?"
+              buttonText="삭제"
+              cancelText="취소">
+              <Button className="w-[50%]" variant="delete" size="xl" disabled={!isValid}>
+                삭제
+              </Button>
+            </DeleteAlert>
+          )}
+          <Button
+            className={`w-full ${isEditMode && "w-[50%]"}`}
+            variant="submit"
+            size="xl"
+            onClick={handlePostSchedule}
+            disabled={!isValid}>
+            완료
+          </Button>
+        </section>
+      </main>
+    </div>
+  );
+};
diff --git a/src/pages/calendar/Root.tsx b/src/pages/calendar/Root.tsx
new file mode 100644
index 0000000..5ccb4f5
--- /dev/null
+++ b/src/pages/calendar/Root.tsx
@@ -0,0 +1,35 @@
+// 도메인: schedule
+import { Calendar } from "@/features/schedule/ui";
+import { ScheduleCardList } from "@/features/schedule/ui/ScheduleCardList";
+import { SelectedDateProvider } from "@/features/schedule/context/SelectedDateContext";
+
+// UI
+import { NavBar } from "@/widgets/navbar/ui";
+
+// 외부 라이브러리
+import { Suspense } from "react";
+
+export const CalendarRoot = () => {
+  return (
+    <SelectedDateProvider>
+      <div className="pt-11">
+        {/* 캘린더 영역 */}
+        <Suspense fallback={<div>로딩중...</div>}>
+          <Calendar />
+        </Suspense>
+
+        {/* 일정 리스트 영역 */}
+        <div className="mt-7 flex min-h-[500px] w-full flex-col gap-3 bg-gray-50 p-5 pb-30">
+          <Suspense fallback={<div>로딩중...</div>}>
+            <ScheduleCardList />
+          </Suspense>
+        </div>
+
+        {/* 네비게이션 바 */}
+        <div className="pc:w-[375px] fixed bottom-0 left-1/2 z-10 w-full -translate-x-1/2 bg-white">
+          <NavBar />
+        </div>
+      </div>
+    </SelectedDateProvider>
+  );
+};
diff --git a/src/pages/calendar/ScheduleDetail.tsx b/src/pages/calendar/ScheduleDetail.tsx
new file mode 100644
index 0000000..1867ad7
--- /dev/null
+++ b/src/pages/calendar/ScheduleDetail.tsx
@@ -0,0 +1,77 @@
+// 외부 라이브러리
+import { useNavigate, useParams } from "react-router";
+
+// UI
+import { Button } from "@/shared/ui";
+
+// 아이콘
+import letterIcon from "@/assets/icons/letter.svg";
+import backIcon from "@/assets/icons/back.svg";
+import pencilIcon from "@/assets/icons/pencil.svg";
+
+// 도메인: schedule
+import { ScheduleOverView } from "@/features/schedule";
+import { useGetScheduleDetail } from "@/entities/schedule/query";
+
+// 도메인: letter
+import { LetterList, NoLetterMessage, WriteLetterBottomSheet } from "@/features/letter";
+
+export const CalendarScheduleDetail = () => {
+  // 라우터 훅
+  const { scheduleId } = useParams<{ scheduleId: string }>();
+  const navigate = useNavigate();
+
+  // API 훅
+  const { data: scheduleData } = useGetScheduleDetail(scheduleId || "");
+
+  if (!scheduleData) {
+    return;
+  }
+
+  // 이벤트 핸들러
+  const goBack = () => {
+    navigate(-1);
+    return goBack;
+  };
+
+  const { letters, ...rest } = scheduleData.result;
+
+  const handleEditSchedule = () => {
+    navigate(`/calendar/schedule/${scheduleId}/edit`);
+  };
+
+  return (
+    <div className="pt-11">
+      <div className="px-[22px]">
+        <header className="mt-[20px] mb-4 flex items-center justify-between">
+          <Button variant="ghost" size="sIcon" onClick={goBack}>
+            <img src={backIcon} alt="뒤로가기" />
+          </Button>
+          <h1 className="text-xl font-semibold text-gray-900">일정 세부사항</h1>
+          <Button variant="ghost" size="sIcon" className="" onClick={handleEditSchedule}>
+            <img src={pencilIcon} alt="일정 세부사항 설정" />
+          </Button>
+        </header>
+        <ScheduleOverView {...rest} />
+      </div>
+      <main>
+        <section className="mt-6 min-h-[calc(100vh-200px)] bg-gray-50 px-[22px] py-6">
+          <div className="flex items-start justify-between">
+            <div className="flex items-center gap-2">
+              <img className="pb-1" src={letterIcon} alt="편지" />
+              <h2 className="text-xl font-semibold text-gray-900">작성된 편지</h2>
+              <p className="text-md font-semibold text-gray-500">{letters.length}</p>
+            </div>
+            <WriteLetterBottomSheet>
+              <Button variant="square" size="2xs">
+                편지 작성하기
+              </Button>
+            </WriteLetterBottomSheet>
+          </div>
+          {letters.length === 0 && <NoLetterMessage />}
+          <LetterList letters={letters} />
+        </section>
+      </main>
+    </div>
+  );
+};
diff --git a/src/pages/calendar/index.ts b/src/pages/calendar/index.ts
new file mode 100644
index 0000000..aa39b9d
--- /dev/null
+++ b/src/pages/calendar/index.ts
@@ -0,0 +1,3 @@
+export * from "./Root";
+export * from "./NewSchedule";
+export * from "./ScheduleDetail";
diff --git a/src/pages/dday/DdayListPage.tsx b/src/pages/dday/DdayListPage.tsx
new file mode 100644
index 0000000..6316f72
--- /dev/null
+++ b/src/pages/dday/DdayListPage.tsx
@@ -0,0 +1,96 @@
+// 외부 라이브러리
+import { useLocation, useNavigate } from "react-router";
+
+// UI
+import { Button } from "@/shared/ui";
+
+// 아이콘
+import backIcon from "@/assets/icons/back.svg";
+import calendar from "@/assets/icons/calendar.svg";
+import blackHeart from "@/assets/icons/blackHeart.svg";
+
+// 도메인: d-day
+import { useGetDdayList } from "@/entities/d-day";
+import { DdayCard, NoDdayMessage } from "@/features/d-day/ui";
+
+// 도메인: couple
+import { useCoupleNickname } from "@/entities/couple_nickname";
+
+// 훅
+import { useIntersect } from "@/shared/hooks";
+
+export const CalendarDdayList = () => {
+  // API 훅
+  const { data: ddayListData, fetchNextPage, isFetched } = useGetDdayList();
+  const { getNickName } = useCoupleNickname();
+  const { data: coupleNickname } = getNickName;
+
+  // 무한 스크롤 훅
+  const ref = useIntersect<HTMLDivElement>(() => {
+    fetchNextPage();
+  }, isFetched);
+
+  // 라우터 훅
+  const location = useLocation();
+  const navigate = useNavigate();
+
+  const from = (location.state as { from: string } | null)?.from || "/";
+
+  if (!ddayListData) {
+    return;
+  }
+
+  // 이벤트 핸들러
+  const goCreateDdayPage = () => {
+    navigate("/calendar/dday/new", { state: { from: "/calendar/dday" } });
+  };
+
+  const goBack = () => {
+    navigate(from);
+  };
+
+  return (
+    <div className="px-[22px] pt-11">
+      {/* 헤더 영역 */}
+      <header className="relative flex items-center justify-center">
+        <Button variant="ghost" size="sIcon" className="absolute top-5 left-0" onClick={goBack}>
+          <img src={backIcon} alt="뒤로가기" />
+        </Button>
+        <h1 className="pt-[20px] text-xl font-semibold text-gray-900">디데이</h1>
+      </header>
+
+      {/* 메인 콘텐츠 영역 */}
+      <main className="mt-5">
+        {/* 커플 정보 및 디데이 추가 버튼 */}
+        {ddayListData.pages[0].data.length > 0 && (
+          <div className="mt-4.5 flex items-center justify-between">
+            <div className="items-cente flex gap-2">
+              <img className="h-4.5 w-4.5 pt-1" src={calendar} alt="캘린더 아이콘" />
+              <h2 className="text-xl font-semibold text-gray-900">{coupleNickname?.result.userNickname}</h2>
+              <img src={blackHeart} alt="캘린더 아이콘" />
+              <h2 className="text-xl font-semibold text-gray-900">{coupleNickname?.result.coupleNickname}</h2>
+              <h2 className="text-xl font-semibold text-gray-900">님의 디데이</h2>
+              <p className="text-md font-semibold text-gray-500">
+                {ddayListData.pages.reduce((total, page) => total + page.data.length, 0)}
+              </p>
+            </div>
+            <Button variant="square" size="2xs" onClick={goCreateDdayPage}>
+              디데이 추가
+            </Button>
+          </div>
+        )}
+
+        {/* 디데이 리스트 */}
+        <ul className="mt-6 flex flex-col gap-3">
+          {ddayListData.pages.map(page => page.data.map(dday => <DdayCard key={dday.id} {...dday} />))}
+        </ul>
+
+        {/* 빈 상태 메시지 */}
+        {ddayListData.pages[0].data.length === 0 && <NoDdayMessage />}
+
+        {/* 무한 스크롤 트리거 */}
+        <div ref={ref} style={{ width: "1px", height: "1px", marginTop: "10px" }} />
+      </main>
+    </div>
+  );
+};
diff --git a/src/pages/dday/NewDday.tsx b/src/pages/dday/NewDday.tsx
new file mode 100644
index 0000000..691050b
--- /dev/null
+++ b/src/pages/dday/NewDday.tsx
@@ -0,0 +1,136 @@
+// 외부 라이브러리
+import { useLocation, useNavigate, useParams } from "react-router";
+
+// UI 컴포넌트
+import { Button, CountInput, DeleteAlert, Divider, Topbar } from "@/shared/ui";
+import { DdayDateBottomSheet, EmojiSelector } from "@/features/d-day";
+// 아이콘
+import backIcon from "@/assets/icons/back.svg";
+
+// API 및 훅
+import { useCreateDdayMutation, useDeleteDdayMutation, useUpdateDdayMutation } from "@/entities/d-day";
+import { useInitializeDdayFormFromCache, useNewDdayForm } from "@/features/d-day";
+
+export const NewDday = () => {
+  // 라우터 훅
+  const { ddayId } = useParams<{ ddayId?: string }>();
+  const location = useLocation();
+  const navigate = useNavigate();
+
+  const from = (location.state as { from: string } | undefined)?.from || "/calendar";
+
+  const handleDone = () => {
+    navigate(from); // 원래 있던 곳으로 이동
+  };
+
+  // 상태
+  const isEditMode = !!ddayId;
+
+  // 상태 및 폼 관련 커스텀 훅
+  const { newDdayState, handleChange, isFormValid } = useNewDdayForm();
+
+  useInitializeDdayFormFromCache(ddayId!, handleChange, from);
+
+  // API 훅
+  const { mutate: ddayMutate } = useCreateDdayMutation(newDdayState);
+  const { mutate: ddayDeleteMutate } = useDeleteDdayMutation(ddayId!, newDdayState.date);
+  const { mutate: ddayUpdateMutate } = useUpdateDdayMutation(newDdayState);
+
+  // 이벤트 핸들러
+  const handlePostDday = async () => {
+    if (isEditMode) {
+      ddayUpdateMutate(undefined, {
+        onSuccess: () => {
+          alert("디데이가 수정되었습니다.");
+          handleDone();
+        },
+      });
+    } else {
+      ddayMutate(undefined, {
+        onSuccess: () => {
+          alert("디데이가 생성되었습니다.");
+          handleDone();
+        },
+        onError: error => {
+          console.log(error);
+        },
+      });
+    }
+  };
+
+  const handleDeleteDday = () => {
+    ddayDeleteMutate(undefined, {
+      onSuccess: () => {
+        alert("디데이가 삭제되었습니다.");
+        handleDone();
+      },
+      onError: error => {
+        console.log(error);
+      },
+    });
+  };
+
+  return (
+    <div className="pt-11">
+      <header className="relative mt-5 mb-8 flex flex-col items-center gap-7">
+        <div className="">
+          <h1 className="text-xl font-semibold text-gray-900">{isEditMode ? "수정하기" : "생성하기"}</h1>
+          <Button variant="ghost" size="sIcon" className="absolute top-0 left-5" onClick={handleDone}>
+            <img src={backIcon} alt="뒤로가기" />
+          </Button>
+        </div>
+        <Topbar isEditMode={isEditMode} />
+      </header>
+      <main className="flex flex-col gap-6 p-5">
+        <section className="flex flex-col gap-2">
+          <label htmlFor="title" className="text-gary-900 text-xl font-semibold">
+            제목
+          </label>
+          <CountInput
+            type="text"
+            id="title"
+            className="h-12 w-full border bg-gray-50"
+            value={newDdayState.title}
+            onChange={e => handleChange("title", e.target.value)}
+            maxLength={10}
+            placeholder="제목을 입력해 주세요"
+          />
+        </section>
+        <Divider thickness="h-px" color="bg-gray-100" />
+        <section className="flex flex-col gap-4">
+          <div className="flex flex-col gap-2">
+            <h3 className="text-xl font-semibold text-gray-900">이모티콘</h3>
+            <EmojiSelector selectedEmoji={newDdayState.emoji} onEmojiChange={value => handleChange("emoji", value)} />
+          </div>
+          <div className="flex flex-col gap-2">
+            <h3 className="text-xl font-semibold text-gray-900">날짜</h3>
+            <DdayDateBottomSheet selectedDate={newDdayState.date} onDateChange={value => handleChange("date", value)} />
+          </div>
+        </section>
+        <section
+          className={`fixed bottom-6 left-1/2 w-[375px] -translate-x-1/2 transform px-4 ${isEditMode && "flex justify-center gap-3"}`}>
+          {isEditMode && (
+            <DeleteAlert
+              onDelete={handleDeleteDday}
+              title="디데이 삭제"
+              description="정말 디데이를 삭제하시겠어요?"
+              buttonText="삭제"
+              cancelText="취소">
+              <Button className="w-[50%]" variant="delete" size="xl" disabled={!isFormValid}>
+                삭제
+              </Button>
+            </DeleteAlert>
+          )}
+          <Button
+            className={`w-full ${isEditMode && "w-[50%]"}`}
+            variant="submit"
+            size="xl"
+            onClick={handlePostDday}
+            disabled={!isFormValid}>
+            완료
+          </Button>
+        </section>
+      </main>
+    </div>
+  );
+};
diff --git a/src/pages/dday/index.ts b/src/pages/dday/index.ts
new file mode 100644
index 0000000..62c7950
--- /dev/null
+++ b/src/pages/dday/index.ts
@@ -0,0 +1,2 @@
+export * from "./DdayListPage";
+export * from "./NewDday";
diff --git a/src/pages/index.ts b/src/pages/index.ts
new file mode 100644
index 0000000..2fba1d8
--- /dev/null
+++ b/src/pages/index.ts
@@ -0,0 +1,9 @@
+export * from "./calendar";
+export * from "./login";
+export * from "./mypage";
+export * from "./Layout";
+export * from "./onboarding";
+export * from "./mainPage";
+export * from "./mypage/editpage";
+export * from "./letter";
+export * from "./dday";
diff --git a/src/pages/letter/LetterDetail.tsx b/src/pages/letter/LetterDetail.tsx
new file mode 100644
index 0000000..0c397e9
--- /dev/null
+++ b/src/pages/letter/LetterDetail.tsx
@@ -0,0 +1,166 @@
+// 외부 라이브러리
+import { FormEvent } from "react";
+import { useNavigate, useParams } from "react-router";
+
+// UI
+import { Button, Textarea } from "@/shared/ui";
+import { Carousel, CarouselContent, CarouselItem } from "@/shared/ui";
+
+// 유틸
+import { formatDateFull, formatDateKoreanWithWeekday } from "@/shared/utils";
+
+// 아이콘
+import backIcon from "@/assets/icons/back.svg";
+
+// 도메인: letter & comment
+import { useCommentMutation } from "@/entities/comment/mutaion";
+import { useGetLetterDetail } from "@/entities/letter/query";
+
+export const LetterDetailPage = () => {
+  // 라우터 훅
+  const { scheduleId, letterId } = useParams<{ scheduleId: string; letterId: string }>();
+  const navigate = useNavigate();
+
+  // API 훅
+  const { data: letterDetailData } = useGetLetterDetail(scheduleId || "", letterId || "");
+  const { mutate } = useCommentMutation(letterId, scheduleId);
+
+  // 이벤트 핸들러
+  const handleCommentSubmit = (event: FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+
+    const form = event.currentTarget;
+    const formData = new FormData(form);
+    const content = formData.get("content");
+
+    // 유효성 검사
+    if (typeof content !== "string" || content.trim() === "") {
+      alert("댓글 내용을 입력해주세요.");
+      return;
+    }
+
+    const commentRequestBody = {
+      commentId: null,
+      content,
+    };
+
+    mutate(commentRequestBody, {
+      onSuccess: () => {
+        alert("폼이 제출되었습니다.");
+        form.reset();
+      },
+      onError: error => {
+        console.error(error);
+      },
+    });
+  };
+
+  const goBack = () => {
+    navigate(-1);
+    return goBack;
+  };
+
+  if (!letterDetailData) {
+    return;
+  }
+
+  return (
+    <div className="pt-11">
+      {/* 헤더 영역 */}
+      <header className="relative mb-8 flex items-center justify-center">
+        <Button variant="ghost" size="sIcon" className="absolute top-5 left-5" onClick={goBack}>
+          <img src={backIcon} alt="뒤로가기" />
+        </Button>
+        <h1 className="pt-5 text-xl font-semibold text-gray-900">
+          {formatDateKoreanWithWeekday(letterDetailData.result.letter.createdAt)}
+        </h1>
+      </header>
+
+      {/* 메인 콘텐츠 영역 */}
+      <div className="relative px-[22px]">
+        {/* 편지 내용 */}
+        <div className="flex flex-col gap-7">
+          {/* 제목 */}
+          <p className="flex items-center rounded-xl bg-gray-50 p-3 text-base font-normal break-words text-gray-900">
+            {letterDetailData?.result.letter.title}
+          </p>
+          {/* 본문 */}
+          <p className="rounded-xl bg-gray-50 p-3 text-base font-normal break-words text-gray-900">
+            {letterDetailData?.result.letter.content}
+          </p>
+
+          {/* 이미지 캐러셀 */}
+          {letterDetailData?.result.pictures.length > 0 && (
+            <Carousel opts={{ align: "start" }} className="w-full max-w-sm">
+              <CarouselContent>
+                {letterDetailData?.result.pictures.map((image, index) => {
+                  return (
+                    <CarouselItem key={index} className="relative max-w-50 md:basis-1/2 lg:basis-1/2">
+                      <div className="p-1">
+                        <img
+                          src={image.pictureUrl}
+                          alt={`preview-${index}`}
+                          className="h-50 w-50 rounded-md object-cover"
+                        />
+                      </div>
+                    </CarouselItem>
+                  );
+                })}
+              </CarouselContent>
+            </Carousel>
+          )}
+
+          {/* 작성자 정보 */}
+          <div className="flex flex-col items-end gap-1">
+            <p className="text-xs font-semibold text-gray-700">From.{letterDetailData.result.letter.author}</p>
+            <p className="text-xs font-semibold text-gray-700">
+              {formatDateFull(letterDetailData.result.letter.createdAt)}
+            </p>
+          </div>
+        </div>
+
+        {/* 구분선 */}
+        <div className="my-6 h-[1px] bg-[#F6F6F7]" />
+
+        {/* 댓글 영역 */}
+        <div className="flex flex-col">
+          <div className="mb-6 flex items-center gap-2">
+            <h4 className="text-md font-semibold text-gray-900">댓글</h4>
+            <h4 className="text-md font-semibold text-gray-500">{letterDetailData.result.comments.length}</h4>
+          </div>
+
+          {/* 댓글 리스트 */}
+          <div className="mb-[150px] flex max-h-[450px] flex-col gap-6 overflow-y-auto">
+            {letterDetailData.result.comments.map(comment => (
+              <div key={comment.id} className="flex flex-col gap-1">
+                <div className="flex items-center gap-2">
+                  <h5 className="text-xs font-semibold text-gray-900">{comment.author}</h5>
+                  <p className="text-xs font-medium text-gray-500">{formatDateFull(comment.createdAt)}</p>
+                </div>
+                <p className="text-sm font-medium break-words whitespace-pre-wrap text-gray-900">{comment.content}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        {/* 댓글 입력 폼 */}
+        <form
+          className="pc:w-[375px] fixed -bottom-8 left-1/2 mx-auto mb-8 max-h-25 w-full -translate-x-1/2 bg-white px-5 shadow-[0px_3px_12px_4px_rgba(218,218,218,0.15)]"
+          onSubmit={handleCommentSubmit}>
+          <div className="relative flex items-center">
+            <Textarea
+              className="min-h-25 w-full resize-none border-none pr-16 shadow-none focus-visible:ring-0"
+              placeholder="댓글을 작성해 주세요."
+              name="content"
+              id="content"
+              maxLength={80}
+            />
+            <Button type="submit" variant="active" className="absolute -top-0 right-2 z-10">
+              입력
+            </Button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+};
diff --git a/src/pages/letter/LetterListPage.tsx b/src/pages/letter/LetterListPage.tsx
new file mode 100644
index 0000000..4e745a5
--- /dev/null
+++ b/src/pages/letter/LetterListPage.tsx
@@ -0,0 +1,85 @@
+// UI
+import { Button } from "@/shared/ui";
+
+// 아이콘
+import backIcon from "@/assets/icons/back.svg";
+import blackHeart from "@/assets/icons/blackHeart.svg";
+
+// 도메인: letter
+import { MonthlyLettersView, NoLetterMessage } from "@/features/letter";
+import { useGetLetterList } from "@/entities/letter/query";
+
+// 도메인: couple
+import { useCoupleNickname } from "@/entities/couple_nickname";
+
+// 훅
+import { useIntersect } from "@/shared/hooks";
+import { useLocation, useNavigate } from "react-router";
+
+export const LetterListPage = () => {
+  // 라우터 훅
+  const location = useLocation();
+  const navigate = useNavigate();
+
+  // API 훅
+  const { data: letterListData, fetchNextPage, isFetched } = useGetLetterList();
+  const { getNickName } = useCoupleNickname();
+  const { data: coupleNickname } = getNickName;
+
+  // 무한 스크롤 훅
+  const ref = useIntersect<HTMLDivElement>(() => {
+    fetchNextPage();
+  }, isFetched);
+
+  if (!letterListData) {
+    return;
+  }
+
+  const handleBack = () => {
+    const previousPath = location.state?.previousPath;
+    if (previousPath) {
+      navigate(previousPath);
+    } else {
+      navigate(-1);
+    }
+  };
+
+  return (
+    <div className="px-[22px] pt-11">
+      {/* 헤더 영역 */}
+      <header className="relative flex items-center justify-center">
+        <Button variant="ghost" size="sIcon" className="absolute top-5 left-0" onClick={handleBack}>
+          <img src={backIcon} alt="뒤로가기" />
+        </Button>
+        <h1 className="pt-5 text-xl font-semibold text-gray-900">편지</h1>
+      </header>
+
+      {/* 메인 콘텐츠 영역 */}
+      <main className="mt-4.5">
+        {/* 커플 정보 섹션 */}
+        {letterListData.pages[0].data.length > 0 && (
+          <section className="mb-6 flex items-center gap-2">
+            <h2 className="text-xl font-semibold text-gray-900">{coupleNickname?.result.userNickname}</h2>
+            <img src={blackHeart} alt="캘린더 아이콘" />
+            <h2 className="text-xl font-semibold text-gray-900">{coupleNickname?.result.coupleNickname}</h2>
+            <h2 className="text-xl font-semibold text-gray-900">님의 편지</h2>
+            <p className="text-md font-semibold text-gray-500">
+              {letterListData.pages.reduce((total, page) => total + page.data.length, 0)}
+            </p>
+          </section>
+        )}
+
+        {/* 편지 리스트 */}
+        {letterListData.pages.map(page => (
+          <MonthlyLettersView key={page.after} {...page} />
+        ))}
+
+        {/* 빈 상태 메시지 */}
+        {letterListData.pages[0].data.length === 0 && <NoLetterMessage />}
+
+        {/* 무한 스크롤 트리거 */}
+        <div ref={ref} style={{ width: "1px", height: "1px", marginTop: "10px" }} />
+      </main>
+    </div>
+  );
+};
diff --git a/src/pages/letter/index.ts b/src/pages/letter/index.ts
new file mode 100644
index 0000000..9a0f4a6
--- /dev/null
+++ b/src/pages/letter/index.ts
@@ -0,0 +1,2 @@
+export * from "./LetterListPage";
+export * from "./LetterDetail";
diff --git a/src/pages/login/Login.tsx b/src/pages/login/Login.tsx
new file mode 100644
index 0000000..0347a0f
--- /dev/null
+++ b/src/pages/login/Login.tsx
@@ -0,0 +1,18 @@
+import { LoginButton } from "@/features/login";
+import loginImage from "@/assets/images/login.svg";
+
+export const Login = () => {
+  return (
+    <div className="pc:flex mx-auto min-h-screen  items-center justify-center bg-gray-500">
+      <div className="scrollbar-hide pc:max-w-[375px] pt-11 relative flex h-screen w-full flex-col items-center bg-white p-5">
+        <h1 className="mt-30 mb-25 text-3xl font-bold text-gray-900">
+          곰신 커플을 위한 공유 캘린더,
+          <br />
+          <span className="text-red-400">사랑꾼</span>에 오신 걸 환영합니다!
+        </h1>
+        <img src={loginImage} alt="로그인 페이지" />
+        <LoginButton />
+      </div>
+    </div>
+  );
+};
diff --git a/src/pages/login/index.ts b/src/pages/login/index.ts
new file mode 100644
index 0000000..2b0a75c
--- /dev/null
+++ b/src/pages/login/index.ts
@@ -0,0 +1 @@
+export * from "./Login";
diff --git a/src/pages/mainPage/CoupleContactPage.tsx b/src/pages/mainPage/CoupleContactPage.tsx
new file mode 100644
index 0000000..75251b0
--- /dev/null
+++ b/src/pages/mainPage/CoupleContactPage.tsx
@@ -0,0 +1,168 @@
+import { useState, useEffect } from "react";
+import { useNavigate } from "react-router";
+import Lottie from "lottie-react";
+import { Input, Button, Drawer, DrawerContent, DrawerHeader, DrawerFooter, DrawerTrigger } from "@/shared/ui";
+import { coupleConnectQueries } from "@/entities/couple_connect/service";
+import checkcircle from "@/assets/images/checkcircle.svg";
+import CloseIcon from "@/assets/images/close.svg";
+import coupleConnectAnimation from "@/assets/json/coupleconnect.json";
+import { useIscouple } from "@/entities/iscouple";
+import { useConnectCouple } from "@/entities/couple_connect";
+
+export const CoupleContact = () => {
+  const [coupleCode, setCoupleCode] = useState<string>("");
+  const [inputCode, setInputCode] = useState("");
+  const [error, setError] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const [copied, setCopied] = useState(false);
+  const navigate = useNavigate();
+  const { checkCoupleConnect } = useIscouple();
+
+  const { mutate: generateCoupleCode } = useConnectCouple();
+
+  // 커플 연결 상태 확인
+  useEffect(() => {
+    const interval = setInterval(() => {
+      checkCoupleConnect.refetch();
+      if (checkCoupleConnect.data?.result) {
+        window.location.href = "/";
+      }
+    }, 1000);
+
+    return () => clearInterval(interval);
+  }, [checkCoupleConnect]);
+
+  const handleGenerateCode = async () => {
+    try {
+      setIsLoading(true);
+      const response = await coupleConnectQueries.generateCoupleCode();
+      if (response && response.result) {
+        setCoupleCode(response.result);
+      } else {
+        setError("코드 생성에 실패했습니다. 다시 시도해주세요.");
+      }
+    } catch (error) {
+      console.error("코드 생성 에러:", error);
+      setError("코드 생성에 실패했습니다. 다시 시도해주세요.");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    handleGenerateCode();
+  }, []);
+
+  const handleCopyClick = async () => {
+    if (coupleCode) {
+      try {
+        await navigator.clipboard.writeText(coupleCode);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 1500);
+      } catch (err) {
+        setError("복사에 실패했습니다.");
+      }
+    }
+  };
+
+  const handleInputSubmit = async () => {
+    if (!inputCode) {
+      setError("초대 코드를 입력해주세요.");
+      return;
+    }
+
+    try {
+      setIsLoading(true);
+      generateCoupleCode({ coupleCode: inputCode });
+      window.location.href = "/";
+    } catch (error) {
+      console.error("커플 연결 에러:", error);
+      setError("커플 연결에 실패했습니다. 다시 시도해주세요.");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  return (
+    <div className="flex min-h-screen flex-col bg-white pt-11">
+      <div className="bg-white px-4 pt-6 pb-4">
+        <div className="mb-3 flex items-center justify-end">
+          <button onClick={() => navigate("/")}>
+            <img src={CloseIcon} alt="닫기" className="h-6 w-6" />
+          </button>
+        </div>
+
+        <h1 className="text-left text-3xl font-bold text-gray-900">
+          <span className="text-green-500">커플 연결</span>을 진행해주세요
+        </h1>
+        <p className="text-md font-regular text-left text-gray-500">
+          초대 코드를 통해 연결을 완료하고
+          <br />
+          우리만의 소중한 추억을 공유해보세요!
+        </p>
+      </div>
+
+      <div className="flex-1">
+        <div className="flex flex-col items-center justify-center">
+          <div className="flex h-60 w-85 items-center justify-center overflow-hidden">
+            <Lottie animationData={coupleConnectAnimation} loop={true} />
+          </div>
+
+          <div className="w-full">
+            <p className="mt-3 flex flex-col items-center text-sm font-medium text-gray-500">초대 코드 복사하기</p>
+            <div
+              className="w-full cursor-pointer p-2 text-center text-2xl font-medium underline decoration-solid underline-offset-3"
+              onClick={handleCopyClick}>
+              {isLoading ? "코드 생성 중..." : coupleCode || "코드 생성 실패"}
+            </div>
+            {copied && (
+              <div className="mt-2 flex w-full items-center justify-center">
+                <div className="flex items-center rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-500">
+                  <img src={checkcircle} alt="check" className="mr-1 h-4 w-4" />
+                  복사되었습니다.
+                </div>
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+
+      <div className="p-4">
+        <p className="items-center pb-3 text-center text-sm font-medium text-gray-900">
+          상대방에게서 전달받은 코드가 있나요?
+        </p>
+        <Drawer>
+          <DrawerTrigger asChild>
+            <Button variant="special" size="onicon">
+              초대 코드 입력하기
+            </Button>
+          </DrawerTrigger>
+          <DrawerContent>
+            <DrawerHeader className="px-6">
+              <h2 className="mb-2 text-2xl font-semibold text-gray-900">초대 코드 입력하기</h2>
+              <Input
+                value={inputCode}
+                onChange={setInputCode}
+                placeholder="초대 코드를 입력해주세요."
+                status={error ? "error" : undefined}
+                onClear={() => {
+                  setInputCode("");
+                  setError("");
+                }}
+              />
+              {error && <div className="text-red-0 mt-2 text-sm">{error}</div>}
+              {inputCode && !error && (
+                <div className="mt-0 mb-2 ml-1 text-sm">상대방에게 전달받은 초대 코드를 입력해주세요.</div>
+              )}
+            </DrawerHeader>
+            <DrawerFooter className="p-4">
+              <Button variant="active" size="onicon" onClick={handleInputSubmit} disabled={isLoading}>
+                {isLoading ? "연결 중..." : "완료"}
+              </Button>
+            </DrawerFooter>
+          </DrawerContent>
+        </Drawer>
+      </div>
+    </div>
+  );
+};
diff --git a/src/pages/mainPage/MainPage.tsx b/src/pages/mainPage/MainPage.tsx
new file mode 100644
index 0000000..1e383fa
--- /dev/null
+++ b/src/pages/mainPage/MainPage.tsx
@@ -0,0 +1,140 @@
+import {
+  StatusSection,
+  ScheduleSection,
+  LetterSection,
+  DDaySection,
+  SpecialDateSection,
+  TopSection,
+} from "@/features/mainpage";
+import { useInitSettingQueries } from "@/entities/init_setting";
+import { useIscouple } from "@/entities/iscouple";
+import { useCoupleNickname } from "@/entities/couple_nickname/queries";
+import { NavBar } from "@/widgets/navbar/ui";
+import LoadingSpinner from "@/shared/ui/loading";
+
+const NotConnectedPage = ({ coupleInfo }: { coupleInfo: { userNickname: string; coupleNickname: string } }) => {
+  return (
+    <div className="flex flex-col bg-gray-50">
+      <TopSection isConnected={false} isInitialized={false} coupleInfo={coupleInfo} />
+      <div>
+        <SpecialDateSection isConnected={false} isInitialized={false} />
+      </div>
+      <div className="relative z-10 -mt-13 flex-grow rounded-t-[20px] bg-gray-50">
+        <main className="container mx-auto max-w-[1920px] px-4 pt-15 pb-[95px]">
+          <div className="grid w-full gap-4">
+            <StatusSection isConnected={false} isInitialized={false} />
+            <ScheduleSection isConnected={false} isInitialized={false} />
+            <LetterSection isConnected={false} isInitialized={false} />
+            <DDaySection isConnected={false} isInitialized={false} />
+          </div>
+        </main>
+      </div>
+      <div className="pc:w-[375px] fixed bottom-0 left-1/2 z-10 w-full -translate-x-1/2 bg-white">
+        <NavBar />
+      </div>
+    </div>
+  );
+};
+
+const NotInitializedPage = ({
+  coupleInfo,
+}: {
+  isLoading: boolean;
+  coupleInfo: { userNickname: string; coupleNickname: string };
+}) => {
+  return (
+    <div className="flex flex-col bg-gray-50">
+      <TopSection isConnected={true} isInitialized={false} coupleInfo={coupleInfo} />
+      <div>
+        <SpecialDateSection isConnected={true} isInitialized={false} />
+      </div>
+      <div className="relative z-10 -mt-13 flex-grow rounded-t-[20px] bg-gray-50">
+        <main className="container mx-auto max-w-full px-4 pt-15 pb-[95px]">
+          <div className="grid w-full gap-4">
+            <StatusSection isConnected={true} isInitialized={false} />
+            <ScheduleSection isConnected={true} isInitialized={false} />
+            <LetterSection isConnected={true} isInitialized={false} />
+            <DDaySection isConnected={true} isInitialized={false} />
+          </div>
+        </main>
+      </div>
+      <div className="pc:w-[375px] fixed bottom-0 left-1/2 z-10 w-full -translate-x-1/2 bg-white">
+        <NavBar />
+      </div>
+    </div>
+  );
+};
+
+const InitializedPage = ({
+  coupleInfo,
+}: {
+  isLoading: boolean;
+  coupleInfo: { userNickname: string; coupleNickname: string };
+}) => {
+  return (
+    <div className="flex flex-col bg-gray-50">
+      <TopSection isConnected={true} isInitialized={true} coupleInfo={coupleInfo} />
+      <div>
+        <SpecialDateSection isConnected={true} isInitialized={true} />
+      </div>
+      <div className="relative z-10 -mt-13 flex-grow rounded-t-[20px] bg-gray-50">
+        <main className="container mx-auto max-w-[1920px] px-4 pt-15 pb-[95px]">
+          <div className="grid w-full gap-4">
+            <StatusSection isConnected={true} isInitialized={true} />
+            <ScheduleSection isConnected={true} isInitialized={true} />
+            <LetterSection isConnected={true} isInitialized={true} />
+            <DDaySection isConnected={true} isInitialized={true} />
+          </div>
+        </main>
+      </div>
+      <div className="pc:w-[375px] fixed bottom-0 left-1/2 z-10 w-full -translate-x-1/2 bg-white">
+        <NavBar />
+      </div>
+    </div>
+  );
+};
+
+export const MainPage = () => {
+  const { checkCoupleConnect } = useIscouple();
+  const { getCoupleInfo } = useInitSettingQueries();
+  const isConnected = checkCoupleConnect.data?.result ?? false;
+  const isInitialized = getCoupleInfo.data?.result?.isAnniversariesRegistered ?? false;
+  const { getNickName } = useCoupleNickname(isConnected || isInitialized);
+
+  const coupleInfo = getNickName.data?.result || {
+    userNickname: "",
+    coupleNickname: "",
+  };
+
+  const isLoading = checkCoupleConnect.isLoading || getCoupleInfo.isLoading || getNickName.isLoading;
+
+  if (isLoading) {
+    return (
+      <div className="flex min-h-screen items-center justify-center bg-gray-50">
+        <LoadingSpinner text="메인페이지로 이동 중..." />
+      </div>
+    );
+  }
+
+  if (!isConnected) {
+    return (
+      <div className="flex flex-col bg-gray-50">
+        <NotConnectedPage coupleInfo={coupleInfo} />
+      </div>
+    );
+  }
+
+  if (!isInitialized) {
+    return (
+      <div className="flex flex-col bg-gray-50">
+        <NotInitializedPage isLoading={isLoading} coupleInfo={coupleInfo} />
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex flex-col bg-gray-50">
+      <InitializedPage isLoading={isLoading} coupleInfo={coupleInfo} />
+    </div>
+  );
+};
\ No newline at end of file
diff --git a/src/pages/mainPage/StatusPage.tsx b/src/pages/mainPage/StatusPage.tsx
new file mode 100644
index 0000000..0f07d91
--- /dev/null
+++ b/src/pages/mainPage/StatusPage.tsx
@@ -0,0 +1,81 @@
+import { useState } from "react";
+import { EmotionSelector } from "@/features/mainpage";
+import { Textinput } from "@/shared/ui";
+import { EmotionType } from "@/entities/types/emotion";
+import { Button } from "@/shared/ui";
+import { useNavigate } from "react-router";
+import { useUpdateEmotionStatusMutation } from "@/entities/main_status";
+import { useQueryClient } from "@tanstack/react-query";
+
+type ApiEmotionType = "MISS" | "HAPPY" | "COMMON" | "TIRED" | "SAD" | "WORRY" | "ANGRY";
+
+const EMOTION_TO_API: Record<EmotionType, ApiEmotionType> = {
+  miss: "MISS",
+  happy: "HAPPY",
+  common: "COMMON",
+  tired: "TIRED",
+  sad: "SAD",
+  worry: "WORRY",
+  angry: "ANGRY",
+};
+
+export const StatusPage = () => {
+  const [selectedEmotion, setSelectedEmotion] = useState<EmotionType | undefined>();
+  const [message, setMessage] = useState("");
+  const navigate = useNavigate();
+  const queryClient = useQueryClient();
+  const { mutate, isPending } = useUpdateEmotionStatusMutation();
+
+  const handleSubmit = async () => {
+    if (!selectedEmotion) {
+      alert("감정을 선택해주세요!");
+      return;
+    }
+    if (!message) {
+      alert("메시지를 입력해주세요!");
+      return;
+    }
+
+    try {
+      mutate({
+        emotion: EMOTION_TO_API[selectedEmotion],
+        statusMessage: message,
+      });
+      await queryClient.invalidateQueries({ queryKey: ["myEmotion"] });
+      await queryClient.invalidateQueries({ queryKey: ["myStatusMessage"] });
+      await queryClient.invalidateQueries({ queryKey: ["coupleEmotion"] });
+      await queryClient.invalidateQueries({ queryKey: ["statusMessage"] });
+      navigate("/mypage");
+    } catch (error) {
+      console.error("상태 메시지 업데이트 실패:", error);
+      alert("상태 메시지 업데이트에 실패했습니다. 다시 시도해주세요.");
+    }
+  };
+
+  return (
+    <div className="flex h-screen flex-col bg-white pt-11">
+      <div className="flex-1">
+        <EmotionSelector selectedEmotion={selectedEmotion} onSelect={setSelectedEmotion} />
+        <div className="p-4">
+          <p className="pb-2 text-xl font-semibold text-gray-900">상태 메시지</p>
+          <Textinput
+            value={message}
+            onChange={setMessage}
+            placeholder="나의 상태를 연인에게 알려주세요"
+            maxLength={15}
+          />
+        </div>
+      </div>
+      <div className="p-4">
+        <Button
+          onClick={handleSubmit}
+          variant={!selectedEmotion || !message || isPending ? "inactive" : "active"}
+          size="onicon"
+          disabled={!selectedEmotion || !message || isPending}
+          className="w-full">
+          확인
+        </Button>
+      </div>
+    </div>
+  );
+};
diff --git a/src/pages/mainPage/index.ts b/src/pages/mainPage/index.ts
new file mode 100644
index 0000000..15186af
--- /dev/null
+++ b/src/pages/mainPage/index.ts
@@ -0,0 +1,4 @@
+export * from "./CoupleContactPage";
+export * from "./MainPage";
+export * from "./StatusPage";
+export * from "./initpage";
diff --git a/src/pages/mainPage/initpage/FirstMeet.tsx b/src/pages/mainPage/initpage/FirstMeet.tsx
new file mode 100644
index 0000000..8b043c2
--- /dev/null
+++ b/src/pages/mainPage/initpage/FirstMeet.tsx
@@ -0,0 +1,60 @@
+import React from "react";
+import { useNavigate } from "react-router";
+import { Button, Input, ProgressHeader } from "@/shared/ui";
+import { useOnboardingStore } from "@/features/mainpage/model/InitSettingStore";
+import { formatDateKorean } from "@/shared/utils";
+import { DatePickerSheet } from "@/widgets/datepicker/ui";
+
+export const FirstMeet: React.FC = () => {
+  const navigate = useNavigate();
+  const { firstMeetDate, setFirstMeetDate,resetOnboarding } = useOnboardingStore();
+
+  const handleNext = () => {
+    if (firstMeetDate) {
+      navigate("/onboarding/where");
+    }
+  };
+
+  const handleDateConfirm = (date: Date) => {
+    setFirstMeetDate(date);
+  };
+
+  return (
+    <div className="flex h-screen flex-col bg-white pt-11">
+      <ProgressHeader
+        title="연인과 처음 만난 날은 언제인가요?"
+        highlight="처음 만난 날"
+        subtitle="두 분의 첫 만남을 기록해주세요."
+        progress={1 / 3}
+        onBack={() => navigate(-1)}
+        onClose={() => { resetOnboarding(); 
+          navigate("/");}
+        }
+      />
+
+      <div className="mt-6 flex-1 px-4">
+        <DatePickerSheet onConfirm={handleDateConfirm}>
+          <Input
+            value={firstMeetDate ? formatDateKorean(firstMeetDate) : ""}
+            placeholder="날짜를 선택해주세요."
+            status={firstMeetDate ? "active" : "inactive"}
+            onClear={() => {
+              setFirstMeetDate(null);
+            }} readOnly
+            className="w-full rounded-lg border border-gray-200 px-4 py-3 text-left text-base text-gray-900 placeholder-gray-400 focus:ring-2 focus:ring-green-500 focus:outline-none"
+          />
+        </DatePickerSheet>
+      </div>
+
+      <div className="p-4">
+        <Button
+          variant={firstMeetDate ? "active" : "inactive"}
+          size="onicon"
+          disabled={!firstMeetDate}
+          onClick={handleNext}>
+          다음
+        </Button>
+      </div>
+    </div>
+  );
+};
diff --git a/src/pages/mainPage/initpage/MilitaryDay.tsx b/src/pages/mainPage/initpage/MilitaryDay.tsx
new file mode 100644
index 0000000..4c82a43
--- /dev/null
+++ b/src/pages/mainPage/initpage/MilitaryDay.tsx
@@ -0,0 +1,125 @@
+import React, { useState, useEffect } from "react";
+import { useNavigate } from "react-router";
+import { Input, Button, ProgressHeader } from "@/shared/ui";
+import { useOnboardingStore } from "@/features/mainpage/model/InitSettingStore";
+import { formatDateKorean, formatSimpleDate } from "@/shared/utils";
+import { useInitSettingMutation, useInitSettingQueries } from "@/entities/init_setting";
+import { DatePickerSheet } from "@/widgets/datepicker/ui";
+
+export const MilitaryDay: React.FC = () => {
+  const {
+    militaryBranch,
+    firstMeetDate,
+    enlistmentDate,
+    dischargeDate,
+    setEnlistmentDate,
+    setDischargeDate,
+    resetOnboarding,
+  } = useOnboardingStore();
+  const navigate = useNavigate();
+  const [error, setError] = useState<string | null>(null);
+  const { getCoupleInfo } = useInitSettingQueries();
+  const coupleId = getCoupleInfo.data?.result.coupleId ?? null;
+  const { mutate: registerAnniversary, isPending } = useInitSettingMutation();
+
+  useEffect(() => {
+    if (getCoupleInfo.error) {
+      console.error("커플 정보 조회 실패:", getCoupleInfo.error);
+      setError("커플 정보를 가져오는데 실패했습니다.");
+    }
+  }, [getCoupleInfo.error]);
+
+  const handleNext = async () => {
+    if (!enlistmentDate || !dischargeDate || !firstMeetDate || !militaryBranch || !coupleId) {
+      setError("입력되지 않은 정보가 있어요");
+      return;
+    }
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+
+    if (dischargeDate <= enlistmentDate) {
+      setError("전역일은 입대일보다 이후여야 합니다");
+      return;
+    }
+
+    setError(null);
+
+    registerAnniversary(
+      {
+        coupleId,
+        relationshipStartDate: formatSimpleDate(firstMeetDate),
+        militaryStartDate: formatSimpleDate(enlistmentDate),
+        militaryEndDate: formatSimpleDate(dischargeDate),
+        military: militaryBranch as "ARMY" | "NAVY" | "AIR_FORCE" | "MARINE",
+      },
+      {
+        onSuccess: () => {
+          navigate("/", { replace: true });
+        },
+        onError: error => {
+          console.error("온보딩 완료 중 오류 발생:", error);
+          setError(error instanceof Error ? error.message : "알 수 없는 오류가 발생했습니다.");
+        },
+      }
+    );
+  };
+
+  return (
+    <div className="flex h-screen flex-col bg-white pt-11">
+      <ProgressHeader
+        title="군 복무 기간을 입력해주세요"
+        highlight="복무 기간"
+        subtitle="입대일과 전역일을 정확히 입력해주세요."
+        progress={3 / 3}
+        onBack={() => navigate(-1)}
+        onClose={() => {
+          resetOnboarding();
+          navigate("/");
+        }}
+      />
+
+      <div className="flex-1 px-4">
+        <div className="mt-4 space-y-6">
+          <div>
+            <label className="text-gray-1000 text-md mb-2 block font-medium">입대일</label>
+            <DatePickerSheet onConfirm={setEnlistmentDate}>
+              <Input
+                value={enlistmentDate ? formatDateKorean(enlistmentDate) : ""}
+                onChange={() => {}}
+                placeholder="입대일을 선택해주세요."
+                status={enlistmentDate ? "active" : "inactive"}
+                onClear={() => setEnlistmentDate(null)}
+                readOnly
+              />
+            </DatePickerSheet>
+          </div>
+
+          <div>
+            <label className="text-gray-1000 text-md mb-2 block font-medium">전역일</label>
+            <DatePickerSheet onConfirm={setDischargeDate}>
+              <Input
+                value={dischargeDate ? formatDateKorean(dischargeDate) : ""}
+                onChange={() => {}}
+                placeholder="전역일을 선택해주세요."
+                status={dischargeDate ? "active" : "inactive"}
+                onClear={() => setDischargeDate(null)}
+                readOnly
+              />
+            </DatePickerSheet>
+          </div>
+        </div>
+      </div>
+
+      <div className="p-4">
+        {error && <p className="text-red-0 mb-2 text-center text-sm">{error}</p>}
+        <Button
+          variant={enlistmentDate && dischargeDate ? "active" : "inactive"}
+          disabled={!enlistmentDate || !dischargeDate || isPending}
+          onClick={handleNext}
+          size="onicon">
+          다음
+        </Button>
+      </div>
+    </div>
+  );
+};
diff --git a/src/pages/mainPage/initpage/Where.tsx b/src/pages/mainPage/initpage/Where.tsx
new file mode 100644
index 0000000..e531a79
--- /dev/null
+++ b/src/pages/mainPage/initpage/Where.tsx
@@ -0,0 +1,71 @@
+import React from "react";
+import { Button, ProgressHeader } from "@/shared/ui";
+import { useOnboardingStore, MilitaryBranch } from "@/features/mainpage/model/InitSettingStore";
+import { useNavigate } from "react-router";
+
+export const Where: React.FC = () => {
+  const { militaryBranch, setMilitaryBranch, resetOnboarding } = useOnboardingStore();
+  const navigate = useNavigate();
+
+  const locations = [
+    { id: "ARMY", label: "육군" },
+    { id: "NAVY", label: "해군" },
+    { id: "AIR_FORCE", label: "공군" },
+    { id: "MARINE", label: "해병대" },
+  ];
+
+  const handleLocationSelect = (location: MilitaryBranch) => {
+    setMilitaryBranch(location);
+  };
+
+  const handleNext = () => {
+    if (militaryBranch) {
+      navigate("/onboarding/military-day");
+    }
+  };
+
+  return (
+    <div className="flex h-screen flex-col bg-white pt-11">
+      <ProgressHeader
+        title="어디서 근무하시나요?"
+        highlight="어느 군"
+        subtitle="나 또는 상대의 소속을 선택해주세요."
+        progress={2/3}
+        onBack={() => navigate(-1)}
+        onClose={() => {
+          resetOnboarding(); 
+          navigate("/");}}
+      />
+
+      <div className="flex-1 px-4">
+        <div className="mt-4 space-y-2">
+          {locations.map(location => (
+            <div key={location.id}>
+              <button
+                className={`text-medium text-regular w-full rounded-xl border bg-gray-50 p-4 text-left ${
+                  militaryBranch === location.id ? "border-green-500" : "border-gray-50"
+                }`}
+                onClick={() => handleLocationSelect(location.id as MilitaryBranch)}>
+                {location.label}
+              </button>
+            </div>
+          ))}
+          <p className="text-sm font-medium text-gray-500 text-center mt-3" >
+            부사관 및 장교 포함
+          </p>
+        </div>
+      </div>
+
+      <div className="p-4">
+        <Button 
+          variant={militaryBranch ? "active" : "inactive"} 
+          size="onicon" 
+          disabled={!militaryBranch} 
+          onClick={handleNext}
+        >
+          다음
+        </Button>
+      </div>
+    </div>
+  );
+};
diff --git a/src/pages/mainPage/initpage/index.ts b/src/pages/mainPage/initpage/index.ts
new file mode 100644
index 0000000..835326f
--- /dev/null
+++ b/src/pages/mainPage/initpage/index.ts
@@ -0,0 +1,3 @@
+export * from "./FirstMeet";
+export * from "./MilitaryDay";
+export * from "./Where";
\ No newline at end of file
diff --git a/src/pages/mypage/AlarmSettingPage.tsx b/src/pages/mypage/AlarmSettingPage.tsx
new file mode 100644
index 0000000..3f138c7
--- /dev/null
+++ b/src/pages/mypage/AlarmSettingPage.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { MyHeader } from "@/features/mypage/ui/MyPageHeader";
+import { NotificationToggleList } from "@/features/mypage";
+import { useNavigate } from "react-router";
+
+export const AlarmSettingPage: React.FC = () => {
+  const navigate = useNavigate();
+  return (
+    <div className="bg-gray-0 min-h-screen pt-11">
+      <MyHeader title="알림 설정" onBack={() => navigate("/mypage")} />
+      <NotificationToggleList />
+    </div>
+  );
+};
\ No newline at end of file
diff --git a/src/pages/mypage/DisconnectPage.tsx b/src/pages/mypage/DisconnectPage.tsx
new file mode 100644
index 0000000..0c90bbf
--- /dev/null
+++ b/src/pages/mypage/DisconnectPage.tsx
@@ -0,0 +1,36 @@
+import React from "react";
+import { MyHeader } from "@/features/mypage";
+import { Button } from "@/shared/ui/button";
+import ShoesImg from "@/assets/images/shoes.svg";
+import { useNavigate } from "react-router";
+import { DisconnectModal } from "@/features/mypage/ui/DisconnectModal";
+import { useToggle } from "@/shared/hooks/useToggle";
+
+export const DisconnectPage: React.FC = () => {
+  const navigate = useNavigate();
+  const { isToggle: isModalOpen, onOpenToggle: openModal, onCloseToggle: closeModal } = useToggle();
+
+  return (
+    <div className="flex h-screen flex-col bg-white pt-11">
+      <MyHeader title="커플 연결 끊기" onBack={() => navigate("/mypage")} />
+      <div className="flex-1 flex flex-col items-center">
+        <div className="text-center">
+          <h2 className="mb-1 text-3xl font-bold text-gray-900">그동안의 데이터는 모두 사라집니다</h2>
+          <p className="text-md font-regular text-gray-500">정말 커플 연결을 끊으시겠어요?</p>
+        </div>
+        <img src={ShoesImg} alt="신발" className="h-80 w-64" />
+      </div>
+      <div className="p-4">
+        <div className="flex gap-3">
+          <Button className="flex-1" variant="special" size="onicon" onClick={openModal}>
+            연결 끊기
+          </Button>
+          <Button onClick={() => navigate("/mypage/setting")} className="flex-1" variant="active" size="onicon">
+            취소
+          </Button>
+        </div>
+      </div>
+      <DisconnectModal open={isModalOpen} onClose={closeModal} />
+    </div>
+  );
+};
diff --git a/src/pages/mypage/MyPage.tsx b/src/pages/mypage/MyPage.tsx
new file mode 100644
index 0000000..a4f107e
--- /dev/null
+++ b/src/pages/mypage/MyPage.tsx
@@ -0,0 +1,37 @@
+import { NotificationSetting, StatusSection, ProfileCardSection } from "@/features/mypage";
+import mySettingIcon from "@/assets/images/my_setting.svg";
+import { useNavigate } from "react-router";
+import { NavBar } from "@/widgets/navbar/ui";
+
+export const MyPage = () => {
+  const navigate = useNavigate();
+
+  return (
+    <div className="min-h-screen px-6 py-6 ">
+      {/* 상단 바 */}
+      <div className="-mx-5 -mt-6 mb-6 flex items-center justify-between bg-gray-50 pt-11 p-4">
+        <span className="text-2xl font-semibold">마이</span>
+        <button 
+          type="button" 
+          aria-label="설정" 
+          className={"p-2"}
+          onClick={() => navigate("/mypage/setting")}
+        >
+          <img src={mySettingIcon} alt="설정" className="w-6 h-6" />
+
+        </button>
+      </div>
+      {/* 컨텐츠 영역 */}
+      <div className=" w-full space-y-4">
+
+        <ProfileCardSection />
+        <StatusSection />
+        <NotificationSetting />
+      </div>
+      {/* 네비게이션 바 */}
+      <div className="pc:w-[375px] fixed bottom-0 left-1/2 z-10 w-full -translate-x-1/2 bg-white">
+        <NavBar />
+      </div>
+    </div>
+  );
+};
diff --git a/src/pages/mypage/ProfileInfoPage.tsx b/src/pages/mypage/ProfileInfoPage.tsx
new file mode 100644
index 0000000..290b95f
--- /dev/null
+++ b/src/pages/mypage/ProfileInfoPage.tsx
@@ -0,0 +1,50 @@
+import {EditInfoCard,MyHeader} from "@/features/mypage";
+import { useNavigate } from "react-router";
+import { useCoupleBirthDay } from "@/entities/couple_birthday";
+import { useCoupleNickname } from "@/entities/couple_nickname";
+
+export const ProfileInfoPage = () => {
+  const navigate = useNavigate();
+  const { data: coupleBirthDayData } = useCoupleBirthDay();
+  const { getNickName } = useCoupleNickname();
+  const nicknameData = getNickName.data;
+
+  return (
+    <div className="pt-11">
+      <MyHeader title="프로필 정보" onBack={() => navigate("/mypage")} />
+      <div className="w-full ">
+        <EditInfoCard 
+          title={nicknameData?.result.userNickname || "-"} 
+          onEdit={() => navigate("/mypage/nicknameedit")} 
+        />
+        <EditInfoCard 
+          title={coupleBirthDayData?.result.myBirthDay || "-"} 
+          onEdit={() => navigate("/mypage/birthdayedit")} 
+        />
+        <div className="border-b-10 border-gray-50 my-3" />
+
+        <div className="mx-5 my-3 py-5 bg-gray-50 rounded-lg p-4 flex items-center justify-between mb-2">
+          <div className="text-gray-500 text-md font-medium">
+            {nicknameData?.result.coupleNickname || "-"}
+          </div>
+        </div>
+        <div className="mx-5 my-3 py-5 bg-gray-50 rounded-lg p-4 flex items-center justify-between mb-2">
+          <div className="text-gray-500 text-md font-medium">
+            {coupleBirthDayData?.result.partnerBirthday || "-"}
+          </div>
+        </div>
+        <div className="border-b-10 border-gray-50 my-3" />
+
+        <EditInfoCard 
+          title="입대 및 전역일" 
+          onEdit={() => navigate("/mypage/militarydayedit")} 
+        />
+        <EditInfoCard 
+          title="처음 만난 날" 
+          onEdit={() => navigate("/mypage/firstmeetedit")} 
+        />
+      </div>
+    </div>
+  );
+};
+
diff --git a/src/pages/mypage/SettingPage.tsx b/src/pages/mypage/SettingPage.tsx
new file mode 100644
index 0000000..a5b5ba3
--- /dev/null
+++ b/src/pages/mypage/SettingPage.tsx
@@ -0,0 +1,40 @@
+import { MyHeader } from "@/features/mypage/ui/MyPageHeader";
+import { LogoutModal } from "@/features/mypage/ui";
+import NextArrow  from "@/assets/images/next_arrow.svg";
+import { useNavigate } from "react-router";
+import { useToggle } from "@/shared/hooks/useToggle";
+
+export const SettingPage = () => {
+  const navigate = useNavigate();
+  const { isToggle: isLogoutModalOpen, onOpenToggle: openLogoutModal, onCloseToggle: closeLogoutModal } = useToggle();
+
+  const handleLogout = () => {
+    // 실제 로그아웃 로직으로 대체
+    alert("로그아웃 되었습니다.");
+    closeLogoutModal();
+  };
+
+  return (
+    <div className="min-h-screen bg-white pt-11">
+      <MyHeader title="설정" onBack={() => navigate("/mypage")} />
+      <div className="px-4 pt-2 space-y-4">
+        <button
+          className="w-full text-left bg-gray-50 rounded-2xl mb-3 px-4 py-5 text-gray-900 text-base font-medium"
+          onClick={openLogoutModal}
+        >
+          로그아웃
+        </button>
+        <button onClick={() => navigate("/mypage/disconnect")} className="w-full flex items-center justify-between bg-gray-50 rounded-2xl mb-1 px-4 py-5 text-gray-900 text-base font-medium">
+          <span>커플 연결 끊기</span>
+          <img src={NextArrow}  alt="설정" className="w-4 h-4" />
+        </button>
+      </div>
+      <LogoutModal 
+        open={isLogoutModalOpen} 
+        onClose={closeLogoutModal} 
+        onLogout={handleLogout} 
+      />
+    </div>
+  );
+};
+
diff --git a/src/pages/mypage/editpage/BirthdayEditPage.tsx b/src/pages/mypage/editpage/BirthdayEditPage.tsx
new file mode 100644
index 0000000..b01e6e1
--- /dev/null
+++ b/src/pages/mypage/editpage/BirthdayEditPage.tsx
@@ -0,0 +1,64 @@
+import React, { useState } from "react";
+import { useNavigate } from "react-router";
+import { Button, Input } from "@/shared/ui";
+import { formatDateKorean, formatSimpleDate } from "@/shared/utils";
+import { EditHeader } from "@/features/mypage";
+import { useUpdateMyBirthDate } from "@/entities/edit_info/mutation";
+import { DatePickerSheet } from "@/widgets/datepicker/ui";
+
+export const BirthdayEditPage: React.FC = () => {
+  const navigate = useNavigate();
+  const [selectedDate, setSelectedDate] = useState<Date | null>(null);
+  const { mutate: updateBirthDate } = useUpdateMyBirthDate();
+
+  const handleSubmit = () => {
+    if (!selectedDate) return;
+    const formattedDate = formatSimpleDate(selectedDate);
+
+    updateBirthDate(
+      { birthDate: formattedDate },
+      {
+        onSuccess: () => {
+          navigate("/mypage/profileinfo");
+        },
+      }
+    );
+  };
+
+  const handleDateConfirm = (date: Date) => {
+    setSelectedDate(date);
+  };
+
+  return (
+    <div className="flex h-screen flex-col bg-white pt-11">
+      <EditHeader
+        title="생년월일을 선택해주세요"
+        subtitle="생일에 상대에게 알림을 줄게요!"
+        highlight="생년월일"
+        onBack={() => navigate("/mypage/profileinfo")}
+      />
+
+      <div className="flex-1 px-4">
+        <div className="mt-8">
+          <DatePickerSheet onConfirm={handleDateConfirm}>
+            <Input
+              value={selectedDate ? formatDateKorean(selectedDate) : ""}
+              placeholder="날짜를 선택해주세요."
+              onChange={() => {}} readOnly
+            />
+          </DatePickerSheet>
+        </div>
+      </div>
+
+      <div className="p-4">
+        <Button
+          variant={selectedDate ? "active" : "inactive"}
+          onClick={handleSubmit}
+          disabled={!selectedDate}
+          size="onicon">
+          저장
+        </Button>
+      </div>
+    </div>
+  );
+};
diff --git a/src/pages/mypage/editpage/FirstMeetEditPage.tsx b/src/pages/mypage/editpage/FirstMeetEditPage.tsx
new file mode 100644
index 0000000..a6e5a05
--- /dev/null
+++ b/src/pages/mypage/editpage/FirstMeetEditPage.tsx
@@ -0,0 +1,75 @@
+import React, { useState } from "react";
+import { useNavigate } from "react-router";
+import { Button, Input } from "@/shared/ui";
+import { formatDateKorean, formatSimpleDate } from "@/shared/utils";
+import { EditHeader } from "@/features/mypage";
+import { useUpdateRelationshipStartDate } from "@/entities/edit_info/mutation";
+import { DatePickerSheet } from "@/widgets/datepicker/ui";
+
+export const FirstMeetEditPage: React.FC = () => {
+  const navigate = useNavigate();
+  const [firstMeetDate, setFirstMeetDate] = useState<Date | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const { mutate: updateRelationshipStartDate } = useUpdateRelationshipStartDate();
+
+  const handleNext = () => {
+    if (!firstMeetDate) {
+      setError("날짜를 선택해주세요");
+      return;
+    }
+
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+
+    if (firstMeetDate > today) {
+      setError("만난 날짜는 오늘보다 이전이어야 합니다");
+      return;
+    }
+
+    setError(null);
+    const formattedDate = formatSimpleDate(firstMeetDate);
+
+    updateRelationshipStartDate(
+      { relationshipStartDate: formattedDate },
+      {
+        onSuccess: () => {
+          navigate("/mypage/profileinfo");
+        },
+      }
+    );
+  };
+
+  return (
+    <div className="flex min-h-screen flex-col bg-white px-0 pt-11">
+      <EditHeader
+        title="연인과 처음 만난 날은 언제인가요?"
+        highlight="처음 만난 날"
+        subtitle="두 분의 첫 만남을 기록해주세요."
+        onBack={() => navigate("/mypage/profileinfo")}
+      />
+
+      <div className="mt-6 flex-1 px-4">
+        <DatePickerSheet onConfirm={setFirstMeetDate}>
+          <Input
+            value={firstMeetDate ? formatDateKorean(firstMeetDate) : ""}
+            placeholder="날짜를 선택해주세요."
+            status={firstMeetDate ? "active" : "inactive"}
+            onClear={() => setFirstMeetDate(null)}
+            className="w-full rounded-lg border border-gray-200 px-4 py-3 text-left text-base text-gray-900 placeholder-gray-400 focus:ring-2 focus:ring-green-500 focus:outline-none"
+            readOnly/>
+        </DatePickerSheet>
+        {error && <p className="mt-2 text-center text-sm text-red-500">{error}</p>}
+      </div>
+
+      <div className="p-4">
+        <Button
+          variant={firstMeetDate ? "active" : "inactive"}
+          size="onicon"
+          disabled={!firstMeetDate}
+          onClick={handleNext}>
+          저장
+        </Button>
+      </div>
+    </div>
+  );
+};
diff --git a/src/pages/mypage/editpage/MilitaryEditPage.tsx b/src/pages/mypage/editpage/MilitaryEditPage.tsx
new file mode 100644
index 0000000..f1ced87
--- /dev/null
+++ b/src/pages/mypage/editpage/MilitaryEditPage.tsx
@@ -0,0 +1,101 @@
+import React, { useState } from "react";
+import { useNavigate } from "react-router";
+import { Input, Button } from "@/shared/ui";
+import { formatDateKorean, formatSimpleDate } from "@/shared/utils";
+import { EditHeader } from "@/features/mypage";
+import { useUpdateMilitaryDate } from "@/entities/edit_info/mutation";
+import { DatePickerSheet } from "@/widgets/datepicker/ui";
+
+export const MilitaryEditPage: React.FC = () => {
+  const navigate = useNavigate();
+  const [error, setError] = useState<string | null>(null);
+  const [enlistmentDate, setEnlistmentDate] = useState<Date | null>(null);
+  const [dischargeDate, setDischargeDate] = useState<Date | null>(null);
+  const { mutate: updateMilitaryDate } = useUpdateMilitaryDate();
+
+  const handleNext = () => {
+    if (!enlistmentDate || !dischargeDate) {
+      setError("입력되지 않은 정보가 있어요");
+      return;
+    }
+
+    // 날짜 유효성 검사
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+
+    if (enlistmentDate > today) {
+      setError("입대일은 오늘보다 이전이어야 합니다");
+      return;
+    }
+
+    if (dischargeDate <= enlistmentDate) {
+      setError("전역일은 입대일보다 이후여야 합니다");
+      return;
+    }
+
+    setError(null);
+    updateMilitaryDate(
+      {
+        militaryStartDate: formatSimpleDate(enlistmentDate),
+        militaryEndDate: formatSimpleDate(dischargeDate),
+      },
+      {
+        onSuccess: () => {
+          navigate("/mypage/profileinfo");
+        },
+      }
+    );
+  };
+
+  return (
+    <div className="pt-11 flex h-screen flex-col bg-white">
+      <EditHeader
+        title="군 복무 기간을 입력해주세요"
+        highlight="복무 기간"
+        subtitle="입대일과 전역일을 정확히 입력해주세요."
+        onBack={() => navigate("/mypage/profileinfo")}
+      />
+
+      <div className="flex-1 px-4">
+        <div className="mt-4 space-y-6">
+          <div>
+            <label className="text-gray-1000 text-md mb-2 block font-medium">입대일</label>
+            <DatePickerSheet onConfirm={setEnlistmentDate}>
+              <Input
+                value={enlistmentDate ? formatDateKorean(enlistmentDate) : ""}
+                onChange={() => {}}
+                placeholder="입대일을 선택해주세요."
+                status={enlistmentDate ? "active" : "inactive"}
+                onClear={() => setEnlistmentDate(null)}
+              />
+            </DatePickerSheet>
+          </div>
+
+          <div>
+            <label className="text-gray-1000 text-md mb-2 block font-medium">전역일</label>
+            <DatePickerSheet onConfirm={setDischargeDate}>
+              <Input
+                value={dischargeDate ? formatDateKorean(dischargeDate) : ""}
+                onChange={() => {}}
+                placeholder="전역일을 선택해주세요."
+                status={dischargeDate ? "active" : "inactive"}
+                onClear={() => setDischargeDate(null)} readOnly
+              />
+            </DatePickerSheet>
+          </div>
+        </div>
+        {error && <p className="mt-4 text-center text-sm text-red-500">{error}</p>}
+      </div>
+
+      <div className="p-4">
+        <Button
+          variant={enlistmentDate && dischargeDate ? "active" : "inactive"}
+          disabled={!enlistmentDate || !dischargeDate}
+          onClick={handleNext}
+          size="onicon">
+          저장
+        </Button>
+      </div>
+    </div>
+  );
+};
diff --git a/src/pages/mypage/editpage/NicknameEditPage.tsx b/src/pages/mypage/editpage/NicknameEditPage.tsx
new file mode 100644
index 0000000..eedfb3d
--- /dev/null
+++ b/src/pages/mypage/editpage/NicknameEditPage.tsx
@@ -0,0 +1,76 @@
+import React, { useState } from "react";
+import { useNavigate } from "react-router";
+import { Input, Button } from "@/shared/ui";
+import { EditHeader } from "@/features/mypage";
+import { useUpdateMyNickname } from "@/entities/edit_info/mutation";
+
+export const NicknameEditPage: React.FC = () => {
+  const navigate = useNavigate();
+  const [nickname, setNickname] = useState<string>("");
+  const [error, setError] = useState<string>("");
+  const { mutate: updateNickname } = useUpdateMyNickname();
+
+  const handleSubmit = () => {
+    if (nickname.length > 3) {
+      setError("닉네임은 3글자 이내로 입력해주세요.");
+      return;
+    }
+    setError("");
+    updateNickname(
+      { nickname },
+      {
+        onSuccess: () => {
+          navigate("/mypage/profileinfo");
+        },
+      }
+    );
+  };
+
+  const handleNicknameChange = (value: string) => {
+    setNickname(value);
+    if (value.length > 3) {
+      setError("닉네임은 3글자 이내로 입력해주세요.");
+    } else {
+      setError("");
+    }
+  };
+
+  return (
+    <div className="flex h-screen flex-col bg-white pt-11">
+      <EditHeader
+        title="사용할 닉네임을 입력해주세요"
+        subtitle="3글자 이내로 입력이 가능해요."
+        highlight="닉네임"
+        onBack={() => navigate("/mypage/profileinfo")}
+      />
+
+      <div className="flex-1 px-4">
+        <div className="mt-10 relative">
+          <Input
+            value={nickname}
+            onChange={handleNicknameChange}
+            placeholder="닉네임을 입력하세요"
+            onClear={() => {
+              setNickname("");
+              setError("");
+            }}
+            status={error ? "error" : undefined}
+          />
+          {error && (
+            <p className="absolute left-2 -bottom-6 text-red-0 text-sm">{error}</p>
+          )}
+        </div>
+      </div>
+
+      <div className="p-4">
+        <Button 
+          variant={nickname.trim() ? "active" : "inactive"} 
+          onClick={handleSubmit} 
+          disabled={!nickname.trim() }
+          size="onicon"
+        >저장
+        </Button>
+      </div>
+    </div>
+  );
+};
diff --git a/src/pages/mypage/editpage/index.ts b/src/pages/mypage/editpage/index.ts
new file mode 100644
index 0000000..2d3483b
--- /dev/null
+++ b/src/pages/mypage/editpage/index.ts
@@ -0,0 +1,5 @@
+export * from "./BirthdayEditPage";
+export * from "./MilitaryEditPage";
+export * from "./FirstMeetEditPage";
+export * from "./NicknameEditPage";
+
diff --git a/src/pages/mypage/index.ts b/src/pages/mypage/index.ts
new file mode 100644
index 0000000..6346c09
--- /dev/null
+++ b/src/pages/mypage/index.ts
@@ -0,0 +1,6 @@
+export * from "./MyPage";
+export * from "./ProfileInfoPage";
+export * from "./editpage";
+export * from "./AlarmSettingPage";
+export * from "./SettingPage";
+export * from "./DisconnectPage";
diff --git a/src/pages/onboarding/Alarm.tsx b/src/pages/onboarding/Alarm.tsx
new file mode 100644
index 0000000..f6c3167
--- /dev/null
+++ b/src/pages/onboarding/Alarm.tsx
@@ -0,0 +1,100 @@
+import React from "react";
+import { useNavigate } from "react-router";
+import { Button } from "@/shared/ui";
+import { useOnboardingAlarmStore } from "@/features/onboarding/model/OnboardingStore";
+import { onboardingQueries } from "@/entities/onboarding/service";
+import axios from "axios";
+import { ProgressHeader } from "@/shared/ui/progressheader";
+import pushalarmJson from "@/assets/json/pushalarm.json";
+import Lottie from "lottie-react";
+import { requestNotificationPermission } from "@/shared/firebase/setupFCM";
+
+export const Alarm: React.FC = () => {
+  const navigate = useNavigate();
+  const { nickname, birthday, isAgeVisible, isGenderVisible, isLoading, error, setLoading, setError, setAlarmEnabled } =
+    useOnboardingAlarmStore();
+
+  const handleOnboarding = async (isNotification: boolean) => {
+    setLoading(true);
+    setError(null);
+
+    try {
+      if (!nickname || !birthday || !isAgeVisible || !isGenderVisible) {
+        throw new Error("입력되지 않은 정보가 있어요");
+      }
+
+      const fcmToken = await requestNotificationPermission();
+
+      if (!fcmToken) {
+        return;
+      }
+
+      const response = await onboardingQueries.postOnboarding({
+        nickname,
+        birthDate: birthday,
+        fcmToken: fcmToken || "",
+        isNotification,
+      });
+
+      if (response) {
+        setAlarmEnabled(isNotification);
+        navigate("/");
+      }
+    } catch (error) {
+      console.error("온보딩 API 호출 실패:", error);
+      if (axios.isAxiosError(error)) {
+        console.log("에러 응답:", error.response);
+        console.log("에러 상태:", error.response?.status);
+        console.log("에러 데이터:", error.response?.data);
+
+        if (error.response?.status === 401) {
+          // 3초 후에 리다이렉트
+          setTimeout(() => {
+            const redirectUri = encodeURIComponent(`${window.location.origin}/onboarding/alarm`);
+            window.location.href = `${import.meta.env.VITE_BASE_URL}/oauth2/authorization/kakao?redirect_uri=${redirectUri}`;
+          }, 3000);
+        } else {
+          setError(error.response?.data?.message || "알 수 없는 오류가 발생했습니다.");
+        }
+      } else {
+        setError(error instanceof Error ? error.message : "알 수 없는 오류가 발생했습니다.");
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="flex min-h-screen w-full flex-col bg-white pt-11">
+      <ProgressHeader
+        title="멀리 있어도, 마음은 늘 가까이"
+        highlight="마음은 늘 가까이"
+        subtitle="문득 생각날 때, 당신의 마음을 전해드릴게요."
+        progress={3 / 3}
+        onBack={() => navigate(-1)}
+        onClose={() => navigate("/onboarding/nickname")}
+      />
+      <div className="-mt-0 flex flex-1 items-center justify-center">
+        <Lottie animationData={pushalarmJson} />
+      </div>
+      <div className="p-4">
+        <div
+          className="w-full cursor-pointer pb-2 text-center text-base text-sm font-medium text-gray-700 underline underline-offset-3"
+          onClick={() => !isLoading && handleOnboarding(false)}>
+          건너뛰기
+        </div>
+        <Button
+          variant="active"
+          size="onicon"
+          onClick={() => handleOnboarding(true)}
+          disabled={isLoading}
+          className="w-full">
+          {isLoading ? "처리중..." : "알림을 받을게요"}
+        </Button>
+        {error && <p className="mt-2 text-center text-red-500">{error}</p>}
+      </div>
+    </div>
+  );
+};
+
+export default Alarm;
diff --git a/src/pages/onboarding/Birthday.tsx b/src/pages/onboarding/Birthday.tsx
new file mode 100644
index 0000000..2a84f53
--- /dev/null
+++ b/src/pages/onboarding/Birthday.tsx
@@ -0,0 +1,73 @@
+import React from "react";
+import { useNavigate } from "react-router";
+import { Button, ProgressHeader, Input, Checkbox } from "@/shared/ui";
+import { useOnboardingAlarmStore } from "@/features/onboarding/model/OnboardingStore";
+import { formatDateKorean } from "@/shared/utils";
+import { DatePickerSheet } from "@/widgets/datepicker/ui/datepicker";
+
+export const Birthday: React.FC = () => {
+  const navigate = useNavigate();
+  const { birthday, isAgeVisible, isGenderVisible, setBirthday, setAgeVisible, setGenderVisible, isLoading, error } =
+    useOnboardingAlarmStore();
+
+  const handleSubmit = async () => {
+    if (birthday && isAgeVisible && isGenderVisible) {
+      try {
+        const birthDate = new Date(birthday);
+        const today = new Date();
+        if (birthDate > today) {
+          throw new Error("생년월일은 오늘 이전 날짜여야 합니다.");
+        }
+        navigate("/onboarding/alarm");
+      } catch (error) {
+        console.error("생년월일 처리 중 오류 발생:", error);
+      }
+    }
+  };
+
+  const handleDateConfirm = (date: Date) => {
+    setBirthday(formatDateKorean(date));
+  };
+
+  return (
+    <div className="flex h-screen flex-col bg-white pt-11">
+      <ProgressHeader
+        title="생년월일을 선택해주세요"
+        highlight="생년월일"
+        subtitle="생일에 상대방에게 알림을 줄게요!"
+        progress={2 / 3}
+        onBack={() => navigate(-1)}
+        onClose={() => navigate("/onboarding/nickname")}
+      />
+
+      <div className="flex-1 px-4">
+        <div className="mt-4">
+          <DatePickerSheet onConfirm={handleDateConfirm}>
+            <Input value={birthday} placeholder="날짜를 선택해주세요." onChange={() => {}} readOnly />
+          </DatePickerSheet>
+        </div>
+
+        <div className="mt-17 ml-2 space-y-4">
+          <label className="flex items-center space-x-2">
+            <Checkbox checked={isAgeVisible} onCheckedChange={checked => setAgeVisible(checked as boolean)} />
+            <span className="text-md text-medium text-gray-900">이용자간 동의(필수)</span>
+          </label>
+          <label className="flex items-center space-x-2">
+            <Checkbox checked={isGenderVisible} onCheckedChange={checked => setGenderVisible(checked as boolean)} />
+            <span className="text-md text-medium text-gray-900">개인정보 수집/이용 동의(필수)</span>
+          </label>
+        </div>
+        {error && <p className="mt-4 text-center text-sm text-red-500">{error}</p>}
+      </div>
+
+      <div className="p-4">
+        <Button
+          variant={birthday && isAgeVisible && isGenderVisible ? "active" : "inactive"}
+          onClick={handleSubmit}
+          disabled={!birthday || !(isAgeVisible && isGenderVisible) || isLoading}
+          size="onicon">
+다음        </Button>
+      </div>
+    </div>
+  );
+};
diff --git a/src/pages/onboarding/Nickname.tsx b/src/pages/onboarding/Nickname.tsx
new file mode 100644
index 0000000..cdc5e5b
--- /dev/null
+++ b/src/pages/onboarding/Nickname.tsx
@@ -0,0 +1,105 @@
+import React, { useEffect, useState } from "react";
+import { useNavigate } from "react-router";
+import { Input, Button, ProgressHeader } from "@/shared/ui";
+import { useOnboardingAlarmStore } from "@/features/onboarding/model/OnboardingStore";
+import { getMyInfo } from "@/entities/mypage_info/service";
+import LoadingSpinner from "@/shared/ui/loading"; // 로딩 컴포넌트가 있다면 import
+
+export const Nickname: React.FC = () => {
+  const navigate = useNavigate();
+  const { nickname, setNickname, isLoading, error, setError } = useOnboardingAlarmStore();
+  const [isCheckingRole, setIsCheckingRole] = useState(true);
+
+  // ✅ GUEST 체크 및 리디렉션 로직
+  useEffect(() => {
+    const checkUserRole = async () => {
+      try {
+        setIsCheckingRole(true);
+        const response = await getMyInfo();
+        if (response.result.role !== "GUEST") {
+          navigate("/", { replace: true }); // 이미 온보딩이 된 사용자면 메인으로 보냄
+        }
+      } catch (error) {
+        console.error("사용자 정보 확인 중 오류 발생:", error);
+      } finally {
+        setIsCheckingRole(false);
+      }
+    };
+
+    checkUserRole();
+  }, [navigate]);
+
+  const handleNicknameChange = (value: string) => {
+    setNickname(value);
+    if (value.length > 3) {
+      setError("닉네임은 3글자 이내로 입력해주세요.");
+    } else {
+      setError("");
+    }
+  };
+
+  const handleSubmit = async () => {
+    if (nickname.trim()) {
+      try {
+        if (nickname.length > 3) {
+          setError("닉네임은 3글자 이내로 입력해주세요.");
+          return;
+        }
+        setError("");
+        navigate("/onboarding/birthday");
+      } catch (error) {
+        console.error("닉네임 처리 중 오류 발생:", error);
+      }
+    }
+  };
+
+  if (isCheckingRole) {
+    return (
+      <div className="flex min-h-screen items-center justify-center bg-gray-50">
+        <LoadingSpinner  text= "회원님의 정보를 확인중이에요!" />
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex h-screen flex-col bg-white pt-11">
+      <ProgressHeader
+        title="사용할 닉네임을 입력해주세요"
+        highlight="닉네임임"
+        subtitle="3글자 이내로 입력이 가능해요."
+        progress={1 / 3}
+        onBack={() => navigate(-1)}
+        onClose={() => navigate("/")}
+      />
+
+      <div className="flex-1 px-4">
+        <div className="mt-4 relative">
+          <Input
+            value={nickname}
+            onChange={handleNicknameChange}
+            placeholder="클릭하여 입력해주세요"
+            onClear={() => {
+              setNickname("");
+              setError("");
+            }}
+            status={error ? "error" : undefined}
+          />
+          {error && (
+            <p className="absolute left-2 -bottom-6 text-red-0 text-sm">{error}</p>
+          )}
+        </div>
+      </div>
+
+      <div className="p-4">
+        <Button
+          variant={nickname.trim() ? "active" : "inactive"}
+          onClick={handleSubmit}
+          disabled={!nickname.trim() || isLoading}
+          size="onicon"
+        >
+          다음
+        </Button>
+      </div>
+    </div>
+  );
+};
diff --git a/src/pages/onboarding/index.ts b/src/pages/onboarding/index.ts
new file mode 100644
index 0000000..23e5442
--- /dev/null
+++ b/src/pages/onboarding/index.ts
@@ -0,0 +1,4 @@
+export * from "./Nickname";
+export * from "./Birthday";
+export * from "./Alarm";
+
diff --git a/src/shared/constants/api.ts b/src/shared/constants/api.ts
new file mode 100644
index 0000000..95191cf
--- /dev/null
+++ b/src/shared/constants/api.ts
@@ -0,0 +1,13 @@
+export const HTTP_STATUS_CODE = {
+  SUCCESS: 200,
+  CREATED: 201,
+  BAD_REQUEST: 400,
+  UNAUTHORIZED: 401,
+  NOT_FOUND: 404,
+  CONFLICT: 409,
+  INTERNAL_SERVER_ERROR: 500,
+  FORBIDDEN: 403,
+};
+
+export const USER_ID_KEY = "access_token";
+export const REFRESH_TOKEN_KEY = "refresh_token";
diff --git a/src/shared/constants/index.ts b/src/shared/constants/index.ts
new file mode 100644
index 0000000..d158c57
--- /dev/null
+++ b/src/shared/constants/index.ts
@@ -0,0 +1 @@
+export * from "./api";
diff --git a/src/shared/firebase/setupFCM.ts b/src/shared/firebase/setupFCM.ts
new file mode 100644
index 0000000..e8e97e3
--- /dev/null
+++ b/src/shared/firebase/setupFCM.ts
@@ -0,0 +1,57 @@
+// src/firebase/setupFCM.ts
+import { initializeApp } from "firebase/app";
+import { getMessaging, getToken, onMessage } from "firebase/messaging";
+
+// Firebase 설정 - 클라이언트에서 사용
+const firebaseConfig = {
+  apiKey: "AIzaSyC-S5AOpvYHralib5BclwodbO7VSi06w8M",
+  authDomain: "sarang-push.firebaseapp.com",
+  projectId: "sarang-push",
+  storageBucket: "sarang-push.firebasestorage.app",
+  messagingSenderId: "204100597764",
+  appId: "1:204100597764:web:2b2b30c0ae395023251d51",
+  measurementId: "G-RYMPP0PNCH",
+};
+
+// 클라이언트에서 Firebase 초기화
+const app = initializeApp(firebaseConfig);
+const messaging = getMessaging(app);
+
+const VAPID_KEY = import.meta.env.VITE_PUBLIC_VAPID_KEY;
+
+export async function requestNotificationPermission(): Promise<string | null> {
+  try {
+    const swRegistration = await navigator.serviceWorker.getRegistration("/");
+
+    if (!swRegistration) {
+      console.warn("서비스 워커(sw.js)가 등록되지 않았습니다.");
+      return null;
+    }
+
+    const permission = await Notification.requestPermission();
+    if (permission !== "granted") {
+      console.warn("알림 권한이 거부되었습니다.");
+      return null;
+    }
+
+    try {
+      const token = await getToken(messaging, {
+        vapidKey: VAPID_KEY,
+        serviceWorkerRegistration: swRegistration,
+      });
+      // 포그라운드 알림 수신
+      onMessage(messaging, payload => {
+        console.log("포그라운드 알림 수신:", payload);
+        // 알림 UI 표시 로직
+      });
+
+      return token;
+    } catch (tokenError) {
+      console.error("토큰 획득 중 오류:", tokenError);
+      return null;
+    }
+  } catch (error) {
+    console.error("FCM 설정 중 오류:", error);
+    return null;
+  }
+}
diff --git a/src/shared/hooks/index.ts b/src/shared/hooks/index.ts
new file mode 100644
index 0000000..45978bc
--- /dev/null
+++ b/src/shared/hooks/index.ts
@@ -0,0 +1,2 @@
+export * from "./useToggle";
+export * from "./useIntersect";
diff --git a/src/shared/hooks/useIntersect.ts b/src/shared/hooks/useIntersect.ts
new file mode 100644
index 0000000..df3d2d0
--- /dev/null
+++ b/src/shared/hooks/useIntersect.ts
@@ -0,0 +1,26 @@
+import { useCallback, useEffect, useRef } from "react";
+
+type Intersect = (entry: IntersectionObserverEntry, observer: IntersectionObserver) => void;
+
+export const useIntersect = <T extends HTMLElement>(onIntersect: Intersect, loading: boolean) => {
+  const ref = useRef<T>(null);
+
+  const callback = useCallback(
+    (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => {
+      entries.forEach(entry => {
+        if (entry.isIntersecting && loading) onIntersect(entry, observer);
+      });
+    },
+    [onIntersect, loading]
+  );
+
+  useEffect(() => {
+    if (!ref.current) return;
+    const observer = new IntersectionObserver(callback);
+    observer.observe(ref.current);
+
+    return () => observer.disconnect();
+  }, [callback]);
+
+  return ref;
+};
diff --git a/src/shared/hooks/useToggle.ts b/src/shared/hooks/useToggle.ts
new file mode 100644
index 0000000..a648212
--- /dev/null
+++ b/src/shared/hooks/useToggle.ts
@@ -0,0 +1,15 @@
+import { useState } from "react";
+
+export const useToggle = () => {
+  const [isToggle, setIsToggle] = useState(false);
+  const onOpenToggle = () => setIsToggle(true);
+  const onCloseToggle = () => setIsToggle(false);
+  const onToggle = () => setIsToggle(prev => !prev);
+
+  return {
+    isToggle,
+    onOpenToggle,
+    onCloseToggle,
+    onToggle,
+  };
+};
diff --git a/src/shared/styles/index.css b/src/shared/styles/index.css
new file mode 100644
index 0000000..f987ff9
--- /dev/null
+++ b/src/shared/styles/index.css
@@ -0,0 +1,152 @@
+@import "tailwindcss";
+
+@custom-variant dark (&:is(.dark *));
+@config "./tailwind.config.js";
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.129 0.042 264.695);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.129 0.042 264.695);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.129 0.042 264.695);
+  --primary: oklch(0.208 0.042 265.755);
+  --primary-foreground: oklch(0.984 0.003 247.858);
+  --secondary: oklch(0.968 0.007 247.896);
+  --secondary-foreground: oklch(0.208 0.042 265.755);
+  --muted: oklch(0.968 0.007 247.896);
+  --muted-foreground: oklch(0.554 0.046 257.417);
+  --accent: oklch(0.968 0.007 247.896);
+  --accent-foreground: oklch(0.208 0.042 265.755);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.929 0.013 255.508);
+  --input: oklch(0.929 0.013 255.508);
+  --ring: oklch(0.704 0.04 256.788);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.984 0.003 247.858);
+  --sidebar-foreground: oklch(0.129 0.042 264.695);
+  --sidebar-primary: oklch(0.208 0.042 265.755);
+  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-accent: oklch(0.968 0.007 247.896);
+  --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
+  --sidebar-border: oklch(0.929 0.013 255.508);
+  --sidebar-ring: oklch(0.704 0.04 256.788);
+}
+
+.dark {
+  --background: oklch(0.129 0.042 264.695);
+  --foreground: oklch(0.984 0.003 247.858);
+  --card: oklch(0.208 0.042 265.755);
+  --card-foreground: oklch(0.984 0.003 247.858);
+  --popover: oklch(0.208 0.042 265.755);
+  --popover-foreground: oklch(0.984 0.003 247.858);
+  --primary: oklch(0.929 0.013 255.508);
+  --primary-foreground: oklch(0.208 0.042 265.755);
+  --secondary: oklch(0.279 0.041 260.031);
+  --secondary-foreground: oklch(0.984 0.003 247.858);
+  --muted: oklch(0.279 0.041 260.031);
+  --muted-foreground: oklch(0.704 0.04 256.788);
+  --accent: oklch(0.279 0.041 260.031);
+  --accent-foreground: oklch(0.984 0.003 247.858);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.551 0.027 264.364);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.208 0.042 265.755);
+  --sidebar-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-accent: oklch(0.279 0.041 260.031);
+  --sidebar-accent-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.551 0.027 264.364);
+}
+
+@theme inline {
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@font-face {
+  font-family: "Pretendard";
+  src: url("/fonts/Pretendard.woff2") format("woff2");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+  html {
+    font-family: "Pretendard", sans-serif;
+  }
+}
+
+body {
+  margin: 0;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: transparent;
+  overscroll-behavior-y: none;
+}
+
+#root {
+  width: 100%;
+  min-height: 100vh;
+  overscroll-behavior-y: none;
+}
+
+/* 스크롤 숨기기 (모바일 포함) */
+.scrollbar-hide {
+  -ms-overflow-style: none; /* IE, Edge */
+  scrollbar-width: none; /* Firefox */
+}
+.scrollbar-hide::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera */
+}
diff --git a/src/shared/styles/tailwind.config.js b/src/shared/styles/tailwind.config.js
new file mode 100644
index 0000000..cdb6523
--- /dev/null
+++ b/src/shared/styles/tailwind.config.js
@@ -0,0 +1,96 @@
+/** @type {import('tailwindcss').Config} */
+const plugin = require("tailwindcss/plugin");
+
+module.exports = {
+  darkMode: ["class"],
+  content: ["./index.html", "./src/**/*.{ts,tsx,js,jsx}"],
+  safelist: ["text-body-sm"],
+  theme: {
+    extend: {
+      keyframes: {
+        "bounce-high": {
+          "0%, 100%": { transform: "translateY(0)" },
+          "50%": { transform: "translateY(-1.5rem)" }, // 기본보다 더 높이
+        },
+      },
+      animation: {
+        "bounce-high": "bounce-high 1s infinite",
+      },
+      screens: {
+        mb: { max: "850px" },
+        // tbc: { min: "768px", max: "1023px" },
+        // tbr: { min: "1024px", max: "1439px" },
+        pc: { min: "1440px" },
+      },
+      colors: {
+        // Main Green
+        "green-50": "#EAF7ED",
+        "green-100": "#BFE6DA",
+        "green-200": "#A0DAC9",
+        "green-300": "#75C9B0",
+        "green-400": "#5ABFA1",
+        "green-500": "#31AF89",
+        "green-600": "#2D9F7D",
+        "green-700": "#237C61",
+        "green-800": "#1B604B",
+        "green-900": "#154A3A",
+
+        // Sub Red
+        "red-0": "#FF196D",
+        "red-50": "#FFECF7",
+        "red-100": "#FFC4E7",
+        "red-200": "#FFA8DB",
+        "red-300": "#FFB0CA",
+        "red-400": "#FF68C0",
+        "red-500": "#FF42B0",
+        "red-600": "#E83CA0",
+        "red-700": "#B52F7D",
+        "red-800": "#8C2461",
+        "red-900": "#6B1C4A",
+
+        // Gray Scale
+        "gray-0": "#FFFFFF",
+        "gray-50": "#F6F6F7",
+        "gray-100": "#E2E4E7",
+        "gray-200": "#D3D7DB",
+        "gray-300": "#BFC4CB",
+        "gray-400": "#B3B9C1",
+        "gray-500": "#A0A7B1",
+        "gray-600": "#9298A1",
+        "gray-700": "#72777E",
+        "gray-800": "#585C61",
+        "gray-900": "#43464A",
+        "gray-1000": "#2C2E31",
+      },
+      fontFamily: {
+        pretendard: ["Pretendard", "sans-serif"],
+      },
+      fontSize: {
+        "4xl": ["1.75rem", { lineHeight: "150%", letterSpacing: "-0.02em" }], // Heading
+        "3xl": ["1.5rem", { lineHeight: "150%", letterSpacing: "-0.02em" }], // Title
+        "2xl": ["1.25rem", { lineHeight: "150%", letterSpacing: "-0.02em" }], // Title
+        xl: ["1.125rem", { lineHeight: "150%", letterSpacing: "-0.02em" }], // SubTitle
+        md: ["1rem", { lineHeight: "150%", letterSpacing: "-0.01em" }], // text
+        sm: ["0.875rem", { lineHeight: "150%", letterSpacing: "0em" }], // text
+        xs: ["0.75rem", { lineHeight: "150%", letterSpacing: "0em" }], // caption
+        xxs: ["0.625rem", { lineHeight: "150%", letterSpacing: "0em" }], // caption
+      },
+      fontWeight: {
+        regular: "400",
+        medium: "500",
+        semibold: "600",
+        bold: "700",
+      },
+    },
+  },
+  plugins: [
+    require("tailwindcss-animate"),
+    plugin(({ addUtilities }) => {
+      addUtilities({
+        ".font-default": {
+          fontFamily: "Pretendard, sans-serif",
+        },
+      });
+    }),
+  ],
+};
diff --git a/src/shared/test/sum.test.ts b/src/shared/test/sum.test.ts
new file mode 100644
index 0000000..96d80c3
--- /dev/null
+++ b/src/shared/test/sum.test.ts
@@ -0,0 +1,9 @@
+import { expect, test } from "vitest";
+
+export function sum(a: number, b: number) {
+  return a + b;
+}
+
+test("adds 1 + 2 to equal 3", () => {
+  expect(sum(1, 2)).toBe(3);
+});
diff --git a/src/shared/test/test-utils.ts b/src/shared/test/test-utils.ts
new file mode 100644
index 0000000..b7ebf0b
--- /dev/null
+++ b/src/shared/test/test-utils.ts
@@ -0,0 +1,24 @@
+import { cleanup, render } from "@testing-library/react";
+import { afterEach } from "vitest";
+import "@testing-library/jest-dom";
+
+// @ts-ignore
+setProjectAnnotations(globalStorybookConfig);
+
+afterEach(() => {
+  cleanup();
+});
+
+function customRender(ui: React.ReactElement, options = {}) {
+  return render(ui, {
+    // wrap provider(s) here if needed
+    wrapper: ({ children }) => children,
+    ...options,
+  });
+}
+
+export * from "@testing-library/react";
+export { default as userEvent } from "@testing-library/user-event";
+
+// override render export
+export { customRender as render };
diff --git a/src/shared/ui/alert-dialog.tsx b/src/shared/ui/alert-dialog.tsx
new file mode 100644
index 0000000..ecf0999
--- /dev/null
+++ b/src/shared/ui/alert-dialog.tsx
@@ -0,0 +1,111 @@
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+
+import { cn } from "../utils/lib/utils";
+import { buttonVariants } from "./button";
+
+function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
+  return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />;
+}
+
+function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {
+  return <AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props} />;
+}
+
+function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {
+  return <AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" {...props} />;
+}
+
+function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {
+  return (
+    <AlertDialogPrimitive.Overlay
+      data-slot="alert-dialog-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {
+  return (
+    <AlertDialogPortal>
+      <AlertDialogOverlay />
+      <AlertDialogPrimitive.Content
+        data-slot="alert-dialog-content"
+        className={cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          className
+        )}
+        {...props}
+      />
+    </AlertDialogPortal>
+  );
+}
+
+function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-dialog-header"
+      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
+      {...props}
+    />
+  );
+}
+
+function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-dialog-footer"
+      className={cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
+      {...props}
+    />
+  );
+}
+
+function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {
+  return (
+    <AlertDialogPrimitive.Title
+      data-slot="alert-dialog-title"
+      className={cn("text-lg font-semibold", className)}
+      {...props}
+    />
+  );
+}
+
+function AlertDialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {
+  return (
+    <AlertDialogPrimitive.Description
+      data-slot="alert-dialog-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  );
+}
+
+function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {
+  return <AlertDialogPrimitive.Action className={cn(buttonVariants(), className)} {...props} />;
+}
+
+function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {
+  return <AlertDialogPrimitive.Cancel className={cn(buttonVariants({ variant: "outline" }), className)} {...props} />;
+}
+
+export {
+  AlertDialog,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+};
diff --git a/src/shared/ui/button.tsx b/src/shared/ui/button.tsx
new file mode 100644
index 0000000..c94938b
--- /dev/null
+++ b/src/shared/ui/button.tsx
@@ -0,0 +1,66 @@
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { cn } from "@/shared/utils/lib/utils";
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+        destructive:
+          "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline:
+          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline",
+        square: "text-gray-0 bg-gray-900 text-xs font-medium",
+        calendar: "rounded-2xl bg-gray-50 text-base font-normal text-gray-400 gap-1",
+        submit: "bg-green-500 text-white hover:bg-green-600",
+        inactive: "bg-gray-200 text-gray-0",
+        active: "bg-green-500 text-gray-0",
+        pressed: "bg-green-600 text-gray-0",
+        special: "bg-green-100 text-green-500",
+        login: "bg-[#FEE500] text-gray-1000",
+        delete: "bg-green-100 text-white hover:bg-green-200 text-green-500",
+      },
+      size: {
+        onicon: "w-full h-[56px] font-semibold text-xl",
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        "2xs": "px-2 py-1",
+        xs: "px-3 py-2",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        xl: "h-14 py-4.5 rounded-2xl text-xl",
+        icon: "w-12 h-12",
+        sIcon: "w-7 h-7",
+        "2xsIcon": "w-5 h-5",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+);
+
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+  }) {
+  const Comp = asChild ? Slot : "button";
+
+  return <Comp data-slot="button" className={cn(buttonVariants({ variant, size, className }))} {...props} />;
+}
+
+// eslint-disable-next-line react-refresh/only-export-components
+export { Button, buttonVariants };
diff --git a/src/shared/ui/carousel.tsx b/src/shared/ui/carousel.tsx
new file mode 100644
index 0000000..f95796e
--- /dev/null
+++ b/src/shared/ui/carousel.tsx
@@ -0,0 +1,209 @@
+import * as React from "react";
+import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import { cn } from "../utils/lib/utils";
+import { Button } from "./button";
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+
+type CarouselProps = {
+  opts?: CarouselOptions;
+  plugins?: CarouselPlugin;
+  orientation?: "horizontal" | "vertical";
+  setApi?: (api: CarouselApi) => void;
+};
+
+type CarouselContextProps = {
+  carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+  api: ReturnType<typeof useEmblaCarousel>[1];
+  scrollPrev: () => void;
+  scrollNext: () => void;
+  canScrollPrev: boolean;
+  canScrollNext: boolean;
+} & CarouselProps;
+
+const CarouselContext = React.createContext<CarouselContextProps | null>(null);
+
+function useCarousel() {
+  const context = React.useContext(CarouselContext);
+
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+
+  return context;
+}
+
+function Carousel({
+  orientation = "horizontal",
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & CarouselProps) {
+  const [carouselRef, api] = useEmblaCarousel(
+    {
+      ...opts,
+      axis: orientation === "horizontal" ? "x" : "y",
+    },
+    plugins
+  );
+  const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+  const [canScrollNext, setCanScrollNext] = React.useState(false);
+
+  const onSelect = React.useCallback((api: CarouselApi) => {
+    if (!api) return;
+    setCanScrollPrev(api.canScrollPrev());
+    setCanScrollNext(api.canScrollNext());
+  }, []);
+
+  const scrollPrev = React.useCallback(() => {
+    api?.scrollPrev();
+  }, [api]);
+
+  const scrollNext = React.useCallback(() => {
+    api?.scrollNext();
+  }, [api]);
+
+  const handleKeyDown = React.useCallback(
+    (event: React.KeyboardEvent<HTMLDivElement>) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+
+  React.useEffect(() => {
+    if (!api || !setApi) return;
+    setApi(api);
+  }, [api, setApi]);
+
+  React.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+
+    return () => {
+      api?.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+
+  return (
+    <CarouselContext.Provider
+      value={{
+        carouselRef,
+        api: api,
+        opts,
+        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext,
+      }}>
+      <div
+        onKeyDownCapture={handleKeyDown}
+        className={cn("relative", className)}
+        role="region"
+        aria-roledescription="carousel"
+        data-slot="carousel"
+        {...props}>
+        {children}
+      </div>
+    </CarouselContext.Provider>
+  );
+}
+
+function CarouselContent({ className, ...props }: React.ComponentProps<"div">) {
+  const { carouselRef, orientation } = useCarousel();
+
+  return (
+    <div ref={carouselRef} className="overflow-hidden" data-slot="carousel-content">
+      <div className={cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className)} {...props} />
+    </div>
+  );
+}
+
+function CarouselItem({ className, ...props }: React.ComponentProps<"div">) {
+  const { orientation } = useCarousel();
+
+  return (
+    <div
+      role="group"
+      aria-roledescription="slide"
+      data-slot="carousel-item"
+      className={cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className)}
+      {...props}
+    />
+  );
+}
+
+function CarouselPrevious({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+
+  return (
+    <Button
+      data-slot="carousel-previous"
+      variant={variant}
+      size={size}
+      className={cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal"
+          ? "top-1/2 -left-12 -translate-y-1/2"
+          : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      )}
+      disabled={!canScrollPrev}
+      onClick={scrollPrev}
+      {...props}>
+      <ArrowLeft />
+      <span className="sr-only">Previous slide</span>
+    </Button>
+  );
+}
+
+function CarouselNext({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+
+  return (
+    <Button
+      data-slot="carousel-next"
+      variant={variant}
+      size={size}
+      className={cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal"
+          ? "top-1/2 -right-12 -translate-y-1/2"
+          : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      )}
+      disabled={!canScrollNext}
+      onClick={scrollNext}
+      {...props}>
+      <ArrowRight />
+      <span className="sr-only">Next slide</span>
+    </Button>
+  );
+}
+
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext };
diff --git a/src/shared/ui/checkbox.tsx b/src/shared/ui/checkbox.tsx
new file mode 100644
index 0000000..addeb72
--- /dev/null
+++ b/src/shared/ui/checkbox.tsx
@@ -0,0 +1,33 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "lucide-react";
+
+import { cn } from "@/shared/utils/lib/utils";
+
+export interface CheckboxProps extends React.ComponentProps<typeof CheckboxPrimitive.Root> {
+  className?: string;
+  style?: React.CSSProperties;
+}
+
+const Checkbox = ({ className, style, ...props }: CheckboxProps) => {
+  return (
+    <CheckboxPrimitive.Root
+      data-slot="checkbox"
+      className={cn(
+        "relative size-[1.4375rem] cursor-pointer rounded-[4px] transition-colors",
+        "data-[state=checked]:bg-gray-0 data-[state=checked]:border-green-500",
+        "border-2 border-gray-100",
+        className
+      )}
+      style={style}
+      {...props}>
+      <CheckboxPrimitive.Indicator
+        data-slot="checkbox-indicator"
+        className="absolute inset-0 flex items-center justify-center text-green-500">
+        <Check className="size-4 stroke-[3]" />
+      </CheckboxPrimitive.Indicator>
+    </CheckboxPrimitive.Root>
+  );
+};
+
+export { Checkbox };
diff --git a/src/shared/ui/countInput.tsx b/src/shared/ui/countInput.tsx
new file mode 100644
index 0000000..ca9e1b3
--- /dev/null
+++ b/src/shared/ui/countInput.tsx
@@ -0,0 +1,46 @@
+import * as React from "react";
+import { SInput } from "./shadcnInput";
+import { cn } from "../utils/lib/utils";
+import { useState } from "react";
+
+interface CountInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  maxLength?: number;
+  containerClassName?: string;
+}
+
+export function CountInput({
+  maxLength = 15,
+  className,
+  containerClassName,
+  value = "",
+  onChange,
+  ...props
+}: CountInputProps) {
+  const [isError, setIsError] = useState(false);
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const newValue = e.target.value;
+    if (newValue.length > maxLength) {
+      setIsError(true);
+    } else {
+      setIsError(false);
+      onChange?.(e);
+    }
+  };
+
+  return (
+    <div className={cn("relative w-full", containerClassName)}>
+      <SInput
+        {...props}
+        value={value}
+        onChange={handleChange}
+        maxLength={maxLength}
+        error={isError}
+        className={cn("pr-16", className)} // 글자 수 표시 공간 확보
+      />
+      <span className="absolute top-1/2 right-3 -translate-y-1/2 text-sm text-gray-600">
+        {typeof value === "string" ? value.length : 0}/{maxLength}
+      </span>
+    </div>
+  );
+}
diff --git a/src/shared/ui/dateSelectBox.tsx b/src/shared/ui/dateSelectBox.tsx
new file mode 100644
index 0000000..de8065e
--- /dev/null
+++ b/src/shared/ui/dateSelectBox.tsx
@@ -0,0 +1,31 @@
+import grayCalendar from "@/assets/icons/grayCalendar.svg";
+import balckCalendar from "@/assets/images/calendar_black.svg";
+import { Button } from "@/shared/ui";
+
+interface DateSelectorProps {
+  date: string;
+  deactivate?: boolean;
+}
+
+export const DateSelector = ({ date, deactivate }: DateSelectorProps) => {
+  const formatDate = (newDate: Date | string) => {
+    const date = new Date(newDate);
+
+    if (isNaN(date.getTime())) return "유효하지 않은 날짜";
+
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, "0"); // 월은 0부터 시작하므로 +1
+    const day = String(date.getDate()).padStart(2, "0");
+
+    return `${year}.${month}.${day}`;
+  };
+
+  const textColor = date && !deactivate ? "text-gray-900" : "text-gray-400";
+
+  return (
+    <Button variant="calendar" size="xs" className={` ${textColor}`}>
+      <img src={date && !deactivate ? balckCalendar : grayCalendar} alt="날짜 선택" className="h-5 w-5 pb-0.5" />
+      {date && !deactivate ? formatDate(date) : formatDate(new Date())}
+    </Button>
+  );
+};
diff --git a/src/shared/ui/dateText.tsx b/src/shared/ui/dateText.tsx
new file mode 100644
index 0000000..abedc7a
--- /dev/null
+++ b/src/shared/ui/dateText.tsx
@@ -0,0 +1,22 @@
+import { cn } from "@/shared/utils/lib/utils";
+import { formatDateDot, formatDateFull } from "../utils";
+
+interface DateTextProps {
+  date: Date | string;
+  className?: string;
+  formatType?: "full" | "dot"; // full: yyyy.mm.dd hh:mm, dot: yyyy. mm. dd
+}
+
+export const DateText = ({ date, className, formatType = "full" }: DateTextProps) => {
+  const isString = typeof date === "string";
+
+  const displayText = isString ? date : formatType === "dot" ? formatDateDot(date) : formatDateFull(date);
+
+  const dateTimeAttr = !isString && date instanceof Date ? date.toISOString() : undefined;
+
+  return (
+    <time dateTime={dateTimeAttr} className={cn("text-sm leading-[150%] font-medium text-gray-400", className)}>
+      {displayText}
+    </time>
+  );
+};
diff --git a/src/shared/ui/deleteAlert.tsx b/src/shared/ui/deleteAlert.tsx
new file mode 100644
index 0000000..e94ef41
--- /dev/null
+++ b/src/shared/ui/deleteAlert.tsx
@@ -0,0 +1,49 @@
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from "@/shared/ui";
+import { MouseEvent } from "react";
+
+interface DeleteAlertProps {
+  children: React.ReactNode;
+  onDelete: (e: MouseEvent) => void;
+  title: string;
+  description: string;
+  buttonText: string;
+  cancelText: string;
+}
+
+export const DeleteAlert = (props: DeleteAlertProps) => {
+  return (
+    <AlertDialog>
+      <AlertDialogTrigger asChild>{props.children}</AlertDialogTrigger>
+      <AlertDialogContent className="w-70">
+        <AlertDialogHeader>
+          <AlertDialogTitle className="text-center text-lg font-semibold">{props.title}</AlertDialogTitle>
+          <AlertDialogDescription className="text-center text-sm font-normal text-gray-400">
+            {props.description}
+          </AlertDialogDescription>
+        </AlertDialogHeader>
+        <AlertDialogFooter className="flex-row !justify-center">
+          <AlertDialogCancel
+            className="w-[50%] bg-gray-200 p-3 text-base font-semibold text-white hover:bg-gray-300 hover:text-white"
+            onClick={e => e.stopPropagation()}>
+            {props.cancelText}
+          </AlertDialogCancel>
+          <AlertDialogAction
+            className="hover:bg-gray-1000 w-[50%] bg-gray-900 p-3 text-base font-semibold text-white hover:text-white"
+            onClick={props.onDelete}>
+            {props.buttonText}
+          </AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  );
+};
diff --git a/src/shared/ui/divider.tsx b/src/shared/ui/divider.tsx
new file mode 100644
index 0000000..b788ac6
--- /dev/null
+++ b/src/shared/ui/divider.tsx
@@ -0,0 +1,19 @@
+import { cn } from "@/shared/utils/lib/utils";
+
+interface DividerProps {
+  orientation?: "horizontal" | "vertical";
+  thickness?: string; // 예: "h-px", "w-0.5" (Tailwind 클래스)
+  color?: string; // 예: "bg-gray-300"
+  className?: string;
+}
+
+export const Divider = ({
+  orientation = "horizontal",
+  thickness = "h-px",
+  color = "bg-gray-300",
+  className,
+}: DividerProps) => {
+  const baseClass = cn(color, className, orientation === "horizontal" ? thickness + " w-full" : thickness + " h-full");
+
+  return <div className={baseClass} aria-hidden="true" />;
+};
diff --git a/src/shared/ui/drawer.tsx b/src/shared/ui/drawer.tsx
new file mode 100644
index 0000000..5d36e93
--- /dev/null
+++ b/src/shared/ui/drawer.tsx
@@ -0,0 +1,95 @@
+import * as React from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+import { cn } from "@/shared/utils/lib/utils";
+
+function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {
+  return <DrawerPrimitive.Root data-slot="drawer" {...props} />;
+}
+
+function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {
+  return <DrawerPrimitive.Trigger data-slot="drawer-trigger" {...props} />;
+}
+
+function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {
+  return <DrawerPrimitive.Portal data-slot="drawer-portal" {...props} />;
+}
+
+function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {
+  return <DrawerPrimitive.Close data-slot="drawer-close" {...props} />;
+}
+
+function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {
+  return (
+    <DrawerPrimitive.Overlay
+      data-slot="drawer-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>) {
+  return (
+    <DrawerPortal data-slot="drawer-portal">
+      <DrawerOverlay />
+      <DrawerPrimitive.Content
+        data-slot="drawer-content"
+        className={cn(
+          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
+          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
+          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t mb:w-full pc:w-[375px] data-[vaul-drawer-direction=bottom]:mx-auto",
+          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:border-l",
+          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:border-r",
+          className
+        )}
+        {...props}>
+        <div className="bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" />
+        {children}
+      </DrawerPrimitive.Content>
+    </DrawerPortal>
+  );
+}
+
+function DrawerHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="drawer-header" className={cn("flex flex-col gap-1.5 p-4", className)} {...props} />;
+}
+
+function DrawerFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="drawer-footer" className={cn("mt-auto flex flex-col gap-2 p-4", className)} {...props} />;
+}
+
+function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {
+  return (
+    <DrawerPrimitive.Title
+      data-slot="drawer-title"
+      className={cn("text-foreground font-semibold", className)}
+      {...props}
+    />
+  );
+}
+
+function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>) {
+  return (
+    <DrawerPrimitive.Description
+      data-slot="drawer-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  );
+}
+
+export {
+  Drawer,
+  DrawerPortal,
+  DrawerOverlay,
+  DrawerTrigger,
+  DrawerClose,
+  DrawerContent,
+  DrawerHeader,
+  DrawerFooter,
+  DrawerTitle,
+  DrawerDescription,
+};
diff --git a/src/shared/ui/index.ts b/src/shared/ui/index.ts
new file mode 100644
index 0000000..2abae57
--- /dev/null
+++ b/src/shared/ui/index.ts
@@ -0,0 +1,20 @@
+export * from "./progressheader";
+export * from "./button";
+export * from "./checkbox";
+export * from "./dateText";
+export * from "./divider";
+export * from "./drawer";
+export * from "./infoCard";
+export * from "./input";
+export * from "./progressheader";
+export * from "./switch";
+export * from "./textinput";
+export * from "./topbar";
+export * from "./timeSelectBox";
+export * from "./dateSelectBox";
+export * from "./shadcnInput";
+export * from "./textarea";
+export * from "./carousel";
+export * from "./alert-dialog";
+export * from "./deleteAlert";
+export * from "./countInput";
diff --git a/src/shared/ui/infoCard.tsx b/src/shared/ui/infoCard.tsx
new file mode 100644
index 0000000..105d11b
--- /dev/null
+++ b/src/shared/ui/infoCard.tsx
@@ -0,0 +1,177 @@
+import { MouseEventHandler, ReactNode } from "react";
+import { cn } from "@/shared/utils/lib/utils";
+
+interface InfoCardProps {
+  children: ReactNode;
+  barColor?: string; // ex: '#1F2937', '#00FF00'
+  circleColor?: string;
+  className?: string;
+  selected?: string;
+  onClick?: MouseEventHandler;
+}
+
+interface InfoCardContentProps {
+  children: ReactNode;
+  className?: string;
+}
+
+interface InfoCardTagProps {
+  children: ReactNode;
+  tagColor?: string;
+  textColor?: string;
+  className?: string;
+}
+
+interface InfoCardTitleProps {
+  children: ReactNode;
+  className?: string;
+}
+
+interface InfoCardTimeProps {
+  children: ReactNode;
+  className?: string;
+}
+
+interface InfoCardLabelProps {
+  children: ReactNode;
+  className?: string;
+}
+
+interface InfoCardImageProps {
+  imageUrl: string;
+  className?: string;
+}
+
+interface OptionButtonsProps {
+  children: ReactNode;
+  className?: string;
+}
+
+interface OptionProps {
+  onClick?: MouseEventHandler;
+  className?: string;
+  children: ReactNode;
+}
+
+interface InfoCardArrowButtonProps {
+  direction?: "left" | "right"; // 선택적, 기본 "right"
+  onClick?: MouseEventHandler<HTMLButtonElement>;
+  className?: string;
+}
+
+interface IconTitleProps {
+  iconSrc: string;
+  alt?: string;
+  children: ReactNode;
+  className?: string;
+}
+
+export const InfoCard = ({ children, barColor, circleColor, className, selected, onClick }: InfoCardProps) => {
+  return (
+    <li
+      className={cn(
+        `flex cursor-pointer items-center justify-between rounded-2xl bg-white px-4 py-3 ${selected}`,
+        className
+      )}
+      onClick={onClick}>
+      {barColor && <div className={`mr-4 h-12 w-1 rounded-full ${barColor}`} />}
+      {circleColor && <div className={`mr-5 h-9 w-11 rounded-full ${circleColor}`} />}
+      {/* <div className="flex w-full justify-between"></div> */}
+      {children}
+    </li>
+  );
+};
+
+const Content = ({ className, children }: InfoCardContentProps) => {
+  return <div className={cn("flex w-full justify-between", className)}>{children}</div>;
+};
+
+const Tag = ({ children, className, tagColor, textColor }: InfoCardTagProps) => (
+  <div
+    className={cn(
+      "inline-flex w-fit items-center justify-center rounded-full bg-green-700 px-2 py-0.5 text-[10px] font-bold text-white",
+      tagColor,
+      textColor,
+      className
+    )}>
+    {children}
+  </div>
+);
+
+const Title = ({ children, className }: InfoCardTitleProps) => (
+  <p className={cn("text-base font-bold text-gray-900", className)}>{children}</p>
+);
+
+const Text = ({ children, className }: InfoCardLabelProps) => {
+  return <p className={cn("text-sm font-medium text-gray-500", className)}>{children}</p>;
+};
+
+const IconTitle = ({ iconSrc, alt = "icon", children, className }: IconTitleProps) => {
+  return (
+    <div className={cn("flex space-x-2", className)}>
+      <img src={iconSrc} alt={alt} className="h-5 w-5 flex-shrink-0" />
+      <p className="text-base font-semibold text-gray-900">{children}</p>
+    </div>
+  );
+};
+
+const Time = ({ children, className }: InfoCardTimeProps) => (
+  <div className={cn("text-sm text-gray-700", className)}>{children}</div>
+);
+
+const Label = ({ children, className }: InfoCardLabelProps) => {
+  return <p className={cn("inline-block rounded-md px-2 py-0.5 text-sm font-medium", className)}>{children}</p>;
+};
+
+const Image = ({ imageUrl, className }: InfoCardImageProps) => {
+  return <img src={imageUrl} alt="썸네일" className={cn("h-17 w-17 rounded-md object-cover", className)} />;
+};
+
+const ArrowButton = ({ direction = "right", onClick, className }: InfoCardArrowButtonProps) => {
+  const directionClass = direction === "left" ? "rotate-180" : "";
+
+  return (
+    <button
+      type="button"
+      onClick={onClick}
+      className={cn(
+        "flex h-full cursor-pointer items-center justify-center border-none bg-transparent p-0",
+        directionClass,
+        className
+      )}
+      aria-label={direction === "left" ? "이전" : "다음"}>
+      <img src="@/assets/icons/infoCardArrow.svg" alt="화살표 버튼" className="block" />
+    </button>
+  );
+};
+
+const OptionButtons = ({ children, className }: OptionButtonsProps) => {
+  return (
+    <div className={cn("flex items-end gap-1 text-sm leading-[150%] font-medium text-gray-400", className)}>
+      {children}
+    </div>
+  );
+};
+
+const Option = ({ onClick, className, children }: OptionProps) => {
+  return (
+    <button
+      type="button"
+      onClick={onClick}
+      className={`m-0 cursor-pointer bg-transparent p-0 hover:text-gray-600 focus:outline-none ${className}`}>
+      {children}
+    </button>
+  );
+};
+
+InfoCard.Content = Content;
+InfoCard.Tag = Tag;
+InfoCard.Title = Title;
+InfoCard.Text = Text;
+InfoCard.Image = Image;
+InfoCard.IconTitle = IconTitle;
+InfoCard.Time = Time;
+InfoCard.Label = Label;
+InfoCard.ArrowButton = ArrowButton;
+InfoCard.Options = OptionButtons;
+InfoCard.Option = Option;
diff --git a/src/shared/ui/input.tsx b/src/shared/ui/input.tsx
new file mode 100644
index 0000000..67428ab
--- /dev/null
+++ b/src/shared/ui/input.tsx
@@ -0,0 +1,76 @@
+// src/components/Input.tsx
+import { useRef, useState } from "react";
+import DeleteIcon from "@/assets/images/delete.svg";
+
+export type InputStatus = "inactive" | "typing" | "error" | "active";
+
+export interface InputProps {
+  value?: string;
+  onChange?: (value: string) => void;
+  placeholder?: string;
+  status?: InputStatus;
+  onClear?: () => void;
+  className?: string;
+  readOnly?: boolean;
+}
+
+export const Input = ({ value = "", onChange, placeholder = "Input", status, onClear, className = "", readOnly }: InputProps) => {
+  const inputRef = useRef<HTMLInputElement>(null);
+  const [hasBlurred, setHasBlurred] = useState(false);
+
+  const handleClear = () => {
+    onChange?.("");
+    onClear?.();
+    inputRef.current?.focus();
+  };
+
+  const handleBlur = () => {
+    setHasBlurred(true);
+  };
+
+  const handleFocus = () => {
+    setHasBlurred(false);
+  };
+
+  // 상태 감지
+  const derivedStatus: InputStatus = (() => {
+    if (status) return status;
+    if (value.length === 0) return "inactive"; // 초기 상태
+    if (value.length > 0 && !hasBlurred) return "typing"; // 타이핑하고 있을 때
+    if (value.length > 0 && hasBlurred) return "active"; // 타이핑 후 다른 곳 눌렀을 때
+    return "inactive";
+  })();
+
+  const getBorderStyle = () => {
+    switch (derivedStatus) {
+      case "typing":
+        return "border-green-300";
+      case "error":
+        return "border-red-0";
+      case "active":
+        return "border-transparent";
+      default:
+        return "border-transparent";
+    }
+  };
+
+  return (
+    <div
+      className={`flex h-[3.375rem] w-full items-center gap-[0.625rem] rounded-[1rem] border bg-gray-50 px-[1.25rem] py-[1rem] ${getBorderStyle()} ${className}`}>
+      <input
+        ref={inputRef}
+        type="text"
+        className="text-md text-gray-1000 w-full bg-transparent outline-none placeholder:text-gray-400"
+        placeholder={placeholder}
+        value={value}
+        onChange={e => onChange?.(e.target.value)}
+        onBlur={handleBlur}
+        onFocus={handleFocus}
+        readOnly={readOnly}
+      />
+      <button onClick={handleClear} type="button" aria-label="Clear input">
+        <img src={DeleteIcon} alt="삭제" className="h-5 w-5 object-contain" />
+      </button>
+    </div>
+  );
+};
diff --git a/src/shared/ui/loading.tsx b/src/shared/ui/loading.tsx
new file mode 100644
index 0000000..ed1206b
--- /dev/null
+++ b/src/shared/ui/loading.tsx
@@ -0,0 +1,47 @@
+import React from "react";
+
+interface LoadingSpinnerProps {
+  dotSize?: number;
+  dotColorClass?: string;
+  text?: string;
+  textClassName?: string;
+  direction?: "vertical" | "horizontal";
+}
+
+const LoadingSpinner: React.FC<LoadingSpinnerProps> = ({
+  dotSize = 6,
+  dotColorClass = "bg-gray-900",
+  text = "",
+  textClassName = "text-xl text-gray-900 mt-5",
+  direction = "vertical",
+}) => {
+  const Dots = (
+    <div className="flex space-x-4">
+      {[0, 1, 2].map((i) => (
+        <div
+        key={i}
+        className={`rounded-full ${dotColorClass} animate-bounce-high`}
+        style={{
+          width: dotSize,
+          height: dotSize,
+          animationDelay: `${i * 0.2}s`,
+        }}
+      />
+      
+      ))}
+    </div>
+  );
+
+  return (
+    <div
+      className={`flex items-center justify-center ${
+        direction === "vertical" ? "flex-col" : "flex-row space-x-4"
+      }`}
+    >
+      {Dots}
+      {text && <span className={textClassName}>{text}</span>}
+    </div>
+  );
+};
+
+export default LoadingSpinner;
diff --git a/src/shared/ui/progressheader.tsx b/src/shared/ui/progressheader.tsx
new file mode 100644
index 0000000..f1339ec
--- /dev/null
+++ b/src/shared/ui/progressheader.tsx
@@ -0,0 +1,47 @@
+import React from "react";
+import BackIcon from "@/assets/images/back.svg";
+import CloseIcon from "@/assets/images/close.svg";
+
+interface ProgressHeaderProps {
+  title: string;
+  highlight: string;
+  subtitle?: string;
+  progress?: number;
+  onBack?: () => void;
+  onClose?: () => void;
+}
+
+export const ProgressHeader = ({ title, highlight, subtitle, progress = 0, onBack, onClose }: ProgressHeaderProps) => {
+  return (
+    <div className="bg-white px-4 pt-6 pb-4">
+      {/* 상단 버튼 */}
+      <div className="mb-3 flex items-center justify-between">
+        <button onClick={onBack}>
+          <img src={BackIcon} alt="뒤로가기" className="h-6 w-6" />
+        </button>
+        <button onClick={onClose}>
+          <img src={CloseIcon} alt="닫기" className="h-6 w-6" />
+        </button>
+      </div>
+
+      {/* 진행 바 */}
+      <div className="mb-4 h-1 w-full rounded-full bg-gray-100">
+        <div
+          className="h-1 rounded-full bg-green-500 transition-all"
+          style={{ width: `${Math.min(Math.max(progress, 0), 1) * 100}%` }}
+        />
+      </div>
+
+      {/* 텍스트 */}
+      <h1 className="text-left text-3xl font-bold text-gray-900">
+        {title.split(highlight).map((part, index, arr) => (
+          <React.Fragment key={index}>
+            {part}
+            {index < arr.length - 1 && <span className="text-green-500">{highlight}</span>}
+          </React.Fragment>
+        ))}
+      </h1>
+      {subtitle && <p className="text-md font-regular text-left text-gray-500">{subtitle}</p>}
+    </div>
+  );
+};
diff --git a/src/shared/ui/shadcnInput.tsx b/src/shared/ui/shadcnInput.tsx
new file mode 100644
index 0000000..720762d
--- /dev/null
+++ b/src/shared/ui/shadcnInput.tsx
@@ -0,0 +1,25 @@
+import * as React from "react";
+import { cn } from "../utils/lib/utils";
+
+interface InputProps extends React.ComponentProps<"input"> {
+  error?: boolean;
+}
+
+function Input({ className, type, error, ...props }: InputProps) {
+  return (
+    <input
+      type={type}
+      data-slot="input"
+      className={cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-green-300 focus-visible:ring-[1px] focus-visible:ring-green-300",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        error ? "border-red-0" : "border-gray-50",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Input as SInput };
diff --git a/src/shared/ui/sheet.tsx b/src/shared/ui/sheet.tsx
new file mode 100644
index 0000000..93930a0
--- /dev/null
+++ b/src/shared/ui/sheet.tsx
@@ -0,0 +1,137 @@
+import * as React from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+
+import { cn } from "@/shared/utils/lib/utils";
+
+function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
+  return <SheetPrimitive.Root data-slot="sheet" {...props} />;
+}
+
+function SheetTrigger({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {
+  return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />;
+}
+
+function SheetClose({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Close>) {
+  return <SheetPrimitive.Close data-slot="sheet-close" {...props} />;
+}
+
+function SheetPortal({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Portal>) {
+  return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />;
+}
+
+function SheetOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {
+  return (
+    <SheetPrimitive.Overlay
+      data-slot="sheet-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Content> & {
+  side?: "top" | "right" | "bottom" | "left"
+}) {
+  return (
+    <SheetPortal>
+      <SheetOverlay />
+      <SheetPrimitive.Content
+        data-slot="sheet-content"
+        className={cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          side === "right" &&
+            "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          side === "left" &&
+            "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          side === "top" &&
+            "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          side === "bottom" &&
+            "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
+          <XIcon className="size-4" />
+          <span className="sr-only">Close</span>
+        </SheetPrimitive.Close>
+      </SheetPrimitive.Content>
+    </SheetPortal>
+  );
+}
+
+function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sheet-header"
+      className={cn("flex flex-col gap-1.5 p-4", className)}
+      {...props}
+    />
+  );
+}
+
+function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sheet-footer"
+      className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+      {...props}
+    />
+  );
+}
+
+function SheetTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Title>) {
+  return (
+    <SheetPrimitive.Title
+      data-slot="sheet-title"
+      className={cn("text-foreground font-semibold", className)}
+      {...props}
+    />
+  );
+}
+
+function SheetDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Description>) {
+  return (
+    <SheetPrimitive.Description
+      data-slot="sheet-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  );
+}
+
+export {
+  Sheet,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+};
diff --git a/src/shared/ui/switch.tsx b/src/shared/ui/switch.tsx
new file mode 100644
index 0000000..04961cd
--- /dev/null
+++ b/src/shared/ui/switch.tsx
@@ -0,0 +1,25 @@
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+
+import { cn } from "@/shared/utils/lib/utils";
+
+function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>) {
+  return (
+    <SwitchPrimitive.Root
+      data-slot="switch"
+      className={cn(
+        "peer data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-green-500",
+        className
+      )}
+      {...props}>
+      <SwitchPrimitive.Thumb
+        data-slot="switch-thumb"
+        className={cn(
+          "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+        )}
+      />
+    </SwitchPrimitive.Root>
+  );
+}
+
+export { Switch };
diff --git a/src/shared/ui/textarea.tsx b/src/shared/ui/textarea.tsx
new file mode 100644
index 0000000..b93739b
--- /dev/null
+++ b/src/shared/ui/textarea.tsx
@@ -0,0 +1,16 @@
+import * as React from "react";
+import { cn } from "../utils/lib/utils";
+function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
+  return (
+    <textarea
+      data-slot="textarea"
+      className={cn(
+        "border-input placeholder:text-muted-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-green-300 focus-visible:ring-[1px] focus-visible:ring-green-300 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Textarea };
diff --git a/src/shared/ui/textinput.tsx b/src/shared/ui/textinput.tsx
new file mode 100644
index 0000000..3df1177
--- /dev/null
+++ b/src/shared/ui/textinput.tsx
@@ -0,0 +1,82 @@
+import { useRef, useState } from "react";
+import { InputProps, InputStatus } from "./input";
+
+interface TextinputProps extends InputProps {
+  maxLength?: number;
+}
+
+export const Textinput = ({
+  value = "",
+  onChange,
+  placeholder = "Textinput",
+  status,
+  className = "",
+  maxLength = 15,
+}: TextinputProps) => {
+  const textRef = useRef<HTMLInputElement>(null);
+  const [hasBlurred, setHasBlurred] = useState(false);
+  const [currentStatus, setCurrentStatus] = useState<InputStatus>("inactive"); // 상태 추적
+
+  const handleBlur = () => {
+    setHasBlurred(true);
+  };
+
+  const handleFocus = () => {
+    setHasBlurred(false);
+  };
+
+  // 상태 감지
+  const derivedStatus: InputStatus = (() => {
+    if (status) return status;
+    if (currentStatus === "error") return "error"; // error 상태 유지
+    if (value.length === 0) return "inactive"; // 초기 상태
+    if (value.length > 0 && !hasBlurred) return "typing"; // 타이핑하고 있을 때
+    if (value.length > 0 && hasBlurred) return "active"; // 타이핑 후 다른 곳 눌렀을 때
+    return "inactive";
+  })();
+
+  const getBorderStyle = () => {
+    switch (derivedStatus) {
+      case "typing":
+        return "border-green-300";
+      case "error":
+        return "border-red-0";
+      case "active":
+        return "border-transparent";
+      default:
+        return "border-transparent";
+    }
+  };
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const newValue = e.target.value;
+
+    // 15자 이상이면 error 상태로 설정
+    if (newValue.length > maxLength) {
+      setCurrentStatus("error");
+    } else {
+      setCurrentStatus("inactive");
+      onChange?.(newValue);
+    }
+  };
+
+  return (
+    <div
+      className={`flex h-[3rem] w-full items-center gap-[0.625rem] rounded-[1rem] border bg-gray-50 px-[1rem] py-[1rem] ${getBorderStyle()} ${className}`}>
+      <input
+        ref={textRef}
+        type="text"
+        className="text-md text-gray-1000 w-full bg-transparent outline-none placeholder:text-gray-400"
+        placeholder={placeholder}
+        value={value}
+        onChange={handleChange}
+        onBlur={handleBlur}
+        onFocus={handleFocus}
+        maxLength={maxLength}
+      />
+      <span className="ml-2 text-sm text-gray-600">
+        {value.length}/{maxLength}
+      </span>
+    </div>
+  );
+};
diff --git a/src/shared/ui/timeSelectBox.tsx b/src/shared/ui/timeSelectBox.tsx
new file mode 100644
index 0000000..f76b2c0
--- /dev/null
+++ b/src/shared/ui/timeSelectBox.tsx
@@ -0,0 +1,19 @@
+import { Button } from "@/shared/ui";
+import grayClock from "@/assets/icons/grayClock.svg";
+import blackClock from "@/assets/icons/blackClock.svg";
+import { formatTimeWithAmPm } from "../utils/time/format";
+interface TimeSelectorProps {
+  time: string;
+  deactivate?: boolean;
+}
+
+export const TimeSelector = ({ time, deactivate }: TimeSelectorProps) => {
+  const textColor = time && !deactivate ? "text-gray-900" : "text-gray-400";
+
+  return (
+    <Button variant="calendar" size="xs" className={`${textColor}`}>
+      <img src={time && !deactivate ? blackClock : grayClock} alt="시간 선택" className="h-5 w-5" />
+      {formatTimeWithAmPm(time && !deactivate ? new Date(time) : new Date())}
+    </Button>
+  );
+};
diff --git a/src/shared/ui/topbar.tsx b/src/shared/ui/topbar.tsx
new file mode 100644
index 0000000..bfbfa63
--- /dev/null
+++ b/src/shared/ui/topbar.tsx
@@ -0,0 +1,34 @@
+import { useLocation, useNavigate } from "react-router";
+
+interface TopbarProps {
+  isEditMode: boolean;
+}
+
+export const Topbar = ({ isEditMode }: TopbarProps) => {
+  const { pathname } = useLocation();
+  const navigate = useNavigate();
+
+  const handleClick = (path: string) => {
+    if (!isEditMode) {
+      navigate(path);
+    }
+  };
+
+  const isSchedule = pathname.includes("/calendar/schedule");
+  const isDday = pathname.includes("/calendar/dday");
+
+  return (
+    <div className="flex h-8 w-[250px] cursor-pointer items-center justify-center rounded-full bg-gray-100 text-sm font-semibold text-white">
+      <div
+        className={`flex h-full flex-1 items-center justify-center rounded-full text-center ${isSchedule ? "bg-gray-1000" : "bg-gray-100"}`}
+        onClick={() => handleClick("/calendar/schedule/new")}>
+        일정
+      </div>
+      <div
+        className={`flex h-full flex-1 items-center justify-center rounded-full ${isDday ? "bg-gray-1000" : "bg-gray-100"}`}
+        onClick={() => handleClick("/calendar/dday/new")}>
+        디데이
+      </div>
+    </div>
+  );
+};
diff --git a/src/shared/utils/date/calculateDday.ts b/src/shared/utils/date/calculateDday.ts
new file mode 100644
index 0000000..ea02274
--- /dev/null
+++ b/src/shared/utils/date/calculateDday.ts
@@ -0,0 +1,21 @@
+export function calculateDday(targetDate: string): string {
+  const today = new Date();
+  const todayDate = new Date(today.getFullYear(), today.getMonth(), today.getDate());
+
+  const targetObj = new Date(targetDate);
+  if (isNaN(targetObj.getTime())) {
+    return "Invalid Date";
+  }
+
+  const target = new Date(targetObj.getFullYear(), targetObj.getMonth(), targetObj.getDate());
+
+  const diff = Math.floor((target.getTime() - todayDate.getTime()) / (1000 * 60 * 60 * 24));
+
+  if (diff > 0) {
+    return `D-${diff}`;
+  } else if (diff === 0) {
+    return "D-Day";
+  } else {
+    return `D+${Math.abs(diff)}`;
+  }
+}
diff --git a/src/shared/utils/date/formatdate.ts b/src/shared/utils/date/formatdate.ts
new file mode 100644
index 0000000..70d5cea
--- /dev/null
+++ b/src/shared/utils/date/formatdate.ts
@@ -0,0 +1,52 @@
+export const formatDateDot = (newDate: Date | string): string => {
+  // 문자열이면 마이크로초 제거 (6자리 초과 부분 잘라냄)
+  const cleanDateStr = typeof newDate === "string" ? newDate.replace(/\.\d{6}/, "") : newDate;
+
+  const date = new Date(cleanDateStr);
+  if (isNaN(date.getTime())) return ""; // 날짜 파싱 실패 방지
+
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}. ${month}. ${day}`;
+};
+
+export const formatDateFull = (newDate: Date | string) => {
+  const date = new Date(newDate);
+
+  const yyyy = date.getFullYear();
+  const mm = String(date.getMonth() + 1).padStart(2, "0");
+  const dd = String(date.getDate()).padStart(2, "0");
+  const hh = String(date.getHours()).padStart(2, "0");
+  const min = String(date.getMinutes()).padStart(2, "0");
+
+  return `${yyyy}.${mm}.${dd} ${hh}:${min}`;
+};
+
+export const formatDateKorean = (date: Date): string => {
+  // 2025년 06월 05일
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}년 ${month}월 ${day}일`;
+};
+
+export const formatDateKoreanWithWeekday = (newDate: Date | string): string => {
+  // 2025년 06월 05일 금요일
+  const date = new Date(newDate);
+
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  const weekdays = ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"];
+  const weekday = weekdays[date.getDay()];
+  return `${year}년 ${month}월 ${day}일 ${weekday}`;
+};
+
+// 2025년 06월
+export const formatYearMonth = (year: number, month: number) => `${year}년 ${month}월`;
+
+//0000-00-00
+export const formatSimpleDate = (date: Date): string => {
+  return formatDateDot(date).replace(/\. /g, "-").replace(".", "");
+};
diff --git a/src/shared/utils/date/index.ts b/src/shared/utils/date/index.ts
new file mode 100644
index 0000000..453a7b2
--- /dev/null
+++ b/src/shared/utils/date/index.ts
@@ -0,0 +1,2 @@
+export * from "./formatdate";
+export * from "./calculateDday";
diff --git a/src/shared/utils/index.ts b/src/shared/utils/index.ts
new file mode 100644
index 0000000..8a22d87
--- /dev/null
+++ b/src/shared/utils/index.ts
@@ -0,0 +1 @@
+export * from "./date";
diff --git a/src/shared/utils/lib/utils.ts b/src/shared/utils/lib/utils.ts
new file mode 100644
index 0000000..a5ef193
--- /dev/null
+++ b/src/shared/utils/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
diff --git a/src/shared/utils/time/format.ts b/src/shared/utils/time/format.ts
new file mode 100644
index 0000000..2e6a95a
--- /dev/null
+++ b/src/shared/utils/time/format.ts
@@ -0,0 +1,31 @@
+export const formatTimeFromString = (dateString: string): string => {
+  const date = new Date(dateString);
+  const hours = date.getHours().toString().padStart(2, "0");
+  const minutes = date.getMinutes().toString().padStart(2, "0");
+  return `${hours}:${minutes}`;
+};
+
+// Date 객체를 로컬 ISO 문자열(타임존 없는 문자열)로 변환
+const pad = (n: number) => n.toString().padStart(2, "0");
+export const toLocalISOString = (date: Date): string => {
+  const year = date.getFullYear();
+  const month = pad(date.getMonth() + 1);
+  const day = pad(date.getDate());
+  const hours = pad(date.getHours());
+  const minutes = pad(date.getMinutes());
+  const seconds = pad(date.getSeconds());
+
+  return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}`;
+};
+
+// Date 객체를 "오전/오후 HH:MM" 형식으로 포맷
+export const formatTimeWithAmPm = (date: Date | null): string => {
+  if (!date) return "";
+  const hours = date.getHours();
+  const minutes = date.getMinutes();
+  const ampm = hours >= 12 ? "오후" : "오전";
+  const formattedHour = hours % 12 || 12;
+  const formattedMinute = String(minutes).padStart(2, "0");
+
+  return `${ampm} ${formattedHour}:${formattedMinute}`;
+};
diff --git a/src/sw.ts b/src/sw.ts
index 5530872..c3f5c06 100644
--- a/src/sw.ts
+++ b/src/sw.ts
@@ -1,26 +1,97 @@
 /// <reference lib="webworker" />
-import { cleanupOutdatedCaches, createHandlerBoundToURL, precacheAndRoute } from 'workbox-precaching'
-import { clientsClaim } from 'workbox-core'
-import { NavigationRoute, registerRoute } from 'workbox-routing'
+import { cleanupOutdatedCaches, createHandlerBoundToURL, precacheAndRoute } from "workbox-precaching";
+import { clientsClaim } from "workbox-core";
+import { NavigationRoute, registerRoute } from "workbox-routing";
+import { initializeApp } from "firebase/app";
+import { getMessaging, onBackgroundMessage } from "firebase/messaging/sw";
 
-declare let self: ServiceWorkerGlobalScope
+declare let self: ServiceWorkerGlobalScope;
 
 // self.__WB_MANIFEST is the default injection point
-precacheAndRoute(self.__WB_MANIFEST)
+precacheAndRoute(self.__WB_MANIFEST);
 
 // clean old assets
-cleanupOutdatedCaches()
+cleanupOutdatedCaches();
 
-let allowlist: RegExp[] | undefined
+let allowlist: RegExp[] | undefined;
 // in dev mode, we disable precaching to avoid caching issues
-if (import.meta.env.DEV)
-  allowlist = [/^\/$/]
+if (import.meta.env.DEV) allowlist = [/^\/$/];
 
 // to allow work offline
-registerRoute(new NavigationRoute(
-  createHandlerBoundToURL('index.html'),
-  { allowlist },
-))
+registerRoute(new NavigationRoute(createHandlerBoundToURL("index.html"), { allowlist }));
 
-self.skipWaiting()
-clientsClaim()
+self.skipWaiting();
+clientsClaim();
+
+// Firebase 메시징을 위한 설정
+const firebaseConfig = {
+  apiKey: "AIzaSyC-S5AOpvYHralib5BclwodbO7VSi06w8M",
+  authDomain: "sarang-push.firebaseapp.com",
+  projectId: "sarang-push",
+  storageBucket: "sarang-push.firebasestorage.app",
+  messagingSenderId: "204100597764",
+  appId: "1:204100597764:web:2b2b30c0ae395023251d51",
+  measurementId: "G-RYMPP0PNCH",
+};
+
+const app = initializeApp(firebaseConfig);
+export const messaging = getMessaging(app);
+
+// 서비스 워커에서 Firebase 사용 시 오류 처리가 중요합니다
+try {
+  onBackgroundMessage(messaging, payload => {
+    console.log("백그라운드 메시지 수신:", payload);
+
+    if (!payload.notification) {
+      const notificationTitle = payload.data?.title || "새 알림";
+      const notificationOptions = {
+        body: payload.data?.body || "",
+        icon: "/pwa-192x192.png",
+        data: payload.data,
+      };
+      self.registration.showNotification(notificationTitle, notificationOptions);
+    }
+  });
+} catch (error) {
+  console.error("Firebase 초기화 중 오류:", error);
+}
+
+// 푸시 이벤트 처리
+self.addEventListener("push", event => {
+  if (!event.data) return;
+
+  try {
+    const payload = event.data.json();
+    if (payload.notification) {
+      const title = payload.notification?.title || "새 알림";
+      const options = {
+        body: payload.notification?.body || "",
+        icon: "/pwa-192x192.png",
+        data: payload.data,
+      };
+      event.waitUntil(self.registration.showNotification(title, options));
+    }
+  } catch (error) {
+    console.error("푸시 메시지 처리 중 오류:", error);
+  }
+});
+
+// 알림 클릭 이벤트 처리
+self.addEventListener("notificationclick", event => {
+  event.notification.close();
+
+  const urlToOpen = event.notification.data?.url || "/";
+
+  event.waitUntil(
+    self.clients.matchAll({ type: "window" }).then(clientList => {
+      for (const client of clientList) {
+        if (client.url === urlToOpen && "focus" in client) {
+          return client.focus();
+        }
+      }
+      if (self.clients.openWindow) {
+        return self.clients.openWindow(urlToOpen);
+      }
+    })
+  );
+});
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index ec878b7..7394cc1 100644
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -1,2 +1,8 @@
 /// <reference types="vite/client" />
 /// <reference types="vite-plugin-pwa/react" />
+
+declare module "*.svg?react" {
+  import * as React from "react";
+  const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+  export default ReactComponent;
+}
diff --git a/src/widgets/datepicker/ui/datepicker.tsx b/src/widgets/datepicker/ui/datepicker.tsx
new file mode 100644
index 0000000..256a7de
--- /dev/null
+++ b/src/widgets/datepicker/ui/datepicker.tsx
@@ -0,0 +1,83 @@
+import React, { useState } from "react";
+import Picker from "react-mobile-picker";
+import { Sheet, SheetContent, SheetHeader, SheetTrigger } from "../../../shared/ui/sheet";
+import { Button } from "../../../shared/ui/button";
+
+interface DatePickerSheetProps {
+  onConfirm: (date: Date) => void;
+  children?: React.ReactNode;
+}
+
+export const DatePickerSheet: React.FC<DatePickerSheetProps> = ({ onConfirm, children }) => {
+  const [open, setOpen] = useState(false);
+  const today = new Date();
+  const years = Array.from({ length: 100 + 3 }, (_, i) => String(today.getFullYear() + 2 - i));
+  const months = Array.from({ length: 12 }, (_, i) => String(i + 1));
+  const days = Array.from({ length: 31 }, (_, i) => String(i + 1));
+
+  const [pickerValue, setPickerValue] = useState({
+    year: String(today.getFullYear()),
+    month: String(today.getMonth() + 1),
+    day: String(today.getDate()),
+  });
+
+  const handleConfirm = () => {
+    const { year, month, day } = pickerValue;
+    const date = new Date(Number(year), Number(month) - 1, Number(day));
+    onConfirm(date);
+    setOpen(false);
+  };
+
+  return (
+    <Sheet open={open} onOpenChange={setOpen}>
+      <SheetTrigger asChild>
+        <div className="w-full">{children}</div>
+      </SheetTrigger>
+      <SheetContent 
+        side="bottom" 
+        className="w-full pc:w-[375px] rounded-t-[20px] mx-auto"
+      >
+        <div className="w-full">
+          <div className="relative flex h-[200px] w-full items-center justify-center">
+            <div className="absolute inset-x-0 top-1/2 h-11 -translate-y-1/2 rounded-[10px] bg-gray-100" />
+            <div className="relative w-full rounded-[10px]">
+              <Picker
+                value={pickerValue}
+                onChange={setPickerValue}
+                height={180}
+                itemHeight={44}
+                className="bg-transparent">
+                <Picker.Column name="year" className="min-w-0 flex-1 px-4">
+                  {years.map(year => (
+                    <Picker.Item key={year} value={year}>
+                      <div className="text-center text-xl text-gray-800">{year}</div>
+                    </Picker.Item>
+                  ))}
+                </Picker.Column>
+                <Picker.Column name="month" className="min-w-0 flex-1 px-4">
+                  {months.map(month => (
+                    <Picker.Item key={month} value={month}>
+                      <div className="text-center text-xl text-gray-800">{month}</div>
+                    </Picker.Item>
+                  ))}
+                </Picker.Column>
+                <Picker.Column name="day" className="min-w-0 flex-1 px-4">
+                  {days.map(day => (
+                    <Picker.Item key={day} value={day}>
+                      <div className="text-center text-xl text-gray-800">{day}</div>
+                    </Picker.Item>
+                  ))}
+                </Picker.Column>
+              </Picker>
+            </div>
+          </div>
+          <SheetHeader>
+            <Button variant="active" size="onicon" onClick={handleConfirm} className="w-full">
+              확인
+            </Button>
+          </SheetHeader>
+        </div>
+      </SheetContent>
+    </Sheet>
+  );
+};
diff --git a/src/widgets/datepicker/ui/index.ts b/src/widgets/datepicker/ui/index.ts
new file mode 100644
index 0000000..36a84ea
--- /dev/null
+++ b/src/widgets/datepicker/ui/index.ts
@@ -0,0 +1,2 @@
+export * from "./datepicker";
+export { DatePickerSheet } from "./datepicker";
diff --git a/src/widgets/navbar/ui/index.ts b/src/widgets/navbar/ui/index.ts
new file mode 100644
index 0000000..e4e192d
--- /dev/null
+++ b/src/widgets/navbar/ui/index.ts
@@ -0,0 +1 @@
+export * from "./navbar";
diff --git a/src/widgets/navbar/ui/navbar.tsx b/src/widgets/navbar/ui/navbar.tsx
new file mode 100644
index 0000000..695f00a
--- /dev/null
+++ b/src/widgets/navbar/ui/navbar.tsx
@@ -0,0 +1,73 @@
+import { useState, useEffect } from "react";
+import { useNavigate, useLocation } from "react-router";
+
+import HomeBlack from "@/assets/images/home_black.svg";
+import HomeGray from "@/assets/images/home_gray.svg";
+import CalendarBlack from "@/assets/images/calendar_black.svg";
+import CalendarGray from "@/assets/images/calendar_gray.svg";
+import MypageBlack from "@/assets/images/mypage_black.svg";
+import MypageGray from "@/assets/images/mypage_gray.svg";
+
+type Tab = "home" | "calendar" | "my";
+
+export const NavBar = () => {
+  const [activeTab, setActiveTab] = useState<Tab>("home");
+  const navigate = useNavigate();
+  const location = useLocation();
+
+  const tabs = [
+    {
+      key: "home",
+      label: "홈",
+      activeIcon: HomeBlack,
+      inactiveIcon: HomeGray,
+      path: "/",
+    },
+    {
+      key: "calendar",
+      label: "캘린더",
+      activeIcon: CalendarBlack,
+      inactiveIcon: CalendarGray,
+      path: "/calendar",
+    },
+    {
+      key: "my",
+      label: "마이",
+      activeIcon: MypageBlack,
+      inactiveIcon: MypageGray,
+      path: "/mypage",
+    },
+  ] as const;
+
+  useEffect(() => {
+    const path = location.pathname;
+    const currentTab = tabs.find(tab => tab.path === path)?.key || "home";
+    setActiveTab(currentTab);
+  }, [location.pathname]);
+
+  const handleTabClick = (key: Tab, path: string) => {
+    setActiveTab(key);
+    navigate(path);
+  };
+
+  return (
+    <nav className="fixed bottom-0 left-1/2 flex h-[95px] w-full -translate-x-1/2 transform items-center justify-between bg-white px-4 sm:h-[80px] sm:px-6 md:h-[95px]">
+      {tabs.map(({ key, label, activeIcon, inactiveIcon, path }) => {
+        const isActive = activeTab === key;
+        const iconSrc = isActive ? activeIcon : inactiveIcon;
+
+        return (
+          <button
+            key={key}
+            onClick={() => handleTabClick(key, path)}
+            className="flex flex-grow flex-col items-center justify-center space-y-1">
+            <img src={iconSrc} alt={label} className="h-6 w-6 sm:h-7 sm:w-7" />
+            <span className={`text-xs sm:text-sm ${isActive ? "text-gray-1000" : "text-gray-200"} font-medium`}>
+              {label}
+            </span>
+          </button>
+        );
+      })}
+    </nav>
+  );
+};
diff --git a/src/widgets/timepicker/ui/index.ts b/src/widgets/timepicker/ui/index.ts
new file mode 100644
index 0000000..8d9aefe
--- /dev/null
+++ b/src/widgets/timepicker/ui/index.ts
@@ -0,0 +1 @@
+export * from "./timepicker";
diff --git a/src/widgets/timepicker/ui/timepicker.tsx b/src/widgets/timepicker/ui/timepicker.tsx
new file mode 100644
index 0000000..0cf7276
--- /dev/null
+++ b/src/widgets/timepicker/ui/timepicker.tsx
@@ -0,0 +1,79 @@
+import React, { useState } from "react";
+import Picker from "react-mobile-picker";
+import { Drawer, DrawerContent, DrawerHeader, DrawerTrigger } from "../../../shared/ui/drawer";
+import { Button } from "../../../shared/ui/button";
+
+interface TimePickerDrawerProps {
+  onConfirm: (date: { ampm: string; hour: string; minute: string }) => void;
+  children?: React.ReactNode;
+}
+
+export const TimePickerDrawer: React.FC<TimePickerDrawerProps> = ({ onConfirm, children }) => {
+  const [open, setOpen] = useState(false);
+
+  const ampmOptions = ["오전", "오후"];
+  const hourBase = Array.from({ length: 12 }, (_, i) => String(i + 1));
+  const minuteBase = Array.from({ length: 60 }, (_, i) => String(i).padStart(2, "0"));
+
+  // 초기 값 설정
+  const [pickerValue, setPickerValue] = useState({
+    ampm: "오전",
+    hour: hourBase[0],
+    minute: minuteBase[0],
+  });
+
+  const handleConfirm = () => {
+    onConfirm(pickerValue);
+    setOpen(false);
+  };
+
+  return (
+    <Drawer open={open} onOpenChange={setOpen}>
+      <DrawerTrigger asChild>
+        <div className="w-full">{children}</div>
+      </DrawerTrigger>
+      <DrawerContent>
+        <div className="w-full">
+          <div className="relative flex h-[200px] w-full items-center justify-center">
+            <div className="absolute inset-x-0 top-1/2 h-11 -translate-y-1/2 rounded-[10px] bg-gray-100" />
+            <div className="relative w-full">
+              <Picker
+                value={pickerValue}
+                onChange={setPickerValue}
+                height={180}
+                itemHeight={44}
+                className="bg-transparent">
+                <Picker.Column name="ampm" className="min-w-0 flex-1 px-4">
+                  {ampmOptions.map(value => (
+                    <Picker.Item key={value} value={value}>
+                      <div className="text-center text-xl text-gray-800">{value}</div>
+                    </Picker.Item>
+                  ))}
+                </Picker.Column>
+                <Picker.Column name="hour" className="min-w-0 flex-1 px-4">
+                  {hourBase.map((value, i) => (
+                    <Picker.Item key={`${value}-${i}`} value={value}>
+                      <div className="text-center text-xl text-gray-800">{value}</div>
+                    </Picker.Item>
+                  ))}
+                </Picker.Column>
+                <Picker.Column name="minute" className="min-w-0 flex-1 px-4">
+                  {minuteBase.map((value, i) => (
+                    <Picker.Item key={`${value}-${i}`} value={value}>
+                      <div className="text-center text-xl text-gray-800">{value}</div>
+                    </Picker.Item>
+                  ))}
+                </Picker.Column>
+              </Picker>
+            </div>
+          </div>
+          <DrawerHeader>
+            <Button variant="active" onClick={handleConfirm} className="w-full">
+              확인
+            </Button>
+          </DrawerHeader>
+        </div>
+      </DrawerContent>
+    </Drawer>
+  );
+};
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 358ca9b..6b2e117 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -6,6 +6,10 @@
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
     "skipLibCheck": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
 
     /* Bundler mode */
     "moduleResolution": "bundler",
diff --git a/tsconfig.json b/tsconfig.json
index 1ffef60..ea7459f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,7 +1,12 @@
 {
   "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
+  "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "types": ["vite-plugin-pwa/client"],
+    "lib": ["ESNext", "DOM", "WebWorker"]
+  }
 }
diff --git a/vercel.json b/vercel.json
new file mode 100644
index 0000000..00e7ecc
--- /dev/null
+++ b/vercel.json
@@ -0,0 +1,3 @@
+{
+  "routes": [{ "src": "/[^.]+", "dest": "/", "status": 200 }]
+}
diff --git a/vite.config.ts b/vite.config.ts
index 30dc2e5..28f673e 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,58 +1,201 @@
 import { VitePWA } from "vite-plugin-pwa";
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
+import path from "path";
+import svgr from "vite-plugin-svgr";
+import fs from "fs";
+
+const isDev = process.env.NODE_ENV !== "production";
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  base: "/",
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "src"),
+    },
+  },
+  server: isDev
+    ? {
+        https: {
+          key: fs.readFileSync(path.resolve(__dirname, "_wildcard.sarangkkun.site+2-key.pem")),
+          cert: fs.readFileSync(path.resolve(__dirname, "_wildcard.sarangkkun.site+2.pem")),
+        },
+        host: "vite.sarangkkun.site",
+        port: 5173,
+      }
+    : {},
   plugins: [
     react(),
+    tailwindcss(),
+    svgr(),
     VitePWA({
       strategies: "injectManifest",
+      injectRegister: "auto",
       srcDir: "src",
       filename: "sw.ts",
-      registerType: "autoUpdate",
-      injectRegister: false,
-
+      registerType: "prompt",
       manifest: {
-        name: "sarang-mate",
-        short_name: "sarang-mate",
-        description: "사랑하는군",
+        id: "sarang.vercel.app",
+        name: "사랑꾼",
+        short_name: "사랑꾼",
+        description: "사랑꾼",
         theme_color: "#ffffff",
-
+        background_color: "#ffffff",
+        display: "fullscreen",
+        orientation: "portrait-primary",
+        start_url: "/",
+        launch_handler: {
+          client_mode: ["navigate-existing", "auto"],
+        },
+        display_override: ["fullscreen", "standalone"],
         icons: [
+          // 안드로이드 아이콘
           {
-            src: "pwa-64x64.png",
-            sizes: "64x64",
+            src: "android/android-launchericon-512-512.png",
+            sizes: "512x512",
             type: "image/png",
           },
           {
-            src: "pwa-192x192.png",
+            src: "android/android-launchericon-192-192.png",
             sizes: "192x192",
             type: "image/png",
           },
           {
-            src: "pwa-512x512.png",
-            sizes: "512x512",
+            src: "android/android-launchericon-144-144.png",
+            sizes: "144x144",
+            type: "image/png",
+          },
+          {
+            src: "android/android-launchericon-96-96.png",
+            sizes: "96x96",
+            type: "image/png",
+          },
+          {
+            src: "android/android-launchericon-72-72.png",
+            sizes: "72x72",
+            type: "image/png",
+          },
+          {
+            src: "android/android-launchericon-48-48.png",
+            sizes: "48x48",
+            type: "image/png",
+          },
+
+          // iOS 아이콘 (주요 크기)
+          {
+            src: "ios/76.png",
+            sizes: "76x76",
             type: "image/png",
           },
           {
-            src: "maskable-icon-512x512.png",
+            src: "ios/120.png",
+            sizes: "120x120",
+            type: "image/png",
+          },
+          {
+            src: "ios/180.png",
+            sizes: "180x180",
+            type: "image/png",
+          },
+
+          // Windows 11 아이콘 (주요 크기)
+          {
+            src: "windows11/Square44x44Logo.scale-100.png",
+            sizes: "44x44",
+            type: "image/png",
+          },
+          {
+            src: "windows11/Square150x150Logo.scale-100.png",
+            sizes: "150x150",
+            type: "image/png",
+          },
+          {
+            src: "windows11/Square150x150Logo.scale-200.png",
+            sizes: "300x300",
+            type: "image/png",
+          },
+          {
+            src: "windows11/Square150x150Logo.scale-400.png",
+            sizes: "600x600",
+            type: "image/png",
+          },
+          {
+            src: "windows11/Wide310x150Logo.scale-100.png",
+            sizes: "310x150",
+            type: "image/png",
+          },
+          {
+            src: "windows11/LargeTile.scale-100.png",
+            sizes: "310x310",
+            type: "image/png",
+          },
+
+          // Maskable 아이콘 (적응형 아이콘 지원)
+          {
+            src: "android/android-launchericon-192-192.png",
+            sizes: "192x192",
+            type: "image/png",
+            purpose: "maskable",
+          },
+          {
+            src: "android/android-launchericon-512-512.png",
             sizes: "512x512",
             type: "image/png",
             purpose: "maskable",
           },
         ],
+        // Splash Screens (PWA 설치 시)
+        screenshots: [
+          {
+            src: "splash/ios/iPhone_16_Pro_Max_portrait.png",
+            sizes: "1290x2796",
+            type: "image/png",
+            label: "iOS Splash",
+          },
+          {
+            src: "splash/ios/iPhone_14_Plus__iPhone_13_Pro_Max__iPhone_12_Pro_Max_landscape.png",
+            sizes: "1284x2778",
+            type: "image/png",
+            label: "iOS Splash",
+          },
+          {
+            src: "splash/ios/12.9__iPad_Pro_portrait.png",
+            sizes: "2048x2732",
+            type: "image/png",
+            label: "iOS Splash",
+          },
+          {
+            src: "splash/ios/4__iPhone_SE__iPod_touch_5th_generation_and_later_portrait.png",
+            sizes: "640x1136",
+            type: "image/png",
+            label: "iOS Splash",
+          },
+          {
+            src: "splash/ios/icon.png",
+            sizes: "1024x1024",
+            type: "image/png",
+            label: "iOS Splash",
+          },
+        ],
       },
 
       injectManifest: {
         globPatterns: ["**/*.{js,css,html,svg,png,ico}"],
+        injectionPoint: "self.__WB_MANIFEST",
+        maximumFileSizeToCacheInBytes: 5000000,
       },
 
       devOptions: {
-        enabled: false,
-        navigateFallback: "index.html",
-        suppressWarnings: true,
+        enabled: true,
         type: "module",
+        navigateFallback: "index.html",
+      },
+
+      workbox: {
+        clientsClaim: true,
+        skipWaiting: true,
       },
     }),
   ],
diff --git a/vitest.config.ts b/vitest.config.ts
new file mode 100644
index 0000000..4c07d68
--- /dev/null
+++ b/vitest.config.ts
@@ -0,0 +1,17 @@
+import { defineConfig } from "vitest/config";
+import path from "path";
+
+export default defineConfig({
+  test: {
+    environment: "happy-dom", // 브라우저 환경이 필요한 경우 (ex: DOM 관련 테스트)
+    coverage: {
+      reporter: ["text", "json", "html"], // 커버리지 리포트 형식
+      exclude: ["node_modules/", "dist/", "tests/helpers/"], // 커버리지에서 제외할 파일
+    },
+  },
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"), // 경로 별칭 설정
+    },
+  },
+});