diff --git a/README.md b/README.md
index 0ee1294..84b2781 100644
--- a/README.md
+++ b/README.md
@@ -1,482 +1,242 @@
-## 📁 프로젝트 구조
+# GBGR (거부기린)
 
-```
-src/
-├── main/         # Electron Main Process
-├── preload/      # Electron Preload Script
-└── renderer/     # Electron Renderer Process (React)
-    └── src/
-        ├── packages/
-        │   ├── api/    # API 관련 로직 및 훅
-        │   └── ui/     # UI 컴포넌트 및 스타일
-        ├── pages/      # 페이지 컴포넌트
-        ├── components/ # 공통 컴포넌트
-        └── ...
-```
+> 실시간 웹캠 자세 인식을 통해 거북목과 같은 잘못된 자세를 교정하고 사용자에게 통계 피드백을 제공하는 데스크탑 애플리케이션
 
-## 📍 Git Commit Convention
-
-## 1. Branch Naming Rule
-
-**Branch 이름**은 **작업 목적과 연관된 이슈 번호를 포함하는 방식**
-
-```php
-<타입>/<이슈 번호>-<간단한 설명>
-
-- feature/1234-add-user-login
-- bugfix/5678-fix-login-error
-- release/1.2.0
-```
-
-### Branch Type
-
-- **feature/ - 새로운 기능 개발 시**
-- **bugfix/ -** **버그 수정** 시
-- **hotfix/ -** **긴급한 버그 수정** 시 (보통 프로덕션 환경에서 발생)
-- **release/ -** **릴리즈 준비 시**
-- **chore/ -** 빌드 및 기타 작업 자동화, 문서 작업 등 **코드와 관련 없는 작업**
+<p align="center">
+  <img src="buildResources/icon.png" alt="거부기린 아이콘" width="200" />
+</p>
 
 ---
 
-## 🔧 API 패키지에 새로운 기능 추가하기
-
-### 1. 새로운 API 엔드포인트 추가
-
-#### 1.1 타입 정의 추가
-
-```typescript
-// packages/api/src/types/index.ts
-export interface NewFeatureResponse {
-  id: string;
-  name: string;
-  status: 'active' | 'inactive';
-  createdAt: string;
-}
-```
-
-#### 1.2 API 클라이언트 메서드 추가
-
-```typescript
-// packages/api/src/client/api-client.ts
-export class ElectronAPIClient {
-  // 기존 메서드들...
-
-  async getNewFeature(id: string): Promise<NewFeatureResponse> {
-    if (typeof window !== 'undefined' && (window as any).electronAPI) {
-      return await (window as any).electronAPI.getNewFeature(id);
-    }
-    throw new Error('Electron API not available');
-  }
-}
-
-export class WebAPIClient {
-  // 기존 메서드들...
-
-  async getNewFeature(id: string): Promise<NewFeatureResponse> {
-    const response = await fetch(`${this.baseURL}/new-feature/${id}`);
-    if (!response.ok) {
-      throw new Error('Failed to fetch new feature');
-    }
-    return await response.json();
-  }
-}
-```
-
-#### 1.3 React Query 훅 추가
-
-```typescript
-// packages/api/src/hooks/use-new-feature.ts
-import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
-import { createAPIClient } from '../../index';
-import { NewFeatureResponse } from '../types';
-
-let apiClient: ReturnType<typeof createAPIClient> | null = null;
-
-function getApiClient() {
-  if (!apiClient) {
-    apiClient = createAPIClient();
-  }
-  return apiClient;
-}
-
-// 조회 훅
-export function useNewFeature(id: string) {
-  return useQuery({
-    queryKey: ['newFeature', id],
-    queryFn: () => getApiClient().getNewFeature(id),
-    enabled: !!id,
-    staleTime: 5 * 60 * 1000, // 5분
-    retry: 3,
-  });
-}
-
-// 생성/수정/삭제 뮤테이션 훅
-export function useNewFeatureMutation() {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: (data: Partial<NewFeatureResponse>) =>
-      getApiClient().createNewFeature(data),
-    onSuccess: () => {
-      // 관련 쿼리 무효화
-      queryClient.invalidateQueries({ queryKey: ['newFeature'] });
-    },
-  });
-}
-```
-
-#### 1.4 훅 익스포트 추가
-
-```typescript
-// packages/api/src/hooks/index.ts
-export * from './use-new-feature';
-// 기존 익스포트들...
-```
-
-#### 1.5 메인 익스포트 업데이트
-
-```typescript
-// packages/api/index.ts
-// 기존 익스포트들...
-export * from './src/hooks/use-new-feature';
-```
+## 🔗 데모 & 자료
 
-### 2. 새로운 유틸리티 함수 추가
+- 서비스 홈페이지: [https://bugi.co.kr](https://bugi.co.kr)
 
-#### 2.1 유틸리티 함수 작성
-
-```typescript
-// packages/api/src/utils/new-feature-utils.ts
-export function formatNewFeatureName(name: string): string {
-  return name.trim().toLowerCase().replace(/\s+/g, '-');
-}
-
-export function validateNewFeatureData(data: any): boolean {
-  return data && typeof data.name === 'string' && data.name.length > 0;
-}
-```
-
-#### 2.2 유틸리티 익스포트 추가
-
-```typescript
-// packages/api/src/utils/index.ts
-export * from './new-feature-utils';
-// 기존 익스포트들...
-```
-
-## 🎨 UI 패키지에 새로운 컴포넌트 추가하기
+---
 
-### 1. 새로운 컴포넌트 생성
+## ✨ 핵심 요약 (TL;DR)
 
-#### 1.1 컴포넌트 디렉토리 생성
+- **문제 인식**: 장시간 컴퓨터 사용으로 인해 무의식적으로 자세가 흐트러져 거북목, 어깨 비대칭 등의 문제를 겪는 사용자가 많습니다.
+- **핵심 해결 전략**:
+  - 웹캠을 통해 사용자의 자세를 실시간으로 분석하고 시각적으로 피드백합니다.
+  - 잘못된 자세가 감지되면 알림을 보내 즉각적인 교정을 유도합니다.
+  - 세션별 자세 데이터를 기록하고 통계 대시보드를 제공하여 장기적인 습관 개선을 돕습니다.
+- **프론트엔드 기술 포인트**:
+  - `@mediapipe/tasks-vision`을 활용하여 웹캠 영상에서 실시간으로 신체 키포인트를 추출하고 자세를 분석합니다.
+  - `Zustand`를 사용해 세션, 알림, 카메라 등 복잡한 클라이언트 상태를 효율적으로 관리합니다.
+  - `Recharts`를 이용해 사용자의 자세 점수, 패턴 등 통계 데이터를 시각화하여 제공합니다.
+  - `Electron`의 IPC 통신을 활용하여 메인 윈도우와 위젯 간의 상태를 동기화합니다.
 
-```
-packages/ui/src/components/NewComponent/
-├── NewComponent.tsx
-├── NewComponent.css (선택사항)
-└── index.ts (선택사항)
-```
+---
 
-#### 1.2 컴포넌트 구현
-
-```typescript
-// packages/ui/src/components/NewComponent/NewComponent.tsx
-import React from 'react';
-import { cn } from '../../utils/cn';
-
-interface NewComponentProps {
-  title: string;
-  description?: string;
-  variant?: 'default' | 'primary' | 'secondary';
-  size?: 'sm' | 'md' | 'lg';
-  className?: string;
-  children?: React.ReactNode;
-}
-
-export function NewComponent({
-  title,
-  description,
-  variant = 'default',
-  size = 'md',
-  className,
-  children,
-}: NewComponentProps) {
-  return (
-    <div
-      className={cn(
-        'rounded-lg border p-4',
-        {
-          'bg-white border-gray-200': variant === 'default',
-          'bg-blue-50 border-blue-200': variant === 'primary',
-          'bg-gray-50 border-gray-300': variant === 'secondary',
-          'p-2 text-sm': size === 'sm',
-          'p-4 text-base': size === 'md',
-          'p-6 text-lg': size === 'lg',
-        },
-        className
-      )}
-    >
-      <h3 className="font-semibold text-gray-900">{title}</h3>
-      {description && (
-        <p className="mt-1 text-sm text-gray-600">{description}</p>
-      )}
-      {children}
-    </div>
-  );
-}
-```
+## 🧩 주요 기능
+
+1. **실시간 자세 분석 및 위젯**
+   - 설명: 웹캠을 통해 사용자의 자세를 실시간으로 분석하고, MediaPipe를 활용해 신체 키포인트를 추출합니다. 메인 화면과 데스크탑 위젯을 통해 현재 자세 상태(거북목/기린)를 실시간으로 확인하고 세션을 제어할 수 있습니다. 위젯은 항상 위에 표시되며 크기 조절이 가능합니다.
+   - 기술 포인트: `react-webcam`, `@mediapipe/tasks-vision`, Electron `BrowserWindow`, `PostureClassifier` (안정화 로직 포함)
+   - 주요 특징:
+     - PI(Posture Index) 계산을 통한 정량적 자세 평가
+     - EMA(Exponential Moving Average) 스무딩으로 노이즈 제거
+     - PostureStabilizer를 통한 안정화된 자세 판정
+     - 정면성 검사(roll, centerRatio)로 측정 신뢰도 보장
+
+2. **캘리브레이션 시스템**
+   - 설명: 사용자 개인의 정상 자세를 기준으로 설정하는 캘리브레이션 기능입니다. 측정 중 밝기, 자세 안정성 등을 검사하여 신뢰할 수 있는 기준값을 확보합니다.
+   - 기술 포인트: `trimmedStats` (상하 5% 절사 평균 및 표준편차), `errorChecks` (밝기/안정성 검증)
+
+3. **통계 대시보드**
+   - 설명: 일별, 주별 데이터를 기반으로 자세 점수 변화, 주요 자세 패턴, 출석률, 평균 자세 점수, 레벨 진행도 등을 시각적으로 분석합니다. Recharts를 활용한 다양한 차트로 사용자의 장기적인 자세 개선 추이를 확인할 수 있습니다.
+   - 기술 포인트: `TanStack Query` (서버 데이터 캐싱 및 동기화), `Recharts` (차트 시각화)
+   - 주요 패널:
+     - 평균 자세 점수 그래프 (시간대별 추이)
+     - 자세 패턴 분석 (거북목/기린 비율)
+     - 출석률 및 연속 출석 일수
+     - 레벨 진행도 및 달성률
+
+4. **자세 교정 알림**
+   - 설명: 거북목이나 비대칭 자세가 일정 시간 이상 지속되면 데스크탑 알림을 보내 사용자가 인지하고 바로잡을 수 있도록 돕습니다. 알림 강도와 주기를 사용자가 설정할 수 있습니다.
+   - 기술 포인트: Electron `Notification` API, `useNotificationScheduler` 훅, `Zustand` (알림 상태 관리)
+
+5. **세션 관리**
+   - 설명: 자세 측정 세션을 시작, 일시정지, 재개, 종료할 수 있습니다. 세션 중 수집된 메트릭 데이터는 주기적으로 서버에 저장되며, 세션 종료 시 리포트를 제공합니다.
+   - 기술 포인트: `useAutoMetricsSender` (자동 메트릭 전송), `useSessionCleanup` (세션 정리)
 
-#### 1.3 컴포넌트 익스포트 추가
+---
 
-```typescript
-// packages/ui/src/components/NewComponent/index.ts
-export { NewComponent } from './NewComponent';
-```
+## 🛠 기술 스택
 
-### 2. Storybook 스토리 추가
-
-#### 2.1 스토리 파일 생성
-
-```typescript
-// packages/ui/src/stories/NewComponent.stories.tsx
-import type { Meta, StoryObj } from '@storybook/react';
-import { NewComponent } from '../components/NewComponent/NewComponent';
-
-const meta: Meta<typeof NewComponent> = {
-  title: 'Components/NewComponent',
-  component: NewComponent,
-  parameters: {
-    layout: 'centered',
-  },
-  tags: ['autodocs'],
-  argTypes: {
-    variant: {
-      control: { type: 'select' },
-      options: ['default', 'primary', 'secondary'],
-    },
-    size: {
-      control: { type: 'select' },
-      options: ['sm', 'md', 'lg'],
-    },
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    title: '기본 컴포넌트',
-    description: '이것은 기본 컴포넌트입니다.',
-  },
-};
-
-export const Primary: Story = {
-  args: {
-    title: 'Primary 컴포넌트',
-    description: '이것은 Primary 스타일의 컴포넌트입니다.',
-    variant: 'primary',
-  },
-};
-
-export const Large: Story = {
-  args: {
-    title: 'Large 컴포넌트',
-    description: '이것은 Large 크기의 컴포넌트입니다.',
-    size: 'lg',
-  },
-};
-```
+### Frontend
 
-### 3. 패키지 익스포트 업데이트
+- **Framework**: `Electron`, `React`
+- **Language**: `TypeScript`
+- **State Management**: `Zustand`, `TanStack Query`
+- **Styling**: `Tailwind CSS`
+- **Build/Bundle**: `Vite`
+- **Pose Detection**: `@mediapipe/tasks-vision`
 
-#### 3.1 메인 익스포트 추가
+### 협업 & 기타
 
-```typescript
-// packages/ui/index.tsx
-import './src/styles/globals.css';
+- **Version Control**: `Git`, GitHub
+- **CI**: `GitHub Actions`
+- **Package Manager**: `pnpm`
+- **Form Validation**: `react-hook-form`, `zod`
+- **Animation**: `framer-motion`
+- **Routing**: `react-router-dom`
 
-export * from './src/components/Button/Button';
-export * from './src/components/Header/Header';
-export * from './src/components/Page/Page';
-export * from './src/components/Alert/Alert';
-export * from './src/components/AnimatedBox/AnimatedBox';
-export * from './src/components/NewComponent/NewComponent'; // 새로 추가
-```
+---
 
-#### 3.2 package.json exports 업데이트
-
-```json
-// packages/ui/package.json
-{
-  "exports": {
-    ".": "./index.tsx",
-    "./tokens.css": "./src/styles/tokens.css",
-    "./globals.css": "./src/styles/globals.css",
-    "./theme.css": "./src/styles/theme.css",
-    "./Button": "./src/components/Button/Button.tsx",
-    "./AnimatedBox": "./src/components/AnimatedBox/AnimatedBox.tsx",
-    "./Header": "./src/components/Header/Header.tsx",
-    "./Page": "./src/components/Page/Page.tsx",
-    "./Alert": "./src/components/Alert/Alert.tsx",
-    "./NewComponent": "./src/components/NewComponent/NewComponent.tsx"
-  }
-}
-```
+## 📁 프로젝트 구조
 
-## 🧪 테스트 추가하기
-
-### API 패키지 테스트
-
-```typescript
-// packages/api/src/hooks/__tests__/use-new-feature.test.ts
-import { renderHook, waitFor } from '@testing-library/react';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { useNewFeature } from '../use-new-feature';
-
-const createWrapper = () => {
-  const queryClient = new QueryClient({
-    defaultOptions: {
-      queries: { retry: false },
-      mutations: { retry: false },
-    },
-  });
-  return ({ children }: { children: React.ReactNode }) => (
-    <QueryClientProvider client={queryClient}>
-      {children}
-    </QueryClientProvider>
-  );
-};
-
-describe('useNewFeature', () => {
-  it('should fetch new feature data', async () => {
-    const { result } = renderHook(() => useNewFeature('test-id'), {
-      wrapper: createWrapper(),
-    });
-
-    await waitFor(() => {
-      expect(result.current.isSuccess).toBe(true);
-    });
-  });
-});
-```
+```bash
+src/
+├── main/           # Electron 메인 프로세스
+│   └── src/
+│       ├── index.ts              # IPC 핸들러 및 앱 초기화
+│       ├── mainWindow.ts        # 메인 윈도우 생성 및 관리
+│       ├── widgetWindow.ts      # 위젯 윈도우 생성 및 관리
+│       └── notificationHandlers.ts  # 알림 관련 핸들러
+├── preload/        # Electron 프리로드 스크립트
+│   └── src/
+│       └── index.ts             # Context Bridge API 노출
+└── renderer/       # React 애플리케이션 (UI)
+    └── src/
+        ├── api/                  # API 요청 관련 훅 (TanStack Query)
+        │   ├── dashboard/        # 대시보드 데이터 쿼리
+        │   ├── session/          # 세션 관리 뮤테이션
+        │   └── login/            # 인증 관련
+        ├── assets/               # 이미지, 폰트 등 정적 에셋
+        ├── components/           # 재사용 가능한 공통 컴포넌트
+        │   ├── pose-detection/   # 자세 인식 관련 컴포넌트
+        │   │   ├── PostureClassifier.ts    # 자세 분류 엔진
+        │   │   ├── PostureStabilizer.ts   # 안정화 로직
+        │   │   └── calculations.ts        # PI 계산 등
+        │   ├── Button/           # 버튼 컴포넌트
+        │   ├── Modal/            # 모달 컴포넌트
+        │   └── ...
+        ├── hooks/                # 커스텀 훅
+        │   ├── useNotificationScheduler.ts  # 알림 스케줄링
+        │   ├── useAutoMetricsSender.ts      # 자동 메트릭 전송
+        │   └── useWidget.ts                 # 위젯 상태 관리
+        ├── layout/               # 페이지 레이아웃 컴포넌트
+        ├── pages/                # 라우팅 단위 페이지 컴포넌트
+        │   ├── Main/             # 메인 대시보드 페이지
+        │   ├── Widget/          # 위젯 페이지
+        │   ├── Calibration/     # 캘리브레이션 페이지
+        │   └── ...
+        ├── store/                # Zustand 전역 스토어
+        │   ├── usePostureStore.ts    # 자세 상태 관리
+        │   ├── useCameraStore.ts     # 카메라 상태 관리
+        │   └── useNotificationStore.ts  # 알림 설정 관리
+        ├── styles/               # 전역 스타일 및 Tailwind 설정
+        ├── types/                # 공용 타입 정의
+        └── utils/                # 유틸리티 함수
+```
+
+- **컴포넌트 설계**: 페이지(Pages)가 비즈니스 로직과 데이터 페칭을 담당하고, 컴포넌트(Components)는 UI 표현에 집중하는 구조를 지향합니다. `pose-detection` 폴더에는 자세 인식 관련 핵심 로직이 클래스 기반으로 구현되어 있습니다.
+- **디자인 시스템**: `Button`, `Modal`, `TextField`, `ToggleSwitch` 등 핵심 UI를 공통 컴포넌트로 만들어 일관성을 유지하고 재사용성을 높였습니다. `clsx`와 `tailwind-merge`를 활용해 조건부 스타일링을 관리합니다.
+- **상태 관리 전략**:
+  - `Zustand`로 클라이언트 상태(자세, 카메라, 알림 설정) 관리
+  - `TanStack Query`로 서버 상태 캐싱 및 동기화
+  - 위젯과 메인 윈도우 간 동기화는 `localStorage`의 `storage` 이벤트 활용
 
-### UI 패키지 테스트
-
-```typescript
-// packages/ui/src/components/NewComponent/__tests__/NewComponent.test.tsx
-import { render, screen } from '@testing-library/react';
-import { NewComponent } from '../NewComponent';
-
-describe('NewComponent', () => {
-  it('renders with title', () => {
-    render(<NewComponent title="Test Title" />);
-    expect(screen.getByText('Test Title')).toBeInTheDocument();
-  });
-
-  it('renders with description', () => {
-    render(
-      <NewComponent
-        title="Test Title"
-        description="Test Description"
-      />
-    );
-    expect(screen.getByText('Test Description')).toBeInTheDocument();
-  });
-});
-```
+---
 
-## 📝 개발 워크플로우
+## 🚀 실행 방법
 
-### 1. 개발 시작
+`.env.example` 파일을 참고하여 프로젝트 루트에 `.env` 파일을 생성해주세요.
 
 ```bash
-# 프로젝트 의존성 설치
-npm install
-
-# Electron 개발 서버 시작
-npm run dev
+# .env
+VITE_BASE_URL=http://localhost:8080
 ```
 
-### 2. 새 기능 개발
-
-1. **API 패키지**: 타입 정의 → API 클라이언트 → React Query 훅 → 익스포트
-2. **UI 패키지**: 컴포넌트 구현 → Storybook 스토리 → 익스포트 → 테스트
-
-### 3. 코드 품질 관리
-
 ```bash
-# 타입 체크
-npm run typecheck
+# 1. 의존성 설치
+pnpm install
 
-# 린팅
-npm run lint
+# 2. 개발 서버 실행 (메인 + 렌더러 동시 실행)
+pnpm dev
 
-# 포맷팅
-npm run format
+# 3. 프로덕션 빌드
+pnpm build
 
-# 테스트
-npm run test
+# 4. 프로덕션 모드로 실행
+pnpm start:prod
+
+# 5. 플랫폼별 빌드
+pnpm build:mac    # macOS 빌드
+pnpm build:win    # Windows 빌드
+pnpm build:all    # 모든 플랫폼 빌드
 ```
 
-## 🔄 패키지 간 의존성
+## 🧪 테스트 & 품질
 
-### API 패키지 사용법
+- **Lint & Format**:
+  - `pnpm lint`: ESLint를 통해 코드 컨벤션을 검사하고 자동 수정합니다.
+  - `pnpm lint:check`: ESLint 검사만 수행 (수정 없음)
+  - `pnpm format`: Prettier를 통해 코드 스타일을 통일합니다.
+  - `pnpm format:check`: Prettier 검사만 수행 (수정 없음)
+  - `pnpm typecheck`: TypeScript 컴파일러로 타입 오류를 검사합니다 (main, preload, renderer 모두)
+- **Git Hooks**: `husky`와 `lint-staged`를 통해 커밋 전 자동으로 lint와 format을 실행합니다.
+- **Unit/E2E Test**: 현재 테스트 코드는 없으나, 향후 `Vitest`와 `Testing Library`를 도입하여 훅, 유틸 및 주요 컴포넌트의 안정성을 높일 계획입니다.
 
-```typescript
-// src/renderer/src/App.tsx
-import { useHealth, useVersion, createAPIClient } from 'api';
+---
 
-function App() {
-  const { data: health } = useHealth();
-  const { data: version } = useVersion();
+## 🎨 UI/UX & 접근성
 
-  return (
-    <div>
-      <p>Health: {health?.status}</p>
-      <p>Version: {version?.version}</p>
-    </div>
-  );
-}
-```
+- **디자인 원칙**:
+  - **명확한 피드백**: 사용자의 자세 상태(거북목/기린)를 캐릭터 애니메이션과 색상으로 직관적으로 표현합니다. 실시간 점수와 레벨을 통해 현재 자세를 즉시 파악할 수 있습니다.
+  - **최소한의 방해**: 위젯 모드를 통해 사용자의 작업 흐름을 방해하지 않으면서 핵심 기능을 이용할 수 있도록 설계했습니다. 위젯은 항상 위에 표시되며 크기 조절이 가능합니다.
+  - **다크 모드 지원**: 시스템 테마를 감지하여 자동으로 다크/라이트 모드를 전환합니다.
+- **디자인 시스템**:
+  - **Component**: `Button`, `TextField`, `Modal`, `ToggleSwitch`, `Typography` 등 재사용 가능한 컴포넌트를 구축했습니다.
+  - **Tokens**: `styles/colors.css`, `styles/typography.css`, `styles/breakpoint.css` 등에서 색상, 폰트, 간격, 브레이크포인트 시스템을 정의하여 일관된 디자인을 유지합니다.
+  - **애니메이션**: `framer-motion`을 활용하여 부드러운 전환 효과를 제공합니다.
+- **접근성**: 향후 키보드 네비게이션, `aria-*` 속성 적용, 색상 대비 준수 등 웹 접근성 표준을 고려하여 개선할 예정입니다.
 
-### UI 패키지 사용법
-
-```typescript
-// src/renderer/src/App.tsx
-import { Button, Header, Page, NewComponent } from 'ui';
-import 'ui/globals.css';
-
-function App() {
-  return (
-    <Page>
-      <Header title="My App" />
-      <NewComponent
-        title="Welcome"
-        description="This is a new component"
-        variant="primary"
-      />
-      <Button>Click me</Button>
-    </Page>
-  );
-}
-```
+---
 
-## 🚀 배포 및 빌드
+## 📌 개발 의도 & 기술적 도전
+
+- **기술적 도전 과제**:
+  1.  **실시간 영상 처리 성능**: 저사양 컴퓨터에서도 부드럽게 작동하도록 웹캠 영상 분석 과정의 성능을 최적화하는 것이 중요했습니다.
+  2.  **다중 윈도우 상태 관리**: Electron의 메인 윈도우와 위젯 윈도우 간의 상태(세션, 시간 등)를 일관성 있게 동기화하는 것이 복잡했습니다.
+  3.  **크로스 플랫폼 호환성**: macOS와 Windows 환경 모두에서 안정적으로 빌드되고 실행되도록 `electron-builder` 설정을 구성했습니다.
+
+- **해결 과정**:
+  1.  **성능 최적화**:
+  - MediaPipe의 `detectForVideo`를 프레임별로 호출하여 중복 처리 방지
+  - `PostureStabilizer`를 통해 자세 판정의 안정성 확보 (300ms 윈도우, 0.6 임계값)
+  - `ScoreProcessor`의 EMA 스무딩으로 노이즈 제거
+  - 레벨 변경 시 업데이트 주기 조절 (경계 전환: 50ms, 레벨 변경: 150ms, 일반: 200ms)
+  2.  **다중 윈도우 동기화**:
+  - 메인 프로세스를 중앙 허브로 삼아 `ipcMain`과 `ipcRenderer`를 통해 위젯 창 열기/닫기 제어
+  - 위젯과 메인 윈도우 간 자세 상태 동기화는 `localStorage`의 `storage` 이벤트 활용 (IPC 대신 사용하여 간단하고 안정적으로 구현)
+  - `usePostureSyncWithLocalStorage` 훅으로 위젯에서 메인 창의 상태 변경 감지
+  3.  **크로스 플랫폼 호환성**:
+  - GitHub Actions를 이용해 각기 다른 OS 환경의 빌드를 자동화
+  - `entitlements.mac.plist`에 카메라/마이크 권한 명시
+  - `electron-builder` 설정으로 macOS (Intel/Apple Silicon) 및 Windows 빌드 지원
 
-### 패키지 빌드
+---
 
-```bash
-# 전체 프로젝트 빌드
-npm run build
+## 👥 팀 구성 & 역할
 
-# 특정 패키지만 빌드
-cd packages/api && npm run typecheck
-cd packages/ui && npm run build-storybook
-```
+- **Frontend**:
+  - 최호 ([@choihooo](https://github.com/choihooo)): 프론트엔드 리드, 페이지 설계, 상태 관리, 디자인 시스템
+  - 이환석 ([@hwanseok1014](https://github.com/hwanseok1014)): 프론트엔드, API 연동, 데이터 시각화, Electron 기능 구현
+- **Backend**:
+  - 손대현 ([@son-daehyeon](https://github.com/son-daehyeon)): 백엔드 리드, API 설계, 인증, 배포
 
-### Electron 앱 빌드
+---
 
-```bash
-npm run build
-```
+## 📚 향후 개선 계획
+
+- [ ] 반응형 레이아웃 더 세분화 (태블릿 최적화)
+- [ ] Skeleton UI / Loading 상태 고도화
+- [ ] 추가 접근성 검사 및 개선 (WAI-ARIA 표준 적용)
+- [ ] 다국어(i18n) 지원
+- [ ] Vitest를 이용한 단위 테스트 코드 작성
+- [ ] 자세 인식 정확도 향상을 위한 추가 캘리브레이션 옵션
+- [ ] 오프라인 모드 지원 (로컬 저장 후 동기화)
+- [ ] 사용자 커스터마이징 옵션 확대 (알림 설정, 테마 등)
diff --git a/src/renderer/src/api/api.ts b/src/renderer/src/api/api.ts
index 5db3a9a..3d805a0 100644
--- a/src/renderer/src/api/api.ts
+++ b/src/renderer/src/api/api.ts
@@ -19,6 +19,51 @@ const api: AxiosInstance = axios.create({
   },
 });
 
+/**
+ * 리프레시 토큰으로 액세스 토큰 재발급
+ */
+const refreshAccessToken = async (): Promise<void> => {
+  const refreshToken = localStorage.getItem('refreshToken');
+  if (!refreshToken) {
+    throw new Error('Refresh token not found');
+  }
+
+  try {
+    const { data: newToken } = await axios.post<RefreshResponse>(
+      `${import.meta.env.VITE_BASE_URL}/auth/refresh`,
+      { refreshToken },
+      { withCredentials: true },
+    );
+
+    // AUTH-102 코드인 경우 유효하지 않은 리프레시 토큰
+    if (newToken.code?.toUpperCase() === 'AUTH-102') {
+      throw new Error('Invalid refresh token');
+    }
+
+    if (!newToken.success || !newToken.data) {
+      throw new Error('Refresh token expired');
+    }
+
+    // 새로 발급 받은 토큰 저장
+    const newAccessToken = newToken.data.accessToken;
+    const newRefreshToken = newToken.data.refreshToken;
+
+    localStorage.setItem('accessToken', newAccessToken);
+    localStorage.setItem('refreshToken', newRefreshToken);
+
+    api.defaults.headers.common['Authorization'] = `Bearer ${newAccessToken}`;
+  } catch (error) {
+    // AUTH-102 에러를 명시적으로 처리
+    if (axios.isAxiosError(error) && error.response?.data) {
+      const errorData = error.response.data as { code?: string };
+      if (errorData.code?.toUpperCase() === 'AUTH-102') {
+        throw new Error('Invalid refresh token');
+      }
+    }
+    throw error;
+  }
+};
+
 api.interceptors.request.use(
   (config) => {
     const accessToken = localStorage.getItem('accessToken');
@@ -33,21 +78,42 @@ api.interceptors.request.use(
 );
 
 api.interceptors.response.use(
-  (response) => {
-    // 200 OK 응답이지만 세션 만료 코드인 경우 처리
+  async (response) => {
+    // 200 OK 응답이지만 토큰 관련 에러 코드인 경우 처리
     const responseData = response.data as {
       code?: string;
       success?: boolean;
       message?: string;
     };
 
-    // AUTH-101 코드인 경우 세션 만료로 처리 (대소문자 구분 없음)
-    if (responseData.code?.toUpperCase() === 'AUTH-101') {
-      // 세션 만료 처리
+    const errorCode = responseData.code?.toUpperCase();
+
+    // AUTH-102 코드인 경우 유효하지 않은 리프레시 토큰 → 로그아웃 처리
+    if (errorCode === 'AUTH-102') {
       localStorage.clear();
       window.location.href = '/';
-      // 에러로 처리하여 이후 로직 실행 방지
-      throw new Error(responseData.message || 'Session expired');
+      throw new Error(responseData.message || 'Invalid refresh token');
+    }
+
+    // AUTH-101 코드인 경우 토큰 만료로 처리 (대소문자 구분 없음)
+    if (errorCode === 'AUTH-101') {
+      try {
+        // 리프레시 토큰으로 재발급 시도
+        await refreshAccessToken();
+
+        // 재발급 성공 시 원래 요청을 새 토큰으로 재시도
+        const originalRequest = response.config;
+        const newAccessToken = localStorage.getItem('accessToken');
+        if (newAccessToken && originalRequest.headers) {
+          originalRequest.headers['Authorization'] = `Bearer ${newAccessToken}`;
+        }
+        return api(originalRequest);
+      } catch (refreshError) {
+        // 리프레시 토큰도 만료되거나 유효하지 않은 경우 로그아웃 처리
+        localStorage.clear();
+        window.location.href = '/';
+        throw new Error(responseData.message || 'Session expired');
+      }
     }
 
     return response;
@@ -64,30 +130,17 @@ api.interceptors.response.use(
     ) {
       originalRequest._retry = true;
       try {
-        const refreshToken = localStorage.getItem('refreshToken');
+        await refreshAccessToken();
 
-        const { data: newToken } = await axios.post<RefreshResponse>(
-          `${import.meta.env.VITE_BASE_URL}/auth/refresh`,
-          { refreshToken },
-          { withCredentials: true },
-        );
-
-        /* success가 false이거나 응답으로 온 데이터가 비었을 때 */
-        if (!newToken.success || !newToken.data) {
-          throw new Error('Refresh token expired');
-        }
-
-        /* 새로 발급 받은 토큰 저장 */
-        const newAccessToken = newToken.data.accessToken;
-        const newRefreshToken = newToken.data.refreshToken;
-
-        localStorage.setItem('accessToken', newAccessToken);
-        localStorage.setItem('refreshToken', newRefreshToken);
-
-        api.defaults.headers.common['Authorization'] =
-          `Bearer ${newAccessToken}`;
-        if (originalRequest.headers) {
-          originalRequest.headers['Authorization'] = `Bearer ${newAccessToken}`;
+        // 재발급 성공 시 원래 요청을 새 토큰으로 재시도
+        const newAccessToken = localStorage.getItem('accessToken');
+        if (newAccessToken) {
+          api.defaults.headers.common['Authorization'] =
+            `Bearer ${newAccessToken}`;
+          if (originalRequest.headers) {
+            originalRequest.headers['Authorization'] =
+              `Bearer ${newAccessToken}`;
+          }
         }
 
         return api(originalRequest);
diff --git a/src/renderer/src/assets/angel-rini-modal.svg b/src/renderer/src/assets/angel-rini-modal.svg
new file mode 100644
index 0000000..94fc498
--- /dev/null
+++ b/src/renderer/src/assets/angel-rini-modal.svg
@@ -0,0 +1,287 @@
+<svg width="150" height="100" viewBox="0 0 150 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M66.875 79.1992L57.5 80.6055L62.9059 97.3242L68.2184 97.3242L66.875 79.1992Z" fill="#F0AA00"/>
+<path d="M68.0409 94.8242H62.0991L62.885 97.3242H68.2188L68.0409 94.8242Z" fill="url(#paint0_linear_3495_89906)"/>
+<path d="M83.2188 79.6289L74.7813 79.6291L75.4063 97.0093L80.5625 97.0093L83.2188 79.6289Z" fill="#F0AA00"/>
+<path d="M80.8985 94.8223H75.3309L75.4075 97.3223H80.5637L80.8985 94.8223Z" fill="#7B7B7B"/>
+<path d="M80.8985 94.8223H75.3309L75.4075 97.3223H80.5637L80.8985 94.8223Z" fill="url(#paint1_linear_3495_89906)"/>
+<path d="M88.7062 79.1961L79.6262 79.1929L83.845 97.3032L88.7062 97.3032L88.7062 79.1961Z" fill="#FFBE2B"/>
+<path d="M88.709 94.8242H83.2655L83.6885 97.3242L88.709 97.3059V94.8242Z" fill="#A6A6A6"/>
+<path d="M88.709 94.8242H83.2655L83.6885 97.3242L88.709 97.3059V94.8242Z" fill="url(#paint2_linear_3495_89906)"/>
+<path d="M62.9062 81.0742L53.6875 79.8242L51.6562 97.3242L57.4375 97.3242L62.9062 81.0742Z" fill="#FFC135"/>
+<path d="M58.2793 94.8242H51.9322L51.6567 97.3242H57.4364L58.2793 94.8242Z" fill="url(#paint3_linear_3495_89906)"/>
+<path d="M41.8125 73.5742C41.5 70.6576 43 64.1055 48.375 61.2305" stroke="url(#paint4_linear_3495_89906)" stroke-width="1.25" stroke-linecap="round"/>
+<rect width="1.875" height="3.75" transform="matrix(-1 0 0 1 86.5 9.82422)" fill="#331E01"/>
+<rect width="1.875" height="3.75" transform="matrix(-1 0 0 1 81.1875 9.82422)" fill="#331E01"/>
+<path d="M39 76.543C39 78.1826 39.9375 79.8242 42.4375 80.918C43.6875 79.043 44.9375 78.1826 44.9375 76.543C44.9375 74.9034 43.6083 73.5742 41.9688 73.5742C40.3292 73.5742 39 74.9034 39 76.543Z" fill="url(#paint5_linear_3495_89906)"/>
+<g filter="url(#filter0_i_3495_89906)">
+<path d="M96.7973 14.603L94.1562 20.1367L84.4688 13.2617H95.9513C96.6407 13.2617 97.0943 13.9808 96.7973 14.603Z" fill="#FFAE00"/>
+</g>
+<g filter="url(#filter1_i_3495_89906)">
+<path d="M57.749 56.0752C57.6972 56.0746 57.6448 56.0742 57.5928 56.0742C50.6031 56.0745 44.9365 61.7408 44.9365 68.7305C44.9365 75.7202 50.6031 81.3865 57.5928 81.3867C57.6448 81.3867 57.6972 81.3854 57.749 81.3848V81.3867H84.3115V81.3848C91.2296 81.3013 96.8115 75.6683 96.8115 68.7305C96.8115 61.7926 91.2296 56.1586 84.3115 56.0752V56.0742H57.749V56.0752Z" fill="url(#paint6_linear_3495_89906)"/>
+</g>
+<path d="M75.0928 13.2617C72.4367 16.7835 71.8115 18.2235 71.8115 25.2061L71.8213 25.2002C71.8155 25.3544 71.8115 25.5094 71.8115 25.665C71.8115 25.7162 71.8128 25.7673 71.8135 25.8184H71.8125V53.5352L82.4375 59.8125L95.999 62.876L96.8125 68.251V28.4121C97.0164 27.5284 97.124 26.6091 97.124 25.665C97.124 18.866 91.5418 13.3447 84.624 13.2627V13.2617H75.0928Z" fill="url(#paint7_linear_3495_89906)"/>
+<path d="M75.0928 13.2617C72.4367 16.7835 71.8115 18.2235 71.8115 25.2061L71.8213 25.2002C71.8155 25.3544 71.8115 25.5094 71.8115 25.665C71.8115 25.7162 71.8128 25.7673 71.8135 25.8184H71.8125V53.5352L82.4375 59.8125L95.999 62.876L96.8125 68.251V28.4121C97.0164 27.5284 97.124 26.6091 97.124 25.665C97.124 18.866 91.5418 13.3447 84.624 13.2627V13.2617H75.0928Z" fill="url(#paint8_linear_3495_89906)"/>
+<path d="M65.9675 14.8954L72.125 20.4492L75.25 13.2617H66.5954C65.7367 13.2617 65.3298 14.3202 65.9675 14.8954Z" fill="url(#paint9_linear_3495_89906)"/>
+<mask id="mask0_3495_89906" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="65" y="13" width="11" height="8">
+<path d="M65.9675 14.8954L72.125 20.4492L75.25 13.2617H66.5954C65.7367 13.2617 65.3298 14.3202 65.9675 14.8954Z" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3495_89906)">
+<path d="M73.5918 15.1367L71.9739 20.4492L65.1543 15.1367H73.5918Z" fill="url(#paint10_linear_3495_89906)"/>
+</g>
+<g filter="url(#filter2_i_3495_89906)">
+<mask id="mask1_3495_89906" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="44" y="13" width="54" height="69">
+<path d="M75.0928 13.2617C72.4367 16.7835 71.8115 18.2235 71.8115 25.2061L71.8213 25.2002C71.8155 25.3544 71.8115 25.5094 71.8115 25.665C71.8115 25.7162 71.8128 25.7673 71.8135 25.8184H71.8125V53.5352L76.1104 56.0742H57.749V56.0752C57.6972 56.0746 57.6448 56.0742 57.5928 56.0742C50.6031 56.0745 44.9365 61.7408 44.9365 68.7305C44.9365 75.7202 50.6031 81.3865 57.5928 81.3867C57.6448 81.3867 57.6972 81.3854 57.749 81.3848V81.3867H84.3115V81.3848C91.2294 81.3011 96.8115 75.6682 96.8115 68.7305C96.8115 68.7178 96.8116 68.7051 96.8115 68.6924L96.8125 68.6943V28.4121C97.0164 27.5284 97.124 26.6091 97.124 25.665C97.124 18.866 91.5418 13.3447 84.624 13.2627V13.2617H75.0928Z" fill="url(#paint11_linear_3495_89906)"/>
+</mask>
+<g mask="url(#mask1_3495_89906)">
+<path d="M68.375 20.6055C68.375 26.3009 70.2868 30.6055 76.5 30.6055C85.4062 31.3867 86.9688 26.3009 86.9688 20.6055C86.9688 14.91 84.9007 11.6992 78.6875 11.6992C72.4743 11.6992 68.375 14.91 68.375 20.6055Z" fill="#AD6500"/>
+<path d="M85.0938 39.6675C83.2188 39.3551 82.9062 40.1362 81.3438 41.6987C80.4062 42.9487 80.0938 43.5626 80.0938 44.6675C80.0938 44.98 80.25 47.9893 83.375 48.105C86.75 48.23 87.75 46.1506 87.75 44.1987C87.75 41.5425 86.9688 39.9799 85.0938 39.6675Z" fill="#AD6500"/>
+<path d="M67.9355 49.3506C63.2059 49.3505 55.0928 48.1059 54.7803 57.168C54.649 60.9793 57.5928 59.8246 59.7803 63.418C62.5927 67.3241 65.1954 67.3242 67.9355 67.3242C72.665 67.3242 76.4988 63.3008 76.499 58.3379C76.499 53.3747 72.6651 49.3506 67.9355 49.3506Z" fill="#AD6500"/>
+<path d="M49 59.5117C49 60.7198 50.0493 61.2305 51.3438 61.2305C52.6382 61.2305 53.8438 60.7198 53.8438 59.5117C53.8438 57.6367 52.7944 57.168 51.5 57.168C50.2056 57.168 49 58.3036 49 59.5117Z" fill="#AD6500"/>
+<path d="M54.3125 64.2593C54.3125 65.0957 54.9218 65.4492 55.6734 65.4492C56.425 65.4492 57.125 65.0957 57.125 64.2593C57.125 62.9612 56.5157 62.6367 55.7641 62.6367C55.0125 62.6367 54.3125 63.4229 54.3125 64.2593Z" fill="#AD6500"/>
+<path d="M79.4688 33.1055C79.4688 34.3136 79.9375 35.918 82.2812 36.0742C83.5757 36.0742 84 34.9386 84 33.7305C84 32.5223 82.9507 31.3867 81.6562 31.3867C80.3618 31.3867 79.4688 31.8973 79.4688 33.1055Z" fill="#AD6500"/>
+<path d="M61.8125 37.168C61.8125 40.8786 67.0454 44.1992 71.1875 44.1992C75.3297 44.1992 76.1876 41.0742 76.9688 37.168C77.7499 33.2617 73.4547 30.4492 69.3125 30.4492C65.1704 30.4492 61.8125 33.4573 61.8125 37.168Z" fill="#AD6500"/>
+</g>
+</g>
+<path d="M70.5625 53.2617L69.3125 51.543" stroke="url(#paint12_linear_3495_89906)" stroke-width="0.625" stroke-linecap="round"/>
+<circle cx="1.5625" cy="1.5625" r="1.5625" transform="matrix(-1 0 0 1 81.8125 7.63672)" fill="url(#paint13_linear_3495_89906)"/>
+<circle cx="1.5625" cy="1.5625" r="1.5625" transform="matrix(-1 0 0 1 87.125 7.63672)" fill="url(#paint14_linear_3495_89906)"/>
+<path d="M80.25 24.5695C80.25 25.7802 81.2294 26.7617 82.4375 26.7617C83.6456 26.7617 84.625 25.7802 84.625 24.5695L84.625 23.2664C84.625 22.0557 83.6456 21.0742 82.4375 21.0742C81.2294 21.0742 80.25 22.0557 80.25 23.2664L80.25 24.5695Z" fill="#231400"/>
+<path d="M80.25 24.6539C80.25 25.818 81.2294 26.7617 82.4375 26.7617C83.6456 26.7617 84.625 25.818 84.625 24.6539L84.625 24.5742L80.25 24.5742L80.25 24.6539Z" fill="url(#paint15_linear_3495_89906)"/>
+<g filter="url(#filter3_d_3495_89906)">
+<path d="M83.5322 23.6992C83.8947 23.6992 84.1885 23.4054 84.1885 23.043C84.1885 22.6805 83.8947 22.3867 83.5322 22.3867C83.1698 22.3867 82.876 22.6805 82.876 23.043C82.876 23.4054 83.1698 23.6992 83.5322 23.6992Z" fill="white"/>
+</g>
+<circle cx="64.6702" cy="55.8343" r="2.57257" fill="#EDEDED"/>
+<path d="M53.7733 31.9902C54.3241 31.7263 54.8872 32.1339 55.0565 32.7207C57.2149 40.2018 62.2678 44.9991 65.8785 47.2323C68.7662 48.4131 71.0308 50.943 71.0309 54.2176C71.0309 55.4003 70.7467 56.5167 70.243 57.5022L70.0864 57.8693C69.7493 58.4365 69.5546 58.7158 69.1066 59.1277C67.7864 60.5529 65.8992 61.4454 63.8033 61.4454C63.1635 61.4453 62.5433 61.3617 61.9525 61.2056C60.3475 61.1336 58.8657 60.8316 57.8226 60.5066C54.4571 59.5364 55.1822 57.525 55.9655 56.6407C50.2046 55.2762 51.226 53.1975 53.1796 51.9878C48.9913 50.8493 47.3891 46.2227 47.4572 43.6311C47.4787 42.8128 48.2513 42.3548 49.0673 42.4202L51.5311 42.6177C49.3991 36.0626 51.8483 32.9131 53.7733 31.9902Z" fill="#D1EDFF"/>
+<path d="M53.7733 31.9902C54.3241 31.7263 54.8872 32.1339 55.0565 32.7207C57.2149 40.2018 62.2678 44.9991 65.8785 47.2323C68.7662 48.4131 71.0308 50.943 71.0309 54.2176C71.0309 55.4003 70.7467 56.5167 70.243 57.5022L70.0864 57.8693C69.7493 58.4365 69.5546 58.7158 69.1066 59.1277C67.7864 60.5529 65.8992 61.4454 63.8033 61.4454C63.1635 61.4453 62.5433 61.3617 61.9525 61.2056C60.3475 61.1336 58.8657 60.8316 57.8226 60.5066C54.4571 59.5364 55.1822 57.525 55.9655 56.6407C50.2046 55.2762 51.226 53.1975 53.1796 51.9878C48.9913 50.8493 47.3891 46.2227 47.4572 43.6311C47.4787 42.8128 48.2513 42.3548 49.0673 42.4202L51.5311 42.6177C49.3991 36.0626 51.8483 32.9131 53.7733 31.9902Z" fill="url(#paint16_radial_3495_89906)" fill-opacity="0.5"/>
+<path d="M53.7733 31.9902C54.3241 31.7263 54.8872 32.1339 55.0565 32.7207C57.2149 40.2018 62.2678 44.9991 65.8785 47.2323C68.7662 48.4131 71.0308 50.943 71.0309 54.2176C71.0309 55.4003 70.7467 56.5167 70.243 57.5022L70.0864 57.8693C69.7493 58.4365 69.5546 58.7158 69.1066 59.1277C67.7864 60.5529 65.8992 61.4454 63.8033 61.4454C63.1635 61.4453 62.5433 61.3617 61.9525 61.2056C60.3475 61.1336 58.8657 60.8316 57.8226 60.5066C54.4571 59.5364 55.1822 57.525 55.9655 56.6407C50.2046 55.2762 51.226 53.1975 53.1796 51.9878C48.9913 50.8493 47.3891 46.2227 47.4572 43.6311C47.4787 42.8128 48.2513 42.3548 49.0673 42.4202L51.5311 42.6177C49.3991 36.0626 51.8483 32.9131 53.7733 31.9902Z" fill="url(#paint17_linear_3495_89906)" fill-opacity="0.2"/>
+<g filter="url(#filter4_i_3495_89906)">
+<path d="M83.166 1.5C84.915 1.50001 86.4751 1.79704 87.5791 2.25879C88.1321 2.4901 88.5472 2.75338 88.8164 3.01953C89.0836 3.28381 89.1797 3.52201 89.1797 3.72461C89.1796 3.9271 89.0833 4.16464 88.8164 4.42871C88.5473 4.69485 88.1321 4.95815 87.5791 5.18945C86.4751 5.6512 84.915 5.94824 83.166 5.94824C81.4171 5.94824 79.857 5.6512 78.7529 5.18945C78.1999 4.95814 77.7848 4.69486 77.5156 4.42871C77.2486 4.16461 77.1525 3.92711 77.1523 3.72461C77.1523 3.522 77.2484 3.28384 77.5156 3.01953C77.7848 2.75337 78.1998 2.49011 78.7529 2.25879C79.857 1.79705 81.4171 1.5 83.166 1.5Z" stroke="#FFC310"/>
+</g>
+<mask id="mask2_3495_89906" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="47" y="31" width="25" height="31">
+<path d="M53.7733 31.9902C54.3241 31.7263 54.8872 32.1339 55.0565 32.7207C57.2149 40.2018 62.2678 44.9991 65.8785 47.2323C68.7662 48.4131 71.0308 50.943 71.0309 54.2176C71.0309 55.4003 70.7467 56.5167 70.243 57.5022L70.0864 57.8693C69.7493 58.4365 69.5546 58.7158 69.1066 59.1277C67.7864 60.5529 65.8992 61.4454 63.8033 61.4454C63.1635 61.4453 62.5433 61.3617 61.9525 61.2056C60.3475 61.1336 58.8657 60.8316 57.8226 60.5066C54.4571 59.5364 55.1822 57.525 55.9655 56.6407C50.2046 55.2762 51.226 53.1975 53.1796 51.9878C48.9913 50.8493 47.3891 46.2227 47.4572 43.6311C47.4787 42.8128 48.2513 42.3548 49.0673 42.4202L51.5311 42.6177C49.3991 36.0626 51.8483 32.9131 53.7733 31.9902Z" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask2_3495_89906)">
+<path d="M67.5466 55.8504C67.5387 54.7114 65.8632 52.7074 64.0371 53.4724C62.6882 54.0375 61.7285 55.1423 62.4305 57.6616C63.3021 60.3086 65.6399 61.1777 69.097 59.8062" stroke="url(#paint18_linear_3495_89906)" stroke-linecap="round"/>
+<path d="M55.1778 31.7871C53.502 32.4452 50.0794 34.6524 51.6186 42.4003" stroke="url(#paint19_linear_3495_89906)" stroke-width="1.5"/>
+<path d="M49.1495 41.3418C46.1471 44.698 50.343 49.7341 52.468 52.4569" stroke="url(#paint20_linear_3495_89906)" stroke-width="1.5"/>
+</g>
+<path d="M82.4326 66.7971C85.3201 67.7797 88.3981 64.7668 89.5762 63.1376L78.7575 57.8349L71.6162 55.9609C74.8982 63.6594 80.1946 66.3927 82.4326 66.7971Z" fill="white"/>
+<path d="M82.4326 66.7971C85.3201 67.7797 88.3981 64.7668 89.5762 63.1376L78.7575 57.8349L71.6162 55.9609C74.8982 63.6594 80.1946 66.3927 82.4326 66.7971Z" fill="url(#paint21_linear_3495_89906)"/>
+<path d="M98.4998 68C96.8835 68.5996 93.3748 64.5 92.5052 63.2194L92.2119 61.8833L98.0122 59.4395C98.6639 59.7523 98.6739 60.7559 98.9998 61.375C99.456 62.5698 100.116 67.4004 98.4998 68Z" fill="url(#paint22_linear_3495_89906)"/>
+<path d="M89.3955 69.6656C90.039 68.8174 91.2664 66.3381 91.0277 63.207" stroke="url(#paint23_linear_3495_89906)" stroke-width="0.5"/>
+<path d="M95.3983 68.9812C94.8753 66.375 91.2878 62.875 91.5002 62.875" stroke="url(#paint24_linear_3495_89906)" stroke-width="0.5"/>
+<circle cx="88.8473" cy="71.9635" r="2.67249" fill="url(#paint25_radial_3495_89906)"/>
+<circle cx="88.8473" cy="71.9635" r="2.67249" fill="url(#paint26_linear_3495_89906)" fill-opacity="0.2"/>
+<circle cx="96.2311" cy="70.903" r="2.67249" fill="#D9D9D9"/>
+<circle cx="96.2311" cy="70.903" r="2.67249" fill="url(#paint27_radial_3495_89906)"/>
+<circle cx="96.2311" cy="70.903" r="2.67249" fill="url(#paint28_linear_3495_89906)" fill-opacity="0.2"/>
+<path d="M96.167 33.75L111.25 39.793L107.557 49.0101C107.433 49.3186 107.083 49.4685 106.774 49.3449L92.8089 43.7496C92.5003 43.626 92.3505 43.2757 92.4741 42.9672L96.167 33.75Z" fill="url(#paint29_linear_3495_89906)"/>
+<path d="M111.25 39.793L96.167 33.75L96.1024 33.9113L101.792 41.1501L111.25 39.793Z" fill="url(#paint30_linear_3495_89906)"/>
+<path d="M100.496 38.75C101.26 38.4231 102.025 39.0765 102.352 39.8404C103.115 39.5136 104.12 39.5687 104.446 40.3326C104.773 41.0965 104.419 41.9807 103.655 42.3076L101.442 43.2545C101.137 43.3853 100.783 43.2436 100.652 42.938L99.7051 40.725C99.3782 39.9611 99.7325 39.0768 100.496 38.75Z" fill="url(#paint31_linear_3495_89906)"/>
+<circle cx="8.90625" cy="8.90625" r="8.90625" transform="matrix(-1 0 0 1 104 21.0742)" fill="url(#paint32_radial_3495_89906)"/>
+<circle cx="8.90625" cy="8.90625" r="8.90625" transform="matrix(-1 0 0 1 104 21.0742)" fill="url(#paint33_radial_3495_89906)" fill-opacity="0.5"/>
+<ellipse cx="1.09375" cy="1.25" rx="1.09375" ry="1.25" transform="matrix(-1 0 0 1 98.375 29.1992)" fill="url(#paint34_linear_3495_89906)"/>
+<ellipse cx="1.09375" cy="1.25" rx="1.09375" ry="1.25" transform="matrix(-1 0 0 1 102.125 29.1992)" fill="url(#paint35_linear_3495_89906)"/>
+<path d="M97.0601 56.6008C85.6295 61.8419 76.2214 54.8086 71.8145 52.6367L71.2217 55.6535C81.2173 64.2688 93.8032 64.3839 97.0601 62.021C99.6256 60.1598 98.0775 57.5656 97.0601 56.6008Z" fill="url(#paint36_linear_3495_89906)"/>
+<defs>
+<filter id="filter0_i_3495_89906" x="84.4688" y="13.2617" width="12.4209" height="8.125" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="1.25"/>
+<feGaussianBlur stdDeviation="1.92188"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.75 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89906"/>
+</filter>
+<filter id="filter1_i_3495_89906" x="44.9365" y="56.0742" width="51.875" height="26.5625" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="1.25"/>
+<feGaussianBlur stdDeviation="3.1875"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.909611 0 0 0 0 0.639855 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89906"/>
+</filter>
+<filter id="filter2_i_3495_89906" x="49" y="13.2617" width="38.75" height="55.3125" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="1.25"/>
+<feGaussianBlur stdDeviation="1.96875"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.696779 0 0 0 0 0.271428 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89906"/>
+</filter>
+<filter id="filter3_d_3495_89906" x="70.3752" y="9.88598" width="26.314" height="26.314" 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="6.25037"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.968627 0 0 0 0 0.670588 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3495_89906"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3495_89906" result="shape"/>
+</filter>
+<filter id="filter4_i_3495_89906" x="76.6523" y="1" width="13.0273" height="5.44922" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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="0.425"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.847059 0 0 0 0 0.4 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89906"/>
+</filter>
+<linearGradient id="paint0_linear_3495_89906" x1="66.7194" y1="92.9492" x2="64.2274" y2="99.7039" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D89400"/>
+</linearGradient>
+<linearGradient id="paint1_linear_3495_89906" x1="79.5343" y1="92.9473" x2="76.8619" y2="99.5376" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D89400"/>
+</linearGradient>
+<linearGradient id="paint2_linear_3495_89906" x1="87.3598" y1="92.9492" x2="84.6369" y2="99.4896" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D89400"/>
+</linearGradient>
+<linearGradient id="paint3_linear_3495_89906" x1="56.6567" y1="92.9492" x2="54.3129" y2="99.8242" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D89400"/>
+</linearGradient>
+<linearGradient id="paint4_linear_3495_89906" x1="48.375" y1="61.0742" x2="38.5313" y2="75.4492" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A26400"/>
+<stop offset="1" stop-color="#573100"/>
+</linearGradient>
+<linearGradient id="paint5_linear_3495_89906" x1="44" y1="72.0117" x2="40.25" y2="81.3867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#442700"/>
+<stop offset="1" stop-color="#2A1800"/>
+</linearGradient>
+<linearGradient id="paint6_linear_3495_89906" x1="70.8745" y1="56.0742" x2="70.8745" y2="81.3867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFCC00"/>
+<stop offset="0.5" stop-color="#FFBF00"/>
+<stop offset="1" stop-color="#FFAE00"/>
+</linearGradient>
+<linearGradient id="paint7_linear_3495_89906" x1="94.6249" y1="8.55269" x2="74.4679" y2="16.687" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFE391"/>
+<stop offset="1" stop-color="#FFBF00"/>
+</linearGradient>
+<linearGradient id="paint8_linear_3495_89906" x1="94.3798" y1="62.051" x2="96.7216" y2="68.2635" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFD24D" stop-opacity="0"/>
+<stop offset="1" stop-color="#FFD24D"/>
+</linearGradient>
+<linearGradient id="paint9_linear_3495_89906" x1="63.8438" y1="9.04297" x2="73.8438" y2="15.293" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFE187"/>
+<stop offset="1" stop-color="#FFBF00"/>
+</linearGradient>
+<linearGradient id="paint10_linear_3495_89906" x1="67.1248" y1="9.66797" x2="74.3123" y2="23.7305" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFBF00"/>
+<stop offset="1" stop-color="#FFAE00"/>
+</linearGradient>
+<linearGradient id="paint11_linear_3495_89906" x1="67.124" y1="9.66797" x2="74.3115" y2="23.7305" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFBF00"/>
+<stop offset="1" stop-color="#FFAE00"/>
+</linearGradient>
+<linearGradient id="paint12_linear_3495_89906" x1="68.5312" y1="50.4492" x2="70.875" y2="53.8867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF5A16"/>
+<stop offset="1" stop-color="#DF3F11"/>
+</linearGradient>
+<linearGradient id="paint13_linear_3495_89906" x1="0.46875" y1="-1.875" x2="2.03125" y2="2.8125" gradientUnits="userSpaceOnUse">
+<stop stop-color="#995A03"/>
+<stop offset="1" stop-color="#331E01"/>
+</linearGradient>
+<linearGradient id="paint14_linear_3495_89906" x1="0.46875" y1="-1.875" x2="2.03125" y2="2.8125" gradientUnits="userSpaceOnUse">
+<stop stop-color="#995A03"/>
+<stop offset="1" stop-color="#331E01"/>
+</linearGradient>
+<linearGradient id="paint15_linear_3495_89906" x1="83.375" y1="23.5742" x2="80.875" y2="27.6367" gradientUnits="userSpaceOnUse">
+<stop stop-color="#251601"/>
+<stop offset="1" stop-color="#5F3802"/>
+</linearGradient>
+<radialGradient id="paint16_radial_3495_89906" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(58.6245 59.4998) rotate(-85.5488) scale(20.9382 16.7123)">
+<stop stop-color="#44B5FD"/>
+<stop offset="1" stop-color="#44B5FD" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint17_linear_3495_89906" x1="60.4281" y1="54.8129" x2="52.2401" y2="35.2067" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFE59F" stop-opacity="0"/>
+<stop offset="1" stop-color="#FFE59F"/>
+</linearGradient>
+<linearGradient id="paint18_linear_3495_89906" x1="63.2494" y1="52.8749" x2="67.7494" y2="61.6249" gradientUnits="userSpaceOnUse">
+<stop stop-color="#91C9EC"/>
+<stop offset="1" stop-color="#9ED9FE"/>
+</linearGradient>
+<linearGradient id="paint19_linear_3495_89906" x1="53.2042" y1="31.7871" x2="53.2042" y2="42.4003" gradientUnits="userSpaceOnUse">
+<stop stop-color="#AEDBF8"/>
+<stop offset="1" stop-color="#7BC3F1"/>
+</linearGradient>
+<linearGradient id="paint20_linear_3495_89906" x1="50.2853" y1="41.3418" x2="50.2853" y2="52.4569" gradientUnits="userSpaceOnUse">
+<stop stop-color="#AEDBF8"/>
+<stop offset="1" stop-color="#7BC3F1"/>
+</linearGradient>
+<linearGradient id="paint21_linear_3495_89906" x1="76.3119" y1="60.6764" x2="91.0396" y2="78.6283" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#FFE59F"/>
+</linearGradient>
+<linearGradient id="paint22_linear_3495_89906" x1="94.1248" y1="63.125" x2="104.75" y2="69.875" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#9AD4F9"/>
+</linearGradient>
+<linearGradient id="paint23_linear_3495_89906" x1="90.2498" y1="61" x2="89.7498" y2="71.25" gradientUnits="userSpaceOnUse">
+<stop stop-color="#103546"/>
+<stop offset="1" stop-color="#A3D3EA"/>
+</linearGradient>
+<linearGradient id="paint24_linear_3495_89906" x1="93.6101" y1="61.2103" x2="93.4287" y2="70.4202" gradientUnits="userSpaceOnUse">
+<stop stop-color="#103546"/>
+<stop offset="1" stop-color="#A3D3EA"/>
+</linearGradient>
+<radialGradient id="paint25_radial_3495_89906" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(89.7501 73.2499) rotate(-110.376) scale(4.66704)">
+<stop stop-color="#3DB3FF"/>
+<stop offset="1" stop-color="#AEDBF8"/>
+</radialGradient>
+<linearGradient id="paint26_linear_3495_89906" x1="89.116" y1="73.4358" x2="87.866" y2="69.6858" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFE59F" stop-opacity="0"/>
+<stop offset="1" stop-color="#FFE59F"/>
+</linearGradient>
+<radialGradient id="paint27_radial_3495_89906" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(97.1339 72.1893) rotate(-110.376) scale(4.66704)">
+<stop stop-color="#3DB3FF"/>
+<stop offset="1" stop-color="#AEDBF8"/>
+</radialGradient>
+<linearGradient id="paint28_linear_3495_89906" x1="96.4998" y1="72.3752" x2="95.2498" y2="68.6252" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFE59F" stop-opacity="0"/>
+<stop offset="1" stop-color="#FFE59F"/>
+</linearGradient>
+<linearGradient id="paint29_linear_3495_89906" x1="101.66" y1="48.6697" x2="90.7502" y2="19" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED"/>
+<stop offset="1" stop-color="#FFE59F"/>
+</linearGradient>
+<linearGradient id="paint30_linear_3495_89906" x1="101.75" y1="31" x2="114.776" y2="39.8262" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A9D7E9"/>
+<stop offset="1" stop-color="#FFE59F"/>
+</linearGradient>
+<linearGradient id="paint31_linear_3495_89906" x1="101.188" y1="38.454" x2="105" y2="55.001" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF8560"/>
+<stop offset="1" stop-color="#6F1802"/>
+</linearGradient>
+<radialGradient id="paint32_radial_3495_89906" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.80023 5.625) rotate(62.2892) scale(17.4728)">
+<stop stop-color="#AD6601"/>
+<stop offset="1" stop-color="#E8A20D"/>
+</radialGradient>
+<radialGradient id="paint33_radial_3495_89906" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4.6875 1.25) rotate(70.821) scale(7.60987)">
+<stop stop-color="#FFDA6C"/>
+<stop offset="1" stop-color="#FFDA6C" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint34_linear_3495_89906" x1="1.17523" y1="-0.625" x2="3.36273" y2="4.84375" gradientUnits="userSpaceOnUse">
+<stop stop-color="#654007"/>
+<stop offset="1" stop-color="#492E05"/>
+</linearGradient>
+<linearGradient id="paint35_linear_3495_89906" x1="1.17523" y1="-0.625" x2="3.36273" y2="4.84375" gradientUnits="userSpaceOnUse">
+<stop stop-color="#654007"/>
+<stop offset="1" stop-color="#492E05"/>
+</linearGradient>
+<linearGradient id="paint36_linear_3495_89906" x1="72.7502" y1="52.7505" x2="103.125" y2="66.2505" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFE59F"/>
+<stop offset="1" stop-color="#91D3FE"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/renderer/src/assets/arrow-narrow-down.svg b/src/renderer/src/assets/arrow-narrow-down.svg
index 8e9d0c6..560cc24 100644
--- a/src/renderer/src/assets/arrow-narrow-down.svg
+++ b/src/renderer/src/assets/arrow-narrow-down.svg
@@ -1,3 +1,3 @@
 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.2929 5.7071L7.70711 9.2929C7.31658 9.68342 6.68342 9.68342 6.29289 9.2929L2.7071 5.7071C2.07714 5.07713 2.5233 3.99999 3.41421 3.99999H10.5858C11.4767 3.99999 11.9229 5.07713 11.2929 5.7071Z" fill="#FF351F"/>
+<path d="M7.75258 10.1399L11.6872 5.64324C12.3501 4.88562 11.6043 3.73376 10.6417 4.02858L7.29285 5.05428C7.10199 5.11273 6.89801 5.11273 6.70715 5.05428L3.35826 4.02858C2.3957 3.73376 1.64991 4.88562 2.31283 5.64324L6.24742 10.1399C6.64583 10.5952 7.35416 10.5952 7.75258 10.1399Z" fill="#FF351F"/>
 </svg>
diff --git a/src/renderer/src/assets/arrow-narrow-up.svg b/src/renderer/src/assets/arrow-narrow-up.svg
index 028e2d5..91016a6 100644
--- a/src/renderer/src/assets/arrow-narrow-up.svg
+++ b/src/renderer/src/assets/arrow-narrow-up.svg
@@ -1,3 +1,3 @@
 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.7071 8.2929L6.29289 4.7071C6.68342 4.31658 7.31658 4.31658 7.70711 4.7071L11.2929 8.2929C11.9229 8.92287 11.4767 10 10.5858 10H3.41421C2.5233 10 2.07714 8.92287 2.7071 8.2929Z" fill="#67B000"/>
+<path d="M6.24742 3.86009L2.31283 8.35676C1.64992 9.11438 2.3957 10.2662 3.35826 9.97142L6.70715 8.94572C6.89801 8.88727 7.10199 8.88727 7.29285 8.94572L10.6417 9.97142C11.6043 10.2662 12.3501 9.11438 11.6872 8.35676L7.75258 3.86009C7.35417 3.40476 6.64584 3.40476 6.24742 3.86009Z" fill="#67B000"/>
 </svg>
diff --git a/src/renderer/src/assets/bugi-modal.svg b/src/renderer/src/assets/bugi-modal.svg
new file mode 100644
index 0000000..efe533d
--- /dev/null
+++ b/src/renderer/src/assets/bugi-modal.svg
@@ -0,0 +1,170 @@
+<svg width="150" height="55" viewBox="0 0 150 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M89.5418 28.361C87.7002 30.755 88.8972 39.8705 88.8972 39.8705C91.9357 39.8705 98.7198 39.8705 102.248 39.8705C109.266 39.8705 114.516 38.2819 114.955 31.5837C115.599 21.7316 109.266 16.207 102.248 16.207C95.2306 16.207 89.5418 21.6486 89.5418 28.361Z" fill="url(#paint0_radial_3495_89697)"/>
+<path d="M89.5418 28.361C87.7002 30.755 88.8972 39.8705 88.8972 39.8705C91.9357 39.8705 98.7198 39.8705 102.248 39.8705C109.266 39.8705 114.516 38.2819 114.955 31.5837C115.599 21.7316 109.266 16.207 102.248 16.207C95.2306 16.207 89.5418 21.6486 89.5418 28.361Z" fill="url(#paint1_radial_3495_89697)" fill-opacity="0.2"/>
+<path d="M90.8695 40.6067C91.0557 40.0136 90.6127 39.4102 89.991 39.4102H76.2559C75.5939 39.4102 75.1482 40.088 75.4106 40.6958L78.4312 47.6936C78.5768 48.031 78.9091 48.2494 79.2766 48.2494H87.7942C88.1964 48.2494 88.5522 47.9883 88.6727 47.6045L90.8695 40.6067Z" fill="url(#paint2_linear_3495_89697)"/>
+<path d="M90.8695 40.6067C91.0557 40.0136 90.6127 39.4102 89.991 39.4102H76.2559C75.5939 39.4102 75.1482 40.088 75.4106 40.6958L78.4312 47.6936C78.5768 48.031 78.9091 48.2494 79.2766 48.2494H87.7942C88.1964 48.2494 88.5522 47.9883 88.6727 47.6045L90.8695 40.6067Z" fill="url(#paint3_radial_3495_89697)" fill-opacity="0.2"/>
+<path d="M50.6842 40.3759C50.7099 39.8504 50.2907 39.4102 49.7645 39.4102H38.1431C37.3968 39.4102 36.9605 40.2514 37.3904 40.8614L42.3226 47.8591C42.4951 48.1039 42.7758 48.2494 43.0752 48.2494H49.422C49.913 48.2494 50.3177 47.8641 50.3417 47.3737L50.6842 40.3759Z" fill="url(#paint4_linear_3495_89697)"/>
+<path d="M50.6842 40.3759C50.7099 39.8504 50.2907 39.4102 49.7645 39.4102H38.1431C37.3968 39.4102 36.9605 40.2514 37.3904 40.8614L42.3226 47.8591C42.4951 48.1039 42.7758 48.2494 43.0752 48.2494H49.422C49.913 48.2494 50.3177 47.8641 50.3417 47.3737L50.6842 40.3759Z" fill="url(#paint5_radial_3495_89697)" fill-opacity="0.2"/>
+<mask id="path-4-inside-1_3495_89697" fill="white">
+<path d="M92.6729 36.0968C92.6729 35.8934 92.508 35.7285 92.3045 35.7285H37.059C36.8556 35.7285 36.6907 35.8934 36.6907 36.0968V41.2531C36.6907 41.4565 36.8556 41.6214 37.059 41.6214H92.3045C92.508 41.6214 92.6729 41.4565 92.6729 41.2531V36.0968Z"/>
+</mask>
+<g filter="url(#filter0_i_3495_89697)">
+<path d="M92.6729 36.0968C92.6729 35.8934 92.508 35.7285 92.3045 35.7285H37.059C36.8556 35.7285 36.6907 35.8934 36.6907 36.0968V41.2531C36.6907 41.4565 36.8556 41.6214 37.059 41.6214H92.3045C92.508 41.6214 92.6729 41.4565 92.6729 41.2531V36.0968Z" fill="url(#paint6_linear_3495_89697)"/>
+<path d="M92.6729 36.0968C92.6729 35.8934 92.508 35.7285 92.3045 35.7285H37.059C36.8556 35.7285 36.6907 35.8934 36.6907 36.0968V41.2531C36.6907 41.4565 36.8556 41.6214 37.059 41.6214H92.3045C92.508 41.6214 92.6729 41.4565 92.6729 41.2531V36.0968Z" fill="url(#paint7_radial_3495_89697)" fill-opacity="0.4"/>
+</g>
+<path d="M92.6729 36.0968C92.6729 35.4866 92.1782 34.9919 91.5679 34.9919H37.7956C37.1854 34.9919 36.6907 35.4866 36.6907 36.0968V36.4651C36.6907 36.4651 36.8556 36.4651 37.059 36.4651H92.3045C92.508 36.4651 92.6729 36.4651 92.6729 36.4651V36.0968ZM36.6907 41.6214H92.6729H36.6907ZM92.6729 41.6214V35.7285V41.6214ZM36.6907 35.7285V41.6214V35.7285Z" fill="#72470A" mask="url(#path-4-inside-1_3495_89697)"/>
+<g filter="url(#filter1_i_3495_89697)">
+<mask id="mask0_3495_89697" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="37" y="7" width="55" height="29">
+<path d="M37.4266 35.7277C37.4266 28.597 40.2593 19.9169 45.3014 14.8748C50.3435 9.83264 57.1821 7 64.3128 7C71.4434 7 78.282 9.83264 83.3242 14.8748C88.3663 19.9169 91.291 28.597 91.291 35.7277H64.3128H37.4266Z" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3495_89697)">
+<path d="M54.0006 22.4688L58.9727 36.3722L45.3907 36.096L54.0006 22.4688Z" fill="url(#paint8_linear_3495_89697)"/>
+<path d="M78.2168 32.1359L77.3413 36.7397L91.752 36.2793L91.2916 31.031L78.2168 24.0332V32.1359Z" fill="url(#paint9_linear_3495_89697)"/>
+<path d="M56.5788 16.668H72.508L78.585 24.4944V32.0446V36.1881L58.7886 36.3722L50.8233 29.0061L56.5788 16.668Z" fill="url(#paint10_linear_3495_89697)"/>
+<path d="M78.5848 24.4936L72.5078 16.6671L79.8739 10.498L89.4498 14.9177L91.1992 31.3993L78.5848 24.4936Z" fill="url(#paint11_linear_3495_89697)"/>
+<path d="M35.6779 36.3722L45.4832 36.1881L50.8236 29.0061L53.8168 22.9291L56.5791 16.668L50.8704 10.2227L40.4658 17.3125L35.6779 36.3722Z" fill="url(#paint12_linear_3495_89697)"/>
+<path d="M72.508 16.6688L79.874 10.4997L74.994 5.89593L59.8015 4.79102L50.8701 10.2235L56.5788 16.6688H72.508Z" fill="url(#paint13_linear_3495_89697)" stroke="url(#paint14_linear_3495_89697)" stroke-width="0.435"/>
+</g>
+</g>
+<path d="M34.7969 42.5568C35.3684 41.3292 36.6904 41.2514 36.6904 41.2514V36.9238C33.8498 37.2702 33.5018 40.7936 34.4665 42.5902C34.5389 42.7251 34.7323 42.6956 34.7969 42.5568Z" fill="#FFE594"/>
+<path d="M34.7969 42.5568C35.3684 41.3292 36.6904 41.2514 36.6904 41.2514V36.9238C33.8498 37.2702 33.5018 40.7936 34.4665 42.5902C34.5389 42.7251 34.7323 42.6956 34.7969 42.5568Z" fill="url(#paint15_radial_3495_89697)" fill-opacity="0.4"/>
+<g filter="url(#filter2_f_3495_89697)">
+<circle cx="1.65737" cy="1.65737" r="1.65737" transform="matrix(-1 0 0 1 107.221 31.3086)" fill="#F4B10A"/>
+</g>
+<path d="M105.286 31.6006C105.286 32.6582 106.142 33.5156 107.197 33.5156C108.252 33.5156 109.108 32.6582 109.108 31.6006L109.108 30.4622C109.108 29.4046 108.252 28.5472 107.197 28.5472C106.142 28.5472 105.286 29.4046 105.286 30.4622L105.286 31.6006Z" fill="#231400"/>
+<path d="M105.286 31.6743C105.286 32.6912 106.142 33.5156 107.197 33.5156C108.252 33.5156 109.108 32.6912 109.108 31.6743L109.108 31.6047L105.286 31.6047L105.286 31.6743Z" fill="url(#paint16_linear_3495_89697)"/>
+<g filter="url(#filter3_d_3495_89697)">
+<path d="M108.152 30.8398C108.469 30.8398 108.726 30.5832 108.726 30.2666C108.726 29.95 108.469 29.6933 108.152 29.6933C107.836 29.6933 107.579 29.95 107.579 30.2666C107.579 30.5832 107.836 30.8398 108.152 30.8398Z" fill="white"/>
+</g>
+<path d="M56.8894 10.0952C56.7016 9.72216 56.487 8.87548 57.1309 8.47266" stroke="url(#paint17_linear_3495_89697)" stroke-width="0.324499" stroke-linecap="round"/>
+<path d="M56.3664 10.2206C56.3637 9.80303 56.2121 9.28395 55.6172 9.17578" stroke="url(#paint18_linear_3495_89697)" stroke-width="0.324499" stroke-linecap="round"/>
+<path d="M69.3299 14.0949C69.3273 13.6773 69.1928 13.2606 68.7324 12.9844" stroke="url(#paint19_linear_3495_89697)" stroke-width="0.324499" stroke-linecap="round"/>
+<path d="M112.606 20.6281L92.3493 20.2598C90.8871 21.1956 89.9024 22.7193 89.6498 24.4369L89.5871 24.8636L115 25.2319C114.941 23.5862 114.207 22.0373 112.971 20.9495L112.606 20.6281Z" fill="#D9D9D9"/>
+<path d="M112.606 20.6281L92.3493 20.2598C90.8871 21.1956 89.9024 22.7193 89.6498 24.4369L89.5871 24.8636L115 25.2319C114.941 23.5862 114.207 22.0373 112.971 20.9495L112.606 20.6281Z" fill="url(#paint20_linear_3495_89697)"/>
+<path d="M115 25.507L89.5871 25.1387" stroke="url(#paint21_linear_3495_89697)" stroke-width="0.552455"/>
+<defs>
+<filter id="filter0_i_3495_89697" x="36.6904" y="34.8078" width="55.9824" height="6.81334" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="-0.920759"/>
+<feGaussianBlur stdDeviation="1.01283"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.75 0 0 0 0 1 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89697"/>
+</filter>
+<filter id="filter1_i_3495_89697" x="37.4268" y="7" width="53.8643" height="34.0689" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="5.3404"/>
+<feGaussianBlur stdDeviation="3.46205"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.8157 0 0 0 0 0.0785006 0 0 0 0.4 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89697"/>
+</filter>
+<filter id="filter2_f_3495_89697" x="100.592" y="27.9939" width="9.94392" height="9.94392" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.65737" result="effect1_foregroundBlur_3495_89697"/>
+</filter>
+<filter id="filter3_d_3495_89697" x="96.6589" y="18.7731" width="22.9869" height="22.9869" 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="5.46012"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.968627 0 0 0 0 0.670588 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3495_89697"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3495_89697" result="shape"/>
+</filter>
+<radialGradient id="paint0_radial_3495_89697" cx="0" cy="0" r="1" gradientTransform="matrix(-14.8242 18.5993 17.3492 17.2286 108.325 19.6138)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFECB3"/>
+<stop offset="1" stop-color="#FFE288"/>
+</radialGradient>
+<radialGradient id="paint1_radial_3495_89697" cx="0" cy="0" r="1" gradientTransform="matrix(-4.23549 8.37891 8.12511 5.27682 108.509 17.9565)" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint2_linear_3495_89697" x1="91.1584" y1="41.1366" x2="79.7548" y2="49.9713" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFECB3"/>
+<stop offset="1" stop-color="#FFE28A"/>
+</linearGradient>
+<radialGradient id="paint3_radial_3495_89697" cx="0" cy="0" r="1" gradientTransform="matrix(-8.23811 -5.59361 -10.3715 9.68685 87.1694 47.8351)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFAE00" stop-opacity="0"/>
+<stop offset="1" stop-color="#FFAE00"/>
+</radialGradient>
+<linearGradient id="paint4_linear_3495_89697" x1="50.6554" y1="41.1366" x2="39.7091" y2="48.5689" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFECB3"/>
+<stop offset="1" stop-color="#FFE28A"/>
+</linearGradient>
+<radialGradient id="paint5_radial_3495_89697" cx="0" cy="0" r="1" gradientTransform="matrix(-7.21992 -5.59361 -9.08962 9.68685 47.1595 47.8351)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFAE00" stop-opacity="0"/>
+<stop offset="1" stop-color="#FFAE00"/>
+</radialGradient>
+<linearGradient id="paint6_linear_3495_89697" x1="78.4932" y1="32.0455" x2="41.2945" y2="89.5008" gradientUnits="userSpaceOnUse">
+<stop stop-color="#472B03"/>
+<stop offset="1" stop-color="#AD6907"/>
+</linearGradient>
+<radialGradient id="paint7_radial_3495_89697" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(81.7158 38.6749) rotate(-180) scale(7.91853 1.95661)">
+<stop stop-color="#1E1202"/>
+<stop offset="1" stop-color="#1E1202" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint8_linear_3495_89697" x1="52.2043" y1="26.7042" x2="43.1993" y2="59.4403" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D87A00"/>
+</linearGradient>
+<linearGradient id="paint9_linear_3495_89697" x1="79.2749" y1="23.0204" x2="95.204" y2="46.868" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D87A00"/>
+</linearGradient>
+<linearGradient id="paint10_linear_3495_89697" x1="75.0393" y1="12.8929" x2="37.2882" y2="80.9369" gradientUnits="userSpaceOnUse">
+<stop stop-color="#995E0C"/>
+<stop offset="1" stop-color="#D87A00"/>
+</linearGradient>
+<linearGradient id="paint11_linear_3495_89697" x1="86.5486" y1="15.7464" x2="61.0436" y2="31.4914" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BF8012"/>
+<stop offset="1" stop-color="#8F5607"/>
+</linearGradient>
+<linearGradient id="paint12_linear_3495_89697" x1="58.0055" y1="15.2868" x2="37.8914" y2="23.0237" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BF8012"/>
+<stop offset="1" stop-color="#8F5607"/>
+</linearGradient>
+<linearGradient id="paint13_linear_3495_89697" x1="82.7284" y1="9.21066" x2="48.0424" y2="38.0427" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A7B60F"/>
+<stop offset="1" stop-color="#717B04"/>
+</linearGradient>
+<linearGradient id="paint14_linear_3495_89697" x1="67.689" y1="4.91347" x2="71.1724" y2="48.4874" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3E4400"/>
+<stop offset="1" stop-color="#8B9709"/>
+</linearGradient>
+<radialGradient id="paint15_radial_3495_89697" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(34.5727 42.0801) rotate(-65.6589) scale(4.24449 3.67856)">
+<stop stop-color="#EAB50D"/>
+<stop offset="1" stop-color="#FFD551" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint16_linear_3495_89697" x1="108.016" y1="30.7311" x2="105.832" y2="34.2799" gradientUnits="userSpaceOnUse">
+<stop stop-color="#251601"/>
+<stop offset="1" stop-color="#5F3802"/>
+</linearGradient>
+<linearGradient id="paint17_linear_3495_89697" x1="57.0504" y1="7.63344" x2="58.1093" y2="9.23036" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6E7B02"/>
+<stop offset="1" stop-color="#909D0B"/>
+</linearGradient>
+<linearGradient id="paint18_linear_3495_89697" x1="55.1021" y1="8.10222" x2="54.8865" y2="10.0061" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6E7B02"/>
+<stop offset="1" stop-color="#909D0B"/>
+</linearGradient>
+<linearGradient id="paint19_linear_3495_89697" x1="68.0658" y1="11.9769" x2="67.8502" y2="13.8808" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6E7B02"/>
+<stop offset="1" stop-color="#A5AB0E"/>
+</linearGradient>
+<linearGradient id="paint20_linear_3495_89697" x1="91.1696" y1="20.2598" x2="94.0633" y2="33.3711" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BDB710"/>
+<stop offset="1" stop-color="#3C3F03"/>
+</linearGradient>
+<linearGradient id="paint21_linear_3495_89697" x1="114.816" y1="25.3228" x2="89.5871" y2="25.3228" gradientUnits="userSpaceOnUse">
+<stop stop-color="#414102"/>
+<stop offset="1" stop-color="#6B6B08"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/renderer/src/assets/pm-rini-modal.svg b/src/renderer/src/assets/pm-rini-modal.svg
new file mode 100644
index 0000000..8660c38
--- /dev/null
+++ b/src/renderer/src/assets/pm-rini-modal.svg
@@ -0,0 +1,322 @@
+<svg width="150" height="100" viewBox="0 0 150 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3495_89809)">
+<circle cx="106.631" cy="93.6536" r="7.80593" fill="url(#paint0_linear_3495_89809)"/>
+<circle cx="53.6315" cy="94.9977" r="5.33955" fill="black"/>
+<circle cx="53.6315" cy="94.9977" r="5.33955" fill="url(#paint1_linear_3495_89809)"/>
+<circle cx="106.631" cy="93.6545" r="2.87322" fill="#161616"/>
+<circle cx="53.6314" cy="94.9986" r="1.96539" fill="#D9D9D9"/>
+<circle cx="53.6314" cy="94.9986" r="1.96539" fill="#161616"/>
+<path d="M64.4775 77.3691L73.2208 76.1836L75.1473 92.781L69.6642 92.781L64.4775 77.3691Z" fill="#F0AA00"/>
+<path d="M68.8662 90.4082H74.8859L75.1472 92.7793H69.6657L68.8662 90.4082Z" fill="url(#paint2_linear_3495_89809)"/>
+<path d="M82.5622 77.3672L91.034 73.1973L93.2319 92.779L87.7489 92.779L82.5622 77.3672Z" fill="#F0AA00"/>
+<path d="M86.9512 90.4082H92.9709L93.2322 92.7793H87.7506L86.9512 90.4082Z" fill="url(#paint3_linear_3495_89809)"/>
+<path d="M65.7607 75.5898L56.8693 76.9236L61.9964 92.7799L67.0348 92.7799L65.7607 75.5898Z" fill="#F0AA00"/>
+<path d="M65.7607 75.5898L56.8693 76.9236L61.9964 92.7799L67.0348 92.7799L65.7607 75.5898Z" fill="#FFC135"/>
+<path d="M66.8665 90.4082H61.2312L61.9765 92.7793H67.0352L66.8665 90.4082Z" fill="url(#paint4_linear_3495_89809)"/>
+<path d="M83.8447 75.5898L74.9533 76.9236L80.0803 92.7799L85.1188 92.7799L83.8447 75.5898Z" fill="#F0AA00"/>
+<path d="M83.8447 75.5898L74.9533 76.9236L80.0803 92.7799L85.1188 92.7799L83.8447 75.5898Z" fill="#FFC135"/>
+<path d="M84.9505 90.4082H79.3151L80.0605 92.7793H85.1191L84.9505 90.4082Z" fill="url(#paint5_linear_3495_89809)"/>
+<path d="M73.1526 52.5166C73.3425 51.4765 73.1559 50.4027 72.6261 49.4876L72.1279 48.6272C71.5448 47.62 70.4691 47 69.3053 47.0002L69.2695 47.0002C68.7835 47.0003 68.3621 47.3363 68.2538 47.8101C68.0017 48.9131 68.3653 50.0663 69.2045 50.8252L69.8599 51.418C70.7554 52.2279 71.9459 52.6317 73.1495 52.5337L73.1526 52.5166Z" fill="url(#paint6_linear_3495_89809)"/>
+<path d="M37.1816 67.33C48.2959 64.0402 47.8809 61.6692 50.3779 58.5488" stroke="url(#paint7_linear_3495_89809)" stroke-width="1.18552" stroke-linecap="round"/>
+<rect width="1.77829" height="3.55657" transform="matrix(-1 0 0 1 86.5361 9.79297)" fill="#331E01"/>
+<rect width="1.77829" height="3.55657" transform="matrix(-1 0 0 1 81.498 9.79297)" fill="#331E01"/>
+<path d="M37.4653 70.3575C35.9633 70.76 34.2292 70.3041 32.6136 68.2824C34.0244 66.677 34.5058 65.3207 36.0079 64.9182C37.5099 64.5157 39.0538 65.4071 39.4563 66.9091C39.8587 68.4112 38.9674 69.9551 37.4653 70.3575Z" fill="url(#paint8_linear_3495_89809)"/>
+<g filter="url(#filter0_i_3495_89809)">
+<path d="M59.2695 53.6592C59.2203 53.6586 59.1705 53.6582 59.1211 53.6582C52.492 53.6585 47.1182 59.033 47.1182 65.6621C47.1184 72.291 52.4922 77.6648 59.1211 77.665C59.1705 77.665 59.2203 77.6637 59.2695 77.6631V77.665H84.4619V77.6631C91.0229 77.5838 96.3171 72.2418 96.3174 65.6621C96.3174 59.0822 91.023 53.7384 84.4619 53.6592V53.6582H59.2695V53.6592Z" fill="url(#paint9_linear_3495_89809)"/>
+</g>
+<path d="M75.7168 13.0527C73.1978 16.3927 72.6055 17.7586 72.6055 24.3809L72.6152 24.375C72.6097 24.5215 72.6055 24.6686 72.6055 24.8164C72.6055 24.8647 72.6068 24.9128 72.6074 24.9609H72.6064L72.6055 51.248L82.6826 57.2021L90.0928 65.625H96.3164V27.4092C96.508 26.5747 96.6123 25.7076 96.6123 24.8164C96.6123 18.3679 91.318 13.1314 84.7568 13.0537V13.0527H75.7168Z" fill="url(#paint10_linear_3495_89809)"/>
+<path d="M75.7168 13.0527C73.1978 16.3927 72.6055 17.7586 72.6055 24.3809L72.6152 24.375C72.6097 24.5215 72.6055 24.6686 72.6055 24.8164C72.6055 24.8647 72.6068 24.9128 72.6074 24.9609H72.6064L72.6055 51.248L82.6826 57.2021L90.0928 65.625H96.3164V27.4092C96.508 26.5747 96.6123 25.7076 96.6123 24.8164C96.6123 18.3679 91.318 13.1314 84.7568 13.0537V13.0527H75.7168Z" fill="url(#paint11_linear_3495_89809)"/>
+<g filter="url(#filter1_i_3495_89809)">
+<mask id="mask0_3495_89809" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="47" y="13" width="50" height="65">
+<path d="M75.7168 13.0527C73.1978 16.3927 72.6055 17.7586 72.6055 24.3809L72.6152 24.375C72.6097 24.5215 72.6055 24.6686 72.6055 24.8164C72.6055 24.8647 72.6068 24.9128 72.6074 24.9609H72.6064L72.6055 51.248L76.6816 53.6562H59.2695V53.6572C59.2201 53.6566 59.1697 53.6562 59.1201 53.6562C52.4912 53.6568 47.1172 59.0312 47.1172 65.6602C47.1174 72.2889 52.4914 77.6626 59.1201 77.6631C59.1697 77.6631 59.2201 77.6617 59.2695 77.6611V77.6631H84.4619V77.6611C91.0224 77.5814 96.3161 72.2395 96.3164 65.6602V27.4092C96.508 26.5747 96.6123 25.7076 96.6123 24.8164C96.6123 18.3679 91.318 13.1314 84.7568 13.0537V13.0527H75.7168Z" fill="url(#paint12_linear_3495_89809)"/>
+</mask>
+<g mask="url(#mask0_3495_89809)">
+<path d="M69.3458 20.0172C69.3458 25.4188 71.159 29.5014 77.0517 29.5014C85.4986 30.2423 86.9805 25.4188 86.9805 20.0172C86.9805 14.6155 85.0191 11.5703 79.1264 11.5703C73.2337 11.5703 69.3458 14.6155 69.3458 20.0172Z" fill="#AD6500"/>
+<path d="M85.2034 38.0976C83.4251 37.8013 83.1288 38.5422 81.6468 40.0241C80.7577 41.2096 80.4613 41.7918 80.4613 42.8397C80.4613 43.1361 80.6095 45.9901 83.5733 46.0999C86.7742 46.2184 87.7227 44.2463 87.7227 42.3951C87.7226 39.8759 86.9817 38.3938 85.2034 38.0976Z" fill="#AD6500"/>
+<path d="M68.9287 47.2793C64.4431 47.2793 56.7485 46.0987 56.4521 54.6934C56.3276 58.3083 59.1197 57.2128 61.1943 60.6211C63.8617 64.3258 66.3298 64.3252 68.9287 64.3252C73.4143 64.3252 77.0507 60.5098 77.0508 55.8027C77.0508 51.0956 73.4144 47.2793 68.9287 47.2793Z" fill="#AD6500"/>
+<path d="M50.9705 56.9162C50.9705 58.062 51.9658 58.5463 53.1934 58.5463C54.4211 58.5463 55.5645 58.062 55.5645 56.9162C55.5645 55.1379 54.5692 54.6934 53.3416 54.6934C52.1139 54.6934 50.9705 55.7704 50.9705 56.9162Z" fill="#AD6500"/>
+<path d="M56.0093 61.4198C56.0093 62.213 56.5872 62.5483 57.3 62.5483C58.0128 62.5483 58.6768 62.213 58.6768 61.4198C58.6768 60.1886 58.0989 59.8809 57.3861 59.8809C56.6732 59.8809 56.0093 60.6265 56.0093 61.4198Z" fill="#AD6500"/>
+<path d="M79.8685 31.8723C79.8685 33.0181 80.3131 34.5397 82.5359 34.6879C83.7636 34.6879 84.166 33.6109 84.166 32.465C84.166 31.3192 83.1708 30.2422 81.9432 30.2422C80.7155 30.2422 79.8685 30.7265 79.8685 31.8723Z" fill="#AD6500"/>
+<path d="M63.1225 35.7257C63.1225 39.245 68.0855 42.3943 72.014 42.3943C75.9424 42.3943 76.7561 39.4305 77.497 35.7257C78.2379 32.0209 74.1642 29.3535 70.2357 29.3535C66.3072 29.3535 63.1225 32.2064 63.1225 35.7257Z" fill="#AD6500"/>
+</g>
+</g>
+<path d="M77.2822 23.7617L77.2822 34.4314" stroke="url(#paint13_linear_3495_89809)" stroke-width="0.711314" stroke-linecap="round"/>
+<path d="M72.6069 50.9902C84.1065 57.8663 93.2548 57.0166 96.3174 54.8432V61.3636C76.571 68.6332 65.6345 61.4756 64.5379 61.7868C69.3097 59.4751 72.6069 54.1643 72.6069 52.4721V50.9902Z" fill="url(#paint14_linear_3495_89809)"/>
+<path d="M96.4287 61.2832C88.8414 64.6619 74.9707 66.7959 64.5381 61.5796" stroke="#DF3F11" stroke-width="0.296381"/>
+<path d="M71.4209 50.9895L70.2354 49.3594" stroke="url(#paint15_linear_3495_89809)" stroke-width="0.592762" stroke-linecap="round"/>
+<circle cx="1.6301" cy="1.6301" r="1.6301" transform="matrix(-1 0 0 1 74.0889 50.6934)" fill="url(#paint16_linear_3495_89809)"/>
+<circle cx="1.4819" cy="1.4819" r="1.4819" transform="matrix(-1 0 0 1 82.0908 7.71875)" fill="url(#paint17_linear_3495_89809)"/>
+<circle cx="1.4819" cy="1.4819" r="1.4819" transform="matrix(-1 0 0 1 87.1289 7.71875)" fill="url(#paint18_linear_3495_89809)"/>
+<path d="M80.6084 23.7783C80.6084 24.9266 81.5373 25.8574 82.6831 25.8574C83.8289 25.8574 84.7577 24.9266 84.7577 23.7783L84.7577 22.5424C84.7577 21.3941 83.8289 20.4633 82.6831 20.4633C81.5373 20.4633 80.6084 21.3941 80.6084 22.5424L80.6084 23.7783Z" fill="#231400"/>
+<path d="M80.6084 23.8583C80.6084 24.9624 81.5373 25.8574 82.6831 25.8574C83.8289 25.8574 84.7577 24.9624 84.7577 23.8583L84.7577 23.7828L80.6084 23.7828L80.6084 23.8583Z" fill="url(#paint19_linear_3495_89809)"/>
+<g filter="url(#filter2_d_3495_89809)">
+<path d="M83.7214 22.9531C84.0651 22.9531 84.3437 22.6745 84.3437 22.3307C84.3437 21.987 84.0651 21.7083 83.7213 21.7083C83.3776 21.7083 83.099 21.987 83.099 22.3307C83.099 22.6745 83.3776 22.9531 83.7214 22.9531Z" fill="white"/>
+</g>
+<path d="M94.32 14.0636C92.8585 10.599 90.0806 7.85687 86.5972 6.44045C83.1139 5.02403 79.2106 5.04936 75.746 6.51087C72.2814 7.97237 69.5392 10.7503 68.1228 14.2336C66.7064 17.7169 66.7317 21.6202 68.1932 25.0849L81.2566 19.5743L94.32 14.0636Z" fill="#D9D9D9"/>
+<path d="M94.32 14.0636C92.8585 10.599 90.0806 7.85687 86.5972 6.44045C83.1139 5.02403 79.2106 5.04936 75.746 6.51087C72.2814 7.97237 69.5392 10.7503 68.1228 14.2336C66.7064 17.7169 66.7317 21.6202 68.1932 25.0849L81.2566 19.5743L94.32 14.0636Z" fill="url(#paint20_linear_3495_89809)"/>
+<path d="M94.32 14.0636C92.8585 10.599 90.0806 7.85687 86.5972 6.44045C83.1139 5.02403 79.2106 5.04936 75.746 6.51087C72.2814 7.97237 69.5392 10.7503 68.1228 14.2336C66.7064 17.7169 66.7317 21.6202 68.1932 25.0849L81.2566 19.5743L94.32 14.0636Z" fill="url(#paint21_radial_3495_89809)" fill-opacity="0.2"/>
+<rect x="67.4844" y="24.4707" width="29.3417" height="3.43802" rx="0.474209" transform="rotate(-22.8718 67.4844 24.4707)" fill="url(#paint22_linear_3495_89809)"/>
+<ellipse cx="71.3798" cy="15.8373" rx="4.78144" ry="1.9535" transform="rotate(-63.9251 71.3798 15.8373)" fill="#A33409"/>
+<mask id="mask1_3495_89809" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="68" y="11" width="7" height="10">
+<ellipse cx="71.3808" cy="15.8354" rx="4.78144" ry="1.9535" transform="rotate(-63.9251 71.3808 15.8354)" fill="#565656"/>
+</mask>
+<g mask="url(#mask1_3495_89809)">
+<path d="M66.7814 14.2933L72.56 19.2712L74.6865 13.0555L67.4012 12.7313C66.5579 12.6938 66.1418 13.7423 66.7814 14.2933Z" fill="url(#paint23_linear_3495_89809)"/>
+<path d="M73.9512 14.2324L72.4167 19.2709L65.9489 14.2324H73.9512Z" fill="url(#paint24_linear_3495_89809)"/>
+</g>
+<path d="M66.376 14.2708L71.6775 18.5268L73.9541 13.0326L66.9764 12.6894C66.1156 12.647 65.704 13.7313 66.376 14.2708Z" fill="url(#paint25_linear_3495_89809)"/>
+<mask id="mask2_3495_89809" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="65" y="12" width="9" height="8">
+<path d="M66.2007 14.1371L71.8676 19.2484L73.9941 13.0327L66.8513 12.5894C66.0112 12.5372 65.5756 13.5733 66.2007 14.1371Z" fill="url(#paint26_linear_3495_89809)"/>
+</mask>
+<g mask="url(#mask2_3495_89809)">
+<path d="M73.9502 14.2363L71.7067 18.6015L65.868 14.2965L73.9502 14.2363Z" fill="url(#paint27_linear_3495_89809)"/>
+</g>
+<path d="M99.2144 35.6181C94.2019 40.804 82.0367 46.2596 72.0117 26.2852" stroke="black" stroke-width="0.711314" stroke-linecap="round"/>
+<path d="M99.2144 35.6181C94.2019 40.804 82.0367 46.2596 72.0117 26.2852" stroke="url(#paint28_linear_3495_89809)" stroke-width="0.711314" stroke-linecap="round"/>
+<rect x="89.9609" y="39.3516" width="6.90406" height="2.12792" rx="0.474209" transform="rotate(-16.5597 89.9609 39.3516)" fill="url(#paint29_linear_3495_89809)"/>
+<g filter="url(#filter3_i_3495_89809)">
+<rect x="104.552" y="41.3906" width="44.3277" height="3.05724" rx="1.52862" transform="rotate(90 104.552 41.3906)" fill="#FF5215"/>
+</g>
+<path d="M48.292 90.6836C49.0922 89.6759 51.0465 88.1348 53.864 88.1348C56.7388 88.1348 59.5248 90.3576 60.2361 93.2918" stroke="black" stroke-width="2.37105" stroke-linecap="round"/>
+<path d="M48.292 90.6836C49.0922 89.6759 51.0465 88.1348 53.864 88.1348C56.7388 88.1348 59.5248 90.3576 60.2361 93.2918" stroke="url(#paint30_linear_3495_89809)" stroke-width="2.37105" stroke-linecap="round"/>
+<path d="M48.292 90.6836C49.0922 89.6759 51.0465 88.1348 53.864 88.1348C56.7388 88.1348 59.5248 90.3576 60.2361 93.2918" stroke="url(#paint31_linear_3495_89809)" stroke-width="2.37105" stroke-linecap="round"/>
+<path d="M97.1392 95.1294C96.9925 93.851 96.4872 85.586 104.671 84.1905C114.086 82.5851 116.404 91.2172 116.404 92.6991" stroke="url(#paint32_linear_3495_89809)" stroke-width="2.84526" stroke-linecap="round"/>
+<circle cx="8.44686" cy="8.44686" r="8.44686" transform="matrix(-1 0 0 1 103.134 20.4629)" fill="url(#paint33_radial_3495_89809)"/>
+<circle cx="8.44686" cy="8.44686" r="8.44686" transform="matrix(-1 0 0 1 103.134 20.4629)" fill="url(#paint34_radial_3495_89809)" fill-opacity="0.5"/>
+<ellipse cx="1.03733" cy="1.18552" rx="1.03733" ry="1.18552" transform="matrix(-1 0 0 1 97.7988 28.1699)" fill="url(#paint35_linear_3495_89809)"/>
+<ellipse cx="1.03733" cy="1.18552" rx="1.03733" ry="1.18552" transform="matrix(-1 0 0 1 101.355 28.1699)" fill="url(#paint36_linear_3495_89809)"/>
+<mask id="mask3_3495_89809" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="101" y="41" width="4" height="45">
+<rect x="104.56" y="41.6719" width="44.3277" height="3.05724" rx="1.52862" transform="rotate(90 104.56 41.6719)" fill="#FF5115"/>
+</mask>
+<g mask="url(#mask3_3495_89809)">
+<rect opacity="0.2" x="97.5117" y="39.4121" width="7.11314" height="17.3086" fill="#FFC517"/>
+</g>
+<circle cx="102.956" cy="40.0325" r="3.67512" fill="url(#paint37_linear_3495_89809)"/>
+<path d="M97.1396 47.9467C98.9575 46.6624 102.664 43.3469 102.949 40.3594" stroke="url(#paint38_linear_3495_89809)" stroke-width="1.89684" stroke-linecap="round"/>
+<path d="M100.37 49.353C102.385 47.6636 104.27 43.2158 103.022 40.4862" stroke="black" stroke-width="1.89684" stroke-linecap="round"/>
+<path d="M100.37 49.353C102.385 47.6636 104.27 43.2158 103.022 40.4862" stroke="url(#paint39_linear_3495_89809)" stroke-width="1.89684" stroke-linecap="round"/>
+<path d="M95.0352 43.9443C98.2657 44.4334 101.208 42.8032 102.949 40.3582" stroke="black" stroke-width="1.89684" stroke-linecap="round"/>
+<path d="M95.0352 43.9443C98.2657 44.4334 101.208 42.8032 102.949 40.3582" stroke="url(#paint40_linear_3495_89809)" stroke-width="1.89684" stroke-linecap="round"/>
+<rect x="52.9785" y="93.4707" width="45.437" height="3.05724" rx="1.52862" fill="#D9D9D9"/>
+<rect x="52.9785" y="93.4707" width="45.437" height="3.05724" rx="1.52862" fill="url(#paint41_linear_3495_89809)"/>
+<rect x="52.9785" y="93.4707" width="45.437" height="3.05724" rx="1.52862" fill="url(#paint42_linear_3495_89809)"/>
+</g>
+<defs>
+<filter id="filter0_i_3495_89809" x="47.1182" y="53.6582" width="49.1992" height="25.1914" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="1.18552"/>
+<feGaussianBlur stdDeviation="3.02309"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.909611 0 0 0 0 0.639855 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89809"/>
+</filter>
+<filter id="filter1_i_3495_89809" x="50.9707" y="13.0527" width="36.752" height="52.459" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="1.18552"/>
+<feGaussianBlur stdDeviation="1.8672"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.696779 0 0 0 0 0.271428 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89809"/>
+</filter>
+<filter id="filter2_d_3495_89809" x="71.2427" y="9.85305" width="24.957" height="24.956" 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="5.92797"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.968627 0 0 0 0 0.670588 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3495_89809"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3495_89809" result="shape"/>
+</filter>
+<filter id="filter3_i_3495_89809" x="101.494" y="41.3906" width="3.05762" height="44.3281" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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="0.580907"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.974043 0 0 0 0 0.858417 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89809"/>
+</filter>
+<linearGradient id="paint0_linear_3495_89809" x1="106.631" y1="85.8477" x2="109.41" y2="102.006" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-color="#666666"/>
+</linearGradient>
+<linearGradient id="paint1_linear_3495_89809" x1="53.6315" y1="89.6582" x2="55.5322" y2="100.711" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-color="#666666"/>
+</linearGradient>
+<linearGradient id="paint2_linear_3495_89809" x1="70.4051" y1="88.6299" x2="72.628" y2="95.1503" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D89400"/>
+</linearGradient>
+<linearGradient id="paint3_linear_3495_89809" x1="88.4901" y1="88.6299" x2="90.713" y2="95.1503" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D89400"/>
+</linearGradient>
+<linearGradient id="paint4_linear_3495_89809" x1="65.6131" y1="88.6299" x2="63.2497" y2="95.0362" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D89400"/>
+</linearGradient>
+<linearGradient id="paint5_linear_3495_89809" x1="83.6971" y1="88.6299" x2="81.3337" y2="95.0362" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D89400"/>
+</linearGradient>
+<linearGradient id="paint6_linear_3495_89809" x1="69.4886" y1="42.5587" x2="71.8854" y2="51.4469" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6F15"/>
+<stop offset="1" stop-color="#FF4916"/>
+</linearGradient>
+<linearGradient id="paint7_linear_3495_89809" x1="50.3779" y1="58.4006" x2="41.0419" y2="72.0342" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A26400"/>
+<stop offset="1" stop-color="#573100"/>
+</linearGradient>
+<linearGradient id="paint8_linear_3495_89809" x1="40.3891" y1="64.6648" x2="32.7211" y2="70.4014" gradientUnits="userSpaceOnUse">
+<stop stop-color="#442700"/>
+<stop offset="1" stop-color="#2A1800"/>
+</linearGradient>
+<linearGradient id="paint9_linear_3495_89809" x1="71.7178" y1="53.6582" x2="71.7178" y2="77.665" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFCC00"/>
+<stop offset="0.5" stop-color="#FFBF00"/>
+<stop offset="1" stop-color="#FFAE00"/>
+</linearGradient>
+<linearGradient id="paint10_linear_3495_89809" x1="94.2421" y1="8.55069" x2="75.0822" y2="16.221" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFE391"/>
+<stop offset="1" stop-color="#FFBF00"/>
+</linearGradient>
+<linearGradient id="paint11_linear_3495_89809" x1="94.0097" y1="59.6975" x2="96.262" y2="65.6251" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFD24D" stop-opacity="0"/>
+<stop offset="1" stop-color="#FFD24D"/>
+</linearGradient>
+<linearGradient id="paint12_linear_3495_89809" x1="68.16" y1="9.64439" x2="74.9767" y2="22.9814" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFBF00"/>
+<stop offset="1" stop-color="#FFAE00"/>
+</linearGradient>
+<linearGradient id="paint13_linear_3495_89809" x1="77.7822" y1="23.7617" x2="77.7822" y2="40.5962" gradientUnits="userSpaceOnUse">
+<stop stop-color="#251601"/>
+<stop offset="1" stop-color="#FFBF01"/>
+</linearGradient>
+<linearGradient id="paint14_linear_3495_89809" x1="74.0888" y1="50.9902" x2="99.2812" y2="79.8874" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6F15"/>
+<stop offset="1" stop-color="#FF3415"/>
+</linearGradient>
+<linearGradient id="paint15_linear_3495_89809" x1="69.4944" y1="48.322" x2="71.7173" y2="51.5822" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF5A16"/>
+<stop offset="1" stop-color="#DF3F11"/>
+</linearGradient>
+<linearGradient id="paint16_linear_3495_89809" x1="0.592762" y1="0.14819" x2="6.07581" y2="6.52038" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6716"/>
+<stop offset="1" stop-color="#FF4F16"/>
+</linearGradient>
+<linearGradient id="paint17_linear_3495_89809" x1="0.444571" y1="-1.77829" x2="1.92648" y2="2.66743" gradientUnits="userSpaceOnUse">
+<stop stop-color="#995A03"/>
+<stop offset="1" stop-color="#331E01"/>
+</linearGradient>
+<linearGradient id="paint18_linear_3495_89809" x1="0.444571" y1="-1.77829" x2="1.92648" y2="2.66743" gradientUnits="userSpaceOnUse">
+<stop stop-color="#995A03"/>
+<stop offset="1" stop-color="#331E01"/>
+</linearGradient>
+<linearGradient id="paint19_linear_3495_89809" x1="83.5722" y1="22.8343" x2="81.2012" y2="26.6872" gradientUnits="userSpaceOnUse">
+<stop stop-color="#251601"/>
+<stop offset="1" stop-color="#5F3802"/>
+</linearGradient>
+<linearGradient id="paint20_linear_3495_89809" x1="80.9574" y1="4.31253" x2="50.3782" y2="39.6059" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6F15"/>
+<stop offset="1" stop-color="#FF3415"/>
+</linearGradient>
+<radialGradient id="paint21_radial_3495_89809" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(85.1063 9.89171) rotate(133.152) scale(10.4002)">
+<stop stop-color="#FFCC36"/>
+<stop offset="1" stop-color="#FFCC36" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint22_linear_3495_89809" x1="50.0651" y1="26.0034" x2="105.337" y2="22.17" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6D15"/>
+<stop offset="1" stop-color="#FFDA83"/>
+</linearGradient>
+<linearGradient id="paint23_linear_3495_89809" x1="64.7059" y1="8.45327" x2="74.1901" y2="14.3809" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFE187"/>
+<stop offset="1" stop-color="#FFBF00"/>
+</linearGradient>
+<linearGradient id="paint24_linear_3495_89809" x1="67.8178" y1="9.04575" x2="74.6345" y2="22.3829" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFBF00"/>
+<stop offset="1" stop-color="#FFAE00"/>
+</linearGradient>
+<linearGradient id="paint25_linear_3495_89809" x1="64.281" y1="8.43037" x2="73.7652" y2="14.358" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFE187"/>
+<stop offset="1" stop-color="#FFBF00"/>
+</linearGradient>
+<linearGradient id="paint26_linear_3495_89809" x1="64.0135" y1="8.4305" x2="73.4977" y2="14.3581" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFE187"/>
+<stop offset="1" stop-color="#FFBF00"/>
+</linearGradient>
+<linearGradient id="paint27_linear_3495_89809" x1="67.8168" y1="9.04966" x2="74.6336" y2="22.3868" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFBF00"/>
+<stop offset="1" stop-color="#FFAE00"/>
+</linearGradient>
+<linearGradient id="paint28_linear_3495_89809" x1="85.7962" y1="26.2852" x2="96.8432" y2="55.6535" gradientUnits="userSpaceOnUse">
+<stop stop-color="#251601"/>
+<stop offset="1" stop-color="#FFBF01"/>
+</linearGradient>
+<linearGradient id="paint29_linear_3495_89809" x1="89.9587" y1="38.5476" x2="97.9622" y2="42.4116" gradientUnits="userSpaceOnUse">
+<stop stop-color="#382202"/>
+<stop offset="1" stop-color="#9E6006"/>
+</linearGradient>
+<linearGradient id="paint30_linear_3495_89809" x1="54.2641" y1="88.1348" x2="54.8836" y2="95.0498" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B1E00"/>
+<stop offset="1" stop-color="#778400"/>
+</linearGradient>
+<linearGradient id="paint31_linear_3495_89809" x1="54.2641" y1="88.1348" x2="54.8836" y2="95.0498" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6216"/>
+<stop offset="1" stop-color="#E84712"/>
+</linearGradient>
+<linearGradient id="paint32_linear_3495_89809" x1="100.372" y1="85.9428" x2="118.064" y2="97.9755" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E84712"/>
+<stop offset="1" stop-color="#FF6216"/>
+</linearGradient>
+<radialGradient id="paint33_radial_3495_89809" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.44947 5.33486) rotate(62.2892) scale(16.5715)">
+<stop stop-color="#AD6601"/>
+<stop offset="1" stop-color="#E8A20D"/>
+</radialGradient>
+<radialGradient id="paint34_radial_3495_89809" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4.44571 1.18552) rotate(70.821) scale(7.21735)">
+<stop stop-color="#FFDA6C"/>
+<stop offset="1" stop-color="#FFDA6C" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint35_linear_3495_89809" x1="1.11461" y1="-0.592762" x2="3.18928" y2="4.5939" gradientUnits="userSpaceOnUse">
+<stop stop-color="#654007"/>
+<stop offset="1" stop-color="#492E05"/>
+</linearGradient>
+<linearGradient id="paint36_linear_3495_89809" x1="1.11461" y1="-0.592762" x2="3.18928" y2="4.5939" gradientUnits="userSpaceOnUse">
+<stop stop-color="#654007"/>
+<stop offset="1" stop-color="#492E05"/>
+</linearGradient>
+<linearGradient id="paint37_linear_3495_89809" x1="102.178" y1="36.3286" x2="106.683" y2="41.4263" gradientUnits="userSpaceOnUse">
+<stop stop-color="#010101"/>
+<stop offset="1" stop-color="#251601"/>
+</linearGradient>
+<linearGradient id="paint38_linear_3495_89809" x1="102.889" y1="40.3602" x2="95.065" y2="53.1638" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-color="#F8FFB7"/>
+</linearGradient>
+<linearGradient id="paint39_linear_3495_89809" x1="102.963" y1="40.5212" x2="104.412" y2="53.9116" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-color="#F8FFB7"/>
+</linearGradient>
+<linearGradient id="paint40_linear_3495_89809" x1="102.903" y1="40.333" x2="90.6762" y2="46.5239" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-color="#F8FFB7"/>
+</linearGradient>
+<linearGradient id="paint41_linear_3495_89809" x1="60.3288" y1="94.9993" x2="98.4156" y2="94.9993" gradientUnits="userSpaceOnUse">
+<stop stop-color="#748001"/>
+<stop offset="1" stop-color="#212401"/>
+</linearGradient>
+<linearGradient id="paint42_linear_3495_89809" x1="98.1548" y1="94.4414" x2="95.0966" y2="107.475" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E84712"/>
+<stop offset="1" stop-color="#FB5D15"/>
+</linearGradient>
+<clipPath id="clip0_3495_89809">
+<rect width="150" height="100" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/renderer/src/assets/rini-modal.svg b/src/renderer/src/assets/rini-modal.svg
new file mode 100644
index 0000000..1b91269
--- /dev/null
+++ b/src/renderer/src/assets/rini-modal.svg
@@ -0,0 +1,264 @@
+<svg width="150" height="100" viewBox="0 0 150 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M65.876 75.5625L56.501 76.9687L61.9069 93.6875L67.2194 93.6875L65.876 75.5625Z" fill="#F0AA00"/>
+<path d="M67.0419 91.1875H61.1001L61.8859 93.6875H67.2197L67.0419 91.1875Z" fill="url(#paint0_linear_3495_89731)"/>
+<path d="M82.2188 75.9941L73.7813 75.9944L74.4063 93.3745L79.5625 93.3745L82.2188 75.9941Z" fill="#F0AA00"/>
+<path d="M79.8975 91.1875H74.3299L74.4065 93.6875H79.5627L79.8975 91.1875Z" fill="#7B7B7B"/>
+<path d="M79.8975 91.1875H74.3299L74.4065 93.6875H79.5627L79.8975 91.1875Z" fill="url(#paint1_linear_3495_89731)"/>
+<path d="M87.7072 75.5594L78.6272 75.5562L82.8459 93.6664L87.7072 93.6664L87.7072 75.5594Z" fill="#FFBE2B"/>
+<path d="M87.71 91.1875H82.2665L82.6895 93.6875L87.71 93.6692V91.1875Z" fill="#A6A6A6"/>
+<path d="M87.71 91.1875H82.2665L82.6895 93.6875L87.71 93.6692V91.1875Z" fill="url(#paint2_linear_3495_89731)"/>
+<path d="M61.9062 77.4375L52.6875 76.1875L50.6562 93.6875L56.4375 93.6875L61.9062 77.4375Z" fill="#FFC135"/>
+<path d="M57.2793 91.1875H50.9322L50.6567 93.6875H56.4364L57.2793 91.1875Z" fill="url(#paint3_linear_3495_89731)"/>
+<path d="M71.3878 51.2361C71.588 50.1393 71.3912 49.0071 70.8326 48.0423L70.3074 47.1351C69.6926 46.0732 68.5583 45.4194 67.3312 45.4196L67.2935 45.4196C66.7811 45.4197 66.3368 45.774 66.2226 46.2735C65.9568 47.4366 66.3401 48.6524 67.225 49.4527L67.916 50.0776C68.8603 50.9316 70.1155 51.3574 71.3845 51.2541L71.3878 51.2361Z" fill="url(#paint4_linear_3495_89731)"/>
+<path d="M40.8125 69.9375C40.5 67.0208 42 60.4687 47.375 57.5938" stroke="url(#paint5_linear_3495_89731)" stroke-width="1.25" stroke-linecap="round"/>
+<rect width="1.875" height="3.75" transform="matrix(-1 0 0 1 85.5 6.1875)" fill="#331E01"/>
+<rect width="1.875" height="3.75" transform="matrix(-1 0 0 1 80.1875 6.1875)" fill="#331E01"/>
+<path d="M38 72.9062C38 74.5458 38.9375 76.1875 41.4375 77.2812C42.6875 75.4062 43.9375 74.5458 43.9375 72.9062C43.9375 71.2667 42.6083 69.9375 40.9688 69.9375C39.3292 69.9375 38 71.2667 38 72.9062Z" fill="url(#paint6_linear_3495_89731)"/>
+<g filter="url(#filter0_i_3495_89731)">
+<path d="M95.7973 10.9663L93.1562 16.5L83.4688 9.625H94.9513C95.6407 9.625 96.0943 10.3441 95.7973 10.9663Z" fill="#FFAE00"/>
+</g>
+<g filter="url(#filter1_i_3495_89731)">
+<path d="M56.75 52.4385C56.698 52.4378 56.6459 52.4375 56.5938 52.4375C49.6039 52.4375 43.9375 58.1039 43.9375 65.0938C43.9375 72.0836 49.6039 77.75 56.5938 77.75C56.6459 77.75 56.698 77.7487 56.75 77.748V77.75H83.3125V77.748C90.2303 77.6643 95.8125 72.0314 95.8125 65.0938C95.8125 58.1561 90.2304 52.5222 83.3125 52.4385V52.4375H56.75V52.4385Z" fill="url(#paint7_linear_3495_89731)"/>
+</g>
+<path d="M74.0938 9.625C71.4375 13.147 70.8125 14.5867 70.8125 21.5693L70.8223 21.5635C70.8165 21.7177 70.8125 21.8727 70.8125 22.0283C70.8125 22.0795 70.8138 22.1306 70.8145 22.1816H70.8125V49.8975L81.4375 56.1758L89.25 65.0576H95.8125V24.7764C96.0165 23.8924 96.125 22.9728 96.125 22.0283C96.1249 15.2293 90.5428 9.708 83.625 9.62598V9.625H74.0938Z" fill="url(#paint8_linear_3495_89731)"/>
+<path d="M74.0938 9.625C71.4375 13.147 70.8125 14.5867 70.8125 21.5693L70.8223 21.5635C70.8165 21.7177 70.8125 21.8727 70.8125 22.0283C70.8125 22.0795 70.8138 22.1306 70.8145 22.1816H70.8125V49.8975L81.4375 56.1758L89.25 65.0576H95.8125V24.7764C96.0165 23.8924 96.125 22.9728 96.125 22.0283C96.1249 15.2293 90.5428 9.708 83.625 9.62598V9.625H74.0938Z" fill="url(#paint9_linear_3495_89731)"/>
+<path d="M64.9675 11.2587L71.125 16.8125L74.25 9.625H65.5954C64.7367 9.625 64.3298 10.6835 64.9675 11.2587Z" fill="url(#paint10_linear_3495_89731)"/>
+<mask id="mask0_3495_89731" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="64" y="9" width="11" height="8">
+<path d="M64.9675 11.2587L71.125 16.8125L74.25 9.625H65.5954C64.7367 9.625 64.3298 10.6835 64.9675 11.2587Z" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3495_89731)">
+<path d="M72.5918 11.5L70.9739 16.8125L64.1543 11.5H72.5918Z" fill="url(#paint11_linear_3495_89731)"/>
+</g>
+<g filter="url(#filter2_i_3495_89731)">
+<mask id="mask1_3495_89731" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="43" y="9" width="54" height="69">
+<path d="M74.0928 9.625C71.4367 13.1468 70.8115 14.5868 70.8115 21.5693L70.8213 21.5635C70.8155 21.7177 70.8115 21.8727 70.8115 22.0283C70.8115 22.0795 70.8128 22.1306 70.8135 22.1816H70.8125L70.8115 49.8975L75.1104 52.4375H56.749V52.4385C56.6972 52.4379 56.6448 52.4375 56.5928 52.4375C49.6031 52.4378 43.9365 58.1041 43.9365 65.0938C43.9365 72.0834 49.6031 77.7497 56.5928 77.75C56.6448 77.75 56.6972 77.7487 56.749 77.748V77.75H83.3115V77.748C90.2294 77.6643 95.8115 72.0314 95.8115 65.0938C95.8115 65.0817 95.8116 65.0697 95.8115 65.0576H95.8125V24.7754C96.0164 23.8917 96.124 22.9724 96.124 22.0283C96.124 15.2293 90.5418 9.708 83.624 9.62598V9.625H74.0928Z" fill="url(#paint12_linear_3495_89731)"/>
+</mask>
+<g mask="url(#mask1_3495_89731)">
+<path d="M67.375 16.9688C67.375 22.6642 69.2868 26.9688 75.5 26.9688C84.4062 27.75 85.9688 22.6642 85.9688 16.9688C85.9688 11.2733 83.9007 8.0625 77.6875 8.0625C71.4743 8.0625 67.375 11.2733 67.375 16.9688Z" fill="#AD6500"/>
+<path d="M84.0938 36.0308C82.2188 35.7184 81.9062 36.4995 80.3438 38.062C79.4062 39.312 79.0938 39.9259 79.0938 41.0308C79.0938 41.3433 79.25 44.3525 82.375 44.4683C85.75 44.5933 86.75 42.5139 86.75 40.562C86.75 37.9058 85.9688 36.3431 84.0938 36.0308Z" fill="#AD6500"/>
+<path d="M66.9355 45.7139C62.2059 45.7138 54.0928 44.4692 53.7803 53.5312C53.649 57.3426 56.5928 56.1879 58.7803 59.7812C61.5927 63.6874 64.1954 63.6875 66.9355 63.6875C71.665 63.6875 75.4988 59.6641 75.499 54.7012C75.499 49.738 71.6651 45.7139 66.9355 45.7139Z" fill="#AD6500"/>
+<path d="M48 55.875C48 57.0831 49.0493 57.5938 50.3438 57.5938C51.6382 57.5938 52.8438 57.0831 52.8438 55.875C52.8438 54 51.7944 53.5312 50.5 53.5312C49.2056 53.5312 48 54.6669 48 55.875Z" fill="#AD6500"/>
+<path d="M53.3125 60.6226C53.3125 61.459 53.9218 61.8125 54.6734 61.8125C55.425 61.8125 56.125 61.459 56.125 60.6226C56.125 59.3245 55.5157 59 54.7641 59C54.0125 59 53.3125 59.7862 53.3125 60.6226Z" fill="#AD6500"/>
+<path d="M78.4688 29.4688C78.4688 30.6769 78.9375 32.2812 81.2812 32.4375C82.5757 32.4375 83 31.3019 83 30.0938C83 28.8856 81.9507 27.75 80.6562 27.75C79.3618 27.75 78.4688 28.2606 78.4688 29.4688Z" fill="#AD6500"/>
+<path d="M60.8125 33.5312C60.8125 37.2419 66.0454 40.5625 70.1875 40.5625C74.3297 40.5625 75.1876 37.4375 75.9688 33.5312C76.7499 29.625 72.4547 26.8125 68.3125 26.8125C64.1704 26.8125 60.8125 29.8206 60.8125 33.5312Z" fill="#AD6500"/>
+</g>
+</g>
+<path d="M70.8125 49.625C82.9375 56.875 92.5833 55.9792 95.8125 53.6875V60.5625C95.8125 64.4375 92.6875 68.7917 90.8125 70.0938C87.0625 63.6875 70.8125 52.9717 70.8125 51.1875V49.625Z" fill="url(#paint13_linear_3495_89731)"/>
+<path d="M90.8125 70.0938C85.9688 63.5312 78.4688 57.9062 70.5 51.6562" stroke="#DF3F11" stroke-width="0.3125"/>
+<path d="M69.5625 49.625L68.3125 47.9062" stroke="url(#paint14_linear_3495_89731)" stroke-width="0.625" stroke-linecap="round"/>
+<circle cx="1.71875" cy="1.71875" r="1.71875" transform="matrix(-1 0 0 1 72.375 49.3125)" fill="url(#paint15_linear_3495_89731)"/>
+<circle cx="1.5625" cy="1.5625" r="1.5625" transform="matrix(-1 0 0 1 80.8125 4)" fill="url(#paint16_linear_3495_89731)"/>
+<circle cx="1.5625" cy="1.5625" r="1.5625" transform="matrix(-1 0 0 1 86.125 4)" fill="url(#paint17_linear_3495_89731)"/>
+<g filter="url(#filter3_i_3495_89731)">
+<path d="M106.22 34.1293C105.789 34.7966 105.642 35.608 105.811 36.3841L105.858 36.6007C106.097 37.701 107.015 38.535 108.131 38.6831C108.449 38.7253 108.768 38.5878 108.952 38.3256C109.585 37.4276 109.58 36.2282 108.942 35.3349L108.824 35.1699C108.32 34.465 107.524 34.0256 106.659 33.9743L106.333 33.9549L106.22 34.1293Z" fill="url(#paint18_linear_3495_89731)"/>
+</g>
+<g filter="url(#filter4_i_3495_89731)">
+<path d="M101.77 31.9264C101.212 32.4921 100.903 33.2565 100.91 34.0507L100.912 34.2724C100.923 35.3984 101.651 36.4016 102.714 36.7738C103.017 36.8798 103.357 36.8101 103.591 36.591C104.393 35.8405 104.633 34.6653 104.189 33.6606L104.107 33.4752C103.757 32.6824 103.068 32.0903 102.231 31.864L101.916 31.7786L101.77 31.9264Z" fill="url(#paint19_linear_3495_89731)"/>
+</g>
+<g filter="url(#filter5_i_3495_89731)">
+<path d="M104.48 32.6614C105.183 33.0314 106.004 33.1064 106.762 32.8697L106.974 32.8037C108.049 32.4681 108.798 31.4808 108.847 30.3558C108.861 30.0354 108.696 29.7299 108.419 29.5692C107.468 29.0187 106.274 29.129 105.441 29.8441L105.287 29.9761C104.629 30.5404 104.262 31.3716 104.287 32.2378L104.297 32.5646L104.48 32.6614Z" fill="url(#paint20_linear_3495_89731)"/>
+</g>
+<g filter="url(#filter6_i_3495_89731)">
+<path d="M109.862 35.2219C107.186 33.3722 98.0748 28.6889 89.0121 32.7513" stroke="url(#paint21_linear_3495_89731)" stroke-width="0.9375" stroke-linecap="round"/>
+</g>
+<circle cx="8.90625" cy="8.90625" r="8.90625" transform="matrix(-1 0 0 1 103 17.4375)" fill="url(#paint22_radial_3495_89731)"/>
+<circle cx="8.90625" cy="8.90625" r="8.90625" transform="matrix(-1 0 0 1 103 17.4375)" fill="url(#paint23_radial_3495_89731)" fill-opacity="0.5"/>
+<ellipse cx="1.09375" cy="1.25" rx="1.09375" ry="1.25" transform="matrix(-1 0 0 1 97.375 25.5625)" fill="url(#paint24_linear_3495_89731)"/>
+<ellipse cx="1.09375" cy="1.25" rx="1.09375" ry="1.25" transform="matrix(-1 0 0 1 101.125 25.5625)" fill="url(#paint25_linear_3495_89731)"/>
+<path d="M79.25 20.9328C79.25 22.1435 80.2294 23.125 81.4375 23.125C82.6456 23.125 83.625 22.1435 83.625 20.9328L83.625 19.6297C83.625 18.419 82.6456 17.4375 81.4375 17.4375C80.2294 17.4375 79.25 18.419 79.25 19.6297L79.25 20.9328Z" fill="#231400"/>
+<path d="M79.25 21.0171C79.25 22.1813 80.2294 23.125 81.4375 23.125C82.6456 23.125 83.625 22.1813 83.625 21.0171L83.625 20.9375L79.25 20.9375L79.25 21.0171Z" fill="url(#paint26_linear_3495_89731)"/>
+<g filter="url(#filter7_d_3495_89731)">
+<path d="M82.5322 20.0625C82.8947 20.0625 83.1885 19.7687 83.1885 19.4062C83.1885 19.0438 82.8947 18.75 82.5322 18.75C82.1698 18.75 81.876 19.0438 81.876 19.4063C81.876 19.7687 82.1698 20.0625 82.5322 20.0625Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_i_3495_89731" x="83.4688" y="9.625" width="12.4209" height="8.125" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="1.25"/>
+<feGaussianBlur stdDeviation="1.92188"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.75 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89731"/>
+</filter>
+<filter id="filter1_i_3495_89731" x="43.9375" y="52.4375" width="51.875" height="26.5625" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="1.25"/>
+<feGaussianBlur stdDeviation="3.1875"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.909611 0 0 0 0 0.639855 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89731"/>
+</filter>
+<filter id="filter2_i_3495_89731" x="48" y="9.625" width="38.75" height="55.3125" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="1.25"/>
+<feGaussianBlur stdDeviation="1.96875"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.696779 0 0 0 0 0.271428 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89731"/>
+</filter>
+<filter id="filter3_i_3495_89731" x="105.743" y="33.6426" width="3.68066" height="5.04883" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="-0.3125"/>
+<feGaussianBlur stdDeviation="1.09375"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.574963 0 0 0 0 0.627028 0 0 0 0 0.0438995 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89731"/>
+</filter>
+<filter id="filter4_i_3495_89731" x="100.91" y="31.1543" width="3.49902" height="5.66797" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="-0.625"/>
+<feGaussianBlur stdDeviation="1.09375"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.574963 0 0 0 0 0.627028 0 0 0 0 0.0438995 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89731"/>
+</filter>
+<filter id="filter5_i_3495_89731" x="104.286" y="29.2207" width="4.5625" height="4.09766" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="0.3125"/>
+<feGaussianBlur stdDeviation="1.09375"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.574963 0 0 0 0 0.627028 0 0 0 0 0.0438995 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89731"/>
+</filter>
+<filter id="filter6_i_3495_89731" x="88.543" y="30.6719" width="21.7881" height="5.01953" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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="0.1875"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.574963 0 0 0 0 0.627028 0 0 0 0 0.0438995 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89731"/>
+</filter>
+<filter id="filter7_d_3495_89731" x="69.3752" y="6.24926" width="26.314" height="26.314" 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="6.25037"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.968627 0 0 0 0 0.670588 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3495_89731"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3495_89731" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_3495_89731" x1="65.7203" y1="89.3125" x2="63.2284" y2="96.0671" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D89400"/>
+</linearGradient>
+<linearGradient id="paint1_linear_3495_89731" x1="78.5333" y1="89.3125" x2="75.8609" y2="95.9028" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D89400"/>
+</linearGradient>
+<linearGradient id="paint2_linear_3495_89731" x1="86.3608" y1="89.3125" x2="83.6379" y2="95.8529" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D89400"/>
+</linearGradient>
+<linearGradient id="paint3_linear_3495_89731" x1="55.6567" y1="89.3125" x2="53.3129" y2="96.1875" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D89400"/>
+</linearGradient>
+<linearGradient id="paint4_linear_3495_89731" x1="67.5245" y1="40.7365" x2="70.0516" y2="50.1081" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6F15"/>
+<stop offset="1" stop-color="#FF4916"/>
+</linearGradient>
+<linearGradient id="paint5_linear_3495_89731" x1="47.375" y1="57.4375" x2="37.5313" y2="71.8125" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A26400"/>
+<stop offset="1" stop-color="#573100"/>
+</linearGradient>
+<linearGradient id="paint6_linear_3495_89731" x1="43" y1="68.375" x2="39.25" y2="77.75" gradientUnits="userSpaceOnUse">
+<stop stop-color="#442700"/>
+<stop offset="1" stop-color="#2A1800"/>
+</linearGradient>
+<linearGradient id="paint7_linear_3495_89731" x1="69.875" y1="52.4375" x2="69.875" y2="77.75" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFCC00"/>
+<stop offset="0.5" stop-color="#FFBF00"/>
+<stop offset="1" stop-color="#FFAE00"/>
+</linearGradient>
+<linearGradient id="paint8_linear_3495_89731" x1="93.625" y1="4.87801" x2="73.4235" y2="12.9648" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFE391"/>
+<stop offset="1" stop-color="#FFBF00"/>
+</linearGradient>
+<linearGradient id="paint9_linear_3495_89731" x1="93.3799" y1="58.8076" x2="95.7549" y2="65.0576" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFD24D" stop-opacity="0"/>
+<stop offset="1" stop-color="#FFD24D"/>
+</linearGradient>
+<linearGradient id="paint10_linear_3495_89731" x1="62.8438" y1="5.40625" x2="72.8438" y2="11.6563" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFE187"/>
+<stop offset="1" stop-color="#FFBF00"/>
+</linearGradient>
+<linearGradient id="paint11_linear_3495_89731" x1="66.1248" y1="6.03125" x2="73.3123" y2="20.0938" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFBF00"/>
+<stop offset="1" stop-color="#FFAE00"/>
+</linearGradient>
+<linearGradient id="paint12_linear_3495_89731" x1="66.124" y1="6.03125" x2="73.3115" y2="20.0938" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFBF00"/>
+<stop offset="1" stop-color="#FFAE00"/>
+</linearGradient>
+<linearGradient id="paint13_linear_3495_89731" x1="72.375" y1="49.625" x2="98.9375" y2="80.0937" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6F15"/>
+<stop offset="1" stop-color="#FF3415"/>
+</linearGradient>
+<linearGradient id="paint14_linear_3495_89731" x1="67.5312" y1="46.8125" x2="69.875" y2="50.25" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF5A16"/>
+<stop offset="1" stop-color="#DF3F11"/>
+</linearGradient>
+<linearGradient id="paint15_linear_3495_89731" x1="0.625" y1="0.15625" x2="6.40625" y2="6.875" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6716"/>
+<stop offset="1" stop-color="#FF4F16"/>
+</linearGradient>
+<linearGradient id="paint16_linear_3495_89731" x1="0.46875" y1="-1.875" x2="2.03125" y2="2.8125" gradientUnits="userSpaceOnUse">
+<stop stop-color="#995A03"/>
+<stop offset="1" stop-color="#331E01"/>
+</linearGradient>
+<linearGradient id="paint17_linear_3495_89731" x1="0.46875" y1="-1.875" x2="2.03125" y2="2.8125" gradientUnits="userSpaceOnUse">
+<stop stop-color="#995A03"/>
+<stop offset="1" stop-color="#331E01"/>
+</linearGradient>
+<linearGradient id="paint18_linear_3495_89731" x1="109.019" y1="40.1883" x2="104.054" y2="29.0145" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7E8907"/>
+<stop offset="1" stop-color="#383E00"/>
+</linearGradient>
+<linearGradient id="paint19_linear_3495_89731" x1="103.075" y1="36.7794" x2="99.9017" y2="23.5096" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7E8907"/>
+<stop offset="1" stop-color="#383E00"/>
+</linearGradient>
+<linearGradient id="paint20_linear_3495_89731" x1="110.268" y1="29.3387" x2="99.5767" y2="35.2709" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7E8907"/>
+<stop offset="1" stop-color="#383E00"/>
+</linearGradient>
+<linearGradient id="paint21_linear_3495_89731" x1="112.918" y1="35.2513" x2="98.5433" y2="31.0325" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7E8907"/>
+<stop offset="1" stop-color="#383E00"/>
+</linearGradient>
+<radialGradient id="paint22_radial_3495_89731" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.80023 5.625) rotate(62.2892) scale(17.4728)">
+<stop stop-color="#AD6601"/>
+<stop offset="1" stop-color="#E8A20D"/>
+</radialGradient>
+<radialGradient id="paint23_radial_3495_89731" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4.6875 1.25) rotate(70.821) scale(7.60987)">
+<stop stop-color="#FFDA6C"/>
+<stop offset="1" stop-color="#FFDA6C" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint24_linear_3495_89731" x1="1.17523" y1="-0.625" x2="3.36273" y2="4.84375" gradientUnits="userSpaceOnUse">
+<stop stop-color="#654007"/>
+<stop offset="1" stop-color="#492E05"/>
+</linearGradient>
+<linearGradient id="paint25_linear_3495_89731" x1="1.17523" y1="-0.625" x2="3.36273" y2="4.84375" gradientUnits="userSpaceOnUse">
+<stop stop-color="#654007"/>
+<stop offset="1" stop-color="#492E05"/>
+</linearGradient>
+<linearGradient id="paint26_linear_3495_89731" x1="82.375" y1="19.9374" x2="79.875" y2="23.9999" gradientUnits="userSpaceOnUse">
+<stop stop-color="#251601"/>
+<stop offset="1" stop-color="#5F3802"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/renderer/src/assets/stone-bugi-modal.svg b/src/renderer/src/assets/stone-bugi-modal.svg
new file mode 100644
index 0000000..deeaf8e
--- /dev/null
+++ b/src/renderer/src/assets/stone-bugi-modal.svg
@@ -0,0 +1,213 @@
+<svg width="150" height="55" viewBox="0 0 150 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M89.5593 34.4548C87.7178 36.8488 88.9148 45.9643 88.9148 45.9643C91.9533 45.9643 98.7373 45.9643 102.266 45.9643C109.283 45.9643 114.534 44.3756 114.972 37.6775C115.617 27.8253 109.283 22.3008 102.266 22.3008C95.2482 22.3008 89.5593 27.7423 89.5593 34.4548Z" fill="url(#paint0_radial_3495_89656)"/>
+<path d="M89.5593 34.4548C87.7178 36.8488 88.9148 45.9643 88.9148 45.9643C91.9533 45.9643 98.7373 45.9643 102.266 45.9643C109.283 45.9643 114.534 44.3756 114.972 37.6775C115.617 27.8253 109.283 22.3008 102.266 22.3008C95.2482 22.3008 89.5593 27.7423 89.5593 34.4548Z" fill="url(#paint1_radial_3495_89656)" fill-opacity="0.2"/>
+<path d="M90.8861 46.7005C91.0723 46.1073 90.6293 45.5039 90.0076 45.5039H76.2725C75.6105 45.5039 75.1648 46.1817 75.4272 46.7896L78.4478 53.7873C78.5934 54.1247 78.9257 54.3432 79.2932 54.3432H87.8108C88.213 54.3432 88.5688 54.082 88.6893 53.6982L90.8861 46.7005Z" fill="url(#paint2_linear_3495_89656)"/>
+<path d="M90.8861 46.7005C91.0723 46.1073 90.6293 45.5039 90.0076 45.5039H76.2725C75.6105 45.5039 75.1648 46.1817 75.4272 46.7896L78.4478 53.7873C78.5934 54.1247 78.9257 54.3432 79.2932 54.3432H87.8108C88.213 54.3432 88.5688 54.082 88.6893 53.6982L90.8861 46.7005Z" fill="url(#paint3_radial_3495_89656)" fill-opacity="0.2"/>
+<path d="M50.7018 46.4697C50.7275 45.9441 50.3083 45.5039 49.7821 45.5039H38.1606C37.4144 45.5039 36.9781 46.3451 37.408 46.9551L42.3402 53.9529C42.5127 54.1976 42.7934 54.3432 43.0928 54.3432H49.4396C49.9306 54.3432 50.3352 53.9579 50.3592 53.4674L50.7018 46.4697Z" fill="url(#paint4_linear_3495_89656)"/>
+<path d="M50.7018 46.4697C50.7275 45.9441 50.3083 45.5039 49.7821 45.5039H38.1606C37.4144 45.5039 36.9781 46.3451 37.408 46.9551L42.3402 53.9529C42.5127 54.1976 42.7934 54.3432 43.0928 54.3432H49.4396C49.9306 54.3432 50.3352 53.9579 50.3592 53.4674L50.7018 46.4697Z" fill="url(#paint5_radial_3495_89656)" fill-opacity="0.2"/>
+<mask id="path-4-inside-1_3495_89656" fill="white">
+<path d="M92.6895 42.1906C92.6895 41.9872 92.5246 41.8223 92.3211 41.8223H37.0756C36.8722 41.8223 36.7073 41.9872 36.7073 42.1906V47.3468C36.7073 47.5502 36.8722 47.7151 37.0756 47.7151H92.3211C92.5246 47.7151 92.6895 47.5502 92.6895 47.3468V42.1906Z"/>
+</mask>
+<g filter="url(#filter0_i_3495_89656)">
+<path d="M92.6895 42.1906C92.6895 41.9872 92.5246 41.8223 92.3211 41.8223H37.0756C36.8722 41.8223 36.7073 41.9872 36.7073 42.1906V47.3468C36.7073 47.5502 36.8722 47.7151 37.0756 47.7151H92.3211C92.5246 47.7151 92.6895 47.5502 92.6895 47.3468V42.1906Z" fill="url(#paint6_linear_3495_89656)"/>
+<path d="M92.6895 42.1906C92.6895 41.9872 92.5246 41.8223 92.3211 41.8223H37.0756C36.8722 41.8223 36.7073 41.9872 36.7073 42.1906V47.3468C36.7073 47.5502 36.8722 47.7151 37.0756 47.7151H92.3211C92.5246 47.7151 92.6895 47.5502 92.6895 47.3468V42.1906Z" fill="url(#paint7_radial_3495_89656)" fill-opacity="0.4"/>
+</g>
+<path d="M92.6895 42.1906C92.6895 41.5803 92.1948 41.0857 91.5845 41.0857H37.8122C37.202 41.0857 36.7073 41.5803 36.7073 42.1906V42.5589C36.7073 42.5589 36.8722 42.5589 37.0756 42.5589H92.3211C92.5246 42.5589 92.6895 42.5589 92.6895 42.5589V42.1906ZM36.7073 47.7151H92.6895H36.7073ZM92.6895 47.7151V41.8223V47.7151ZM36.7073 41.8223V47.7151V41.8223Z" fill="#72470A" mask="url(#path-4-inside-1_3495_89656)"/>
+<g filter="url(#filter1_i_3495_89656)">
+<mask id="mask0_3495_89656" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="37" y="13" width="55" height="29">
+<path d="M37.4452 41.8214C37.4452 34.6908 40.2778 26.0107 45.3199 20.9685C50.3621 15.9264 57.2007 13.0938 64.3313 13.0938C71.462 13.0937 78.3006 15.9264 83.3427 20.9685C88.3849 26.0107 91.3096 34.6908 91.3096 41.8214H64.3313H37.4452Z" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3495_89656)">
+<path d="M54.0181 28.5625L58.9902 42.466L45.4083 42.1897L54.0181 28.5625Z" fill="url(#paint8_linear_3495_89656)"/>
+<path d="M78.2344 38.2296L77.3589 42.8334L91.7695 42.373L91.3092 37.1247L78.2344 30.127V38.2296Z" fill="url(#paint9_linear_3495_89656)"/>
+<path d="M56.5964 22.7617H72.5255L78.6025 30.5882V38.1384V42.2818L58.8062 42.466L50.8409 35.0999L56.5964 22.7617Z" fill="url(#paint10_linear_3495_89656)"/>
+<path d="M78.6024 30.5873L72.5254 22.7609L79.8915 16.5918L89.4674 21.0114L91.2168 37.493L78.6024 30.5873Z" fill="url(#paint11_linear_3495_89656)"/>
+<path d="M35.6955 42.466L45.5008 42.2818L50.8412 35.0999L53.8344 29.0229L56.5967 22.7617L50.888 16.3164L40.4834 23.4062L35.6955 42.466Z" fill="url(#paint12_linear_3495_89656)"/>
+<path d="M72.5255 22.7626L79.8916 16.5935L75.0116 11.9897L59.8191 10.8848L50.8877 16.3172L56.5964 22.7626H72.5255Z" fill="url(#paint13_linear_3495_89656)" stroke="url(#paint14_linear_3495_89656)" stroke-width="0.435"/>
+</g>
+</g>
+<path d="M71.7539 13.8125L71.1289 18.6875L69.0039 18.4375L67.7539 17.4375L64.3789 15.5625L63.0039 11.9375L71.7539 13.8125Z" fill="#3B3B3B"/>
+<path d="M71.7539 13.8125L71.1289 18.6875L69.0039 18.4375L67.7539 17.4375L64.3789 15.5625L63.0039 11.9375L71.7539 13.8125Z" fill="url(#paint15_linear_3495_89656)"/>
+<path d="M34.8145 48.6505C35.3859 47.4229 36.708 47.3451 36.708 47.3451V43.0176C33.8674 43.364 33.5194 46.8873 34.4841 48.6839C34.5565 48.8188 34.7499 48.7893 34.8145 48.6505Z" fill="#FFE594"/>
+<path d="M34.8145 48.6505C35.3859 47.4229 36.708 47.3451 36.708 47.3451V43.0176C33.8674 43.364 33.5194 46.8873 34.4841 48.6839C34.5565 48.8188 34.7499 48.7893 34.8145 48.6505Z" fill="url(#paint16_radial_3495_89656)" fill-opacity="0.4"/>
+<g filter="url(#filter2_f_3495_89656)">
+<circle cx="1.65737" cy="1.65737" r="1.65737" transform="matrix(-1 0 0 1 107.238 37.4023)" fill="#F4B10A"/>
+</g>
+<path d="M112.624 26.7218L92.3669 26.3535C90.9047 27.2893 89.92 28.8131 89.6674 30.5306L89.6046 30.9573L115.018 31.3256C114.959 29.68 114.225 28.1311 112.989 27.0432L112.624 26.7218Z" fill="#D9D9D9"/>
+<path d="M112.624 26.7218L92.3669 26.3535C90.9047 27.2893 89.92 28.8131 89.6674 30.5306L89.6046 30.9573L115.018 31.3256C114.959 29.68 114.225 28.1311 112.989 27.0432L112.624 26.7218Z" fill="url(#paint17_linear_3495_89656)"/>
+<path d="M115.018 31.6007L89.6046 31.2324" stroke="url(#paint18_linear_3495_89656)" stroke-width="0.552455"/>
+<path d="M105.551 35.1523L108.608 37.0773C108.759 37.1725 108.765 37.3906 108.619 37.4934L105.551 39.6523" stroke="black" stroke-width="1.25" stroke-linecap="round"/>
+<path d="M54.6289 12.1875L63.0039 11.9375L60.4999 8L57.3387 8.88073L54.6289 12.1875Z" fill="#D9D9D9"/>
+<path d="M54.6289 12.1875L63.0039 11.9375L60.4999 8L57.3387 8.88073L54.6289 12.1875Z" fill="url(#paint19_linear_3495_89656)"/>
+<path d="M71.7539 13.8125L77.7499 12.375L78.3936 12.866L77.4061 16.7455L71.1289 18.6875L71.7539 13.8125Z" fill="#D9D9D9"/>
+<path d="M71.7539 13.8125L77.7499 12.375L78.3936 12.866L77.4061 16.7455L71.1289 18.6875L71.7539 13.8125Z" fill="url(#paint20_linear_3495_89656)"/>
+<path d="M64.3789 15.5625L63.0039 11.9375L54.6289 12.1875L54.8789 14.8125L63.0039 18.5625L64.3789 15.5625Z" fill="#5F5F5F"/>
+<path d="M64.3789 15.5625L63.0039 11.9375L54.6289 12.1875L54.8789 14.8125L63.0039 18.5625L64.3789 15.5625Z" fill="url(#paint21_linear_3495_89656)"/>
+<path d="M67.7539 17.4375L63.0039 18.5625L64.3789 15.5625L67.7539 17.4375Z" fill="#2A2A2A"/>
+<path d="M67.7539 17.4375L63.0039 18.5625L64.3789 15.5625L67.7539 17.4375Z" fill="url(#paint22_linear_3495_89656)"/>
+<path d="M56.907 16.1889C56.7192 15.8159 56.5046 14.9692 57.1484 14.5664" stroke="url(#paint23_linear_3495_89656)" stroke-width="0.324499" stroke-linecap="round"/>
+<path d="M56.3839 16.3144C56.3813 15.8968 56.2297 15.3777 55.6348 15.2695" stroke="url(#paint24_linear_3495_89656)" stroke-width="0.324499" stroke-linecap="round"/>
+<path d="M63.004 11.9375L60.5 8L61.879 7.1875L64.254 6.9375L77.75 12.375L71.754 13.8125L63.004 11.9375Z" fill="url(#paint25_linear_3495_89656)"/>
+<path d="M70.4727 4.1875L68.2236 1.34766L62.9883 7.3125L67.0195 9.8125L69.7695 8.25L70.4727 4.1875Z" fill="url(#paint26_linear_3495_89656)"/>
+<path d="M74.5039 7.3125L73.3789 10.9375L69.7725 8.20605L70.4668 4.19531L72.9893 2.3457L74.5039 7.3125Z" fill="url(#paint27_linear_3495_89656)"/>
+<path d="M69.7738 8.19922L73.3813 10.9375L68.7221 10.5469L67.0137 9.81324L69.7738 8.19922Z" fill="url(#paint28_linear_3495_89656)"/>
+<path d="M72.9883 2.3457L70.4668 4.19727L68.2207 1.34766L69.1289 1L72.9883 2.3457Z" fill="#F4F4F4"/>
+<path d="M72.9883 2.3457L70.4668 4.19727L68.2207 1.34766L69.1289 1L72.9883 2.3457Z" fill="url(#paint29_linear_3495_89656)"/>
+<path d="M100.243 35.8105C100.243 35.392 100.584 34.4815 100.989 34.4997C101.28 34.5128 101.759 35.392 101.759 35.8105C101.759 36.2291 101.42 36.5684 101.001 36.5684C100.582 36.5684 100.243 36.2291 100.243 35.8105Z" fill="url(#paint30_linear_3495_89656)"/>
+<path d="M99 37.0595C99 36.8572 99.1685 36.4171 99.3689 36.4259C99.5133 36.4322 99.75 36.8572 99.75 37.0595C99.75 37.2618 99.5821 37.4258 99.375 37.4258C99.1679 37.4258 99 37.2618 99 37.0595Z" fill="url(#paint31_linear_3495_89656)"/>
+<defs>
+<filter id="filter0_i_3495_89656" x="36.707" y="40.9015" width="55.9824" height="6.81334" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="-0.920759"/>
+<feGaussianBlur stdDeviation="1.01283"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.75 0 0 0 0 1 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89656"/>
+</filter>
+<filter id="filter1_i_3495_89656" x="37.4453" y="13.0938" width="53.8643" height="34.0689" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="5.3404"/>
+<feGaussianBlur stdDeviation="3.46205"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.8157 0 0 0 0 0.0785006 0 0 0 0.4 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89656"/>
+</filter>
+<filter id="filter2_f_3495_89656" x="100.609" y="34.0876" width="9.94392" height="9.94392" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.65737" result="effect1_foregroundBlur_3495_89656"/>
+</filter>
+<radialGradient id="paint0_radial_3495_89656" cx="0" cy="0" r="1" gradientTransform="matrix(-14.8242 18.5993 17.3492 17.2286 108.343 25.7076)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFECB3"/>
+<stop offset="1" stop-color="#FFE288"/>
+</radialGradient>
+<radialGradient id="paint1_radial_3495_89656" cx="0" cy="0" r="1" gradientTransform="matrix(-4.23549 8.37891 8.12511 5.27682 108.527 24.0502)" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint2_linear_3495_89656" x1="91.175" y1="47.2303" x2="79.7714" y2="56.0651" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFECB3"/>
+<stop offset="1" stop-color="#FFE28A"/>
+</linearGradient>
+<radialGradient id="paint3_radial_3495_89656" cx="0" cy="0" r="1" gradientTransform="matrix(-8.23811 -5.59361 -10.3715 9.68685 87.186 53.9289)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFAE00" stop-opacity="0"/>
+<stop offset="1" stop-color="#FFAE00"/>
+</radialGradient>
+<linearGradient id="paint4_linear_3495_89656" x1="50.673" y1="47.2303" x2="39.7266" y2="54.6627" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFECB3"/>
+<stop offset="1" stop-color="#FFE28A"/>
+</linearGradient>
+<radialGradient id="paint5_radial_3495_89656" cx="0" cy="0" r="1" gradientTransform="matrix(-7.21992 -5.59361 -9.08962 9.68685 47.1771 53.9289)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFAE00" stop-opacity="0"/>
+<stop offset="1" stop-color="#FFAE00"/>
+</radialGradient>
+<linearGradient id="paint6_linear_3495_89656" x1="78.5098" y1="38.1392" x2="41.3111" y2="95.5946" gradientUnits="userSpaceOnUse">
+<stop stop-color="#472B03"/>
+<stop offset="1" stop-color="#AD6907"/>
+</linearGradient>
+<radialGradient id="paint7_radial_3495_89656" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(81.7324 44.7687) rotate(-180) scale(7.91853 1.95661)">
+<stop stop-color="#1E1202"/>
+<stop offset="1" stop-color="#1E1202" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint8_linear_3495_89656" x1="52.2219" y1="32.798" x2="43.2169" y2="65.5341" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D87A00"/>
+</linearGradient>
+<linearGradient id="paint9_linear_3495_89656" x1="79.2925" y1="29.1141" x2="95.2216" y2="52.9618" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D87A00"/>
+</linearGradient>
+<linearGradient id="paint10_linear_3495_89656" x1="75.0569" y1="18.9866" x2="37.3057" y2="87.0307" gradientUnits="userSpaceOnUse">
+<stop stop-color="#995E0C"/>
+<stop offset="1" stop-color="#D87A00"/>
+</linearGradient>
+<linearGradient id="paint11_linear_3495_89656" x1="86.5662" y1="21.8401" x2="61.0612" y2="37.5851" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BF8012"/>
+<stop offset="1" stop-color="#8F5607"/>
+</linearGradient>
+<linearGradient id="paint12_linear_3495_89656" x1="58.0231" y1="21.3806" x2="37.9089" y2="29.1174" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BF8012"/>
+<stop offset="1" stop-color="#8F5607"/>
+</linearGradient>
+<linearGradient id="paint13_linear_3495_89656" x1="82.746" y1="15.3044" x2="48.06" y2="44.1365" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A7B60F"/>
+<stop offset="1" stop-color="#717B04"/>
+</linearGradient>
+<linearGradient id="paint14_linear_3495_89656" x1="67.7065" y1="11.0072" x2="71.19" y2="54.5811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3E4400"/>
+<stop offset="1" stop-color="#8B9709"/>
+</linearGradient>
+<linearGradient id="paint15_linear_3495_89656" x1="73.3563" y1="21.2595" x2="73.979" y2="11.079" gradientUnits="userSpaceOnUse">
+<stop stop-color="#666058"/>
+<stop offset="1" stop-color="#3D3730"/>
+</linearGradient>
+<radialGradient id="paint16_radial_3495_89656" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(34.5903 48.1738) rotate(-65.6589) scale(4.24449 3.67856)">
+<stop stop-color="#EAB50D"/>
+<stop offset="1" stop-color="#FFD551" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint17_linear_3495_89656" x1="91.1872" y1="26.3535" x2="94.0809" y2="39.4649" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BDB710"/>
+<stop offset="1" stop-color="#3C3F03"/>
+</linearGradient>
+<linearGradient id="paint18_linear_3495_89656" x1="114.833" y1="31.4166" x2="89.6046" y2="31.4166" gradientUnits="userSpaceOnUse">
+<stop stop-color="#414102"/>
+<stop offset="1" stop-color="#6B6B08"/>
+</linearGradient>
+<linearGradient id="paint19_linear_3495_89656" x1="59.8172" y1="13.9498" x2="60.2972" y2="8.58576" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EAE7E3"/>
+<stop offset="1" stop-color="#99938D"/>
+</linearGradient>
+<linearGradient id="paint20_linear_3495_89656" x1="75.6294" y1="21.3442" x2="76.8668" y2="13.3857" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EAE7E3"/>
+<stop offset="1" stop-color="#99938D"/>
+</linearGradient>
+<linearGradient id="paint21_linear_3495_89656" x1="66.1644" y1="21.0869" x2="65.5654" y2="12.8428" gradientUnits="userSpaceOnUse">
+<stop stop-color="#99938D"/>
+<stop offset="1" stop-color="#666058"/>
+</linearGradient>
+<linearGradient id="paint22_linear_3495_89656" x1="67.9999" y1="25.25" x2="71.2851" y2="18.4372" gradientUnits="userSpaceOnUse">
+<stop stop-color="#666058"/>
+<stop offset="1" stop-color="#3D3730"/>
+</linearGradient>
+<linearGradient id="paint23_linear_3495_89656" x1="57.068" y1="13.7272" x2="58.1268" y2="15.3241" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6E7B02"/>
+<stop offset="1" stop-color="#909D0B"/>
+</linearGradient>
+<linearGradient id="paint24_linear_3495_89656" x1="55.1197" y1="14.196" x2="54.9041" y2="16.0999" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6E7B02"/>
+<stop offset="1" stop-color="#909D0B"/>
+</linearGradient>
+<linearGradient id="paint25_linear_3495_89656" x1="69.5" y1="15.375" x2="71.25" y2="6" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4F4F4"/>
+<stop offset="1" stop-color="#85817B"/>
+</linearGradient>
+<linearGradient id="paint26_linear_3495_89656" x1="67.6249" y1="13.375" x2="69.7499" y2="2.875" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EAE7E3"/>
+<stop offset="1" stop-color="#99938D"/>
+</linearGradient>
+<linearGradient id="paint27_linear_3495_89656" x1="75.3704" y1="14.2113" x2="73.3591" y2="3.85381" gradientUnits="userSpaceOnUse">
+<stop stop-color="#99938D"/>
+<stop offset="1" stop-color="#666058"/>
+</linearGradient>
+<linearGradient id="paint28_linear_3495_89656" x1="74.5473" y1="11.9809" x2="74.6885" y2="7.8403" gradientUnits="userSpaceOnUse">
+<stop stop-color="#666058"/>
+<stop offset="1" stop-color="#3D3730"/>
+</linearGradient>
+<linearGradient id="paint29_linear_3495_89656" x1="70.7081" y1="4.92392" x2="71.2102" y2="-3.15143" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4F4F4"/>
+<stop offset="1" stop-color="#85817B"/>
+</linearGradient>
+<linearGradient id="paint30_linear_3495_89656" x1="101.834" y1="36.5273" x2="99.8451" y2="34.4944" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B4DFFF"/>
+<stop offset="1" stop-color="#83C9FF"/>
+</linearGradient>
+<linearGradient id="paint31_linear_3495_89656" x1="99.7871" y1="37.4059" x2="98.8267" y2="36.4007" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B4DFFF"/>
+<stop offset="1" stop-color="#83C9FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/renderer/src/assets/tire-bugi-modal.svg b/src/renderer/src/assets/tire-bugi-modal.svg
new file mode 100644
index 0000000..c01a8a3
--- /dev/null
+++ b/src/renderer/src/assets/tire-bugi-modal.svg
@@ -0,0 +1,194 @@
+<svg width="150" height="55" viewBox="0 0 150 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M52.5 29.5L79.375 25.25" stroke="url(#paint0_linear_3495_89606)" stroke-width="0.75" stroke-linecap="round"/>
+<path d="M120.268 25.361C118.427 27.755 119.624 36.8705 119.624 36.8705C122.662 36.8705 129.446 36.8705 132.975 36.8705C139.992 36.8705 145.243 35.2819 145.681 28.5837C146.326 18.7316 139.992 13.207 132.975 13.207C125.957 13.207 120.268 18.6486 120.268 25.361Z" fill="url(#paint1_radial_3495_89606)"/>
+<path d="M120.268 25.361C118.427 27.755 119.624 36.8705 119.624 36.8705C122.662 36.8705 129.446 36.8705 132.975 36.8705C139.992 36.8705 145.243 35.2819 145.681 28.5837C146.326 18.7316 139.992 13.207 132.975 13.207C125.957 13.207 120.268 18.6486 120.268 25.361Z" fill="url(#paint2_radial_3495_89606)" fill-opacity="0.2"/>
+<path d="M121.595 37.6067C121.781 37.0136 121.338 36.4102 120.717 36.4102H106.982C106.319 36.4102 105.874 37.088 106.136 37.6958L109.157 44.6936C109.302 45.031 109.635 45.2494 110.002 45.2494H118.52C118.922 45.2494 119.278 44.9883 119.398 44.6045L121.595 37.6067Z" fill="url(#paint3_linear_3495_89606)"/>
+<path d="M121.595 37.6067C121.781 37.0136 121.338 36.4102 120.717 36.4102H106.982C106.319 36.4102 105.874 37.088 106.136 37.6958L109.157 44.6936C109.302 45.031 109.635 45.2494 110.002 45.2494H118.52C118.922 45.2494 119.278 44.9883 119.398 44.6045L121.595 37.6067Z" fill="url(#paint4_radial_3495_89606)" fill-opacity="0.2"/>
+<path d="M81.4098 37.3759C81.4355 36.8504 81.0163 36.4102 80.4901 36.4102H68.8686C68.1224 36.4102 67.6861 37.2514 68.116 37.8614L73.0482 44.8591C73.2207 45.1039 73.5014 45.2494 73.8008 45.2494H80.1476C80.6386 45.2494 81.0432 44.8641 81.0672 44.3737L81.4098 37.3759Z" fill="url(#paint5_linear_3495_89606)"/>
+<path d="M81.4098 37.3759C81.4355 36.8504 81.0163 36.4102 80.4901 36.4102H68.8686C68.1224 36.4102 67.6861 37.2514 68.116 37.8614L73.0482 44.8591C73.2207 45.1039 73.5014 45.2494 73.8008 45.2494H80.1476C80.6386 45.2494 81.0432 44.8641 81.0672 44.3737L81.4098 37.3759Z" fill="url(#paint6_radial_3495_89606)" fill-opacity="0.2"/>
+<mask id="path-5-inside-1_3495_89606" fill="white">
+<path d="M123.398 33.0968C123.398 32.8934 123.234 32.7285 123.03 32.7285H67.7846C67.5812 32.7285 67.4163 32.8934 67.4163 33.0968V38.2531C67.4163 38.4565 67.5812 38.6214 67.7846 38.6214H123.03C123.234 38.6214 123.398 38.4565 123.398 38.2531V33.0968Z"/>
+</mask>
+<g filter="url(#filter0_i_3495_89606)">
+<path d="M123.398 33.0968C123.398 32.8934 123.234 32.7285 123.03 32.7285H67.7846C67.5812 32.7285 67.4163 32.8934 67.4163 33.0968V38.2531C67.4163 38.4565 67.5812 38.6214 67.7846 38.6214H123.03C123.234 38.6214 123.398 38.4565 123.398 38.2531V33.0968Z" fill="url(#paint7_linear_3495_89606)"/>
+<path d="M123.398 33.0968C123.398 32.8934 123.234 32.7285 123.03 32.7285H67.7846C67.5812 32.7285 67.4163 32.8934 67.4163 33.0968V38.2531C67.4163 38.4565 67.5812 38.6214 67.7846 38.6214H123.03C123.234 38.6214 123.398 38.4565 123.398 38.2531V33.0968Z" fill="url(#paint8_radial_3495_89606)" fill-opacity="0.4"/>
+</g>
+<path d="M123.398 33.0968C123.398 32.4866 122.904 31.9919 122.294 31.9919H68.5212C67.911 31.9919 67.4163 32.4866 67.4163 33.0968V33.4651C67.4163 33.4651 67.5812 33.4651 67.7846 33.4651H123.03C123.234 33.4651 123.398 33.4651 123.398 33.4651V33.0968ZM67.4163 38.6214H123.398H67.4163ZM123.398 38.6214V32.7285V38.6214ZM67.4163 32.7285V38.6214V32.7285Z" fill="#72470A" mask="url(#path-5-inside-1_3495_89606)"/>
+<g filter="url(#filter1_i_3495_89606)">
+<mask id="mask0_3495_89606" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="68" y="4" width="55" height="29">
+<path d="M68.1542 32.7277C68.1542 25.597 70.9868 16.9169 76.0289 11.8748C81.0711 6.83264 87.9097 4 95.0403 4C102.171 4 109.01 6.83264 114.052 11.8748C119.094 16.9169 122.019 25.597 122.019 32.7277H95.0403H68.1542Z" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3495_89606)">
+<path d="M84.7271 19.4688L89.6992 33.3722L76.1173 33.096L84.7271 19.4688Z" fill="url(#paint9_linear_3495_89606)"/>
+<path d="M108.943 29.1359L108.068 33.7397L122.479 33.2793L122.018 28.031L108.943 21.0332V29.1359Z" fill="url(#paint10_linear_3495_89606)"/>
+<path d="M87.3054 13.668H103.235L109.312 21.4944V29.0446V33.1881L89.5152 33.3722L81.5499 26.0061L87.3054 13.668Z" fill="url(#paint11_linear_3495_89606)"/>
+<path d="M109.311 21.4936L103.234 13.6671L110.6 7.49805L120.176 11.9177L121.926 28.3993L109.311 21.4936Z" fill="url(#paint12_linear_3495_89606)"/>
+<path d="M66.4044 33.3722L76.2098 33.1881L81.5502 26.0061L84.5434 19.9291L87.3057 13.668L81.597 7.22266L71.1924 14.3125L66.4044 33.3722Z" fill="url(#paint13_linear_3495_89606)"/>
+<path d="M103.235 13.6688L110.601 7.49972L105.721 2.89593L90.528 1.79102L81.5967 7.22349L87.3054 13.6688H103.235Z" fill="url(#paint14_linear_3495_89606)" stroke="url(#paint15_linear_3495_89606)" stroke-width="0.435"/>
+</g>
+</g>
+<path d="M65.5235 38.8068C66.0949 37.5792 67.417 37.5014 67.417 37.5014V33.1738C64.5763 33.5202 64.2284 37.0436 65.1931 38.8402C65.2655 38.9751 65.4589 38.9456 65.5235 38.8068Z" fill="#FFE594"/>
+<path d="M65.5235 38.8068C66.0949 37.5792 67.417 37.5014 67.417 37.5014V33.1738C64.5763 33.5202 64.2284 37.0436 65.1931 38.8402C65.2655 38.9751 65.4589 38.9456 65.5235 38.8068Z" fill="url(#paint16_radial_3495_89606)" fill-opacity="0.4"/>
+<g filter="url(#filter2_f_3495_89606)">
+<circle cx="1.65737" cy="1.65737" r="1.65737" transform="matrix(-1 0 0 1 137.946 28.3086)" fill="#F4B10A"/>
+</g>
+<path d="M87.616 7.09515C87.4282 6.72216 87.2136 5.87548 87.8574 5.47266" stroke="url(#paint17_linear_3495_89606)" stroke-width="0.324499" stroke-linecap="round"/>
+<path d="M87.092 7.22061C87.0893 6.80303 86.9377 6.28395 86.3428 6.17578" stroke="url(#paint18_linear_3495_89606)" stroke-width="0.324499" stroke-linecap="round"/>
+<path d="M100.056 11.0949C100.054 10.6773 99.9194 10.2606 99.459 9.98438" stroke="url(#paint19_linear_3495_89606)" stroke-width="0.324499" stroke-linecap="round"/>
+<path d="M143.332 17.6281L123.075 17.2598C121.613 18.1956 120.628 19.7193 120.375 21.4369L120.313 21.8636L145.726 22.2319C145.667 20.5862 144.933 19.0373 143.697 17.9495L143.332 17.6281Z" fill="#D9D9D9"/>
+<path d="M143.332 17.6281L123.075 17.2598C121.613 18.1956 120.628 19.7193 120.375 21.4369L120.313 21.8636L145.726 22.2319C145.667 20.5862 144.933 19.0373 143.697 17.9495L143.332 17.6281Z" fill="url(#paint20_linear_3495_89606)"/>
+<path d="M145.726 22.507L120.313 22.1387" stroke="url(#paint21_linear_3495_89606)" stroke-width="0.552455"/>
+<path d="M136.258 26.0586L139.315 27.9836C139.466 28.0787 139.472 28.2969 139.326 28.3996L136.258 30.5586" stroke="black" stroke-width="1.25" stroke-linecap="round"/>
+<path d="M146.502 15.5301C146.301 15.897 145.565 16.5315 145.218 16.3208C144.969 16.169 144.972 15.168 145.174 14.8011C145.375 14.4342 145.836 14.2999 146.202 14.5012C146.569 14.7025 146.704 15.1632 146.502 15.5301Z" fill="url(#paint22_linear_3495_89606)"/>
+<path d="M146.326 17.8997C146.028 17.8545 145.417 17.5138 145.473 17.2274C145.514 17.0211 146.192 16.7754 146.49 16.8205C146.788 16.8657 146.993 17.1439 146.947 17.4419C146.902 17.7399 146.624 17.9448 146.326 17.8997Z" fill="url(#paint23_linear_3495_89606)"/>
+<rect x="4" y="23.625" width="50.75" height="17.5" rx="3" fill="url(#paint24_linear_3495_89606)"/>
+<mask id="mask1_3495_89606" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="23" width="51" height="19">
+<rect x="4" y="23.625" width="50.75" height="17.5" rx="3" fill="#393632"/>
+</mask>
+<g mask="url(#mask1_3495_89606)">
+<rect x="4" y="31.125" width="50.75" height="3.5" fill="#393632"/>
+<rect x="6.25" y="32.4766" width="15.0023" height="1.92258" transform="rotate(-51.3808 6.25 32.4766)" fill="#393632"/>
+<rect x="15.5" y="32.4766" width="13.4779" height="1.92258" transform="rotate(-51.3808 15.5 32.4766)" fill="#393632"/>
+<rect x="24.75" y="32.4766" width="13.4522" height="1.92258" transform="rotate(-51.3808 24.75 32.4766)" fill="#393632"/>
+<rect x="34" y="32.4766" width="13.6731" height="1.92258" transform="rotate(-51.3808 34 32.4766)" fill="#393632"/>
+<rect x="43.25" y="32.4766" width="13.0239" height="1.92258" transform="rotate(-51.3808 43.25 32.4766)" fill="#393632"/>
+<rect x="7.60938" y="31.875" width="15.9777" height="1.92258" transform="rotate(45 7.60938 31.875)" fill="#393632"/>
+<rect x="16.8594" y="31.875" width="14.4751" height="1.92258" transform="rotate(45 16.8594 31.875)" fill="#393632"/>
+<rect x="26.1094" y="31.875" width="14.6756" height="1.92258" transform="rotate(45 26.1094 31.875)" fill="#393632"/>
+<rect x="35.3594" y="31.875" width="14.5922" height="1.92258" transform="rotate(45 35.3594 31.875)" fill="#393632"/>
+<rect x="44.6094" y="31.875" width="15.6441" height="1.92258" transform="rotate(45 44.6094 31.875)" fill="#393632"/>
+</g>
+<path d="M29.5 42.125L121 25.875" stroke="url(#paint25_linear_3495_89606)" stroke-width="1.5" stroke-linecap="round"/>
+<rect x="2" y="41.125" width="54.75" height="3.75" rx="1.875" fill="#241A01"/>
+<defs>
+<filter id="filter0_i_3495_89606" x="67.416" y="31.8078" width="55.9824" height="6.81334" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="-0.920759"/>
+<feGaussianBlur stdDeviation="1.01283"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.75 0 0 0 0 1 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89606"/>
+</filter>
+<filter id="filter1_i_3495_89606" x="68.1543" y="4" width="53.8643" height="34.0689" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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 dy="5.3404"/>
+<feGaussianBlur stdDeviation="3.46205"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.8157 0 0 0 0 0.0785006 0 0 0 0.4 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3495_89606"/>
+</filter>
+<filter id="filter2_f_3495_89606" x="131.317" y="24.9939" width="9.94392" height="9.94392" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.65737" result="effect1_foregroundBlur_3495_89606"/>
+</filter>
+<linearGradient id="paint0_linear_3495_89606" x1="58.5" y1="21.625" x2="70.125" y2="21.625" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6F6035"/>
+<stop offset="1" stop-color="#F0E4C1"/>
+</linearGradient>
+<radialGradient id="paint1_radial_3495_89606" cx="0" cy="0" r="1" gradientTransform="matrix(-14.8242 18.5993 17.3492 17.2286 139.052 16.6138)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFECB3"/>
+<stop offset="1" stop-color="#FFE288"/>
+</radialGradient>
+<radialGradient id="paint2_radial_3495_89606" cx="0" cy="0" r="1" gradientTransform="matrix(-4.23549 8.37891 8.12511 5.27682 139.236 14.9565)" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint3_linear_3495_89606" x1="121.884" y1="38.1366" x2="110.48" y2="46.9713" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFECB3"/>
+<stop offset="1" stop-color="#FFE28A"/>
+</linearGradient>
+<radialGradient id="paint4_radial_3495_89606" cx="0" cy="0" r="1" gradientTransform="matrix(-8.23811 -5.59361 -10.3715 9.68685 117.895 44.8351)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFAE00" stop-opacity="0"/>
+<stop offset="1" stop-color="#FFAE00"/>
+</radialGradient>
+<linearGradient id="paint5_linear_3495_89606" x1="81.381" y1="38.1366" x2="70.4347" y2="45.5689" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFECB3"/>
+<stop offset="1" stop-color="#FFE28A"/>
+</linearGradient>
+<radialGradient id="paint6_radial_3495_89606" cx="0" cy="0" r="1" gradientTransform="matrix(-7.21992 -5.59361 -9.08962 9.68685 77.8851 44.8351)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFAE00" stop-opacity="0"/>
+<stop offset="1" stop-color="#FFAE00"/>
+</radialGradient>
+<linearGradient id="paint7_linear_3495_89606" x1="109.219" y1="29.0455" x2="72.0201" y2="86.5008" gradientUnits="userSpaceOnUse">
+<stop stop-color="#472B03"/>
+<stop offset="1" stop-color="#AD6907"/>
+</linearGradient>
+<radialGradient id="paint8_radial_3495_89606" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(112.441 35.6749) rotate(-180) scale(7.91853 1.95661)">
+<stop stop-color="#1E1202"/>
+<stop offset="1" stop-color="#1E1202" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint9_linear_3495_89606" x1="82.9309" y1="23.7042" x2="73.9259" y2="56.4403" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D87A00"/>
+</linearGradient>
+<linearGradient id="paint10_linear_3495_89606" x1="110.001" y1="20.0204" x2="125.931" y2="43.868" gradientUnits="userSpaceOnUse">
+<stop stop-color="#724100"/>
+<stop offset="1" stop-color="#D87A00"/>
+</linearGradient>
+<linearGradient id="paint11_linear_3495_89606" x1="105.766" y1="9.89286" x2="68.0147" y2="77.9369" gradientUnits="userSpaceOnUse">
+<stop stop-color="#995E0C"/>
+<stop offset="1" stop-color="#D87A00"/>
+</linearGradient>
+<linearGradient id="paint12_linear_3495_89606" x1="117.275" y1="12.7464" x2="91.7702" y2="28.4914" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BF8012"/>
+<stop offset="1" stop-color="#8F5607"/>
+</linearGradient>
+<linearGradient id="paint13_linear_3495_89606" x1="88.7321" y1="12.2868" x2="68.6179" y2="20.0237" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BF8012"/>
+<stop offset="1" stop-color="#8F5607"/>
+</linearGradient>
+<linearGradient id="paint14_linear_3495_89606" x1="113.455" y1="6.21066" x2="78.769" y2="35.0427" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A7B60F"/>
+<stop offset="1" stop-color="#717B04"/>
+</linearGradient>
+<linearGradient id="paint15_linear_3495_89606" x1="98.4155" y1="1.91347" x2="101.899" y2="45.4874" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3E4400"/>
+<stop offset="1" stop-color="#8B9709"/>
+</linearGradient>
+<radialGradient id="paint16_radial_3495_89606" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(65.2992 38.3301) rotate(-65.6589) scale(4.24449 3.67856)">
+<stop stop-color="#EAB50D"/>
+<stop offset="1" stop-color="#FFD551" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint17_linear_3495_89606" x1="87.7769" y1="4.63344" x2="88.8358" y2="6.23036" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6E7B02"/>
+<stop offset="1" stop-color="#909D0B"/>
+</linearGradient>
+<linearGradient id="paint18_linear_3495_89606" x1="85.8277" y1="5.10222" x2="85.6121" y2="7.00614" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6E7B02"/>
+<stop offset="1" stop-color="#909D0B"/>
+</linearGradient>
+<linearGradient id="paint19_linear_3495_89606" x1="98.7924" y1="8.9769" x2="98.5768" y2="10.8808" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6E7B02"/>
+<stop offset="1" stop-color="#A5AB0E"/>
+</linearGradient>
+<linearGradient id="paint20_linear_3495_89606" x1="121.895" y1="17.2598" x2="124.789" y2="30.3711" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BDB710"/>
+<stop offset="1" stop-color="#3C3F03"/>
+</linearGradient>
+<linearGradient id="paint21_linear_3495_89606" x1="145.541" y1="22.3228" x2="120.313" y2="22.3228" gradientUnits="userSpaceOnUse">
+<stop stop-color="#414102"/>
+<stop offset="1" stop-color="#6B6B08"/>
+</linearGradient>
+<linearGradient id="paint22_linear_3495_89606" x1="145.453" y1="14.1367" x2="146.218" y2="16.8755" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B4DFFF"/>
+<stop offset="1" stop-color="#83C9FF"/>
+</linearGradient>
+<linearGradient id="paint23_linear_3495_89606" x1="147.008" y1="16.8446" x2="145.346" y2="18.041" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B4DFFF"/>
+<stop offset="1" stop-color="#83C9FF"/>
+</linearGradient>
+<linearGradient id="paint24_linear_3495_89606" x1="7" y1="15.75" x2="35.75" y2="42.25" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7C7870"/>
+<stop offset="1" stop-color="#645E57"/>
+</linearGradient>
+<linearGradient id="paint25_linear_3495_89606" x1="56.5" y1="38.125" x2="122.5" y2="21.625" gradientUnits="userSpaceOnUse">
+<stop stop-color="#241A00"/>
+<stop offset="1" stop-color="#5A4100"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/renderer/src/pages/Main/components/CharacterSpeedRow.tsx b/src/renderer/src/pages/Main/components/CharacterSpeedRow.tsx
new file mode 100644
index 0000000..f4855d8
--- /dev/null
+++ b/src/renderer/src/pages/Main/components/CharacterSpeedRow.tsx
@@ -0,0 +1,65 @@
+import AngelRiniModal from '@assets/angel-rini-modal.svg?react';
+import BugiModal from '@assets/bugi-modal.svg?react';
+import PmRiniModal from '@assets/pm-rini-modal.svg?react';
+import RiniModal from '@assets/rini-modal.svg?react';
+import StoneBugiModal from '@assets/stone-bugi-modal.svg?react';
+import TireBugiModal from '@assets/tire-bugi-modal.svg?react';
+
+interface CharacterSpeedRowProps {
+    level: number;
+    name: string;
+    speed: string;
+}
+
+const CHARACTER_COMPONENTS: Record<number, React.ComponentType<React.SVGProps<SVGSVGElement>>> = {
+    1: TireBugiModal,
+    2: StoneBugiModal,
+    3: BugiModal,
+    4: RiniModal,
+    5: PmRiniModal,
+    6: AngelRiniModal,
+};
+
+const CHARACTER_NAMES: Record<number, string> = {
+    1: '타이어 맨 거부기',
+    2: '돌덩이 거부기',
+    3: '거부기',
+    4: '기린',
+    5: '씽씽이 기린',
+    6: '천사기린',
+};
+
+const CharacterSpeedRow = ({ level, name, speed }: CharacterSpeedRowProps) => {
+    const CharacterComponent = CHARACTER_COMPONENTS[level];
+
+    return (
+        <div className="flex justify-between items-center w-full">
+            <div className="flex gap-1 items-center w-25">
+                <div className="bg-sementic-brand-primary text-grey-0 rounded-full w-4 h-[18px] flex justify-center items-center text-caption-xs-medium">
+                    {level}
+                </div>
+                <span>{name}</span>
+            </div>
+            <div className="flex justify-center w-[150px]">
+                {CharacterComponent && (
+                    <div className="max-[1439px]:scale-[0.8]">
+                        <CharacterComponent />
+                    </div>
+                )}
+            </div>
+            <div className="w-[43px] text-left">{speed}</div>
+        </div>
+    );
+};
+
+export const CHARACTER_SPEED_DATA: CharacterSpeedRowProps[] = [
+    { level: 1, name: CHARACTER_NAMES[1], speed: '0.1m/h' },
+    { level: 2, name: CHARACTER_NAMES[2], speed: '50m/h' },
+    { level: 3, name: CHARACTER_NAMES[3], speed: '200m/h' },
+    { level: 4, name: CHARACTER_NAMES[4], speed: '500m/h' },
+    { level: 5, name: CHARACTER_NAMES[5], speed: '1.5km/h' },
+    { level: 6, name: CHARACTER_NAMES[6], speed: ' 3km/h' },
+];
+
+export default CharacterSpeedRow;
+
diff --git a/src/renderer/src/pages/Main/components/TotalDistanceModal.tsx b/src/renderer/src/pages/Main/components/TotalDistanceModal.tsx
new file mode 100644
index 0000000..1313976
--- /dev/null
+++ b/src/renderer/src/pages/Main/components/TotalDistanceModal.tsx
@@ -0,0 +1,56 @@
+import { Button } from '@ui/Button/Button';
+import { ModalPortal } from '@ui/Modal/ModalPortal';
+import CharacterSpeedRow, { CHARACTER_SPEED_DATA } from './CharacterSpeedRow';
+
+interface TotalDistanceModalProps {
+    onClose: () => void;
+}
+
+const TotalDistanceModal = ({ onClose }: TotalDistanceModalProps) => {
+    return (
+        <ModalPortal>
+            <div
+                className="fixed inset-0 z-999999 h-full w-full bg-black/40 dark:bg-black/70 flex items-center justify-center"
+                onClick={onClose}
+            >
+                <div
+                    className="bg-surface-modal border-grey-0 flex flex-col gap-4 rounded-[24px] border p-6"
+                    onClick={(e) => e.stopPropagation()}
+                >
+                    <div className="flex flex-col px-4 w-[438px]">
+                        <h2 className="text-body-lg-semibold text-grey-900 mb-6 text-center max-[1439px]:mb-4">
+                            캐릭터별 속도 소개
+                        </h2>
+                        <div className="flex flex-col gap-1">
+                            <div className="flex text-grey-300 text-caption-xs-regular justify-between">
+                                <div className="w-25">자세 상태</div>
+                                <div className="w-[150px] text-center">캐릭터</div>
+                                <div className="w-[58px] text-right">시간당 속도</div>
+                            </div>
+                            <div className="h-px w-full bg-bg-line my-2" />
+                            <div className="w-full flex flex-col gap-3 text-caption-xs-meidum max-[1439px]:gap-1 text-gray-500">
+                                {CHARACTER_SPEED_DATA.map((character) => (
+                                    <CharacterSpeedRow
+                                        key={character.level}
+                                        level={character.level}
+                                        name={character.name}
+                                        speed={character.speed}
+                                    />
+                                ))}
+                            </div>
+                        </div>
+                    </div>
+                    <Button
+                        onClick={onClose}
+                        text="닫기"
+                        variant="primary"
+                        size="md"
+                        className="mt-2 max-[1439px]:mt-0"
+                    />
+                </div>
+            </div>
+        </ModalPortal>
+    );
+};
+
+export default TotalDistanceModal;
diff --git a/src/renderer/src/pages/Main/components/TotalDistancePanel.tsx b/src/renderer/src/pages/Main/components/TotalDistancePanel.tsx
index 9aaa400..dadf6c1 100644
--- a/src/renderer/src/pages/Main/components/TotalDistancePanel.tsx
+++ b/src/renderer/src/pages/Main/components/TotalDistancePanel.tsx
@@ -1,9 +1,12 @@
 import { PannelHeader } from '@ui/PannelHeader/PannelHeader';
-import AchivementMedal from '../../../assets/main/achivement_meadl.svg?react';
 import { useLevelQuery } from '../../../api/dashboard/useLevelQuery';
+import AchivementMedal from '../../../assets/main/achivement_meadl.svg?react';
+import { useModal } from '../../../hooks/useModal';
+import TotalDistanceModal from './TotalDistanceModal';
 
 const TotalDistance = () => {
   const { data, isLoading } = useLevelQuery();
+  const { isOpen, open, close } = useModal();
 
   const level = data?.data.level ?? 1;
   const current = data?.data.current ?? 0;
@@ -11,39 +14,50 @@ const TotalDistance = () => {
   const progressPercentage = (current / required) * 100;
 
   return (
-    <div className="flex flex-col pl-3">
-      <PannelHeader>
-        {isLoading ? '로딩 중...' : `Level.${level + 1}  `}
-      </PannelHeader>
-      <p className="flex items-center gap-2">
-        <span className="text-title-4xl-bold text-grey-700">
-          {isLoading ? '-' : current.toLocaleString()}
-        </span>
-        <span className="text-body-lg-meidum text-grey-500">
-          / {isLoading ? '-' : required.toLocaleString()}m
-        </span>
-      </p>
-      {/*게이지 바*/}
-      <div className="bg-grey-50 relative my-[13.5px] h-3 w-[calc(100%-16px)] items-center rounded-full">
-        <div className="bg-grey-100 absolute top-[2px] left-1/3 z-0 h-2 w-2 -translate-x-1/3 rounded-full"></div>
-        <div className="bg-grey-100 absolute top-[2px] left-2/3 z-0 h-2 w-2 -translate-x-2/3 rounded-full"></div>
-        {/*진행바 */}
-        <div
-          className="relative z-10 flex h-full items-center justify-end rounded-full bg-yellow-400 py-[3px] pr-[3px] transition-all duration-1000"
-          style={{ width: `${Math.min(progressPercentage, 100)}%` }}
-        >
-          <div className="h-2 w-2 rounded-full bg-yellow-100 opacity-100" />
+    <>
+      <div className="flex flex-col pl-3">
+        <div className='flex justify-between'>
+          <PannelHeader>
+            {isLoading ? '로딩 중...' : `Level.${level + 1}  `}
+          </PannelHeader>
+          <button
+            onClick={open}
+            className='cursor-pointer text-yellow-400 text-caption-xs-meidum'
+          >
+            자세히 보기 &gt;
+          </button>
+        </div>
+        <p className="flex items-center gap-2">
+          <span className="text-title-4xl-bold text-grey-700">
+            {isLoading ? '-' : current.toLocaleString()}
+          </span>
+          <span className="text-body-lg-meidum text-grey-500">
+            / {isLoading ? '-' : required.toLocaleString()}m
+          </span>
+        </p>
+        {/*게이지 바*/}
+        <div className="bg-grey-50 relative my-[13.5px] h-3 w-[calc(100%-16px)] items-center rounded-full">
+          <div className="bg-grey-100 absolute top-[2px] left-1/3 z-0 h-2 w-2 -translate-x-1/3 rounded-full"></div>
+          <div className="bg-grey-100 absolute top-[2px] left-2/3 z-0 h-2 w-2 -translate-x-2/3 rounded-full"></div>
+          {/*진행바 */}
+          <div
+            className="relative z-10 flex h-full items-center justify-end rounded-full bg-yellow-400 py-[3px] pr-[3px] transition-all duration-1000"
+            style={{ width: `${Math.min(progressPercentage, 100)}%` }}
+          >
+            <div className="h-2 w-2 rounded-full bg-yellow-100 opacity-100" />
+          </div>
+          <AchivementMedal className="absolute top-1/2 right-[-16px] z-10000 -translate-y-1/2" />
+        </div>
+        <div className="text-caption-xs-regular text-grey-300 flex w-full items-center justify-between">
+          {Array.from({ length: 4 }, (_, i) => i * (required / 3)).map(
+            (value) => (
+              <span key={value}>{Math.floor(value).toLocaleString()}</span>
+            ),
+          )}
         </div>
-        <AchivementMedal className="absolute top-1/2 right-[-16px] z-10000 -translate-y-1/2" />
-      </div>
-      <div className="text-caption-xs-regular text-grey-300 flex w-full items-center justify-between">
-        {Array.from({ length: 4 }, (_, i) => i * (required / 3)).map(
-          (value) => (
-            <span key={value}>{Math.floor(value).toLocaleString()}</span>
-          ),
-        )}
       </div>
-    </div>
+      {isOpen && <TotalDistanceModal onClose={close} />}
+    </>
   );
 };