release: version 0.9.63 (#1550 )

layout: dismiss system context menu popup when selecting text on iPad, closes #1485 (#1549 )
i18n: add Thai (th-TH) translations (#1548 )
2025-07-07 15:07:35 +02:00 · 2025-07-07 14:57:04 +02:00 · 2025-07-07 11:21:41 +02:00 · 2025-07-07 10:15:54 +02:00 · 2025-07-07 09:37:11 +02:00 · 2025-07-06 12:13:40 +02:00
147 changed files with 6483 additions and 2438 deletions
@@ -0,0 +1,15 @@
+# These are supported funding model platforms
+
+github: ['readest']
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: # Replace with a single Ko-fi username
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
+polar: # Replace with a single Polar username
+buy_me_a_coffee: # Replace with a single Buy Me a Coffee username
+thanks_dev: # Replace with a single thanks.dev username
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
@@ -320,3 +320,10 @@ jobs:
              draft: false,
              prerelease: false
            })
+
+  upload-to-r2:
+    needs: [get-release, update-release]
+    uses: ./.github/workflows/upload-to-r2.yml
+    with:
+      tag: ${{ needs.get-release.outputs.release_tag }}
+    secrets: inherit
@@ -0,0 +1,18 @@
+name: Retry workflow
+
+on:
+  workflow_dispatch:
+    inputs:
+      run_id:
+        required: true
+jobs:
+  rerun:
+    runs-on: ubuntu-latest
+    steps:
+      - name: rerun ${{ inputs.run_id }}
+        env:
+          GH_REPO: ${{ github.repository }}
+          GH_TOKEN: ${{ github.token }}
+        run: |
+          gh run watch ${{ inputs.run_id }} > /dev/null 2>&1
+          gh run rerun ${{ inputs.run_id }} --failed
@@ -17,6 +17,9 @@ on:
 jobs:
  upload-to-r2:
    runs-on: ubuntu-latest
+    timeout-minutes: 3
+    strategy:
+      fail-fast: false
    env:
      RELEASE_R2_BUCKET: readest-releases
      RELEASE_R2_ACCOUNT_ID: ${{ secrets.RELEASE_R2_ACCOUNT_ID }}
@@ -58,3 +61,17 @@ jobs:
          mv ./release-assets/release-notes.json releases
          rclone copy ./release-assets r2:${RELEASE_R2_BUCKET}/releases/${{ inputs.tag }}/
          rclone copy ./releases r2:${RELEASE_R2_BUCKET}/releases/
+
+      - name: Upload successful
+        if: success()
+        run: echo "Upload completed successfully"
+
+  retry-on-failure:
+    if: failure() && fromJSON(github.run_attempt) < 3
+    needs: [upload-to-r2]
+    runs-on: ubuntu-latest
+    steps:
+      - env:
+          GH_REPO: ${{ github.repository }}
+          GH_TOKEN: ${{ github.token }}
+        run: gh workflow run retry-workflow.yml -F run_id=${{ github.run_id }}
@@ -15,6 +15,8 @@
 [![][badge-discord]][link-discord]
 [![AGPL Licence][badge-license]](LICENSE)
 [![Latest release][badge-release]][link-gh-releases]
+[![Donate][badge-donate]][link-donate]
+<br>
 [![Last commit][badge-last-commit]][link-gh-commits]
 [![Commits][badge-commit-activity]][link-gh-pulse]

@@ -27,6 +29,7 @@
  <a href="#downloads">Downloads</a> •
  <a href="#getting-started">Getting Started</a> •
  <a href="#troubleshooting">Troubleshooting</a> •
+  <a href="#support">Support</a> •
  <a href="#license">License</a>
 </p>

@@ -64,8 +67,8 @@

 | **Feature**                     | **Description**                                                                            | **Priority** |
 | ------------------------------- | ------------------------------------------------------------------------------------------ | ------------ |
+| **Sync with Koreader**          | Synchronize reading progress, notes, and bookmarks with [Koreader][link-koreader] devices. | 🛠           |
 | **AI-Powered Summarization**    | Generate summaries of books or chapters using AI for quick insights.                       | 🛠           |
-| **Sync with Koreader**          | Synchronize reading progress, notes, and bookmarks with [Koreader][link-koreader] devices. | 🔄           |
 | **Keyboard Navigation**         | Implement vimium-style keybindings for book navigation.                                    | 🔄           |
 | **Support OPDS/Calibre**        | Integrate OPDS/Calibre to access online libraries and catalogs.                            | 🔄           |
 | **Audiobook Support**           | Extend functionality to play and manage audiobooks.                                        | 🔄           |
@@ -93,7 +96,16 @@ Stay tuned for continuous improvements and updates! Contributions and suggestion

 ## Downloads

-The Readest app is available for download! 🥳 🚀
+### Mobile Apps
+
+<div align="center">
+  <a href="https://apps.apple.com/app/id6738622779">
+    <img alt="Download on the App Store" src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg" style="height: 50px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;
+  <a href="https://play.google.com/store/apps/details?id=com.bilingify.readest">
+    <img alt="Get it on Google Play" src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" style="height: 50px;" /></a>
+</div>
+
+### Platform-Specific Downloads

 - macOS / iOS / iPadOS : Search for "Readest" on the [App Store][link-appstore], also available on TestFlight for beta test (send your Apple ID to <readestapp@gmail.com> to request access).
 - Windows / Linux / Android: Visit [https://readest.com][link-website] or the [Releases on GitHub][link-gh-releases].
@@ -243,6 +255,20 @@ Readest is open-source, and contributions are welcome! Feel free to open issues,
  </p>
 </a>

+## Support
+
+If Readest has been useful to you, consider supporting its development. Your contribution helps us squash bugs faster, improve performance, and keep building great features.
+
+### How to Donate
+
+1. **GitHub Sponsors**  
+   Back the project directly on GitHub:  
+   👉 [https://github.com/sponsors/readest](https://github.com/sponsors/readest)
+
+2. **Crypto Donations**  
+   Prefer crypto? You can donate here:  
+   👉 [https://donate.readest.com/](https://donate.readest.com/)
+
 ## License

 Readest is free software: you can redistribute it and/or modify it under the terms of the [GNU Affero General Public License](https://www.gnu.org/licenses/agpl-3.0.html) as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. See the [LICENSE](LICENSE) file for details.
@@ -277,6 +303,8 @@ The following fonts are utilized in this software, either bundled within the app
 [badge-commit-activity]: https://img.shields.io/github/commit-activity/m/readest/readest
 [badge-discord]: https://img.shields.io/discord/1314226120886976544?color=5865F2&label=discord&labelColor=black&logo=discord&logoColor=white&style=flat-square
 [badge-hellogithub]: https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=8a5b6ade2aee461a8bd94e59200682a7&claim_uid=eRLUbPOy2qZtDgw&theme=small
+[badge-donate]: https://donate.readest.com/badge.svg
+[link-donate]: https://donate.readest.com/?tickers=btc%2Ceth%2Csol%2Cusdc
 [link-appstore]: https://apps.apple.com/app/apple-store/id6738622779?pt=127463130&ct=github&mt=8
 [link-website]: https://readest.com?utm_source=github&utm_medium=referral&utm_campaign=readme
 [link-web-readest]: https://web.readest.com
@@ -2,5 +2,11 @@ PDFJS_BUILD_PATH=../../packages/foliate-js/node_modules/pdfjs-dist/legacy/build
 PDFJS_FONTS_PATH=../../packages/foliate-js/node_modules/pdfjs-dist
 PDFJS_STYLE_PATH=../../packages/foliate-js/vendor/pdfjs

-NEXT_PUBLIC_DEV_SUPABASE_URL=https://gxkhxxxeapexynpouyjz.supabase.co
-NEXT_PUBLIC_DEV_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Imd4a2h4eHhlYXBleHlucG91eWp6Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3MzQ0MzAwNTksImV4cCI6MjA1MDAwNjA1OX0.jhinkQsimQoidsg_U59YD5ROw4PmMJQNKuyXbr4TiQA
+NEXT_PUBLIC_DEFAULT_POSTHOG_URL_BASE64="aHR0cHM6Ly91cy5pLnBvc3Rob2cuY29t"
+NEXT_PUBLIC_DEFAULT_POSTHOG_KEY_BASE64="cGhjX2ViNXowbVRxWm8yZm5YYnZGNmE3bFh5TThpTmRSNTNsR1A3VFM3VGh4S08="
+
+NEXT_PUBLIC_DEFAULT_SUPABASE_URL_BASE64="aHR0cHM6Ly9yZWFkZXN0LnN1cGFiYXNlLmNv"
+NEXT_PUBLIC_DEFAULT_SUPABASE_KEY_BASE64="ZXlKaGJHY2lPaUpJVXpJMU5pSXNJblI1Y0NJNklrcFhWQ0o5LmV5SnBjM01pT2lKemRYQmhZbUZ6WlNJc0luSmxaaUk2SW5aaWMzbDRablZ6YW1weFpIaHJhbkZzZVhOaklpd2ljbTlzWlNJNkltRnViMjRpTENKcFlYUWlPakUzTXpReE1qTTJOekVzSW1WNGNDSTZNakEwT1RZNU9UWTNNWDAuM1U1VXFhb3VfMVNnclZlMWVvOXJBcGMwdUtqcWhwUWRVWGh2d1VIbVVmZw=="
+
+NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY_DEV_BASE64="cGtfdGVzdF81MVJmQmdLRTdSWW5pTWsxc0tDV2RUd2hMZzcySzk4eDRWcjlIdDdsRFBONngzcnpZYmhydGtNQnpDdzZKbHFaRVVITVp5eVNjVXhCZXVkcGppWTk0WXNHcDAweFlRRnRRaUU="
+NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY_BASE64="cGtfbGl2ZV81MVFYN3dRRU5ndjJFOUxQRHpZUlE5TlJJeTNjd09EZ1AzSkNFRHRPWlFtdFJWc3Brd053ZE1NNUpIVnVPTmJWcjZ3VGFCMUNZR1pJMmRPVWppTkY0bHJvVjAwalE4TkpkdWk="
@@ -26,6 +26,7 @@ module.exports = {
      'id',
      'vi',
      'ar',
+      'th',
      'zh-CN',
      'zh-TW',
    ],
@@ -8,11 +8,14 @@ if (isDev) {
  initOpenNextCloudflareForDev();
 }

+const exportOutput = appPlatform !== 'web' && !isDev;
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
  // Ensure Next.js uses SSG instead of SSR
  // https://nextjs.org/docs/pages/building-your-application/deploying/static-exports
-  output: appPlatform === 'web' || isDev ? undefined : 'export',
+  output: exportOutput ? 'export' : undefined,
+  pageExtensions: exportOutput ? ['jsx', 'tsx'] : ['js', 'jsx', 'ts', 'tsx'],
  // Note: This feature is required to use the Next.js Image component in SSG mode.
  // See https://nextjs.org/docs/messages/export-image-api for different workarounds.
  images: {
@@ -1,6 +1,6 @@
 {
  "name": "@readest/readest-app",
-  "version": "0.9.60",
+  "version": "0.9.63",
  "private": true,
  "scripts": {
    "dev": "dotenv -e .env.tauri -- next dev",
@@ -42,23 +42,25 @@
    "@aws-sdk/s3-request-presigner": "^3.735.0",
    "@ducanh2912/next-pwa": "^10.2.9",
    "@fabianlars/tauri-plugin-oauth": "2",
-    "@opennextjs/cloudflare": "^1.1.0",
+    "@opennextjs/cloudflare": "^1.3.1",
+    "@stripe/react-stripe-js": "^3.7.0",
+    "@stripe/stripe-js": "^7.4.0",
    "@supabase/auth-ui-react": "^0.4.7",
    "@supabase/auth-ui-shared": "^0.1.8",
-    "@supabase/supabase-js": "^2.49.10",
-    "@tauri-apps/api": "2.5.0",
-    "@tauri-apps/plugin-cli": "^2.2.0",
-    "@tauri-apps/plugin-deep-link": "^2.2.1",
-    "@tauri-apps/plugin-dialog": "^2.2.1",
-    "@tauri-apps/plugin-fs": "^2.2.1",
-    "@tauri-apps/plugin-haptics": "^2.2.4",
-    "@tauri-apps/plugin-http": "^2.4.3",
-    "@tauri-apps/plugin-log": "^2.4.0",
-    "@tauri-apps/plugin-opener": "^2.2.6",
-    "@tauri-apps/plugin-os": "^2.2.1",
-    "@tauri-apps/plugin-process": "^2.2.1",
-    "@tauri-apps/plugin-shell": "~2.2.1",
-    "@tauri-apps/plugin-updater": "^2.7.1",
+    "@supabase/supabase-js": "^2.50.2",
+    "@tauri-apps/api": "2.6.0",
+    "@tauri-apps/plugin-cli": "^2.3.0",
+    "@tauri-apps/plugin-deep-link": "^2.3.0",
+    "@tauri-apps/plugin-dialog": "^2.2.2",
+    "@tauri-apps/plugin-fs": "^2.3.0",
+    "@tauri-apps/plugin-haptics": "^2.2.5",
+    "@tauri-apps/plugin-http": "^2.4.4",
+    "@tauri-apps/plugin-log": "^2.5.1",
+    "@tauri-apps/plugin-opener": "^2.3.1",
+    "@tauri-apps/plugin-os": "^2.2.2",
+    "@tauri-apps/plugin-process": "^2.2.2",
+    "@tauri-apps/plugin-shell": "~2.2.2",
+    "@tauri-apps/plugin-updater": "^2.8.1",
    "@zip.js/zip.js": "^2.7.53",
    "aws4fetch": "^1.0.20",
    "clsx": "^2.1.1",
@@ -74,6 +76,8 @@
    "jwt-decode": "^4.0.0",
    "marked": "^15.0.12",
    "next": "15.3.3",
+    "overlayscrollbars": "^2.11.4",
+    "overlayscrollbars-react": "^0.5.6",
    "posthog-js": "^1.246.0",
    "react": "19.0.0",
    "react-color": "^2.19.3",
@@ -83,12 +87,13 @@
    "react-responsive": "^10.0.0",
    "react-window": "^1.8.11",
    "semver": "^7.7.1",
+    "stripe": "^18.2.1",
    "tinycolor2": "^1.6.0",
    "zustand": "5.0.1"
  },
  "devDependencies": {
    "@tailwindcss/typography": "^0.5.16",
-    "@tauri-apps/cli": "2.5.0",
+    "@tauri-apps/cli": "2.6.0",
    "@types/cors": "^2.8.17",
    "@types/cssbeautify": "^0.3.5",
    "@types/node": "^22.10.1",
@@ -113,6 +118,6 @@
    "raw-loader": "^4.0.2",
    "tailwindcss": "^3.4.17",
    "typescript": "^5.7.2",
-    "wrangler": "^4.19.1"
+    "wrangler": "^4.21.0"
  }
 }
@@ -1,11 +1,15 @@
 [
  {
-    "relation": ["delegate_permission/common.handle_all_urls"],
+    "relation": [
+      "delegate_permission/common.handle_all_urls",
+      "delegate_permission/common.get_login_creds"
+    ],
    "target": {
      "namespace": "android_app",
      "package_name": "com.bilingify.readest",
      "sha256_cert_fingerprints": [
-        "65:2D:11:67:76:12:29:14:18:42:CB:3D:18:50:B6:E4:7E:46:E1:2F:4B:E4:7F:5A:6C:14:B6:D7:12:74:1E:82"
+        "65:2D:11:67:76:12:29:14:18:42:CB:3D:18:50:B6:E4:7E:46:E1:2F:4B:E4:7F:5A:6C:14:B6:D7:12:74:1E:82",
+        "E0:E7:60:55:80:8D:3A:DE:A0:D1:CF:7C:20:85:40:A3:DD:4B:E6:4D:17:5C:0F:DE:26:57:7D:9C:5B:29:5F:51"
      ]
    }
  }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "تأكيد الحذف",
  "Copied to notebook": "تم النسخ إلى المفكرة",
  "Copy": "نسخ",
-  "Custom CSS": "CSS مخصص",
  "Dark Mode": "الوضع الداكن",
  "Default": "الافتراضي",
  "Default Font": "الخط الافتراضي",
@@ -28,7 +27,6 @@
  "Dictionary": "القاموس",
  "Download Readest": "تحميل ريديست",
  "Edit": "تحرير",
-  "Enter your custom CSS here...": "أدخل الـ CSS المخصص هنا...",
  "Excerpts": "مقتطفات",
  "Failed to import book(s): {{filenames}}": "فشل استيراد الكتاب/الكتب: {{filenames}}",
  "Fast": "سريع",
@@ -69,7 +67,6 @@
  "Page": "الصفحة",
  "Paging Animation": "رسوم متحركةعند الانتقال إلى صفحة جديدة",
  "Paragraph": "فقرة",
-  "Parallel Read": "قراءة متوازية",
  "Published:": "تاريخ النشر:",
  "Publisher:": "الناشر:",
  "Reading Progress Synced": "تمت مزامنة تقدم القراءة",
@@ -128,8 +125,6 @@
  "Failed to download book: {{title}}": "فشل تنزيل الكتاب: {{title}}",
  "Upload Book": "تحميل الكتاب",
  "Auto Upload Books to Cloud": "تحميل الكتب تلقائيًا إلى السحابة",
-  "{{percentage}}% of Cloud Storage Used.": "تم استخدام {{percentage}}% من مساحة التخزين السحابية.",
-  "Storage": "التخزين",
  "Book deleted: {{title}}": "تم حذف الكتاب: {{title}}",
  "Failed to delete book: {{title}}": "فشل حذف الكتاب: {{title}}",
  "Check Updates on Start": "التحقق من التحديثات عند البدء",
@@ -161,7 +156,7 @@
  "Create a Password": "إنشاء كلمة مرور",
  "Sign up": "إنشاء حساب",
  "Signing up...": "يتم الآن إنشاء الحساب...",
-  "Don’t have an account? Sign up": "ليس لديك حساب؟ قم بالتسجيل",
+  "Don't have an account? Sign up": "ليس لديك حساب؟ قم بالتسجيل",
  "Check your email for the confirmation link": "تحقق من بريدك الإلكتروني للحصول على رابط التأكيد",
  "Signing in ...": "يتم الآن تسجيل الدخول ...",
  "Send a magic link email": "إرسال رابط سحري إلى بريدك الإلكتروني",
@@ -185,35 +180,13 @@
  "Sign in with GitHub": "تسجيل الدخول عبر GitHub",
  "Account": "الحساب",
  "Failed to delete user. Please try again later.": "فشل حذف المستخدم. يرجى المحاولة مرة أخرى لاحقًا.",
-  "Unlimited Offline/Online Reading": "القراءة بدون حدود للكتب المتوفر على الجهاز أو عبر الانترنت",
-  "Unlimited Cloud Sync Devices": "مزامنة عبر السحابة لعدد غير محدود من الأجهزة",
-  "Essential Text-to-Speech Voices": "أصوات أساسية لتحويل النص إلى كلام",
-  "DeepL Free Access": "وصول مجاني لـ DeepL",
  "Community Support": "دعم المجتمع",
-  "500 MB Cloud Sync Space": "مزامنة سحابية بمساحة تخزين 500 ميجابايت",
-  "Includes All Free Tier Benefits": "تشمل جميع مزايا الفئة المجانية",
-  "AI Summaries": "ملخصات الذكاء الاصطناعي",
-  "AI Translations": "ترجمات الذكاء الاصطناعي",
  "Priority Support": "دعم ذو أولوية",
-  "DeepL Pro Access": "وصول لميزات DeepL Pro",
-  "Expanded Text-to-Speech Voices": "أصوات موسعة لتحويل النص إلى كلام",
-  "2000 MB Cloud Sync Space": "مزامنة سحابية بمساحة تخزين 2000 ميجابايت",
-  "Includes All Plus Tier Benefits": "تشمل جميع مزايا فئة Plus",
-  "Unlimited AI Summaries": "ملخصات ذكاء اصطناعي غير محدودة",
-  "Unlimited AI Translations": "ترجمات ذكاء اصطناعي غير محدودة",
-  "Unlimited DeepL Pro Access": "وصول غير محدود لميزات DeepL Pro",
-  "Advanced AI Tools": "أدوات ذكاء اصطناعي متقدمة",
-  "Early Feature Access": "وصول مبكر للميزات",
-  "10 GB Cloud Sync Space": "مزامنة سحابية بمساحة تخزين 10 جيجابايت",
  "Loading profile...": "جارٍ تحميل الملف الشخصي...",
-  "Features": "الميزات",
  "Delete Account": "حذف الحساب",
  "Delete Your Account?": "حذف حسابك؟",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "لا يمكن التراجع عن هذا الإجراء. سيتم حذف جميع بياناتك في السحابة بشكل دائم.",
  "Delete Permanently": "حذف نهائي",
-  "Free Tier": "الفئة المجانية",
-  "Plus Tier": "فئة Plus",
-  "Pro Tier": "فئة Pro",
  "RTL Direction": "الاتجاه من اليمين إلى اليسار",
  "Maximum Column Height": "الارتفاع الأقصى للعمود",
  "Maximum Column Width": "العرض الأقصى للعمود",
@@ -355,7 +328,6 @@
  "Quota Exceeded": "تجاوزت الحصة المخصصة",
  "{{percentage}}% of Daily Translation Characters Used.": "تم استخدام ما نسبته {{percentage}}% من إجمالي أحرف الترجمة المسموح بها يوميًا.",
  "Translation Characters": "أحرف الترجمة",
-  "Daily translation quota reached. Select another translate service to proceed.": "تم استنفاد حصة الترجمة اليومية. قم بتحديد خدمة ترجمة أخرى للاستمرار.",
  "{{engine}}: {{count}} voices_zero": "{{engine}}: لا توجد أصوات",
  "{{engine}}: {{count}} voices_one": "{{engine}}: صوت واحد",
  "{{engine}}: {{count}} voices_two": "{{engine}}: صوتان",
@@ -376,5 +348,90 @@
  "Left Margin (px)": "الهامش الأيسر (بكسل)",
  "Column Gap (%)": "تباعد الأعمدة (%)",
  "Always Show Status Bar": "دائمًا إظهار شريط الحالة",
-  "Translation Not Available": "الترجمة غير متاحة"
+  "Translation Not Available": "الترجمة غير متاحة",
+  "Custom Content CSS": "CSS مخصص للمحتوى",
+  "Enter CSS for book content styling...": "أدخل CSS لتنسيق محتوى الكتاب...",
+  "Custom Reader UI CSS": "CSS مخصص لواجهة القارئ",
+  "Enter CSS for reader interface styling...": "أدخل CSS لتنسيق واجهة القارئ...",
+  "Crop": "قص",
+  "Book Covers": "أغلفة الكتب",
+  "Fit": "ملاءمة",
+  "Reset {{settings}}": "إعادة تعيين {{settings}}",
+  "Reset Settings": "إعادة تعيين الإعدادات",
+  "{{count}} pages left in chapter_zero": "لم يتبق أي صفحات في هذا الفصل",
+  "{{count}} pages left in chapter_one": "تبقّت صفحة واحدة في هذا الفصل",
+  "{{count}} pages left in chapter_two": "تبقّت صفحتان في هذا الفصل",
+  "{{count}} pages left in chapter_few": "تبقّت {{count}} صفحات في هذا الفصل",
+  "{{count}} pages left in chapter_many": "تبقّت {{count}} صفحة في هذا الفصل",
+  "{{count}} pages left in chapter_other": "تبقّى {{count}} صفحة في هذا الفصل",
+  "Show Remaining Pages": "عرض الصفحات المتبقية",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "إدارة الاشتراك",
+  "Coming Soon": "قريبًا",
+  "Upgrade to {{plan}}": "الترقية إلى {{plan}}",
+  "Upgrade to Plus or Pro": "الترقية إلى Plus أو Pro",
+  "Current Plan": "الخطة الحالية",
+  "Plan Limits": "حدود الخطة",
+  "Failed to manage subscription. Please try again later.": "فشل في إدارة الاشتراك. يرجى المحاولة مرة أخرى لاحقًا.",
+  "Processing your payment...": "جارٍ معالجة الدفع...",
+  "Please wait while we confirm your subscription.": "يرجى الانتظار بينما نقوم بتأكيد اشتراكك.",
+  "Payment Processing": "معالجة الدفع",
+  "Your payment is being processed. This usually takes a few moments.": "يتم الآن معالجة الدفع الخاص بك. عادةً ما يستغرق ذلك بضع لحظات.",
+  "Payment Failed": "فشل الدفع",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "تعذر علينا معالجة اشتراكك. يرجى المحاولة مرة أخرى أو التواصل مع الدعم إذا استمرت المشكلة.",
+  "Back to Profile": "العودة إلى الملف الشخصي",
+  "Subscription Successful!": "تم الاشتراك بنجاح!",
+  "Thank you for your subscription! Your payment has been processed successfully.": "شكرًا لاشتراكك! تم معالجة الدفع بنجاح.",
+  "Email:": "البريد الإلكتروني:",
+  "Plan:": "الخطة:",
+  "Amount:": "المبلغ:",
+  "Subscription ID:": "رقم الاشتراك:",
+  "Go to Library": "الانتقال إلى المكتبة",
+  "Need help? Contact our support team at support@readest.com": "تحتاج مساعدة؟ تواصل مع فريق الدعم على support@readest.com",
+  "Free Plan": "الخطة المجانية",
+  "month": "شهر",
+  "AI Translations (per day)": "ترجمات بالذكاء الاصطناعي (يوميًا)",
+  "Plus Plan": "خطة Plus",
+  "Includes All Free Plan Benefits": "تتضمن جميع مزايا الخطة المجانية",
+  "Pro Plan": "خطة Pro",
+  "More AI Translations": "المزيد من الترجمات بالذكاء الاصطناعي",
+  "Complete Your Subscription": "أكمل اشتراكك",
+  "{{percentage}}% of Cloud Sync Space Used.": "تم استخدام {{percentage}}% من مساحة المزامنة السحابية.",
+  "Cloud Sync Storage": "مساحة المزامنة السحابية",
+  "Parallel Read": "القراءة المتزامنة",
+  "Disable": "تعطيل",
+  "Enable": "تمكين",
+  "Upgrade to Readest Premium": "ترقية إلى Readest Premium",
+  "Show Source Text": "عرض النص المصدر",
+  "Cross-Platform Sync": "مزامنة عبر الأجهزة",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "زامن مكتبتك وتقدمك وملاحظاتك عبر جميع أجهزتك بسهولة.",
+  "Customizable Reading": "قراءة قابلة للتخصيص",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "خصص الخطوط والتنسيقات والألوان لتجربة قراءة مثالية.",
+  "AI Read Aloud": "القراءة بالصوت عبر الذكاء الاصطناعي",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "استمع للكتب بأصوات طبيعية بدون استخدام اليدين.",
+  "AI Translations": "ترجمة ذكية",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "تواصل مع القراء واحصل على الدعم بسرعة.",
+  "Unlimited AI Read Aloud Hours": "ساعات قراءة غير محدودة",
+  "Listen without limits—convert as much text as you like into immersive audio.": "استمع بلا حدود وحوّل النص لصوت بسهولة.",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "استمتع بترجمة موسعة وخيارات متقدمة.",
+  "DeepL Pro Access": "وصول DeepL Pro",
+  "2 GB Cloud Sync Storage": "2 جيجابايت تخزين سحابي",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "احصل على دعم سريع ومخصص عند الحاجة.",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "تم استهلاك حصة الترجمة اليومية. قم بالترقية للاستمرار.",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "ترجم أي نص فورًا بقوة Google أو Azure أو DeepL—افهم المحتوى بأي لغة.",
+  "Includes All Plus Plan Benefits": "يشمل جميع مزايا خطة بلس",
+  "Early Feature Access": "الوصول المبكر للميزات",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "كن أول من يستكشف الميزات والتحديثات والابتكارات الجديدة.",
+  "Advanced AI Tools": "أدوات الذكاء الاصطناعي المتقدمة",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "استخدم أدوات الذكاء الاصطناعي القوية للقراءة الذكية والترجمة واكتشاف المحتوى.",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "ترجم حتى 100 ألف حرف يوميًا بأدق محرك ترجمة متاح.",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "ترجم حتى 500 ألف حرف يوميًا بأدق محرك ترجمة متاح.",
+  "10 GB Cloud Sync Storage": "10 جيجابايت تخزين سحابي",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "احفظ واوصل لمجموعة قراءتك كاملة بـ 2 جيجابايت تخزين سحابي آمن.",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "احفظ واوصل لمجموعة قراءتك كاملة بـ 10 جيجابايت تخزين سحابي آمن.",
+  "Deleted cloud backup of the book: {{title}}": "تم حذف النسخة الاحتياطية السحابية للكتاب: {{title}}",
+  "Failed to delete cloud backup of the book": "فشل في حذف النسخة الاحتياطية السحابية للكتاب",
+  "Are you sure to delete the cloud backup of the selected book?": "هل أنت متأكد من حذف النسخة الاحتياطية السحابية للكتاب المحدد؟"
 }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "Löschen bestätigen",
  "Copied to notebook": "In Notizbuch kopiert",
  "Copy": "Kopieren",
-  "Custom CSS": "Benutzerdefiniertes CSS",
  "Dark Mode": "Dunkelmodus",
  "Default": "Standard",
  "Default Font": "Standardschriftart",
@@ -28,7 +27,6 @@
  "Dictionary": "Wörterbuch",
  "Download Readest": "Readest herunterladen",
  "Edit": "Bearbeiten",
-  "Enter your custom CSS here...": "Geben Sie hier Ihr benutzerdefiniertes CSS ein...",
  "Excerpts": "Auszüge",
  "Failed to import book(s): {{filenames}}": "Fehler beim Importieren von Buch/Büchern: {{filenames}}",
  "Fast": "Schnell",
@@ -69,7 +67,6 @@
  "Page": "Seite",
  "Paging Animation": "Blätter-Animation",
  "Paragraph": "Absatz",
-  "Parallel Read": "Paralleles Lesen",
  "Published:": "Veröffentlicht:",
  "Publisher:": "Verlag:",
  "Reading Progress Synced": "Lesevorgang synchronisiert",
@@ -128,8 +125,6 @@
  "Failed to download book: {{title}}": "Fehler beim Herunterladen des Buches: {{title}}",
  "Upload Book": "Buch hochladen",
  "Auto Upload Books to Cloud": "Bücher automatisch hochladen",
-  "{{percentage}}% of Cloud Storage Used.": "{{percentage}}% des Cloud-Speichers verwendet.",
-  "Storage": "Speicher",
  "Book deleted: {{title}}": "Buch gelöscht: {{title}}",
  "Failed to delete book: {{title}}": "Fehler beim Löschen des Buches: {{title}}",
  "Check Updates on Start": "Aktualisierungen beim Start prüfen",
@@ -161,7 +156,7 @@
  "Create a Password": "Passwort erstellen",
  "Sign up": "Registrieren",
  "Signing up...": "Registrierung...",
-  "Don’t have an account? Sign up": "Kein Konto? Registrieren",
+  "Don't have an account? Sign up": "Kein Konto? Registrieren",
  "Check your email for the confirmation link": "Überprüfen Sie Ihre E-Mails auf den Bestätigungslink",
  "Signing in ...": "Anmeldung ...",
  "Send a magic link email": "Magic-Link-E-Mail senden",
@@ -185,35 +180,13 @@
  "Sign in with GitHub": "Mit GitHub anmelden",
  "Account": "Konto",
  "Failed to delete user. Please try again later.": "Benutzer konnte nicht gelöscht werden. Bitte versuchen Sie es später erneut.",
-  "Unlimited Offline/Online Reading": "Unbegrenztes Offline/Online Lesen",
-  "Unlimited Cloud Sync Devices": "Unbegrenzte Cloud-Synchronisierungsgeräte",
-  "Essential Text-to-Speech Voices": "Grundlegende Text-zu-Sprache-Stimmen",
-  "DeepL Free Access": "Kostenloser DeepL-Zugang",
  "Community Support": "Community-Support",
-  "500 MB Cloud Sync Space": "500 MB Cloud-Synchronisierungsspeicher",
-  "Includes All Free Tier Benefits": "Beinhaltet alle Vorteile der kostenlosen Stufe",
-  "AI Summaries": "KI-Zusammenfassungen",
-  "AI Translations": "KI-Übersetzungen",
  "Priority Support": "Bevorzugter Support",
-  "DeepL Pro Access": "DeepL Pro-Zugang",
-  "Expanded Text-to-Speech Voices": "Erweiterte Text-zu-Sprache-Stimmen",
-  "2000 MB Cloud Sync Space": "2000 MB Cloud-Synchronisierungsspeicher",
-  "Includes All Plus Tier Benefits": "Beinhaltet alle Vorteile der Plus-Stufe",
-  "Unlimited AI Summaries": "Unbegrenzte KI-Zusammenfassungen",
-  "Unlimited AI Translations": "Unbegrenzte KI-Übersetzungen",
-  "Unlimited DeepL Pro Access": "Unbegrenzter DeepL Pro-Zugang",
-  "Advanced AI Tools": "Fortgeschrittene KI-Tools",
-  "Early Feature Access": "Früher Zugang zu neuen Funktionen",
-  "10 GB Cloud Sync Space": "10 GB Cloud-Synchronisierungsspeicher",
  "Loading profile...": "Profil wird geladen...",
-  "Features": "Funktionen",
  "Delete Account": "Konto löschen",
  "Delete Your Account?": "Ihr Konto löschen?",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Diese Aktion kann nicht rückgängig gemacht werden. Alle Ihre Daten in der Cloud werden dauerhaft gelöscht.",
  "Delete Permanently": "Dauerhaft löschen",
-  "Free Tier": "Kostenlose Stufe",
-  "Plus Tier": "Plus-Stufe",
-  "Pro Tier": "Pro-Stufe",
  "RTL Direction": "RTL-Richtung",
  "Maximum Column Height": "Maximale Spaltenhöhe",
  "Maximum Column Width": "Maximale Spaltenbreite",
@@ -221,7 +194,7 @@
  "Fullscreen": "Vollbild",
  "No supported files found. Supported formats: {{formats}}": "Keine unterstützten Dateien gefunden. Unterstützte Formate: {{formats}}",
  "Drop to Import Books": "Zum Importieren von Büchern ablegen",
-  "Custom": "Benutzerdefiniert",
+  "Custom": "Eigen",
  "All the world's a stage,\nAnd all the men and women merely players;\nThey have their exits and their entrances,\nAnd one man in his time plays many parts,\nHis acts being seven ages.\n\n— William Shakespeare": "Die ganze Welt ist eine Bühne,\nUnd alle Männer und Frauen sind bloß Spieler;\nSie haben ihre Abgänge und ihre Auftritte,\nUnd ein Mann spielt in seinem Leben viele Rollen,\nSeine Taten sind sieben Zeitalter.\n\n— William Shakespeare",
  "Custom Theme": "Benutzerdefiniertes Thema",
  "Theme Name": "Themenname",
@@ -229,7 +202,7 @@
  "Background Color": "Hintergrundfarbe",
  "Preview": "Vorschau",
  "Contrast": "Kontrast",
-  "Sunset": "Sonnenuntergang",
+  "Sunset": "Abend",
  "Double Border": "Doppelter Rand",
  "Border Color": "Randfarbe",
  "Border Frame": "Rahmenrand",
@@ -318,10 +291,10 @@
  "Invert Image In Dark Mode": "Invertiere Bild im Dunkeln",
  "Help improve Readest": "Readest verbessern helfen",
  "Sharing anonymized statistics": "Anonymisierte Statistiken teilen",
-  "Interface Language": "Benutzeroberflächensprache",
+  "Interface Language": "UI-Sprache",
  "Translation": "Übersetzung",
  "Enable Translation": "Übersetzung aktivieren",
-  "Translation Service": "Übersetzungsdienst",
+  "Translation Service": "Übersetzer",
  "Translate To": "Übersetzen nach",
  "Disable Translation": "Übersetzung deaktivieren",
  "Scroll": "Scrollen",
@@ -347,7 +320,6 @@
  "Quota Exceeded": "Limit überschritten",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% der täglichen Übersetzungszeichen verwendet.",
  "Translation Characters": "Übersetzungszeichen",
-  "Daily translation quota reached. Select another translate service to proceed.": "Das tägliche Übersetzungslimit wurde erreicht. Wählen Sie einen anderen Übersetzungsdienst, um fortzufahren.",
  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} Stimme",
  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} Stimmen",
  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Etwas ist schief gelaufen. Keine Sorge, unser Team wurde benachrichtigt und arbeitet an einer Lösung.",
@@ -364,5 +336,86 @@
  "Left Margin (px)": "Linker Rand (px)",
  "Column Gap (%)": "Spaltenabstand (%)",
  "Always Show Status Bar": "Statusleiste immer anzeigen",
-  "Translation Not Available": "Übersetzung nicht verfügbar"
+  "Translation Not Available": "Übersetzung nicht verfügbar",
+  "Custom Content CSS": "Benutzerdefiniertes Inhalts-CSS",
+  "Enter CSS for book content styling...": "CSS für die Buchinhaltsgestaltung eingeben...",
+  "Custom Reader UI CSS": "Benutzerdefiniertes CSS für die Leseroberfläche",
+  "Enter CSS for reader interface styling...": "CSS für die Leseroberfläche eingeben...",
+  "Crop": "Zuschneiden",
+  "Book Covers": "Buchcover",
+  "Fit": "Anpassen",
+  "Reset {{settings}}": "{{settings}} zurücksetzen",
+  "Reset Settings": "Einstellungen zurücksetzen",
+  "{{count}} pages left in chapter_one": "{{count}} Seite verbleibend im Kapitel",
+  "{{count}} pages left in chapter_other": "{{count}} Seiten verbleibend im Kapitel",
+  "Show Remaining Pages": "Verbleibende Seiten anzeigen",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "Abo verwalten",
+  "Coming Soon": "Demnächst verfügbar",
+  "Upgrade to {{plan}}": "Upgrade auf {{plan}}",
+  "Upgrade to Plus or Pro": "Upgrade auf Plus oder Pro",
+  "Current Plan": "Aktueller Tarif",
+  "Plan Limits": "Tariflimits",
+  "Failed to manage subscription. Please try again later.": "Verwaltung des Abos fehlgeschlagen. Bitte versuchen Sie es später erneut.",
+  "Processing your payment...": "Zahlung wird verarbeitet...",
+  "Please wait while we confirm your subscription.": "Bitte warten Sie, während wir Ihr Abo bestätigen.",
+  "Payment Processing": "Zahlung wird verarbeitet",
+  "Your payment is being processed. This usually takes a few moments.": "Ihre Zahlung wird verarbeitet. Dies dauert normalerweise nur wenige Augenblicke.",
+  "Payment Failed": "Zahlung fehlgeschlagen",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "Ihr Abo konnte nicht verarbeitet werden. Bitte versuchen Sie es erneut oder kontaktieren Sie den Support, falls das Problem weiterhin besteht.",
+  "Back to Profile": "Zurück zum Profil",
+  "Subscription Successful!": "Abo erfolgreich!",
+  "Thank you for your subscription! Your payment has been processed successfully.": "Vielen Dank für Ihr Abo! Die Zahlung wurde erfolgreich verarbeitet.",
+  "Email:": "E-Mail:",
+  "Plan:": "Tarif:",
+  "Amount:": "Betrag:",
+  "Subscription ID:": "Abo-ID:",
+  "Go to Library": "Zur Bibliothek",
+  "Need help? Contact our support team at support@readest.com": "Brauchen Sie Hilfe? Kontaktieren Sie unser Support-Team unter support@readest.com",
+  "Free Plan": "Gratis-Tarif",
+  "month": "Monat",
+  "AI Translations (per day)": "KI-Übersetzungen (pro Tag)",
+  "Plus Plan": "Plus-Tarif",
+  "Includes All Free Plan Benefits": "Enthält alle Vorteile des Gratis-Tarifs",
+  "Pro Plan": "Pro-Tarif",
+  "More AI Translations": "Mehr KI-Übersetzungen",
+  "Complete Your Subscription": "Abschließen Sie Ihr Abonnement",
+  "{{percentage}}% of Cloud Sync Space Used.": "{{percentage}}% des Cloud-Synchronisierungsspeichers verwendet.",
+  "Cloud Sync Storage": "Cloud-Speicher",
+  "Parallel Read": "Paralleles Lesen",
+  "Disable": "Deaktivieren",
+  "Enable": "Aktivieren",
+  "Upgrade to Readest Premium": "Upgrade auf Readest Premium",
+  "Show Source Text": "Quelltext anzeigen",
+  "Cross-Platform Sync": "Plattformübergreifende Synchronisierung",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "Synchronisiere Bibliothek, Fortschritt und Notizen auf allen Geräten.",
+  "Customizable Reading": "Individuelles Lesen",
+  "AI Read Aloud": "KI-Vorlesen",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "Höre Bücher mit natürlichen KI-Stimmen.",
+  "AI Translations": "KI-Übersetzungen",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "Tausche dich mit anderen aus und erhalte Hilfe.",
+  "Unlimited AI Read Aloud Hours": "Unbegrenzte Vorlesezeit",
+  "Listen without limits—convert as much text as you like into immersive audio.": "Beliebig viel Text in Audio umwandeln.",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "Erweitere Übersetzungen und tägliches Kontingent.",
+  "DeepL Pro Access": "DeepL Pro-Zugang",
+  "2 GB Cloud Sync Storage": "2 GB Cloud-Speicher",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "Erhalte schnellen, persönlichen Support.",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "Tageslimit erreicht. Upgrade nötig, um weiter zu übersetzen.",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "Personalisieren Sie jedes Detail mit anpassbaren Schriften, Layouts, Themes und erweiterten Anzeigeeinstellungen für das perfekte Leseerlebnis.",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "Übersetzen Sie jeden Text sofort mit der Kraft von Google, Azure oder DeepL—verstehen Sie Inhalte in jeder Sprache.",
+  "Includes All Plus Plan Benefits": "Enthält alle Plus-Plan-Vorteile",
+  "Early Feature Access": "Früher Zugang zu Features",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "Entdecken Sie neue Features, Updates und Innovationen vor allen anderen.",
+  "Advanced AI Tools": "Erweiterte KI-Tools",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "Nutzen Sie leistungsstarke KI-Tools für intelligenteres Lesen, Übersetzen und Content-Discovery.",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "Übersetzen Sie täglich bis zu 100.000 Zeichen mit der genauesten verfügbaren Übersetzungsmaschine.",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "Übersetzen Sie täglich bis zu 500.000 Zeichen mit der genauesten verfügbaren Übersetzungsmaschine.",
+  "10 GB Cloud Sync Storage": "10 GB Cloud-Sync-Speicher",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "Speichern und greifen Sie sicher auf Ihre gesamte Lesekollektion mit bis zu 2 GB Cloud-Speicher zu.",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "Speichern und greifen Sie sicher auf Ihre gesamte Lesekollektion mit bis zu 10 GB Cloud-Speicher zu.",
+  "Deleted cloud backup of the book: {{title}}": "Gelöschte Cloud-Sicherung des Buches: {{title}}",
+  "Failed to delete cloud backup of the book": "Fehler beim Löschen der Cloud-Sicherung des Buches",
+  "Are you sure to delete the cloud backup of the selected book?": "Sind Sie sicher, dass Sie die Cloud-Sicherung des ausgewählten Buches löschen möchten?"
 }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "Επιβεβαίωση διαγραφής",
  "Copied to notebook": "Αντιγράφηκε στο σημειωματάριο",
  "Copy": "Αντιγραφή",
-  "Custom CSS": "Προσαρμοσμένο CSS",
  "Dark Mode": "Σκοτεινή λειτουργία",
  "Default": "Προεπιλογή",
  "Default Font": "Προεπιλεγμένη γραμματοσειρά",
@@ -28,7 +27,6 @@
  "Dictionary": "Λεξικό",
  "Download Readest": "Λήψη Readest",
  "Edit": "Επεξεργασία",
-  "Enter your custom CSS here...": "Εισάγετε το προσαρμοσμένο CSS εδώ...",
  "Excerpts": "Αποσπάσματα",
  "Failed to import book(s): {{filenames}}": "Αποτυχία εισαγωγής βιβλίου(ων): {{filenames}}",
  "Fast": "Γρήγορα",
@@ -128,8 +126,6 @@
  "Failed to download book: {{title}}": "Αποτυχία λήψης βιβλίου: {{title}}",
  "Upload Book": "Ανέβασμα βιβλίου",
  "Auto Upload Books to Cloud": "Αυτόματη αποθήκευση στο cloud",
-  "{{percentage}}% of Cloud Storage Used.": "{{percentage}}% της αποθήκευσης στο cloud χρησιμοποιήθηκε.",
-  "Storage": "Αποθήκευση",
  "Book deleted: {{title}}": "Το βιβλίο με τίτλο {{title}} διαγράφηκε",
  "Failed to delete book: {{title}}": "Αποτυχία διαγραφής βιβλίου: {{title}}",
  "Check Updates on Start": "Αυτόματος έλεγχος ενημερώσεων",
@@ -161,7 +157,7 @@
  "Create a Password": "Δημιουργία κωδικού πρόσβασης",
  "Sign up": "Εγγραφή",
  "Signing up...": "Εγγραφή...",
-  "Don’t have an account? Sign up": "Δεν έχετε λογαριασμό; Εγγραφείτε",
+  "Don't have an account? Sign up": "Δεν έχετε λογαριασμό; Εγγραφείτε",
  "Check your email for the confirmation link": "Ελέγξτε το email σας για τον σύνδεσμο επιβεβαίωσης",
  "Signing in ...": "Σύνδεση ...",
  "Send a magic link email": "Αποστολή email με μαγικό σύνδεσμο",
@@ -185,35 +181,13 @@
  "Sign in with GitHub": "Σύνδεση με GitHub",
  "Account": "Λογαριασμός",
  "Failed to delete user. Please try again later.": "Αποτυχία διαγραφής χρήστη. Παρακαλώ δοκιμάστε ξανά αργότερα.",
-  "Unlimited Offline/Online Reading": "Απεριόριστη ανάγνωση εκτός/εντός σύνδεσης",
-  "Unlimited Cloud Sync Devices": "Απεριόριστες συσκευές συγχρονισμού Cloud",
-  "Essential Text-to-Speech Voices": "Βασικές φωνές μετατροπής κειμένου σε ομιλία",
-  "DeepL Free Access": "Δωρεάν πρόσβαση DeepL",
  "Community Support": "Υποστήριξη κοινότητας",
-  "500 MB Cloud Sync Space": "500 MB χώρος συγχρονισμού Cloud",
-  "Includes All Free Tier Benefits": "Περιλαμβάνει όλα τα οφέλη της δωρεάν βαθμίδας",
-  "AI Summaries": "Περιλήψεις AI",
-  "AI Translations": "Μεταφράσεις AI",
  "Priority Support": "Υποστήριξη προτεραιότητας",
-  "DeepL Pro Access": "Πρόσβαση DeepL Pro",
-  "Expanded Text-to-Speech Voices": "Διευρυμένες φωνές μετατροπής κειμένου σε ομιλία",
-  "2000 MB Cloud Sync Space": "2000 MB χώρος συγχρονισμού Cloud",
-  "Includes All Plus Tier Benefits": "Περιλαμβάνει όλα τα οφέλη της βαθμίδας Plus",
-  "Unlimited AI Summaries": "Απεριόριστες περιλήψεις AI",
-  "Unlimited AI Translations": "Απεριόριστες μεταφράσεις AI",
-  "Unlimited DeepL Pro Access": "Απεριόριστη πρόσβαση DeepL Pro",
-  "Advanced AI Tools": "Προηγμένα εργαλεία AI",
-  "Early Feature Access": "Πρώιμη πρόσβαση σε λειτουργίες",
-  "10 GB Cloud Sync Space": "10 GB χώρος συγχρονισμού Cloud",
  "Loading profile...": "Φόρτωση προφίλ...",
-  "Features": "Χαρακτηριστικά",
  "Delete Account": "Διαγραφή λογαριασμού",
  "Delete Your Account?": "Διαγραφή του λογαριασμού σας;",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Αυτή η ενέργεια δεν μπορεί να αναιρεθεί. Όλα τα δεδομένα σας στο cloud θα διαγραφούν μόνιμα.",
  "Delete Permanently": "Μόνιμη διαγραφή",
-  "Free Tier": "Δωρεάν βαθμίδα",
-  "Plus Tier": "Βαθμίδα Plus",
-  "Pro Tier": "Βαθμίδα Pro",
  "RTL Direction": "Κατεύθυνση RTL",
  "Maximum Column Height": "Μέγιστο ύψος στήλης",
  "Maximum Column Width": "Μέγιστο πλάτος στήλης",
@@ -347,7 +321,6 @@
  "Quota Exceeded": "Υπέρβαση ορίου",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% των ημερήσιων χαρακτήρων μετάφρασης χρησιμοποιήθηκαν.",
  "Translation Characters": "Χαρακτήρες μετάφρασης",
-  "Daily translation quota reached. Select another translate service to proceed.": "Έχετε φτάσει το ημερήσιο όριο χαρακτήρων μετάφρασης. Επιλέξτε άλλη υπηρεσία μετάφρασης για να συνεχίσετε.",
  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} φωνή",
  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} φωνές",
  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Κάτι πήγε στραβά. Μην ανησυχείτε, η ομάδα μας έχει ενημερωθεί και εργαζόμαστε για μια λύση.",
@@ -364,5 +337,85 @@
  "Left Margin (px)": "Αριστερό περιθώριο (px)",
  "Column Gap (%)": "Απόσταση στηλών (%)",
  "Always Show Status Bar": "Πάντα εμφάνιση γραμμής κατάστασης",
-  "Translation Not Available": "Η μετάφραση δεν είναι διαθέσιμη"
+  "Translation Not Available": "Η μετάφραση δεν είναι διαθέσιμη",
+  "Custom Content CSS": "Προσαρμοσμένο CSS περιεχομένου",
+  "Enter CSS for book content styling...": "Εισαγάγετε CSS για στυλ περιεχομένου βιβλίου...",
+  "Custom Reader UI CSS": "Προσαρμοσμένο CSS διεπαφής αναγνώστη",
+  "Enter CSS for reader interface styling...": "Εισαγάγετε CSS για στυλ διεπαφής αναγνώστη...",
+  "Crop": "Περικοπή",
+  "Book Covers": "Εξώφυλλα βιβλίων",
+  "Fit": "Προσαρμογή",
+  "Reset {{settings}}": "Επαναφορά {{settings}}",
+  "Reset Settings": "Επαναφορά ρυθμίσεων",
+  "{{count}} pages left in chapter_one": "Μένει {{count}} σελίδα",
+  "{{count}} pages left in chapter_other": "Μένουν {{count}} σελίδες",
+  "Show Remaining Pages": "Εμφάνιση υπολοίπων",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "Διαχείριση συνδρομής",
+  "Coming Soon": "Έρχεται σύντομα",
+  "Upgrade to {{plan}}": "Αναβάθμιση σε {{plan}}",
+  "Upgrade to Plus or Pro": "Αναβάθμιση σε Plus ή Pro",
+  "Current Plan": "Τρέχον πρόγραμμα",
+  "Plan Limits": "Όρια προγράμματος",
+  "Failed to manage subscription. Please try again later.": "Αποτυχία διαχείρισης της συνδρομής. Παρακαλώ δοκιμάστε ξανά αργότερα.",
+  "Processing your payment...": "Επεξεργασία πληρωμής...",
+  "Please wait while we confirm your subscription.": "Παρακαλώ περιμένετε όσο επιβεβαιώνουμε τη συνδρομή σας.",
+  "Payment Processing": "Επεξεργασία πληρωμής",
+  "Your payment is being processed. This usually takes a few moments.": "Η πληρωμή σας επεξεργάζεται. Συνήθως διαρκεί λίγες στιγμές.",
+  "Payment Failed": "Η πληρωμή απέτυχε",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "Δεν ήταν δυνατή η επεξεργασία της συνδρομής σας. Παρακαλώ προσπαθήστε ξανά ή επικοινωνήστε με την υποστήριξη αν το πρόβλημα συνεχιστεί.",
+  "Back to Profile": "Επιστροφή στο προφίλ",
+  "Subscription Successful!": "Η συνδρομή ολοκληρώθηκε!",
+  "Thank you for your subscription! Your payment has been processed successfully.": "Σας ευχαριστούμε για τη συνδρομή σας! Η πληρωμή ολοκληρώθηκε με επιτυχία.",
+  "Email:": "Email:",
+  "Plan:": "Πρόγραμμα:",
+  "Amount:": "Ποσό:",
+  "Subscription ID:": "ID συνδρομής:",
+  "Go to Library": "Μετάβαση στη βιβλιοθήκη",
+  "Need help? Contact our support team at support@readest.com": "Χρειάζεστε βοήθεια; Επικοινωνήστε με την υποστήριξη στο support@readest.com",
+  "Free Plan": "Δωρεάν πρόγραμμα",
+  "month": "μήνας",
+  "AI Translations (per day)": "Μεταφράσεις AI (ανά ημέρα)",
+  "Plus Plan": "Πρόγραμμα Plus",
+  "Includes All Free Plan Benefits": "Περιλαμβάνει όλα τα οφέλη του δωρεάν προγράμματος",
+  "Pro Plan": "Πρόγραμμα Pro",
+  "More AI Translations": "Περισσότερες μεταφράσεις AI",
+  "Complete Your Subscription": "Ολοκληρώστε τη συνδρομή σας",
+  "{{percentage}}% of Cloud Sync Space Used.": "{{percentage}}% του χώρου συγχρονισμού στο cloud χρησιμοποιήθηκε.",
+  "Cloud Sync Storage": "Χώρος συγχρονισμού cloud",
+  "Disable": "Απενεργοποίηση",
+  "Enable": "Ενεργοποίηση",
+  "Upgrade to Readest Premium": "Αναβάθμιση στο Readest Premium",
+  "Show Source Text": "Εμφάνιση αρχικού κειμένου",
+  "Cross-Platform Sync": "Συγχρονισμός σε όλες τις συσκευές",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "Συγχρονίστε βιβλία, πρόοδο και σημειώσεις σε όλες τις συσκευές.",
+  "Customizable Reading": "Προσαρμόσιμη ανάγνωση",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "Ρυθμίστε γραμματοσειρές, διάταξη και θέματα όπως θέλετε.",
+  "AI Read Aloud": "Ανάγνωση με AI",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "Ακούστε τα βιβλία σας με φυσικές φωνές AI.",
+  "AI Translations": "Μεταφράσεις με AI",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "Μεταφράστε άμεσα με Google, Azure ή DeepL.",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "Συμμετέχετε στην κοινότητα για άμεση υποστήριξη.",
+  "Unlimited AI Read Aloud Hours": "Απεριόριστη ανάγνωση με AI",
+  "Listen without limits—convert as much text as you like into immersive audio.": "Απεριόριστη μετατροπή κειμένου σε ήχο.",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "Περισσότερες μεταφράσεις και δυνατότητες.",
+  "DeepL Pro Access": "Πρόσβαση στο DeepL Pro",
+  "2 GB Cloud Sync Storage": "2 GB αποθήκευση στο cloud",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "Γρήγορη και άμεση υποστήριξη.",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "Έχετε φτάσει το ημερήσιο όριο. Κάντε αναβάθμιση για περισσότερες μεταφράσεις.",
+  "Includes All Plus Plan Benefits": "Περιλαμβάνει Όλα τα Οφέλη του Plus Πλάνου",
+  "Early Feature Access": "Πρόωρη Πρόσβαση σε Χαρακτηριστικά",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "Εξερευνήστε πρώτοι νέα χαρακτηριστικά, ενημερώσεις και καινοτομίες.",
+  "Advanced AI Tools": "Προηγμένα Εργαλεία AI",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "Αξιοποιήστε ισχυρά εργαλεία AI για εξυπνότερη ανάγνωση, μετάφραση και ανακάλυψη περιεχομένου.",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "Μεταφράστε έως 100.000 χαρακτήρες ημερησίως με τη πιο ακριβή μηχανή μετάφρασης.",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "Μεταφράστε έως 500.000 χαρακτήρες ημερησίως με τη πιο ακριβή μηχανή μετάφρασης.",
+  "10 GB Cloud Sync Storage": "10 GB Αποθήκευση Cloud Sync",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "Αποθηκεύστε και αποκτήστε πρόσβαση στη συλλογή ανάγνωσης με έως 2 GB ασφαλή cloud αποθήκευση.",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "Αποθηκεύστε και αποκτήστε πρόσβαση στη συλλογή ανάγνωσης με έως 10 GB ασφαλή cloud αποθήκευση.",
+  "Deleted cloud backup of the book: {{title}}": "Διαγράφηκε το αντίγραφο ασφαλείας του βιβλίου: {{title}}",
+  "Failed to delete cloud backup of the book": "Αποτυχία διαγραφής του αντιγράφου ασφαλείας του βιβλίου",
+  "Are you sure to delete the cloud backup of the selected book?": "Είστε σίγουροι ότι θέλετε να διαγράψετε το αντίγραφο ασφαλείας του επιλεγμένου βιβλίου;"
 }
@@ -1,8 +1,13 @@
 {
  "LXGW WenKai GB Screen": "LXGW WenKai SC",
  "LXGW WenKai TC": "LXGW WenKai TC",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
  "Are you sure to delete {{count}} selected book(s)?_one": "Are you sure to delete {{count}} selected book?",
  "Are you sure to delete {{count}} selected book(s)?_other": "Are you sure to delete {{count}} selected books?",
  "Search in {{count}} Book(s)..._one": "Search in {{count}} book...",
-  "Search in {{count}} Book(s)..._other": "Search in {{count}} books..."
+  "Search in {{count}} Book(s)..._other": "Search in {{count}} books...",
+  "{{count}} pages left in chapter_one": "{{count}} page left in chapter",
+  "{{count}} pages left in chapter_other": "{{count}} pages left in chapter"
 }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "Confirmar eliminación",
  "Copied to notebook": "Copiado al cuaderno",
  "Copy": "Copiar",
-  "Custom CSS": "CSS personalizado",
  "Dark Mode": "Modo oscuro",
  "Default": "Predeterminado",
  "Default Font": "Fuente predeterminada",
@@ -28,7 +27,6 @@
  "Dictionary": "Diccionario",
  "Download Readest": "Descargar Readest",
  "Edit": "Editar",
-  "Enter your custom CSS here...": "Introduce tu CSS personalizado aquí...",
  "Excerpts": "Extractos",
  "Failed to import book(s): {{filenames}}": "Error al importar libro(s): {{filenames}}",
  "Fast": "Rápido",
@@ -128,8 +126,6 @@
  "Failed to download book: {{title}}": "Error al descargar libro: {{title}}",
  "Upload Book": "Subir libro",
  "Auto Upload Books to Cloud": "Subir libros automáticamente a la nube",
-  "{{percentage}}% of Cloud Storage Used.": "{{percentage}}% del almacenamiento en la nube utilizado.",
-  "Storage": "Almacenamiento",
  "Book deleted: {{title}}": "Libro eliminado: {{title}}",
  "Failed to delete book: {{title}}": "Error al eliminar libro: {{title}}",
  "Check Updates on Start": "Comprobar actualizaciones al iniciar",
@@ -161,7 +157,7 @@
  "Create a Password": "Crear una contraseña",
  "Sign up": "Registrarse",
  "Signing up...": "Registrándose...",
-  "Don’t have an account? Sign up": "¿No tienes una cuenta? Regístrate",
+  "Don't have an account? Sign up": "¿No tienes una cuenta? Regístrate",
  "Check your email for the confirmation link": "Revisa tu correo electrónico para el enlace de confirmación",
  "Signing in ...": "Iniciando sesión ...",
  "Send a magic link email": "Enviar un enlace mágico por correo",
@@ -185,35 +181,13 @@
  "Sign in with GitHub": "Iniciar sesión con GitHub",
  "Account": "Cuenta",
  "Failed to delete user. Please try again later.": "Error al eliminar usuario. Por favor, inténtelo de nuevo más tarde.",
-  "Unlimited Offline/Online Reading": "Lectura sin límites en línea/sin conexión",
-  "Unlimited Cloud Sync Devices": "Sincronización ilimitada de dispositivos en la nube",
-  "Essential Text-to-Speech Voices": "Voces esenciales de texto a voz",
-  "DeepL Free Access": "Acceso gratuito a DeepL",
  "Community Support": "Soporte comunitario",
-  "500 MB Cloud Sync Space": "500 MB de espacio de sincronización en la nube",
-  "Includes All Free Tier Benefits": "Incluye todos los beneficios del nivel gratuito",
-  "AI Summaries": "Resúmenes con IA",
-  "AI Translations": "Traducciones con IA",
  "Priority Support": "Soporte prioritario",
-  "DeepL Pro Access": "Acceso a DeepL Pro",
-  "Expanded Text-to-Speech Voices": "Voces ampliadas de texto a voz",
-  "2000 MB Cloud Sync Space": "2000 MB de espacio de sincronización en la nube",
-  "Includes All Plus Tier Benefits": "Incluye todos los beneficios del nivel Plus",
-  "Unlimited AI Summaries": "Resúmenes ilimitados con IA",
-  "Unlimited AI Translations": "Traducciones ilimitadas con IA",
-  "Unlimited DeepL Pro Access": "Acceso ilimitado a DeepL Pro",
-  "Advanced AI Tools": "Herramientas avanzadas de IA",
-  "Early Feature Access": "Acceso anticipado a funciones",
-  "10 GB Cloud Sync Space": "10 GB de espacio de sincronización en la nube",
  "Loading profile...": "Cargando perfil...",
-  "Features": "Características",
  "Delete Account": "Eliminar cuenta",
  "Delete Your Account?": "¿Eliminar tu cuenta?",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Esta acción no se puede deshacer. Todos tus datos en la nube se eliminarán permanentemente.",
  "Delete Permanently": "Eliminar permanentemente",
-  "Free Tier": "Nivel gratuito",
-  "Plus Tier": "Nivel Plus",
-  "Pro Tier": "Nivel Pro",
  "RTL Direction": "Dirección RTL",
  "Maximum Column Height": "Altura máxima de columna",
  "Maximum Column Width": "Ancho máximo de columna",
@@ -349,7 +323,6 @@
  "Quota Exceeded": "Límite superado",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% de caracteres de traducción diarios utilizados.",
  "Translation Characters": "Caracteres de traducción",
-  "Daily translation quota reached. Select another translate service to proceed.": "Cuota diaria de traducción alcanzada. Selecciona otro servicio de traducción para continuar.",
  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} voz",
  "{{engine}}: {{count}} voices_many": "{{engine}}: {{count}} voces",
  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} voces",
@@ -367,5 +340,86 @@
  "Left Margin (px)": "Margen izquierdo (px)",
  "Column Gap (%)": "Espacio entre columnas (%)",
  "Always Show Status Bar": "Mostrar siempre la barra de estado",
-  "Translation Not Available": "Traducción no disponible"
+  "Translation Not Available": "Traducción no disponible",
+  "Custom Content CSS": "CSS del contenido",
+  "Enter CSS for book content styling...": "Introduce CSS para el contenido del libro...",
+  "Custom Reader UI CSS": "CSS de la interfaz",
+  "Enter CSS for reader interface styling...": "Introduce CSS para la interfaz de lectura...",
+  "Crop": "Recortar",
+  "Book Covers": "Portadas de libros",
+  "Fit": "Encajar",
+  "Reset {{settings}}": "Restablecer {{settings}}",
+  "Reset Settings": "Restablecer configuración",
+  "{{count}} pages left in chapter_one": "{{count}} página restante en el capítulo",
+  "{{count}} pages left in chapter_many": "{{count}} páginas restantes en el capítulo",
+  "{{count}} pages left in chapter_other": "{{count}} páginas restantes en el capítulo",
+  "Show Remaining Pages": "Mostrar resto",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "Gestionar suscripción",
+  "Coming Soon": "Próximamente",
+  "Upgrade to {{plan}}": "Actualizar a {{plan}}",
+  "Upgrade to Plus or Pro": "Actualizar a Plus o Pro",
+  "Current Plan": "Plan actual",
+  "Plan Limits": "Límites del plan",
+  "Failed to manage subscription. Please try again later.": "No se pudo gestionar la suscripción. Por favor, inténtalo de nuevo más tarde.",
+  "Processing your payment...": "Procesando tu pago...",
+  "Please wait while we confirm your subscription.": "Espera mientras confirmamos tu suscripción.",
+  "Payment Processing": "Procesando pago",
+  "Payment Failed": "El pago ha fallado",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "No pudimos procesar tu suscripción. Inténtalo de nuevo o contacta con soporte si el problema persiste.",
+  "Back to Profile": "Volver al perfil",
+  "Subscription Successful!": "¡Suscripción exitosa!",
+  "Thank you for your subscription! Your payment has been processed successfully.": "¡Gracias por tu suscripción! Tu pago se ha procesado correctamente.",
+  "Email:": "Correo electrónico:",
+  "Plan:": "Plan:",
+  "Amount:": "Importe:",
+  "Subscription ID:": "ID de suscripción:",
+  "Go to Library": "Ir a la biblioteca",
+  "Need help? Contact our support team at support@readest.com": "¿Necesitas ayuda? Contacta con nuestro equipo de soporte en support@readest.com",
+  "Free Plan": "Plan gratuito",
+  "month": "mes",
+  "AI Translations (per day)": "Traducciones con IA (por día)",
+  "Plus Plan": "Plan Plus",
+  "Includes All Free Plan Benefits": "Incluye todos los beneficios del plan gratuito",
+  "Pro Plan": "Plan Pro",
+  "More AI Translations": "Más traducciones con IA",
+  "Your payment is being processed. This usually takes a few moments.": "Tu pago se está procesando. Normalmente tarda unos momentos.",
+  "Complete Your Subscription": "Completa tu suscripción",
+  "{{percentage}}% of Cloud Sync Space Used.": "{{percentage}}% del espacio de sincronización en la nube utilizado.",
+  "Cloud Sync Storage": "Almacenamiento en la nube",
+  "Disable": "Desactivar",
+  "Enable": "Activar",
+  "Upgrade to Readest Premium": "Actualizar a Readest Premium",
+  "Show Source Text": "Mostrar texto fuente",
+  "Cross-Platform Sync": "Sincronización multiplataforma",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "Sincroniza tu biblioteca, progreso y notas en todos tus dispositivos.",
+  "Customizable Reading": "Lectura personalizable",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "Ajusta fuentes, diseño y temas a tu gusto.",
+  "AI Read Aloud": "Lectura en voz alta con IA",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "Escucha tus libros con voces IA naturales.",
+  "AI Translations": "Traducciones con IA",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "Traduce textos al instante con Google, Azure o DeepL.",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "Únete a la comunidad y recibe ayuda rápidamente.",
+  "Unlimited AI Read Aloud Hours": "Lectura IA ilimitada",
+  "Listen without limits—convert as much text as you like into immersive audio.": "Convierte texto en audio sin límites.",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "Más traducciones y funciones avanzadas.",
+  "DeepL Pro Access": "Acceso a DeepL Pro",
+  "2 GB Cloud Sync Storage": "2 GB de almacenamiento en la nube",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "Soporte rápido y prioritario.",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "Has alcanzado tu límite diario. Mejora tu plan para más traducciones.",
+  "Includes All Plus Plan Benefits": "Incluye Todos los Beneficios del Plan Plus",
+  "Early Feature Access": "Acceso Anticipado a Funciones",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "Explora primero nuevas funciones, actualizaciones e innovaciones antes que nadie.",
+  "Advanced AI Tools": "Herramientas de IA Avanzadas",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "Aprovecha herramientas de IA potentes para lectura inteligente, traducción y descubrimiento de contenido.",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "Traduce hasta 100,000 caracteres diarios con el motor de traducción más preciso disponible.",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "Traduce hasta 500,000 caracteres diarios con el motor de traducción más preciso disponible.",
+  "10 GB Cloud Sync Storage": "10 GB de Almacenamiento en la Nube",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "Almacena y accede de forma segura a toda tu colección de lectura con hasta 2 GB de almacenamiento en la nube.",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "Almacena y accede de forma segura a toda tu colección de lectura con hasta 10 GB de almacenamiento en la nube.",
+  "Deleted cloud backup of the book: {{title}}": "Respaldo en la nube del libro eliminado: {{title}}",
+  "Failed to delete cloud backup of the book": "Fallo al eliminar el respaldo en la nube del libro",
+  "Are you sure to delete the cloud backup of the selected book?": "¿Estás seguro de que deseas eliminar el respaldo en la nube del libro seleccionado?"
 }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "Confirmer la suppression",
  "Copied to notebook": "Copié dans le carnet de notes",
  "Copy": "Copier",
-  "Custom CSS": "CSS personnalisé",
  "Dark Mode": "Mode sombre",
  "Default": "Par défaut",
  "Default Font": "Police par défaut",
@@ -28,7 +27,6 @@
  "Dictionary": "Dictionnaire",
  "Download Readest": "Télécharger Readest",
  "Edit": "Modifier",
-  "Enter your custom CSS here...": "Saisissez votre CSS personnalisé ici...",
  "Excerpts": "Extraits",
  "Failed to import book(s): {{filenames}}": "Échec de l'importation du/des livre(s) : {{filenames}}",
  "Fast": "Rapide",
@@ -128,8 +126,6 @@
  "Failed to download book: {{title}}": "Échec du téléchargement du livre : {{title}}",
  "Upload Book": "Télécharger un livre",
  "Auto Upload Books to Cloud": "Télécharger automatiquement les livres dans le cloud",
-  "{{percentage}}% of Cloud Storage Used.": "{{percentage}}% de l'espace de stockage dans le cloud utilisé.",
-  "Storage": "Stockage",
  "Book deleted: {{title}}": "Livre supprimé : {{title}}",
  "Failed to delete book: {{title}}": "Échec de la suppression du livre : {{title}}",
  "Check Updates on Start": "Vérifier les mises à jour au démarrage",
@@ -161,7 +157,6 @@
  "Create a Password": "Créer un mot de passe",
  "Sign up": "S'inscrire",
  "Signing up...": "Inscription en cours...",
-  "Don’t have an account? Sign up": "Vous n'avez pas de compte ? Inscrivez-vous",
  "Check your email for the confirmation link": "Vérifiez votre e-mail pour le lien de confirmation",
  "Signing in ...": "Connexion en cours ...",
  "Send a magic link email": "Envoyer un e-mail avec un lien magique",
@@ -185,35 +180,13 @@
  "Sign in with GitHub": "Se connecter avec GitHub",
  "Account": "Compte",
  "Failed to delete user. Please try again later.": "Échec de la suppression de l'utilisateur. Veuillez réessayer plus tard.",
-  "Unlimited Offline/Online Reading": "Lecture illimitée hors ligne/en ligne",
-  "Unlimited Cloud Sync Devices": "Synchronisation cloud sur appareils illimitée",
-  "Essential Text-to-Speech Voices": "Voix de synthèse vocale essentielles",
-  "DeepL Free Access": "Accès gratuit à DeepL",
  "Community Support": "Support communautaire",
-  "500 MB Cloud Sync Space": "500 Mo d'espace de synchronisation cloud",
-  "Includes All Free Tier Benefits": "Inclut tous les avantages du niveau gratuit",
-  "AI Summaries": "Résumés par IA",
-  "AI Translations": "Traductions par IA",
  "Priority Support": "Support prioritaire",
-  "DeepL Pro Access": "Accès à DeepL Pro",
-  "Expanded Text-to-Speech Voices": "Voix de synthèse vocale étendues",
-  "2000 MB Cloud Sync Space": "2000 Mo d'espace de synchronisation cloud",
-  "Includes All Plus Tier Benefits": "Inclut tous les avantages du niveau Plus",
-  "Unlimited AI Summaries": "Résumés par IA illimités",
-  "Unlimited AI Translations": "Traductions par IA illimitées",
-  "Unlimited DeepL Pro Access": "Accès illimité à DeepL Pro",
-  "Advanced AI Tools": "Outils IA avancés",
-  "Early Feature Access": "Accès anticipé aux fonctionnalités",
-  "10 GB Cloud Sync Space": "10 Go d'espace de synchronisation cloud",
  "Loading profile...": "Chargement du profil...",
-  "Features": "Fonctionnalités",
  "Delete Account": "Supprimer le compte",
  "Delete Your Account?": "Supprimer votre compte ?",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Cette action est irréversible. Toutes vos données dans le cloud seront définitivement supprimées.",
  "Delete Permanently": "Supprimer définitivement",
-  "Free Tier": "Niveau gratuit",
-  "Plus Tier": "Niveau Plus",
-  "Pro Tier": "Niveau Pro",
  "RTL Direction": "Direction RTL",
  "Maximum Column Height": "Hauteur maximale de colonne",
  "Maximum Column Width": "Largeur maximale de colonne",
@@ -349,7 +322,6 @@
  "Quota Exceeded": "Quota dépassé",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% des caractères de traduction quotidiens utilisés.",
  "Translation Characters": "Caractères de traduction",
-  "Daily translation quota reached. Select another translate service to proceed.": "Quota de traduction quotidien atteint. Sélectionnez un autre service de traduction pour continuer.",
  "{{engine}}: {{count}} voices_one": "{{engine}} : {{count}} voix",
  "{{engine}}: {{count}} voices_many": "{{engine}} : {{count}} voix",
  "{{engine}}: {{count}} voices_other": "{{engine}} : {{count}} voix",
@@ -367,5 +339,87 @@
  "Left Margin (px)": "Marge gauche (px)",
  "Column Gap (%)": "Espacement des colonnes (%)",
  "Always Show Status Bar": "Afficher toujours la barre d'état",
-  "Translation Not Available": "Traduction non disponible"
+  "Translation Not Available": "Traduction non disponible",
+  "Custom Content CSS": "CSS du contenu",
+  "Enter CSS for book content styling...": "Saisissez le CSS pour le contenu du livre...",
+  "Custom Reader UI CSS": "CSS de l’interface",
+  "Enter CSS for reader interface styling...": "Saisissez le CSS pour l’interface de lecture...",
+  "Crop": "Rogner",
+  "Book Covers": "Couvertures de livres",
+  "Fit": "Adapter",
+  "Reset {{settings}}": "Réinitialiser {{settings}}",
+  "Reset Settings": "Réinitialiser les paramètres",
+  "{{count}} pages left in chapter_one": "{{count}} page restant dans le chapitre",
+  "{{count}} pages left in chapter_many": "{{count}} pages restantes dans le chapitre",
+  "{{count}} pages left in chapter_other": "{{count}} pages restantes dans le chapitre",
+  "Show Remaining Pages": "Voir restantes",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "Gérer l’abonnement",
+  "Coming Soon": "Bientôt disponible",
+  "Upgrade to {{plan}}": "Passer à {{plan}}",
+  "Upgrade to Plus or Pro": "Passer à Plus ou Pro",
+  "Current Plan": "Abonnement actuel",
+  "Plan Limits": "Limites de l’abonnement",
+  "Failed to manage subscription. Please try again later.": "Échec de la gestion de l’abonnement. Veuillez réessayer plus tard.",
+  "Processing your payment...": "Traitement de votre paiement...",
+  "Please wait while we confirm your subscription.": "Veuillez patienter pendant la confirmation de votre abonnement.",
+  "Payment Processing": "Traitement du paiement",
+  "Your payment is being processed. This usually takes a few moments.": "Votre paiement est en cours de traitement. Cela prend généralement quelques instants.",
+  "Payment Failed": "Le paiement a échoué",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "Nous n’avons pas pu traiter votre abonnement. Veuillez réessayer ou contacter le support si le problème persiste.",
+  "Back to Profile": "Retour au profil",
+  "Subscription Successful!": "Abonnement réussi !",
+  "Thank you for your subscription! Your payment has been processed successfully.": "Merci pour votre abonnement ! Votre paiement a été traité avec succès.",
+  "Email:": "E-mail :",
+  "Plan:": "Abonnement :",
+  "Amount:": "Montant :",
+  "Subscription ID:": "ID d’abonnement :",
+  "Go to Library": "Aller à la bibliothèque",
+  "Need help? Contact our support team at support@readest.com": "Besoin d’aide ? Contactez notre équipe à support@readest.com",
+  "Free Plan": "Abonnement gratuit",
+  "month": "mois",
+  "AI Translations (per day)": "Traductions IA (par jour)",
+  "Plus Plan": "Abonnement Plus",
+  "Includes All Free Plan Benefits": "Inclut tous les avantages de l’abonnement gratuit",
+  "Pro Plan": "Abonnement Pro",
+  "More AI Translations": "Plus de traductions IA",
+  "Complete Your Subscription": "Complétez votre abonnement",
+  "{{percentage}}% of Cloud Sync Space Used.": "{{percentage}}% de l’espace de synchronisation cloud utilisé.",
+  "Cloud Sync Storage": "Stockage de synchronisation cloud",
+  "Disable": "Désactiver",
+  "Enable": "Activer",
+  "Upgrade to Readest Premium": "Passer à Readest Premium",
+  "Show Source Text": "Afficher le texte source",
+  "Cross-Platform Sync": "Synchronisation multiplateforme",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "Synchronisez bibliothèque, progrès et notes sur tous vos appareils.",
+  "Customizable Reading": "Lecture personnalisable",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "Ajustez polices, thèmes et mise en page à votre goût.",
+  "AI Read Aloud": "Lecture vocale IA",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "Écoutez vos livres avec des voix naturelles IA.",
+  "AI Translations": "Traductions IA",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "Traduisez instantanément avec Google, Azure ou DeepL.",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "Rejoignez la communauté et recevez de l’aide rapidement.",
+  "Unlimited AI Read Aloud Hours": "Lecture IA illimitée",
+  "Listen without limits—convert as much text as you like into immersive audio.": "Convertissez le texte en audio sans limite.",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "Plus de traductions et d’options avancées.",
+  "DeepL Pro Access": "Accès DeepL Pro",
+  "2 GB Cloud Sync Storage": "2 Go de stockage cloud",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "Support prioritaire et réponses rapides.",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "Limite quotidienne atteinte. Passez à un plan supérieur pour continuer.",
+  "Includes All Plus Plan Benefits": "Inclut Tous les Avantages du Plan Plus",
+  "Early Feature Access": "Accès Anticipé aux Fonctionnalités",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "Explorez en premier les nouvelles fonctionnalités, mises à jour et innovations.",
+  "Advanced AI Tools": "Outils IA Avancés",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "Exploitez des outils IA puissants pour une lecture intelligente, traduction et découverte de contenu.",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "Traduisez jusqu'à 100 000 caractères par jour avec le moteur de traduction le plus précis.",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "Traduisez jusqu'à 500 000 caractères par jour avec le moteur de traduction le plus précis.",
+  "10 GB Cloud Sync Storage": "10 GB de Stockage Cloud Sync",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "Stockez et accédez en sécurité à votre collection de lecture avec jusqu'à 2 GB de stockage cloud.",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "Stockez et accédez en sécurité à votre collection de lecture avec jusqu'à 10 GB de stockage cloud.",
+  "Deleted cloud backup of the book: {{title}}": "Suppression de la sauvegarde cloud du livre : {{title}}",
+  "Failed to delete cloud backup of the book": "Échec de la suppression de la sauvegarde cloud du livre",
+  "Are you sure to delete the cloud backup of the selected book?": "Êtes-vous sûr de vouloir supprimer la sauvegarde cloud du livre sélectionné ?",
+  "Don't have an account? Sign up": "Vous n'avez pas de compte ? Inscrivez-vous"
 }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "हटाने की पुष्टि करें",
  "Copied to notebook": "नोटबुक में कॉपी किया गया",
  "Copy": "कॉपी",
-  "Custom CSS": "कस्टम CSS",
  "Dark Mode": "डार्क मोड",
  "Default": "डिफ़ॉल्ट",
  "Default Font": "डिफ़ॉल्ट फ़ॉन्ट",
@@ -28,7 +27,6 @@
  "Dictionary": "शब्दकोश",
  "Download Readest": "Readest डाउनलोड करें",
  "Edit": "संपादित करें",
-  "Enter your custom CSS here...": "अपना कस्टम CSS यहां दर्ज करें...",
  "Excerpts": "अंश",
  "Failed to import book(s): {{filenames}}": "पुस्तक(ें) आयात करने में विफल: {{filenames}}",
  "Fast": "तेज़",
@@ -128,8 +126,6 @@
  "Failed to download book: {{title}}": "पुस्तक डाउनलोड करने में विफल: {{title}}",
  "Upload Book": "पुस्तक अपलोड करें",
  "Auto Upload Books to Cloud": "पुस्तकें बादल में स्वचालित रूप से अपलोड करें",
-  "{{percentage}}% of Cloud Storage Used.": "{{percentage}}% क्लाउड स्टोरेज का उपयोग किया गया है।",
-  "Storage": "स्टोरेज",
  "Book deleted: {{title}}": "पुस्तक हटाई गई: {{title}}",
  "Failed to delete book: {{title}}": "पुस्तक हटाने में विफल: {{title}}",
  "Check Updates on Start": "शुरू में अपडेट जांचें",
@@ -161,7 +157,7 @@
  "Create a Password": "पासवर्ड बनाएं",
  "Sign up": "साइन अप करें",
  "Signing up...": "साइन अप हो रहा है...",
-  "Don’t have an account? Sign up": "कोई खाता नहीं है? साइन अप करें",
+  "Don't have an account? Sign up": "कोई खाता नहीं है? साइन अप करें",
  "Check your email for the confirmation link": "पुष्टि लिंक के लिए अपना ईमेल जांचें",
  "Signing in ...": "साइन इन हो रहा है ...",
  "Send a magic link email": "जादू लिंक ईमेल भेजें",
@@ -185,35 +181,13 @@
  "Sign in with GitHub": "GitHub के साथ साइन इन करें",
  "Account": "खाता",
  "Failed to delete user. Please try again later.": "उपयोगकर्ता को हटाने में विफल। कृपया बाद में पुनः प्रयास करें।",
-  "Unlimited Offline/Online Reading": "असीमित ऑफलाइन/ऑनलाइन पढ़ना",
-  "Unlimited Cloud Sync Devices": "असीमित क्लाउड सिंक उपकरण",
-  "Essential Text-to-Speech Voices": "आवश्यक टेक्स्ट-टू-स्पीच आवाज़ें",
-  "DeepL Free Access": "DeepL मुफ्त पहुंच",
  "Community Support": "सामुदायिक सहायता",
-  "500 MB Cloud Sync Space": "500 MB क्लाउड सिंक स्पेस",
-  "Includes All Free Tier Benefits": "सभी फ्री टियर लाभ शामिल हैं",
-  "AI Summaries": "AI सारांश",
-  "AI Translations": "AI अनुवाद",
  "Priority Support": "प्राथमिकता सहायता",
-  "DeepL Pro Access": "DeepL प्रो पहुंच",
-  "Expanded Text-to-Speech Voices": "विस्तारित टेक्स्ट-टू-स्पीच आवाज़ें",
-  "2000 MB Cloud Sync Space": "2000 MB क्लाउड सिंक स्पेस",
-  "Includes All Plus Tier Benefits": "सभी प्लस टियर लाभ शामिल हैं",
-  "Unlimited AI Summaries": "असीमित AI सारांश",
-  "Unlimited AI Translations": "असीमित AI अनुवाद",
-  "Unlimited DeepL Pro Access": "असीमित DeepL प्रो पहुंच",
-  "Advanced AI Tools": "उन्नत AI टूल्स",
-  "Early Feature Access": "प्रारंभिक फीचर पहुंच",
-  "10 GB Cloud Sync Space": "10 GB क्लाउड सिंक स्पेस",
  "Loading profile...": "प्रोफ़ाइल लोड हो रहा है...",
-  "Features": "विशेषताएं",
  "Delete Account": "खाता हटाएं",
  "Delete Your Account?": "अपना खाता हटाएं?",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "यह क्रिया पूर्ववत नहीं की जा सकती। क्लाउड में आपका सभी डेटा स्थायी रूप से हटा दिया जाएगा।",
  "Delete Permanently": "स्थायी रूप से हटाएं",
-  "Free Tier": "फ्री टियर",
-  "Plus Tier": "प्लस टियर",
-  "Pro Tier": "प्रो टियर",
  "RTL Direction": "RTL दिशा",
  "Maximum Column Height": "कॉलम की अधिकतम ऊँचाई",
  "Maximum Column Width": "कॉलम की अधिकतम चौड़ाई",
@@ -347,7 +321,6 @@
  "Quota Exceeded": "सीमा पार",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% दैनिक अनुवाद वर्णों का उपयोग किया गया है।",
  "Translation Characters": "अनुवाद वर्ण",
-  "Daily translation quota reached. Select another translate service to proceed.": "दैनिक अनुवाद कोटा पूरा हो गया है। आगे बढ़ने के लिए कोई अन्य अनुवाद सेवा चुनें।",
  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} आवाज़",
  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} आवाज़ें",
  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "कुछ गलत हो गया। चिंता न करें, हमारी टीम को सूचित कर दिया गया है और हम एक समाधान पर काम कर रहे हैं।",
@@ -364,5 +337,85 @@
  "Left Margin (px)": "बायां हाशिया (px)",
  "Column Gap (%)": "स्तंभों के बीच की दूरी (%)",
  "Always Show Status Bar": "स्थिति पट्टी हमेशा दिखाएं",
-  "Translation Not Available": "अनुवाद उपलब्ध नहीं है"
+  "Translation Not Available": "अनुवाद उपलब्ध नहीं है",
+  "Custom Content CSS": "सामग्री का CSS",
+  "Enter CSS for book content styling...": "पुस्तक सामग्री के लिए CSS दर्ज करें...",
+  "Custom Reader UI CSS": "इंटरफ़ेस का CSS",
+  "Enter CSS for reader interface styling...": "रीडर इंटरफ़ेस के लिए CSS दर्ज करें...",
+  "Crop": "काटें",
+  "Book Covers": "पुस्तक कवर",
+  "Fit": "फिट",
+  "Reset {{settings}}": "रीसेट {{settings}}",
+  "Reset Settings": "सेटिंग्स रीसेट करें",
+  "{{count}} pages left in chapter_one": "इस अध्याय में {{count}} पृष्ठ शेष हैं",
+  "{{count}} pages left in chapter_other": "इस अध्याय में {{count}} पृष्ठ शेष हैं",
+  "Show Remaining Pages": "शेष पृष्ठ दिखाएँ",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "सदस्यता प्रबंधित करें",
+  "Coming Soon": "जल्द आ रहा है",
+  "Upgrade to {{plan}}": "{{plan}} में अपग्रेड करें",
+  "Upgrade to Plus or Pro": "Plus या Pro में अपग्रेड करें",
+  "Current Plan": "वर्तमान योजना",
+  "Plan Limits": "योजना की सीमाएँ",
+  "Failed to manage subscription. Please try again later.": "सदस्यता प्रबंधित करने में विफल। कृपया बाद में पुनः प्रयास करें।",
+  "Processing your payment...": "आपका भुगतान संसाधित हो रहा है...",
+  "Please wait while we confirm your subscription.": "कृपया प्रतीक्षा करें, हम आपकी सदस्यता की पुष्टि कर रहे हैं।",
+  "Payment Processing": "भुगतान संसाधित हो रहा है",
+  "Your payment is being processed. This usually takes a few moments.": "आपका भुगतान संसाधित हो रहा है। इसमें कुछ क्षण लग सकते हैं।",
+  "Payment Failed": "भुगतान विफल",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "हम आपकी सदस्यता संसाधित नहीं कर सके। कृपया पुनः प्रयास करें या समस्या बने रहने पर सहायता से संपर्क करें।",
+  "Back to Profile": "प्रोफ़ाइल पर वापस जाएँ",
+  "Subscription Successful!": "सदस्यता सफल हुई!",
+  "Thank you for your subscription! Your payment has been processed successfully.": "आपकी सदस्यता के लिए धन्यवाद! आपका भुगतान सफलतापूर्वक संसाधित हो गया है।",
+  "Email:": "ईमेल:",
+  "Plan:": "योजना:",
+  "Amount:": "राशि:",
+  "Subscription ID:": "सदस्यता आईडी:",
+  "Go to Library": "लाइब्रेरी पर जाएँ",
+  "Need help? Contact our support team at support@readest.com": "मदद चाहिए? हमारी सहायता टीम से संपर्क करें: support@readest.com",
+  "Free Plan": "मुफ्त योजना",
+  "month": "महीना",
+  "AI Translations (per day)": "AI अनुवाद (प्रतिदिन)",
+  "Plus Plan": "Plus योजना",
+  "Includes All Free Plan Benefits": "सभी मुफ्त योजना के लाभ शामिल हैं",
+  "Pro Plan": "Pro योजना",
+  "More AI Translations": "और अधिक AI अनुवाद",
+  "Complete Your Subscription": "अपनी सदस्यता पूरी करें",
+  "{{percentage}}% of Cloud Sync Space Used.": "{{percentage}}% क्लाउड सिंक स्पेस का उपयोग किया गया है।",
+  "Cloud Sync Storage": "क्लाउड सिंक स्टोरेज",
+  "Disable": "अक्षम करें",
+  "Enable": "सक्षम करें",
+  "Upgrade to Readest Premium": "Readest प्रीमियम में अपग्रेड करें",
+  "Show Source Text": "मूल पाठ दिखाएं",
+  "Cross-Platform Sync": "क्रॉस-प्लेटफ़ॉर्म सिंक",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "सभी डिवाइस पर लाइब्रेरी, प्रगति और नोट सिंक करें।",
+  "Customizable Reading": "अनुकूलन योग्य पढ़ाई",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "फॉन्ट, लेआउट और थीम अपनी पसंद से बदलें।",
+  "AI Read Aloud": "एआई वाचन",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "प्राकृतिक एआई आवाज़ों में किताबें सुनें।",
+  "AI Translations": "एआई अनुवाद",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "Google, Azure या DeepL से तुरंत अनुवाद करें।",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "समुदाय से जुड़ें और सहायता पाएं।",
+  "Unlimited AI Read Aloud Hours": "असीमित एआई वाचन",
+  "Listen without limits—convert as much text as you like into immersive audio.": "जितना चाहें उतना ऑडियो में सुनें।",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "अधिक अनुवाद और उन्नत विकल्प पाएं।",
+  "DeepL Pro Access": "DeepL प्रो एक्सेस",
+  "2 GB Cloud Sync Storage": "2 जीबी क्लाउड स्टोरेज",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "प्राथमिक सहायता पाएं।",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "दैनिक सीमा पूरी हुई। योजना बढ़ाएं।",
+  "Includes All Plus Plan Benefits": "सभी प्लस प्लान लाभ शामिल",
+  "Early Feature Access": "नई सुविधाओं की पहले पहुंच",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "नई सुविधाएं, अपडेट और नवाचार सबसे पहले देखें।",
+  "Advanced AI Tools": "उन्नत AI उपकरण",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "स्मार्ट पढ़ने, अनुवाद और कंटेंट खोजने के लिए शक्तिशाली AI उपकरण का उपयोग करें।",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "सबसे सटीक अनुवाद इंजन के साथ दैनिक 1 लाख तक अक्षर अनुवाद करें।",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "सबसे सटीक अनुवाद इंजन के साथ दैनिक 5 लाख तक अक्षर अनुवाद करें।",
+  "10 GB Cloud Sync Storage": "10 GB क्लाउड सिंक स्टोरेज",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "2 GB सुरक्षित क्लाउड स्टोरेज के साथ अपना संपूर्ण पठन संग्रह संग्रहीत करें।",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "10 GB सुरक्षित क्लाउड स्टोरेज के साथ अपना संपूर्ण पठन संग्रह संग्रहीत करें।",
+  "Deleted cloud backup of the book: {{title}}": "पुस्तक का क्लाउड बैकअप हटाया गया: {{title}}",
+  "Failed to delete cloud backup of the book": "पुस्तक का क्लाउड बैकअप हटाने में विफल",
+  "Are you sure to delete the cloud backup of the selected book?": "क्या आप सुनिश्चित हैं कि आप चयनित पुस्तक का क्लाउड बैकअप हटाना चाहते हैं?"
 }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "Konfirmasi Penghapusan",
  "Copied to notebook": "Disalin ke buku catatan",
  "Copy": "Salin",
-  "Custom CSS": "CSS Kustom",
  "Dark Mode": "Mode Gelap",
  "Default": "Default",
  "Default Font": "Font Default",
@@ -28,7 +27,6 @@
  "Dictionary": "Kamus",
  "Download Readest": "Unduh Readest",
  "Edit": "Edit",
-  "Enter your custom CSS here...": "Masukkan CSS kustom Anda di sini...",
  "Excerpts": "Kutipan",
  "Failed to import book(s): {{filenames}}": "Gagal mengimpor buku: {{filenames}}",
  "Fast": "Cepat",
@@ -128,8 +126,6 @@
  "Failed to download book: {{title}}": "Gagal mengunduh buku: {{title}}",
  "Upload Book": "Unggah Buku",
  "Auto Upload Books to Cloud": "Unggah Buku Otomatis ke Cloud",
-  "{{percentage}}% of Cloud Storage Used.": "{{percentage}}% dari Penyimpanan Cloud Digunakan.",
-  "Storage": "Penyimpanan",
  "Book deleted: {{title}}": "Buku dihapus: {{title}}",
  "Failed to delete book: {{title}}": "Gagal menghapus buku: {{title}}",
  "Check Updates on Start": "Periksa Pembaruan saat Memulai",
@@ -161,7 +157,7 @@
  "Create a Password": "Buat kata sandi",
  "Sign up": "Daftar",
  "Signing up...": "Sedang mendaftar...",
-  "Don’t have an account? Sign up": "Belum punya akun? Daftar",
+  "Don't have an account? Sign up": "Belum punya akun? Daftar",
  "Check your email for the confirmation link": "Periksa email Anda untuk tautan konfirmasi",
  "Signing in ...": "Sedang masuk ...",
  "Send a magic link email": "Kirim email tautan ajaib",
@@ -185,35 +181,13 @@
  "Sign in with GitHub": "Masuk dengan GitHub",
  "Account": "Akun",
  "Failed to delete user. Please try again later.": "Gagal menghapus pengguna. Silakan coba lagi nanti.",
-  "Unlimited Offline/Online Reading": "Membaca Offline/Online Tanpa Batas",
-  "Unlimited Cloud Sync Devices": "Perangkat Sinkronisasi Cloud Tanpa Batas",
-  "Essential Text-to-Speech Voices": "Suara Text-to-Speech Esensial",
-  "DeepL Free Access": "Akses DeepL Gratis",
  "Community Support": "Dukungan Komunitas",
-  "500 MB Cloud Sync Space": "Ruang Sinkronisasi Cloud 500 MB",
-  "Includes All Free Tier Benefits": "Termasuk Semua Manfaat Tingkat Gratis",
-  "AI Summaries": "Ringkasan AI",
-  "AI Translations": "Terjemahan AI",
  "Priority Support": "Dukungan Prioritas",
-  "DeepL Pro Access": "Akses DeepL Pro",
-  "Expanded Text-to-Speech Voices": "Suara Text-to-Speech yang Diperluas",
-  "2000 MB Cloud Sync Space": "Ruang Sinkronisasi Cloud 2000 MB",
-  "Includes All Plus Tier Benefits": "Termasuk Semua Manfaat Tingkat Plus",
-  "Unlimited AI Summaries": "Ringkasan AI Tanpa Batas",
-  "Unlimited AI Translations": "Terjemahan AI Tanpa Batas",
-  "Unlimited DeepL Pro Access": "Akses DeepL Pro Tanpa Batas",
-  "Advanced AI Tools": "Alat AI Lanjutan",
-  "Early Feature Access": "Akses Fitur Awal",
-  "10 GB Cloud Sync Space": "Ruang Sinkronisasi Cloud 10 GB",
  "Loading profile...": "Memuat profil...",
-  "Features": "Fitur",
  "Delete Account": "Hapus Akun",
  "Delete Your Account?": "Hapus Akun Anda?",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Tindakan ini tidak dapat dibatalkan. Semua data Anda di cloud akan dihapus secara permanen.",
  "Delete Permanently": "Hapus Secara Permanen",
-  "Free Tier": "Tingkat Gratis",
-  "Plus Tier": "Tingkat Plus",
-  "Pro Tier": "Tingkat Pro",
  "RTL Direction": "Arah RTL",
  "Maximum Column Height": "Tinggi Kolom Maksimum",
  "Maximum Column Width": "Lebar Kolom Maksimum",
@@ -345,7 +319,6 @@
  "Quota Exceeded": "Kuota terlampaui",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% dari Karakter Terjemahan Harian Digunakan.",
  "Translation Characters": "Karakter Terjemahan",
-  "Daily translation quota reached. Select another translate service to proceed.": "Kuota terjemahan harian tercapai. Pilih layanan terjemahan lain untuk melanjutkan.",
  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} suara",
  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Terjadi kesalahan. Jangan khawatir, tim kami telah diberitahu dan kami sedang bekerja untuk memperbaikinya.",
  "Error Details:": "Rincian Kesalahan:",
@@ -361,5 +334,84 @@
  "Left Margin (px)": "Margin Kiri (px)",
  "Column Gap (%)": "Jarak Antar Kolom (%)",
  "Always Show Status Bar": "Selalu Tampilkan Bilah Status",
-  "Translation Not Available": "Terjemahan Tidak Tersedia"
+  "Translation Not Available": "Terjemahan Tidak Tersedia",
+  "Custom Content CSS": "CSS konten",
+  "Enter CSS for book content styling...": "Masukkan CSS untuk gaya konten buku...",
+  "Custom Reader UI CSS": "CSS antarmuka",
+  "Enter CSS for reader interface styling...": "Masukkan CSS untuk gaya antarmuka pembaca...",
+  "Crop": "Potong",
+  "Book Covers": "Sampul Buku",
+  "Fit": "Pas",
+  "Reset {{settings}}": "Atur Ulang {{settings}}",
+  "Reset Settings": "Atur Ulang Pengaturan",
+  "{{count}} pages left in chapter_other": "{{count}} halaman tersisa di bab ini",
+  "Show Remaining Pages": "Tampilkan halaman tersisa",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "Kelola Langganan",
+  "Coming Soon": "Segera Hadir",
+  "Upgrade to {{plan}}": "Tingkatkan ke {{plan}}",
+  "Upgrade to Plus or Pro": "Tingkatkan ke Plus atau Pro",
+  "Current Plan": "Paket Saat Ini",
+  "Plan Limits": "Batas Paket",
+  "Failed to manage subscription. Please try again later.": "Gagal mengelola langganan. Silakan coba lagi nanti.",
+  "Processing your payment...": "Memproses pembayaran Anda...",
+  "Please wait while we confirm your subscription.": "Mohon tunggu saat kami mengonfirmasi langganan Anda.",
+  "Payment Processing": "Memproses Pembayaran",
+  "Your payment is being processed. This usually takes a few moments.": "Pembayaran Anda sedang diproses. Ini biasanya memerlukan beberapa saat.",
+  "Payment Failed": "Pembayaran Gagal",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "Kami tidak dapat memproses langganan Anda. Silakan coba lagi atau hubungi dukungan jika masalah berlanjut.",
+  "Back to Profile": "Kembali ke Profil",
+  "Subscription Successful!": "Langganan Berhasil!",
+  "Thank you for your subscription! Your payment has been processed successfully.": "Terima kasih atas langganan Anda! Pembayaran Anda telah berhasil diproses.",
+  "Email:": "Email:",
+  "Plan:": "Paket:",
+  "Amount:": "Jumlah:",
+  "Subscription ID:": "ID Langganan:",
+  "Go to Library": "Pergi ke Perpustakaan",
+  "Need help? Contact our support team at support@readest.com": "Perlu bantuan? Hubungi tim dukungan kami di support@readest.com",
+  "Free Plan": "Paket Gratis",
+  "month": "bulan",
+  "AI Translations (per day)": "Terjemahan AI (per hari)",
+  "Plus Plan": "Paket Plus",
+  "Includes All Free Plan Benefits": "Termasuk Semua Manfaat Paket Gratis",
+  "Pro Plan": "Paket Pro",
+  "More AI Translations": "Lebih Banyak Terjemahan AI",
+  "Complete Your Subscription": "Selesaikan Langganan Anda",
+  "{{percentage}}% of Cloud Sync Space Used.": "{{percentage}}% ruang sinkronisasi cloud terpakai",
+  "Cloud Sync Storage": "Ruang cloud",
+  "Disable": "Nonaktifkan",
+  "Enable": "Aktifkan",
+  "Upgrade to Readest Premium": "Tingkatkan ke Readest Premium",
+  "Show Source Text": "Perlihatkan Teks Sumber",
+  "Cross-Platform Sync": "Sinkronisasi Lintas Platform",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "Sinkronkan pustaka, kemajuan, dan catatan di semua perangkat Anda.",
+  "Customizable Reading": "Membaca yang Dapat Disesuaikan",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "Atur font, tata letak, dan tema sesuai keinginan.",
+  "AI Read Aloud": "Pembacaan AI",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "Dengarkan buku dengan suara AI alami.",
+  "AI Translations": "Terjemahan AI",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "Terhubung dengan komunitas dan dapatkan bantuan cepat.",
+  "Unlimited AI Read Aloud Hours": "Waktu Baca AI Tanpa Batas",
+  "Listen without limits—convert as much text as you like into immersive audio.": "Dengarkan sebanyak yang Anda mau tanpa batas.",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "Dapatkan lebih banyak kuota dan fitur terjemahan lanjutan.",
+  "DeepL Pro Access": "Akses DeepL Pro",
+  "2 GB Cloud Sync Storage": "Penyimpanan Sinkronisasi Cloud 2 GB",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "Nikmati dukungan prioritas kapan saja.",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "Kuota harian habis. Tingkatkan paket Anda untuk lanjut.",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "Terjemahkan teks apa pun secara instan dengan kekuatan Google, Azure, atau DeepL—pahami konten dalam bahasa apa pun.",
+  "Includes All Plus Plan Benefits": "Termasuk Semua Manfaat Paket Plus",
+  "Early Feature Access": "Akses Fitur Lebih Awal",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "Jadi yang pertama menjelajahi fitur baru, pembaruan, dan inovasi.",
+  "Advanced AI Tools": "Alat AI Canggih",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "Manfaatkan alat AI canggih untuk membaca cerdas, terjemahan, dan penemuan konten.",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "Terjemahkan hingga 100.000 karakter harian dengan mesin terjemahan paling akurat.",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "Terjemahkan hingga 500.000 karakter harian dengan mesin terjemahan paling akurat.",
+  "10 GB Cloud Sync Storage": "Penyimpanan Cloud Sync 10 GB",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "Simpan dan akses koleksi bacaan lengkap dengan aman menggunakan penyimpanan cloud 2 GB.",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "Simpan dan akses koleksi bacaan lengkap dengan aman menggunakan penyimpanan cloud 10 GB.",
+  "Deleted cloud backup of the book: {{title}}": "Cadangan cloud buku dihapus: {{title}}",
+  "Failed to delete cloud backup of the book": "Cadangan cloud buku gagal dihapus",
+  "Are you sure to delete the cloud backup of the selected book?": "Apakah Anda yakin ingin menghapus cadangan cloud dari buku yang dipilih?"
 }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "Conferma eliminazione",
  "Copied to notebook": "Copiato nel quaderno",
  "Copy": "Copia",
-  "Custom CSS": "CSS personalizzato",
  "Dark Mode": "Modalità scura",
  "Default": "Predefinito",
  "Default Font": "Font predefinito",
@@ -28,7 +27,6 @@
  "Dictionary": "Dizionario",
  "Download Readest": "Scarica Readest",
  "Edit": "Modifica",
-  "Enter your custom CSS here...": "Inserisci qui il tuo CSS personalizzato...",
  "Excerpts": "Estratti",
  "Failed to import book(s): {{filenames}}": "Impossibile importare il/i libro/i: {{filenames}}",
  "Fast": "Veloce",
@@ -128,8 +126,6 @@
  "Failed to download book: {{title}}": "Download libro non riuscito: {{title}}",
  "Upload Book": "Carica libro",
  "Auto Upload Books to Cloud": "Carica libri automaticamente su cloud",
-  "{{percentage}}% of Cloud Storage Used.": "{{percentage}}% dello spazio di archiviazione cloud utilizzato.",
-  "Storage": "Archiviazione",
  "Book deleted: {{title}}": "Libro eliminato: {{title}}",
  "Failed to delete book: {{title}}": "Eliminazione libro non riuscita: {{title}}",
  "Check Updates on Start": "Controlla aggiornamenti all'avvio",
@@ -161,7 +157,7 @@
  "Create a Password": "Crea una password",
  "Sign up": "Registrati",
  "Signing up...": "Registrazione in corso...",
-  "Don’t have an account? Sign up": "Non hai un account? Registrati",
+  "Don't have an account? Sign up": "Non hai un account? Registrati",
  "Check your email for the confirmation link": "Controlla la tua email per il link di conferma",
  "Signing in ...": "Accesso in corso ...",
  "Send a magic link email": "Invia un'email con link magico",
@@ -185,35 +181,13 @@
  "Sign in with GitHub": "Accedi con GitHub",
  "Account": "Account",
  "Failed to delete user. Please try again later.": "Impossibile eliminare l'utente. Riprova più tardi.",
-  "Unlimited Offline/Online Reading": "Lettura offline/online illimitata",
-  "Unlimited Cloud Sync Devices": "Sincronizzazione cloud su dispositivi illimitati",
-  "Essential Text-to-Speech Voices": "Voci essenziali di sintesi vocale",
-  "DeepL Free Access": "Accesso gratuito a DeepL",
  "Community Support": "Supporto della community",
-  "500 MB Cloud Sync Space": "500 MB di spazio di sincronizzazione cloud",
-  "Includes All Free Tier Benefits": "Include tutti i vantaggi del piano gratuito",
-  "AI Summaries": "Riassunti AI",
-  "AI Translations": "Traduzioni AI",
  "Priority Support": "Supporto prioritario",
-  "DeepL Pro Access": "Accesso a DeepL Pro",
-  "Expanded Text-to-Speech Voices": "Voci di sintesi vocale ampliate",
-  "2000 MB Cloud Sync Space": "2000 MB di spazio di sincronizzazione cloud",
-  "Includes All Plus Tier Benefits": "Include tutti i vantaggi del piano Plus",
-  "Unlimited AI Summaries": "Riassunti AI illimitati",
-  "Unlimited AI Translations": "Traduzioni AI illimitate",
-  "Unlimited DeepL Pro Access": "Accesso illimitato a DeepL Pro",
-  "Advanced AI Tools": "Strumenti AI avanzati",
-  "Early Feature Access": "Accesso anticipato alle funzionalità",
-  "10 GB Cloud Sync Space": "10 GB di spazio di sincronizzazione cloud",
  "Loading profile...": "Caricamento profilo...",
-  "Features": "Funzionalità",
  "Delete Account": "Elimina account",
  "Delete Your Account?": "Eliminare il tuo account?",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Questa azione non può essere annullata. Tutti i tuoi dati nel cloud verranno eliminati definitivamente.",
  "Delete Permanently": "Elimina definitivamente",
-  "Free Tier": "Piano gratuito",
-  "Plus Tier": "Piano Plus",
-  "Pro Tier": "Piano Pro",
  "RTL Direction": "Direzione RTL",
  "Maximum Column Height": "Altezza massima colonna",
  "Maximum Column Width": "Larghezza massima colonna",
@@ -349,7 +323,6 @@
  "Quota Exceeded": "Limite superato",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% dei caratteri di traduzione giornalieri utilizzati.",
  "Translation Characters": "Caratteri di traduzione",
-  "Daily translation quota reached. Select another translate service to proceed.": "Quota di traduzione giornaliera raggiunta. Seleziona un altro servizio di traduzione per procedere.",
  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} voce",
  "{{engine}}: {{count}} voices_many": "{{engine}}: {{count}} voci",
  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} voci",
@@ -367,5 +340,86 @@
  "Left Margin (px)": "Margine Sinistro (px)",
  "Column Gap (%)": "Spazio tra Colonne (%)",
  "Always Show Status Bar": "Mostra sempre la barra di stato",
-  "Translation Not Available": "Traduzione non disponibile"
+  "Translation Not Available": "Traduzione non disponibile",
+  "Custom Content CSS": "CSS contenuto",
+  "Enter CSS for book content styling...": "Inserisci il CSS per il contenuto del libro...",
+  "Custom Reader UI CSS": "CSS interfaccia",
+  "Enter CSS for reader interface styling...": "Inserisci il CSS per l'interfaccia di lettura...",
+  "Crop": "Ritaglia",
+  "Book Covers": "Copertine libri",
+  "Fit": "Adatta",
+  "Reset {{settings}}": "Reimposta {{settings}}",
+  "Reset Settings": "Reimposta impostazioni",
+  "{{count}} pages left in chapter_one": "{{count}} pagina rimasta nel capitolo",
+  "{{count}} pages left in chapter_many": "{{count}} pagine rimaste nel capitolo",
+  "{{count}} pages left in chapter_other": "{{count}} pagine rimaste nel capitolo",
+  "Show Remaining Pages": "Mostra pagine rimanenti",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "Gestisci Abbonamento",
+  "Coming Soon": "Prossimamente",
+  "Upgrade to {{plan}}": "Aggiorna a {{plan}}",
+  "Upgrade to Plus or Pro": "Aggiorna a Plus o Pro",
+  "Current Plan": "Piano Attuale",
+  "Plan Limits": "Limiti del Piano",
+  "Failed to manage subscription. Please try again later.": "Impossibile gestire l'abbonamento. Riprova più tardi.",
+  "Processing your payment...": "Elaborazione del pagamento...",
+  "Please wait while we confirm your subscription.": "Attendi mentre confermiamo il tuo abbonamento.",
+  "Payment Processing": "Elaborazione Pagamento",
+  "Your payment is being processed. This usually takes a few moments.": "Il tuo pagamento è in elaborazione. Di solito richiede pochi istanti.",
+  "Payment Failed": "Pagamento Fallito",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "Non è stato possibile elaborare l'abbonamento. Riprova o contatta il supporto se il problema persiste.",
+  "Back to Profile": "Torna al Profilo",
+  "Subscription Successful!": "Abbonamento Avvenuto con Successo!",
+  "Thank you for your subscription! Your payment has been processed successfully.": "Grazie per l'abbonamento! Il pagamento è stato elaborato con successo.",
+  "Email:": "Email:",
+  "Plan:": "Piano:",
+  "Amount:": "Importo:",
+  "Subscription ID:": "ID Abbonamento:",
+  "Go to Library": "Vai alla Libreria",
+  "Need help? Contact our support team at support@readest.com": "Hai bisogno di aiuto? Contatta il nostro supporto a support@readest.com",
+  "Free Plan": "Piano Gratuito",
+  "month": "mese",
+  "AI Translations (per day)": "Traduzioni AI (al giorno)",
+  "Plus Plan": "Piano Plus",
+  "Includes All Free Plan Benefits": "Include Tutti i Vantaggi del Piano Gratuito",
+  "Pro Plan": "Piano Pro",
+  "More AI Translations": "Più Traduzioni AI",
+  "Complete Your Subscription": "Completa l'abbonamento",
+  "{{percentage}}% of Cloud Sync Space Used.": "{{percentage}}% dello spazio cloud usato",
+  "Cloud Sync Storage": "Spazio cloud",
+  "Disable": "Disabilita",
+  "Enable": "Abilita",
+  "Upgrade to Readest Premium": "Aggiorna a Readest Premium",
+  "Show Source Text": "Mostra Testo Originale",
+  "Cross-Platform Sync": "Sincronizzazione Multipiattaforma",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "Sincronizza libreria, progressi e note su tutti i tuoi dispositivi.",
+  "Customizable Reading": "Lettura Personalizzabile",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "Personalizza font, layout e temi come preferisci.",
+  "AI Read Aloud": "Lettura AI",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "Ascolta i libri con voci AI naturali.",
+  "AI Translations": "Traduzioni AI",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "Connettiti con la community e ricevi supporto rapido.",
+  "Unlimited AI Read Aloud Hours": "Lettura AI Illimitata",
+  "Listen without limits—convert as much text as you like into immersive audio.": "Ascolta senza limiti quanto vuoi.",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "Sblocca traduzioni avanzate e più utilizzo giornaliero.",
+  "DeepL Pro Access": "Accesso DeepL Pro",
+  "2 GB Cloud Sync Storage": "2 GB di Archiviazione Cloud",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "Ricevi supporto prioritario quando serve.",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "Quota giornaliera esaurita. Passa a un piano superiore per continuare.",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "Traduci qualsiasi testo istantaneamente con la potenza di Google, Azure o DeepL—comprendi contenuti in qualsiasi lingua.",
+  "Includes All Plus Plan Benefits": "Include Tutti i Vantaggi del Piano Plus",
+  "Early Feature Access": "Accesso Anticipato alle Funzionalità",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "Esplora per primo nuove funzionalità, aggiornamenti e innovazioni.",
+  "Advanced AI Tools": "Strumenti AI Avanzati",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "Sfrutta potenti strumenti AI per lettura intelligente, traduzione e scoperta di contenuti.",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "Traduci fino a 100.000 caratteri al giorno con il motore di traduzione più accurato.",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "Traduci fino a 500.000 caratteri al giorno con il motore di traduzione più accurato.",
+  "10 GB Cloud Sync Storage": "Archiviazione Cloud Sync da 10 GB",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "Archivia e accedi in sicurezza alla tua intera collezione di lettura con fino a 2 GB di storage cloud.",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "Archivia e accedi in sicurezza alla tua intera collezione di lettura con fino a 10 GB di storage cloud.",
+  "Deleted cloud backup of the book: {{title}}": "Backup cloud del libro eliminato: {{title}}",
+  "Failed to delete cloud backup of the book": "Impossibile eliminare il backup cloud del libro",
+  "Are you sure to delete the cloud backup of the selected book?": "Sei sicuro di voler eliminare il backup cloud del libro selezionato?"
 }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "削除の確認",
  "Copied to notebook": "ノートブックにコピー",
  "Copy": "コピー",
-  "Custom CSS": "カスタムCSS",
  "Dark Mode": "ダークモード",
  "Default": "デフォルト",
  "Default Font": "デフォルトフォント",
@@ -28,7 +27,6 @@
  "Dictionary": "辞書",
  "Download Readest": "Readestをダウンロード",
  "Edit": "編集",
-  "Enter your custom CSS here...": "ここにカスタムCSSを入力...",
  "Excerpts": "抜粋",
  "Failed to import book(s): {{filenames}}": "書籍のインポートに失敗しました：{{filenames}}",
  "Fast": "高速",
@@ -128,8 +126,6 @@
  "Failed to download book: {{title}}": "書籍のダウンロードに失敗しました：{{title}}",
  "Upload Book": "書籍をアップロード",
  "Auto Upload Books to Cloud": "書籍を自動的にクラウドにアップロード",
-  "{{percentage}}% of Cloud Storage Used.": "クラウドストレージの{{percentage}}%が使用されています。",
-  "Storage": "ストレージ",
  "Book deleted: {{title}}": "書籍が削除されました：{{title}}",
  "Failed to delete book: {{title}}": "書籍の削除に失敗しました：{{title}}",
  "Check Updates on Start": "開始時に更新を確認",
@@ -161,7 +157,7 @@
  "Create a Password": "パスワードを作成",
  "Sign up": "サインアップ",
  "Signing up...": "サインアップ中...",
-  "Don’t have an account? Sign up": "アカウントをお持ちでないですか？ サインアップ",
+  "Don't have an account? Sign up": "アカウントをお持ちでないですか？ サインアップ",
  "Check your email for the confirmation link": "確認リンクのためにメールを確認してください",
  "Signing in ...": "サインイン中 ...",
  "Send a magic link email": "マジックリンクメールを送信",
@@ -185,35 +181,13 @@
  "Sign in with GitHub": "GitHubでサインイン",
  "Account": "アカウント",
  "Failed to delete user. Please try again later.": "ユーザーの削除に失敗しました。後ほど再試行してください。",
-  "Unlimited Offline/Online Reading": "無制限のオフライン/オンライン読書",
-  "Unlimited Cloud Sync Devices": "無制限のクラウド同期デバイス",
-  "Essential Text-to-Speech Voices": "基本的な音声合成ボイス",
-  "DeepL Free Access": "DeepL無料アクセス",
  "Community Support": "コミュニティサポート",
-  "500 MB Cloud Sync Space": "500 MBのクラウド同期スペース",
-  "Includes All Free Tier Benefits": "無料プランの全特典を含む",
-  "AI Summaries": "AI要約",
-  "AI Translations": "AI翻訳",
  "Priority Support": "優先サポート",
-  "DeepL Pro Access": "DeepL Proアクセス",
-  "Expanded Text-to-Speech Voices": "拡張された音声合成ボイス",
-  "2000 MB Cloud Sync Space": "2000 MBのクラウド同期スペース",
-  "Includes All Plus Tier Benefits": "Plusプランの全特典を含む",
-  "Unlimited AI Summaries": "無制限のAI要約",
-  "Unlimited AI Translations": "無制限のAI翻訳",
-  "Unlimited DeepL Pro Access": "無制限のDeepL Proアクセス",
-  "Advanced AI Tools": "高度なAIツール",
-  "Early Feature Access": "新機能への早期アクセス",
-  "10 GB Cloud Sync Space": "10 GBのクラウド同期スペース",
  "Loading profile...": "プロフィール読み込み中...",
-  "Features": "機能",
  "Delete Account": "アカウント削除",
  "Delete Your Account?": "アカウントを削除しますか？",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "この操作は元に戻せません。クラウド上のすべてのデータが完全に削除されます。",
  "Delete Permanently": "完全に削除",
-  "Free Tier": "無料プラン",
-  "Plus Tier": "Plusプラン",
-  "Pro Tier": "Proプラン",
  "RTL Direction": "RTL方向",
  "Maximum Column Height": "最大列高",
  "Maximum Column Width": "最大列幅",
@@ -345,7 +319,6 @@
  "Quota Exceeded": "上限超過",
  "{{percentage}}% of Daily Translation Characters Used.": "日次翻訳文字数の使用量は{{percentage}}%です。",
  "Translation Characters": "翻訳文字数",
-  "Daily translation quota reached. Select another translate service to proceed.": "日次翻訳クォータに達しました。続行するには別の翻訳サービスを選択してください。",
  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}}音声",
  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "何か問題が発生しました。心配しないでください。私たちのチームが通知を受けており、修正に取り組んでいます。",
  "Error Details:": "エラーの詳細：",
@@ -361,5 +334,84 @@
  "Left Margin (px)": "左マージン (px)",
  "Column Gap (%)": "列間の間隔 (%)",
  "Always Show Status Bar": "ステータスバーを常に表示",
-  "Translation Not Available": "翻訳は利用できません"
+  "Translation Not Available": "翻訳は利用できません",
+  "Custom Content CSS": "コンテンツCSS",
+  "Enter CSS for book content styling...": "本のコンテンツ用CSSを入力...",
+  "Custom Reader UI CSS": "リーダーUIのCSS",
+  "Enter CSS for reader interface styling...": "リーダーインターフェース用CSSを入力...",
+  "Crop": "トリミング",
+  "Book Covers": "書籍の表紙",
+  "Fit": "フィット",
+  "Reset {{settings}}": "{{settings}}をリセット",
+  "Reset Settings": "設定をリセット",
+  "{{count}} pages left in chapter_other": "{{count}} ページ残り",
+  "Show Remaining Pages": "残りを表示",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "サブスクリプションを管理",
+  "Coming Soon": "近日公開",
+  "Upgrade to {{plan}}": "{{plan}} にアップグレード",
+  "Upgrade to Plus or Pro": "Plus または Pro にアップグレード",
+  "Current Plan": "現在のプラン",
+  "Plan Limits": "プランの上限",
+  "Failed to manage subscription. Please try again later.": "サブスクリプションの管理に失敗しました。後でもう一度お試しください。",
+  "Processing your payment...": "お支払いを処理中...",
+  "Please wait while we confirm your subscription.": "サブスクリプションを確認しています。しばらくお待ちください。",
+  "Payment Processing": "支払いを処理中",
+  "Your payment is being processed. This usually takes a few moments.": "お支払いを処理しています。通常、数秒かかります。",
+  "Payment Failed": "支払いに失敗しました",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "サブスクリプションを処理できませんでした。再度お試しいただくか、問題が続く場合はサポートにお問い合わせください。",
+  "Back to Profile": "プロフィールに戻る",
+  "Subscription Successful!": "サブスクリプションが完了しました！",
+  "Thank you for your subscription! Your payment has been processed successfully.": "ご登録ありがとうございます！お支払いが正常に処理されました。",
+  "Email:": "メール:",
+  "Plan:": "プラン:",
+  "Amount:": "金額:",
+  "Subscription ID:": "サブスクリプションID:",
+  "Go to Library": "ライブラリへ移動",
+  "Need help? Contact our support team at support@readest.com": "サポートが必要ですか？ support@readest.com までお問い合わせください。",
+  "Free Plan": "無料プラン",
+  "month": "月",
+  "AI Translations (per day)": "AI翻訳（1日あたり）",
+  "Plus Plan": "Plusプラン",
+  "Includes All Free Plan Benefits": "無料プランの全特典を含む",
+  "Pro Plan": "Proプラン",
+  "More AI Translations": "さらに多くのAI翻訳",
+  "Complete Your Subscription": "サブスクリプションを完了する",
+  "{{percentage}}% of Cloud Sync Space Used.": "クラウド同期スペースの使用量は{{percentage}}%です。",
+  "Cloud Sync Storage": "クラウド同期容量",
+  "Disable": "無効にする",
+  "Enable": "有効にする",
+  "Upgrade to Readest Premium": "Readest Premiumにアップグレード",
+  "Show Source Text": "原文を表示",
+  "Cross-Platform Sync": "クロスプラットフォーム同期",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "ライブラリや進捗、メモを全デバイスで同期。",
+  "Customizable Reading": "カスタマイズ可能な読書",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "フォントやレイアウト、テーマを自由に調整。",
+  "AI Read Aloud": "AI音声読み上げ",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "自然なAI音声で本を聴く。",
+  "AI Translations": "AI翻訳",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "Google、Azure、DeepLで即時翻訳。",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "コミュニティで交流・サポートを利用。",
+  "Unlimited AI Read Aloud Hours": "無制限のAI読み上げ",
+  "Listen without limits—convert as much text as you like into immersive audio.": "制限なくテキストを音声化。",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "高度な翻訳機能を利用可能に。",
+  "DeepL Pro Access": "DeepL Pro利用",
+  "2 GB Cloud Sync Storage": "2GBクラウド保存",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "優先サポートを利用可能。",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "翻訳上限に達しました。アップグレードで継続可能です。",
+  "Includes All Plus Plan Benefits": "Plusプランの全特典を含む",
+  "Early Feature Access": "新機能への先行アクセス",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "新機能、アップデート、革新を誰よりも先に体験。",
+  "Advanced AI Tools": "高度なAIツール",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "スマートな読書、翻訳、コンテンツ発見のための強力なAIツールを活用。",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "最も正確な翻訳エンジンで1日最大10万文字を翻訳。",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "最も正確な翻訳エンジンで1日最大50万文字を翻訳。",
+  "10 GB Cloud Sync Storage": "10GBクラウド同期ストレージ",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "最大2GBの安全なクラウドストレージで読書コレクション全体を保存・アクセス。",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "最大10GBの安全なクラウドストレージで読書コレクション全体を保存・アクセス。",
+  "Deleted cloud backup of the book: {{title}}": "書籍のクラウドバックアップを削除しました：{{title}}",
+  "Failed to delete cloud backup of the book": "書籍のクラウドバックアップを削除できませんでした",
+  "Are you sure to delete the cloud backup of the selected book?": "選択した書籍のクラウドバックアップを削除してもよろしいですか？"
 }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "삭제 확인",
  "Copied to notebook": "노트북에 복사됨",
  "Copy": "복사",
-  "Custom CSS": "사용자 정의 CSS",
  "Dark Mode": "다크 모드",
  "Default": "기본값",
  "Default Font": "기본 글꼴",
@@ -28,7 +27,6 @@
  "Dictionary": "사전",
  "Download Readest": "Readest 다운로드",
  "Edit": "편집",
-  "Enter your custom CSS here...": "여기에 사용자 정의 CSS를 입력하세요...",
  "Excerpts": "발췌",
  "Failed to import book(s): {{filenames}}": "책 가져오기 실패: {{filenames}}",
  "Fast": "빠름",
@@ -128,8 +126,6 @@
  "Failed to download book: {{title}}": "책 다운로드 실패: {{title}}",
  "Upload Book": "책 업로드",
  "Auto Upload Books to Cloud": "책 자동으로 클라우드에 업로드",
-  "{{percentage}}% of Cloud Storage Used.": "클라우드 저장소 사용량 {{percentage}}%.",
-  "Storage": "저장소",
  "Book deleted: {{title}}": "책 삭제됨: {{title}}",
  "Failed to delete book: {{title}}": "책 삭제 실패: {{title}}",
  "Check Updates on Start": "시작 시 업데이트 확인",
@@ -161,7 +157,7 @@
  "Create a Password": "비밀번호 만들기",
  "Sign up": "회원가입",
  "Signing up...": "회원가입 중...",
-  "Don’t have an account? Sign up": "계정이 없습니까? 회원가입",
+  "Don't have an account? Sign up": "계정이 없습니까? 회원가입",
  "Check your email for the confirmation link": "확인 링크를 위해 이메일을 확인하세요",
  "Signing in ...": "로그인 중 ...",
  "Send a magic link email": "마법의 링크 이메일 보내기",
@@ -185,35 +181,13 @@
  "Sign in with GitHub": "GitHub로 로그인",
  "Account": "계정",
  "Failed to delete user. Please try again later.": "사용자 삭제에 실패했습니다. 나중에 다시 시도해 주세요.",
-  "Unlimited Offline/Online Reading": "무제한 오프라인/온라인 읽기",
-  "Unlimited Cloud Sync Devices": "무제한 클라우드 동기화 기기",
-  "Essential Text-to-Speech Voices": "필수 텍스트 음성 변환 목소리",
-  "DeepL Free Access": "DeepL 무료 접근",
  "Community Support": "커뮤니티 지원",
-  "500 MB Cloud Sync Space": "500 MB 클라우드 동기화 공간",
-  "Includes All Free Tier Benefits": "무료 등급의 모든 혜택 포함",
-  "AI Summaries": "AI 요약",
-  "AI Translations": "AI 번역",
  "Priority Support": "우선 지원",
-  "DeepL Pro Access": "DeepL 프로 접근",
-  "Expanded Text-to-Speech Voices": "확장된 텍스트 음성 변환 목소리",
-  "2000 MB Cloud Sync Space": "2000 MB 클라우드 동기화 공간",
-  "Includes All Plus Tier Benefits": "플러스 등급의 모든 혜택 포함",
-  "Unlimited AI Summaries": "무제한 AI 요약",
-  "Unlimited AI Translations": "무제한 AI 번역",
-  "Unlimited DeepL Pro Access": "무제한 DeepL 프로 접근",
-  "Advanced AI Tools": "고급 AI 도구",
-  "Early Feature Access": "신기능 조기 접근",
-  "10 GB Cloud Sync Space": "10 GB 클라우드 동기화 공간",
  "Loading profile...": "프로필 로딩 중...",
-  "Features": "기능",
  "Delete Account": "계정 삭제",
  "Delete Your Account?": "계정을 삭제하시겠습니까?",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "이 작업은 취소할 수 없습니다. 클라우드에 있는 모든 데이터가 영구적으로 삭제됩니다.",
  "Delete Permanently": "영구 삭제",
-  "Free Tier": "무료 등급",
-  "Plus Tier": "플러스 등급",
-  "Pro Tier": "프로 등급",
  "RTL Direction": "RTL 방향",
  "Maximum Column Height": "최대 열 높이",
  "Maximum Column Width": "최대 열 너비",
@@ -345,7 +319,6 @@
  "Quota Exceeded": "한도 초과",
  "{{percentage}}% of Daily Translation Characters Used.": "일일 번역 문자 사용량 {{percentage}}%.",
  "Translation Characters": "번역 문자",
-  "Daily translation quota reached. Select another translate service to proceed.": "일일 번역 할당량에 도달했습니다. 계속 진행하려면 다른 번역 서비스를 선택하세요.",
  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}}개의 음성",
  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "문제가 발생했습니다. 걱정하지 마세요, 저희 팀이 이미 알림을 받았으며 해결 작업을 진행 중입니다.",
  "Error Details:": "오류 세부사항:",
@@ -361,5 +334,84 @@
  "Left Margin (px)": "왼쪽 여백 (px)",
  "Column Gap (%)": "열 간격 (%)",
  "Always Show Status Bar": "상태 표시줄 항상 표시",
-  "Translation Not Available": "번역을 사용할 수 없음"
+  "Translation Not Available": "번역을 사용할 수 없음",
+  "Custom Content CSS": "콘텐츠 CSS",
+  "Enter CSS for book content styling...": "도서 콘텐츠 스타일을 위한 CSS 입력...",
+  "Custom Reader UI CSS": "리더 UI CSS",
+  "Enter CSS for reader interface styling...": "리더 인터페이스 스타일용 CSS 입력...",
+  "Crop": "자르기",
+  "Book Covers": "책 표지",
+  "Fit": "맞춤",
+  "Reset {{settings}}": "{{settings}} 재설정",
+  "Reset Settings": "설정 재설정",
+  "{{count}} pages left in chapter_other": "남은 페이지 {{count}}장",
+  "Show Remaining Pages": "남은 페이지 보기",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "구독 관리",
+  "Coming Soon": "곧 출시 예정",
+  "Upgrade to {{plan}}": "{{plan}}로 업그레이드",
+  "Upgrade to Plus or Pro": "Plus 또는 Pro로 업그레이드",
+  "Current Plan": "현재 요금제",
+  "Plan Limits": "요금제 한도",
+  "Failed to manage subscription. Please try again later.": "구독 관리에 실패했습니다. 나중에 다시 시도해주세요.",
+  "Processing your payment...": "결제를 처리 중입니다...",
+  "Please wait while we confirm your subscription.": "구독을 확인하는 중입니다. 잠시만 기다려주세요.",
+  "Payment Processing": "결제 처리 중",
+  "Your payment is being processed. This usually takes a few moments.": "결제가 처리되고 있습니다. 잠시만 기다려주세요.",
+  "Payment Failed": "결제 실패",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "구독을 처리할 수 없습니다. 다시 시도하거나 문제가 계속되면 지원팀에 문의해주세요.",
+  "Back to Profile": "프로필로 돌아가기",
+  "Subscription Successful!": "구독이 완료되었습니다!",
+  "Thank you for your subscription! Your payment has been processed successfully.": "구독해주셔서 감사합니다! 결제가 성공적으로 처리되었습니다.",
+  "Email:": "이메일:",
+  "Plan:": "요금제:",
+  "Amount:": "금액:",
+  "Subscription ID:": "구독 ID:",
+  "Go to Library": "라이브러리로 이동",
+  "Need help? Contact our support team at support@readest.com": "도움이 필요하시면 support@readest.com으로 문의해주세요.",
+  "Free Plan": "무료 요금제",
+  "month": "월",
+  "AI Translations (per day)": "AI 번역 (일 기준)",
+  "Plus Plan": "Plus 요금제",
+  "Includes All Free Plan Benefits": "무료 요금제의 모든 혜택 포함",
+  "Pro Plan": "Pro 요금제",
+  "More AI Translations": "더 많은 AI 번역",
+  "Complete Your Subscription": "구독 완료",
+  "{{percentage}}% of Cloud Sync Space Used.": "{{percentage}}%의 클라우드 동기화 공간 사용됨.",
+  "Cloud Sync Storage": "클라우드 저장 공간",
+  "Disable": "비활성화",
+  "Enable": "활성화",
+  "Upgrade to Readest Premium": "Readest Premium으로 업그레이드",
+  "Show Source Text": "원본 텍스트 표시",
+  "Cross-Platform Sync": "크로스 플랫폼 동기화",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "라이브러리와 진행 상황을 모든 기기에서 동기화합니다.",
+  "Customizable Reading": "맞춤형 읽기",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "폰트, 레이아웃, 테마를 자유롭게 조정하세요.",
+  "AI Read Aloud": "AI 음성 읽기",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "자연스러운 AI 음성으로 책을 들어보세요.",
+  "AI Translations": "AI 번역",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "Google, Azure, DeepL로 즉시 번역합니다.",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "커뮤니티에서 도움과 소통을 즐기세요.",
+  "Unlimited AI Read Aloud Hours": "무제한 AI 음성 읽기",
+  "Listen without limits—convert as much text as you like into immersive audio.": "제한 없이 텍스트를 음성으로 변환하세요.",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "고급 번역 기능을 더 많이 이용하세요.",
+  "DeepL Pro Access": "DeepL Pro 이용",
+  "2 GB Cloud Sync Storage": "2GB 클라우드 저장소",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "우선 지원을 이용하세요.",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "일일 번역 한도에 도달했습니다. 업그레이드하여 계속 사용하세요.",
+  "Includes All Plus Plan Benefits": "모든 플러스 플랜 혜택 포함",
+  "Early Feature Access": "신기능 우선 액세스",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "새로운 기능, 업데이트, 혁신을 누구보다 먼저 체험하세요.",
+  "Advanced AI Tools": "고급 AI 도구",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "스마트한 독서, 번역, 콘텐츠 발견을 위한 강력한 AI 도구를 활용하세요.",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "가장 정확한 번역 엔진으로 매일 최대 10만 자를 번역하세요.",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "가장 정확한 번역 엔진으로 매일 최대 50만 자를 번역하세요.",
+  "10 GB Cloud Sync Storage": "10GB 클라우드 동기화 저장소",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "최대 2GB의 안전한 클라우드 저장소로 전체 독서 컬렉션을 저장하고 액세스하세요.",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "최대 10GB의 안전한 클라우드 저장소로 전체 독서 컬렉션을 저장하고 액세스하세요.",
+  "Deleted cloud backup of the book: {{title}}": "책의 클라우드 백업이 삭제됨: {{title}}",
+  "Failed to delete cloud backup of the book": "책의 클라우드 백업을 삭제하지 못했습니다.",
+  "Are you sure to delete the cloud backup of the selected book?": "선택한 책의 클라우드 백업을 삭제하시겠습니까?"
 }
@@ -57,8 +57,6 @@
  "Import Books": "Boeken importeren",
  "Select Multiple Books": "Meerdere boeken selecteren",
  "Select Books": "Boeken selecteren",
-  "Storage": "Opslag",
-  "{{percentage}}% of Cloud Storage Used.": "{{percentage}}% van cloudopslag gebruikt.",
  "Logged in as {{userDisplayName}}": "Ingelogd als {{userDisplayName}}",
  "Logged in": "Ingelogd",
  "Account": "Account",
@@ -189,8 +187,6 @@
  "Volume Keys for Page Flip": "Volumetoetsen voor pagina omslaan",
  "Clicks for Page Flip": "Klikken voor pagina omslaan",
  "Swap Clicks Area": "Klikgebieden omwisselen",
-  "Custom CSS": "Aangepaste CSS",
-  "Enter your custom CSS here...": "Voer hier uw aangepaste CSS in...",
  "Apply": "Toepassen",
  "Font": "Lettertype",
  "Layout": "Opmaak",
@@ -227,31 +223,9 @@
  "Fast": "Snel",
  "Reading Progress Synced": "Leesvoortgang gesynchroniseerd",
  "Failed to delete user. Please try again later.": "Gebruiker verwijderen mislukt. Probeer het later opnieuw.",
-  "Free Tier": "Gratis niveau",
  "Community Support": "Community-ondersteuning",
-  "DeepL Free Access": "DeepL gratis toegang",
-  "Essential Text-to-Speech Voices": "Essentiële tekst-naar-spraak stemmen",
-  "Unlimited Offline/Online Reading": "Onbeperkt offline/online lezen",
-  "Unlimited Cloud Sync Devices": "Onbeperkt aantal cloud-synchronisatie apparaten",
-  "500 MB Cloud Sync Space": "500 MB cloud-synchronisatieruimte",
-  "Plus Tier": "Plus niveau",
-  "Includes All Free Tier Benefits": "Inclusief alle voordelen van het gratis niveau",
  "Priority Support": "Prioriteitsondersteuning",
-  "AI Summaries": "AI-samenvattingen",
-  "AI Translations": "AI-vertalingen",
-  "DeepL Pro Access": "DeepL Pro toegang",
-  "Expanded Text-to-Speech Voices": "Uitgebreide tekst-naar-spraak stemmen",
-  "2000 MB Cloud Sync Space": "2000 MB cloud-synchronisatieruimte",
-  "Pro Tier": "Pro niveau",
-  "Includes All Plus Tier Benefits": "Inclusief alle voordelen van het Plus niveau",
-  "Unlimited AI Summaries": "Onbeperkte AI-samenvattingen",
-  "Unlimited AI Translations": "Onbeperkte AI-vertalingen",
-  "Unlimited DeepL Pro Access": "Onbeperkte DeepL Pro toegang",
-  "Advanced AI Tools": "Geavanceerde AI-tools",
-  "Early Feature Access": "Vroege toegang tot functies",
-  "10 GB Cloud Sync Space": "10 GB cloud-synchronisatieruimte",
  "Loading profile...": "Profiel laden...",
-  "Features": "Functies",
  "Sign Out": "Uitloggen",
  "Delete Account": "Account verwijderen",
  "Delete Your Account?": "Uw account verwijderen?",
@@ -299,7 +273,7 @@
  "Reveal in Finder": "Tonen in Finder",
  "Reveal in File Explorer": "Tonen in Verkenner",
  "Reveal in Folder": "Tonen in map",
-  "Don’t have an account? Sign up": "Nog geen account? Registreer u",
+  "Don't have an account? Sign up": "Nog geen account? Registreer u",
  "All the world's a stage,\nAnd all the men and women merely players;\nThey have their exits and their entrances,\nAnd one man in his time plays many parts,\nHis acts being seven ages.\n\n— William Shakespeare": "De hele wereld is een toneel,\nEn alle mannen en vrouwen slechts spelers;\nZij hebben hun uitgangen en hun entrees,\nEn één man speelt in zijn tijd vele rollen,\nZijn daden zijnde zeven leeftijden.\n\n— William Shakespeare",
  "Next Section": "Volgende sectie",
  "Previous Section": "Vorige sectie",
@@ -347,7 +321,6 @@
  "Quota Exceeded": "Limiet overschreden",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% van de dagelijkse vertaaltekens gebruikt.",
  "Translation Characters": "Vertaaltekens",
-  "Daily translation quota reached. Select another translate service to proceed.": "Dagelijkse vertaalquotum bereikt. Selecteer een andere vertaalservice om door te gaan.",
  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} stem",
  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} stemmen",
  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Er is iets misgegaan. Maak je geen zorgen, ons team is op de hoogte gebracht en we werken aan een oplossing.",
@@ -364,5 +337,85 @@
  "Left Margin (px)": "Linker marge (px)",
  "Column Gap (%)": "Kolomafstand (%)",
  "Always Show Status Bar": "Statusbalk altijd weergeven",
-  "Translation Not Available": "Vertaling niet beschikbaar"
+  "Translation Not Available": "Vertaling niet beschikbaar",
+  "Custom Content CSS": "Aangepaste inhoud-CSS",
+  "Enter CSS for book content styling...": "Voer CSS in voor de opmaak van de boekinhoud...",
+  "Custom Reader UI CSS": "Aangepaste interface-CSS",
+  "Enter CSS for reader interface styling...": "Voer CSS in voor de opmaak van de leesinterface...",
+  "Crop": "Bijsnijden",
+  "Book Covers": "Boekomslagen",
+  "Fit": "Passend maken",
+  "Reset {{settings}}": "Reset {{settings}}",
+  "Reset Settings": "Instellingen resetten",
+  "{{count}} pages left in chapter_one": "Nog {{count}} pagina in hoofdstuk",
+  "{{count}} pages left in chapter_other": "Nog {{count}} pagina’s in hoofdstuk",
+  "Show Remaining Pages": "Toon resterende pagina’s",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "Abonnement beheren",
+  "Coming Soon": "Binnenkort beschikbaar",
+  "Upgrade to {{plan}}": "Upgrade naar {{plan}}",
+  "Upgrade to Plus or Pro": "Upgrade naar Plus of Pro",
+  "Current Plan": "Huidig abonnement",
+  "Plan Limits": "Abonnementslimieten",
+  "Failed to manage subscription. Please try again later.": "Abonnement beheren is mislukt. Probeer het later opnieuw.",
+  "Processing your payment...": "Je betaling wordt verwerkt...",
+  "Please wait while we confirm your subscription.": "Even geduld terwijl we je abonnement bevestigen.",
+  "Payment Processing": "Betaling verwerken",
+  "Your payment is being processed. This usually takes a few moments.": "Je betaling wordt verwerkt. Dit duurt meestal een paar seconden.",
+  "Payment Failed": "Betaling mislukt",
+  "Back to Profile": "Terug naar profiel",
+  "Subscription Successful!": "Abonnement succesvol!",
+  "Email:": "E-mail:",
+  "Plan:": "Abonnement:",
+  "Amount:": "Bedrag:",
+  "Subscription ID:": "Abonnements-ID:",
+  "Go to Library": "Ga naar bibliotheek",
+  "Need help? Contact our support team at support@readest.com": "Hulp nodig? Neem contact op met support via support@readest.com",
+  "Free Plan": "Gratis abonnement",
+  "month": "maand",
+  "AI Translations (per day)": "AI-vertalingen (per dag)",
+  "Plus Plan": "Plus-abonnement",
+  "Includes All Free Plan Benefits": "Bevat alle voordelen van het gratis abonnement",
+  "Pro Plan": "Pro-abonnement",
+  "More AI Translations": "Meer AI-vertalingen",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "We konden je abonnement niet verwerken. Probeer het opnieuw of neem contact op met support als het probleem blijft bestaan.",
+  "Thank you for your subscription! Your payment has been processed successfully.": "Bedankt voor je abonnement! Je betaling is succesvol verwerkt.",
+  "Complete Your Subscription": "Voltooi uw abonnement",
+  "{{percentage}}% of Cloud Sync Space Used.": "{{percentage}}% van de cloud-synchronisatie ruimte gebruikt.",
+  "Cloud Sync Storage": "Cloud Sync Opslag",
+  "Disable": "Uitschakelen",
+  "Enable": "Inschakelen",
+  "Upgrade to Readest Premium": "Upgrade naar Readest Premium",
+  "Show Source Text": "Toon brontekst",
+  "Cross-Platform Sync": "Cross-Platform Synchronisatie",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "Synchroniseer naadloos je bibliotheek, voortgang, markeringen en notities op al je apparaten—verlies nooit meer je plek.",
+  "Customizable Reading": "Aanpasbaar Lezen",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "Personaliseer elk detail met aanpasbare lettertypen, lay-outs, thema's en geavanceerde weergave-instellingen voor de perfecte leeservaring.",
+  "AI Read Aloud": "AI Voorlezen",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "Geniet van handsfree lezen met natuurlijk klinkende AI-stemmen die je boeken tot leven brengen.",
+  "AI Translations": "AI Vertalingen",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "Vertaal elke tekst direct met de kracht van Google, Azure of DeepL—begrijp inhoud in elke taal.",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "Maak contact met medelezers en krijg snel hulp in onze vriendelijke community kanalen.",
+  "Unlimited AI Read Aloud Hours": "Onbeperkte AI Voorlees Uren",
+  "Listen without limits—convert as much text as you like into immersive audio.": "Luister zonder limieten—zet zoveel tekst als je wilt om in meeslepende audio.",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "Ontsluit verbeterde vertaalfuncties met meer dagelijks gebruik en geavanceerde opties.",
+  "DeepL Pro Access": "DeepL Pro Toegang",
+  "2 GB Cloud Sync Storage": "2 GB Cloud Sync Opslag",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "Geniet van snellere reacties en toegewijde hulp wanneer je hulp nodig hebt.",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "Dagelijks vertaalquotum bereikt. Upgrade je abonnement om AI vertalingen te blijven gebruiken.",
+  "Includes All Plus Plan Benefits": "Inclusief Alle Plus Plan Voordelen",
+  "Early Feature Access": "Vroege Toegang tot Functies",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "Ontdek als eerste nieuwe functies, updates en innovaties.",
+  "Advanced AI Tools": "Geavanceerde AI Tools",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "Benut krachtige AI tools voor slimmer lezen, vertalen en content ontdekking.",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "Vertaal dagelijks tot 100.000 tekens met de meest nauwkeurige vertaalengine.",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "Vertaal dagelijks tot 500.000 tekens met de meest nauwkeurige vertaalengine.",
+  "10 GB Cloud Sync Storage": "10 GB Cloud Sync Opslag",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "Sla je hele leesverzameling veilig op en benader deze met tot 2 GB cloudopslag.",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "Sla je hele leesverzameling veilig op en benader deze met tot 10 GB cloudopslag.",
+  "Deleted cloud backup of the book: {{title}}": "Verwijderde cloudback-up van het boek: {{title}}",
+  "Failed to delete cloud backup of the book": "Verwijderen van cloudback-up van het boek is mislukt.",
+  "Are you sure to delete the cloud backup of the selected book?": "Weet je zeker dat je de cloudback-up van het geselecteerde boek wilt verwijderen?"
 }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "Potwierdź usunięcie",
  "Copied to notebook": "Skopiowano do notatnika",
  "Copy": "Kopiuj",
-  "Custom CSS": "Własny CSS",
  "Dark Mode": "Tryb ciemny",
  "Default": "Domyślne",
  "Default Font": "Domyślna czcionka",
@@ -28,7 +27,6 @@
  "Dictionary": "Słownik",
  "Download Readest": "Pobierz Readest",
  "Edit": "Edytuj",
-  "Enter your custom CSS here...": "Wprowadź własny CSS tutaj...",
  "Excerpts": "Fragmenty",
  "Failed to import book(s): {{filenames}}": "Nie udało się zaimportować książek: {{filenames}}",
  "Fast": "Szybko",
@@ -128,8 +126,6 @@
  "Failed to download book: {{title}}": "Nie udało się pobrać książki: {{title}}",
  "Upload Book": "Prześlij książkę",
  "Auto Upload Books to Cloud": "Automatycznie przesyłaj książki do chmury",
-  "{{percentage}}% of Cloud Storage Used.": "{{percentage}}% przestrzeni dyskowej w chmurze użytej.",
-  "Storage": "Przechowywanie",
  "Book deleted: {{title}}": "Książka usunięta: {{title}}",
  "Failed to delete book: {{title}}": "Nie udało się usunąć książki: {{title}}",
  "Check Updates on Start": "Sprawdź aktualizacje przy starcie",
@@ -161,7 +157,7 @@
  "Create a Password": "Utwórz hasło",
  "Sign up": "Zarejestruj się",
  "Signing up...": "Rejestracja...",
-  "Don’t have an account? Sign up": "Nie masz konta? Zarejestruj się",
+  "Don't have an account? Sign up": "Nie masz konta? Zarejestruj się",
  "Check your email for the confirmation link": "Sprawdź swój email, aby uzyskać link potwierdzający",
  "Signing in ...": "Logowanie ...",
  "Send a magic link email": "Wyślij link magiczny na email",
@@ -185,35 +181,13 @@
  "Sign in with GitHub": "Zaloguj się za pomocą GitHub",
  "Account": "Konto",
  "Failed to delete user. Please try again later.": "Nie udało się usunąć użytkownika. Spróbuj ponownie później.",
-  "Unlimited Offline/Online Reading": "Nieograniczone czytanie offline/online",
-  "Unlimited Cloud Sync Devices": "Nieograniczona liczba urządzeń synchronizowanych w chmurze",
-  "Essential Text-to-Speech Voices": "Podstawowe głosy zamiany tekstu na mowę",
-  "DeepL Free Access": "Darmowy dostęp do DeepL",
  "Community Support": "Wsparcie społeczności",
-  "500 MB Cloud Sync Space": "500 MB przestrzeni synchronizacji w chmurze",
-  "Includes All Free Tier Benefits": "Zawiera wszystkie korzyści darmowego planu",
-  "AI Summaries": "Podsumowania AI",
-  "AI Translations": "Tłumaczenia AI",
  "Priority Support": "Priorytetowe wsparcie",
-  "DeepL Pro Access": "Dostęp do DeepL Pro",
-  "Expanded Text-to-Speech Voices": "Rozszerzone głosy zamiany tekstu na mowę",
-  "2000 MB Cloud Sync Space": "2000 MB przestrzeni synchronizacji w chmurze",
-  "Includes All Plus Tier Benefits": "Zawiera wszystkie korzyści planu Plus",
-  "Unlimited AI Summaries": "Nieograniczone podsumowania AI",
-  "Unlimited AI Translations": "Nieograniczone tłumaczenia AI",
-  "Unlimited DeepL Pro Access": "Nieograniczony dostęp do DeepL Pro",
-  "Advanced AI Tools": "Zaawansowane narzędzia AI",
-  "Early Feature Access": "Wczesny dostęp do nowych funkcji",
-  "10 GB Cloud Sync Space": "10 GB przestrzeni synchronizacji w chmurze",
  "Loading profile...": "Ładowanie profilu...",
-  "Features": "Funkcje",
  "Delete Account": "Usuń konto",
  "Delete Your Account?": "Usunąć Twoje konto?",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Tej operacji nie można cofnąć. Wszystkie Twoje dane w chmurze zostaną trwale usunięte.",
  "Delete Permanently": "Usuń trwale",
-  "Free Tier": "Plan darmowy",
-  "Plus Tier": "Plan Plus",
-  "Pro Tier": "Plan Pro",
  "RTL Direction": "Kierunek RTL",
  "Maximum Column Height": "Maksymalna wysokość kolumny",
  "Maximum Column Width": "Maksymalna szerokość kolumny",
@@ -351,7 +325,6 @@
  "Quota Exceeded": "Limit przekroczony",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% użytych znaków tłumaczenia dziennego.",
  "Translation Characters": "Znaki tłumaczenia",
-  "Daily translation quota reached. Select another translate service to proceed.": "Przekroczono dzienny limit znaków tłumaczenia. Wybierz inną usługę tłumaczenia, aby kontynuować.",
  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} głos",
  "{{engine}}: {{count}} voices_few": "{{engine}}: {{count}} głosy",
  "{{engine}}: {{count}} voices_many": "{{engine}}: {{count}} głosów",
@@ -370,5 +343,87 @@
  "Left Margin (px)": "Lewy margines (px)",
  "Column Gap (%)": "Odstęp między kolumnami (%)",
  "Always Show Status Bar": "Zawsze pokazuj pasek stanu",
-  "Translation Not Available": "Brak dostępnego tłumaczenia"
+  "Translation Not Available": "Brak dostępnego tłumaczenia",
+  "Custom Content CSS": "CSS treści",
+  "Enter CSS for book content styling...": "Wprowadź CSS dla stylu treści książki...",
+  "Custom Reader UI CSS": "CSS interfejsu",
+  "Enter CSS for reader interface styling...": "Wprowadź CSS dla stylu interfejsu czytnika...",
+  "Crop": "Przytnij",
+  "Book Covers": "Okładki książek",
+  "Fit": "Pasuje",
+  "Reset {{settings}}": "Zresetuj {{settings}}",
+  "Reset Settings": "Zresetuj ustawienia",
+  "{{count}} pages left in chapter_one": "Pozostała {{count}} strona w rozdziale",
+  "{{count}} pages left in chapter_few": "Pozostały {{count}} strony w rozdziale",
+  "{{count}} pages left in chapter_many": "Pozostało {{count}} stron w rozdziale",
+  "{{count}} pages left in chapter_other": "Pozostało {{count}} stron w rozdziale",
+  "Show Remaining Pages": "Pokaż pozostałe strony",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "Zarządzaj subskrypcją",
+  "Coming Soon": "Wkrótce dostępne",
+  "Upgrade to {{plan}}": "Uaktualnij do {{plan}}",
+  "Upgrade to Plus or Pro": "Uaktualnij do Plus lub Pro",
+  "Current Plan": "Obecny plan",
+  "Plan Limits": "Limity planu",
+  "Failed to manage subscription. Please try again later.": "Nie udało się zarządzać subskrypcją. Spróbuj ponownie później.",
+  "Processing your payment...": "Przetwarzanie płatności...",
+  "Please wait while we confirm your subscription.": "Proszę czekać, potwierdzamy subskrypcję.",
+  "Payment Processing": "Przetwarzanie płatności",
+  "Your payment is being processed. This usually takes a few moments.": "Twoja płatność jest przetwarzana. Zwykle trwa to kilka chwil.",
+  "Payment Failed": "Płatność nie powiodła się",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "Nie udało się przetworzyć subskrypcji. Spróbuj ponownie lub skontaktuj się z pomocą techniczną, jeśli problem będzie się powtarzać.",
+  "Back to Profile": "Powrót do profilu",
+  "Subscription Successful!": "Subskrypcja zakończona sukcesem!",
+  "Thank you for your subscription! Your payment has been processed successfully.": "Dziękujemy za subskrypcję! Twoja płatność została pomyślnie przetworzona.",
+  "Email:": "E-mail:",
+  "Plan:": "Plan:",
+  "Amount:": "Kwota:",
+  "Subscription ID:": "ID subskrypcji:",
+  "Go to Library": "Przejdź do biblioteki",
+  "Need help? Contact our support team at support@readest.com": "Potrzebujesz pomocy? Skontaktuj się z naszym zespołem wsparcia: support@readest.com",
+  "Free Plan": "Bezpłatny plan",
+  "month": "miesiąc",
+  "AI Translations (per day)": "Tłumaczenia AI (na dzień)",
+  "Plus Plan": "Plan Plus",
+  "Includes All Free Plan Benefits": "Zawiera wszystkie korzyści planu darmowego",
+  "Pro Plan": "Plan Pro",
+  "More AI Translations": "Więcej tłumaczeń AI",
+  "Complete Your Subscription": "Ukończ subskrypcję",
+  "{{percentage}}% of Cloud Sync Space Used.": "Użyto {{percentage}}% przestrzeni synchronizacji w chmurze.",
+  "Cloud Sync Storage": "Miejsce w chmurze",
+  "Disable": "Wyłącz",
+  "Enable": "Włącz",
+  "Upgrade to Readest Premium": "Uaktualnij do Readest Premium",
+  "Show Source Text": "Pokaż tekst źródłowy",
+  "Cross-Platform Sync": "Synchronizacja Między Platformami",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "Synchronizuj płynnie swoją bibliotekę, postęp, zaznaczenia i notatki na wszystkich urządzeniach—nigdy więcej nie zgub swojego miejsca.",
+  "Customizable Reading": "Personalizowane Czytanie",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "Personalizuj każdy szczegół dzięki regulowanym czcionkom, układom, motywom i zaawansowanym ustawieniom wyświetlania dla idealnego doświadczenia czytania.",
+  "AI Read Aloud": "AI Czytanie Na Głos",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "Ciesz się czytaniem bez użycia rąk dzięki naturalnie brzmiącym głosom AI, które ożywiają twoje książki.",
+  "AI Translations": "Tłumaczenia AI",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "Tłumacz dowolny tekst natychmiast dzięki mocy Google, Azure lub DeepL—rozumiej treści w każdym języku.",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "Połącz się z innymi czytelnikami i uzyskaj szybką pomoc na naszych przyjaznych kanałach społeczności.",
+  "Unlimited AI Read Aloud Hours": "Nielimitowane Godziny AI Czytania Na Głos",
+  "Listen without limits—convert as much text as you like into immersive audio.": "Słuchaj bez ograniczeń—przekształć tyle tekstu, ile chcesz, w wciągające audio.",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "Odblokuj ulepszone możliwości tłumaczenia z większym dziennym użyciem i zaawansowanymi opcjami.",
+  "DeepL Pro Access": "Dostęp do DeepL Pro",
+  "2 GB Cloud Sync Storage": "2 GB Pamięci Cloud Sync",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "Ciesz się szybszymi odpowiedziami i dedykowaną pomocą, kiedy tylko potrzebujesz wsparcia.",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "Osiągnięto dzienny limit tłumaczeń. Uaktualnij swój plan, aby kontynuować korzystanie z tłumaczeń AI.",
+  "Includes All Plus Plan Benefits": "Zawiera Wszystkie Korzyści Planu Plus",
+  "Early Feature Access": "Wcześniejszy Dostęp do Funkcji",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "Odkrywaj nowe funkcje, aktualizacje i innowacje przed innymi.",
+  "Advanced AI Tools": "Zaawansowane Narzędzia AI",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "Wykorzystuj potężne narzędzia AI do inteligentnego czytania, tłumaczenia i odkrywania treści.",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "Tłumacz do 100 000 znaków dziennie z najdokładniejszą dostępną maszyną tłumaczeniową.",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "Tłumacz do 500 000 znaków dziennie z najdokładniejszą dostępną maszyną tłumaczeniową.",
+  "10 GB Cloud Sync Storage": "10 GB Pamięci Cloud Sync",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "Bezpiecznie przechowuj i uzyskuj dostęp do całej kolekcji czytelniczej z do 2 GB pamięci w chmurze.",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "Bezpiecznie przechowuj i uzyskuj dostęp do całej kolekcji czytelniczej z do 10 GB pamięci w chmurze.",
+  "Deleted cloud backup of the book: {{title}}": "Usunięto kopię zapasową książki w chmurze: {{title}}",
+  "Failed to delete cloud backup of the book": "Nie udało się usunąć kopii zapasowej książki w chmurze.",
+  "Are you sure to delete the cloud backup of the selected book?": "Czy na pewno chcesz usunąć kopię zapasową chmury wybranej książki?"
 }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "Confirmar Exclusão",
  "Copied to notebook": "Copiado para o caderno",
  "Copy": "Copiar",
-  "Custom CSS": "CSS Personalizado",
  "Dark Mode": "Modo Escuro",
  "Default": "Padrão",
  "Default Font": "Fonte Padrão",
@@ -28,7 +27,6 @@
  "Dictionary": "Dicionário",
  "Download Readest": "Baixar Readest",
  "Edit": "Editar",
-  "Enter your custom CSS here...": "Insira seu CSS personalizado aqui...",
  "Excerpts": "Trechos",
  "Failed to import book(s): {{filenames}}": "Falha ao importar livro(s): {{filenames}}",
  "Fast": "Rápido",
@@ -128,8 +126,6 @@
  "Failed to download book: {{title}}": "Falha ao baixar livro: {{title}}",
  "Upload Book": "Enviar Livro",
  "Auto Upload Books to Cloud": "Enviar Livros para a Nuvem Automaticamente",
-  "{{percentage}}% of Cloud Storage Used.": "{{percentage}}% do Armazenamento na Nuvem Usado.",
-  "Storage": "Armazenamento",
  "Book deleted: {{title}}": "Livro excluído: {{title}}",
  "Failed to delete book: {{title}}": "Falha ao excluir livro: {{title}}",
  "Check Updates on Start": "Verificar Atualizações ao Iniciar",
@@ -161,7 +157,7 @@
  "Create a Password": "Criar uma senha",
  "Sign up": "Cadastrar-se",
  "Signing up...": "Cadastrando...",
-  "Don’t have an account? Sign up": "Não tem uma conta? Cadastre-se",
+  "Don't have an account? Sign up": "Não tem uma conta? Cadastre-se",
  "Check your email for the confirmation link": "Verifique seu e-mail para o link de confirmação",
  "Signing in ...": "Entrando ...",
  "Send a magic link email": "Enviar um link mágico por e-mail",
@@ -185,35 +181,13 @@
  "Sign in with GitHub": "Entrar com o GitHub",
  "Account": "Conta",
  "Failed to delete user. Please try again later.": "Falha ao excluir usuário. Por favor, tente novamente mais tarde.",
-  "Unlimited Offline/Online Reading": "Leitura offline/online ilimitada",
-  "Unlimited Cloud Sync Devices": "Sincronização ilimitada de dispositivos na nuvem",
-  "Essential Text-to-Speech Voices": "Vozes essenciais de texto para fala",
-  "DeepL Free Access": "Acesso gratuito ao DeepL",
  "Community Support": "Suporte da comunidade",
-  "500 MB Cloud Sync Space": "500 MB de espaço de sincronização na nuvem",
-  "Includes All Free Tier Benefits": "Inclui todos os benefícios do plano gratuito",
-  "AI Summaries": "Resumos de IA",
-  "AI Translations": "Traduções de IA",
  "Priority Support": "Suporte prioritário",
-  "DeepL Pro Access": "Acesso ao DeepL Pro",
-  "Expanded Text-to-Speech Voices": "Vozes ampliadas de texto para fala",
-  "2000 MB Cloud Sync Space": "2000 MB de espaço de sincronização na nuvem",
-  "Includes All Plus Tier Benefits": "Inclui todos os benefícios do plano Plus",
-  "Unlimited AI Summaries": "Resumos de IA ilimitados",
-  "Unlimited AI Translations": "Traduções de IA ilimitadas",
-  "Unlimited DeepL Pro Access": "Acesso ilimitado ao DeepL Pro",
-  "Advanced AI Tools": "Ferramentas avançadas de IA",
-  "Early Feature Access": "Acesso antecipado a recursos",
-  "10 GB Cloud Sync Space": "10 GB de espaço de sincronização na nuvem",
  "Loading profile...": "Carregando perfil...",
-  "Features": "Recursos",
  "Delete Account": "Excluir conta",
  "Delete Your Account?": "Excluir sua conta?",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Esta ação não pode ser desfeita. Todos os seus dados na nuvem serão excluídos permanentemente.",
  "Delete Permanently": "Excluir permanentemente",
-  "Free Tier": "Plano gratuito",
-  "Plus Tier": "Plano Plus",
-  "Pro Tier": "Plano Pro",
  "RTL Direction": "Direção RTL",
  "Maximum Column Height": "Altura Máxima da Coluna",
  "Maximum Column Width": "Largura Máxima da Coluna",
@@ -349,7 +323,6 @@
  "Quota Exceeded": "Limite excedido",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% dos caracteres de tradução diários usados.",
  "Translation Characters": "Caracteres de Tradução",
-  "Daily translation quota reached. Select another translate service to proceed.": "Quota diária de tradução atingida. Selecione outro serviço de tradução para continuar.",
  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} voz",
  "{{engine}}: {{count}} voices_many": "{{engine}}: {{count}} vozes",
  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} vozes",
@@ -367,5 +340,86 @@
  "Left Margin (px)": "Margem esquerda (px)",
  "Column Gap (%)": "Espaço entre colunas (%)",
  "Always Show Status Bar": "Exibir sempre a barra de status",
-  "Translation Not Available": "Tradução não disponível"
+  "Translation Not Available": "Tradução não disponível",
+  "Custom Content CSS": "CSS do conteúdo",
+  "Enter CSS for book content styling...": "Insira o CSS para o estilo do conteúdo do livro...",
+  "Custom Reader UI CSS": "CSS da interface",
+  "Enter CSS for reader interface styling...": "Insira o CSS para o estilo da interface de leitura...",
+  "Crop": "Cortar",
+  "Book Covers": "Capas de Livros",
+  "Fit": "Encaixar",
+  "Reset {{settings}}": "Redefinir {{settings}}",
+  "Reset Settings": "Redefinir Configurações",
+  "{{count}} pages left in chapter_one": "Falta {{count}} página neste capítulo",
+  "{{count}} pages left in chapter_many": "Faltam {{count}} páginas neste capítulo",
+  "{{count}} pages left in chapter_other": "Faltam {{count}} páginas neste capítulo",
+  "Show Remaining Pages": "Mostrar páginas restantes",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "Gerenciar assinatura",
+  "Coming Soon": "Em breve",
+  "Upgrade to {{plan}}": "Atualizar para {{plan}}",
+  "Upgrade to Plus or Pro": "Atualizar para Plus ou Pro",
+  "Current Plan": "Plano atual",
+  "Plan Limits": "Limites do plano",
+  "Failed to manage subscription. Please try again later.": "Não foi possível gerenciar a assinatura. Tente novamente mais tarde.",
+  "Processing your payment...": "Processando seu pagamento...",
+  "Please wait while we confirm your subscription.": "Por favor, aguarde enquanto confirmamos sua assinatura.",
+  "Payment Processing": "Processando pagamento",
+  "Your payment is being processed. This usually takes a few moments.": "Seu pagamento está sendo processado. Isso normalmente leva alguns instantes.",
+  "Payment Failed": "Falha no pagamento",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "Não foi possível processar sua assinatura. Tente novamente ou entre em contato com o suporte se o problema persistir.",
+  "Back to Profile": "Voltar ao perfil",
+  "Subscription Successful!": "Assinatura realizada com sucesso!",
+  "Thank you for your subscription! Your payment has been processed successfully.": "Obrigado pela sua assinatura! Seu pagamento foi processado com sucesso.",
+  "Email:": "E-mail:",
+  "Plan:": "Plano:",
+  "Amount:": "Valor:",
+  "Subscription ID:": "ID da assinatura:",
+  "Go to Library": "Ir para a biblioteca",
+  "Need help? Contact our support team at support@readest.com": "Precisa de ajuda? Entre em contato com nossa equipe de suporte: support@readest.com",
+  "Free Plan": "Plano gratuito",
+  "month": "mês",
+  "AI Translations (per day)": "Traduções com IA (por dia)",
+  "Plus Plan": "Plano Plus",
+  "Includes All Free Plan Benefits": "Inclui todos os benefícios do plano gratuito",
+  "Pro Plan": "Plano Pro",
+  "More AI Translations": "Mais traduções com IA",
+  "Complete Your Subscription": "Complete sua assinatura",
+  "{{percentage}}% of Cloud Sync Space Used.": "{{percentage}}% do espaço de sincronização na nuvem utilizado.",
+  "Cloud Sync Storage": "Armazenamento na Nuvem",
+  "Disable": "Desativar",
+  "Enable": "Ativar",
+  "Upgrade to Readest Premium": "Atualizar para Readest Premium",
+  "Show Source Text": "Mostrar Texto Fonte",
+  "Cross-Platform Sync": "Sincronização Multiplataforma",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "Sincronize perfeitamente sua biblioteca, progresso, destaques e notas em todos os seus dispositivos—nunca mais perca seu lugar.",
+  "Customizable Reading": "Leitura Personalizável",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "Personalize cada detalhe com fontes ajustáveis, layouts, temas e configurações avançadas de exibição para a experiência de leitura perfeita.",
+  "AI Read Aloud": "Leitura em Voz Alta por IA",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "Desfrute da leitura sem usar as mãos com vozes de IA com som natural que dão vida aos seus livros.",
+  "AI Translations": "Traduções por IA",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "Traduza qualquer texto instantaneamente com o poder do Google, Azure ou DeepL—entenda conteúdo em qualquer idioma.",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "Conecte-se com outros leitores e obtenha ajuda rapidamente em nossos canais comunitários amigáveis.",
+  "Unlimited AI Read Aloud Hours": "Horas Ilimitadas de Leitura por IA",
+  "Listen without limits—convert as much text as you like into immersive audio.": "Ouça sem limites—converta tanto texto quanto quiser em áudio envolvente.",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "Desbloqueie recursos aprimorados de tradução com mais uso diário e opções avançadas.",
+  "DeepL Pro Access": "Acesso ao DeepL Pro",
+  "2 GB Cloud Sync Storage": "2 GB de Armazenamento na Nuvem",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "Desfrute de respostas mais rápidas e assistência dedicada sempre que precisar de ajuda.",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "Cota diária de tradução atingida. Atualize seu plano para continuar usando traduções por IA.",
+  "Includes All Plus Plan Benefits": "Inclui Todos os Benefícios do Plano Plus",
+  "Early Feature Access": "Acesso Antecipado a Recursos",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "Explore primeiro novos recursos, atualizações e inovações antes de qualquer um.",
+  "Advanced AI Tools": "Ferramentas de IA Avançadas",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "Aproveite ferramentas de IA poderosas para leitura inteligente, tradução e descoberta de conteúdo.",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "Traduza até 100.000 caracteres diariamente com o motor de tradução mais preciso disponível.",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "Traduza até 500.000 caracteres diariamente com o motor de tradução mais preciso disponível.",
+  "10 GB Cloud Sync Storage": "10 GB de Armazenamento na Nuvem",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "Armazene e acesse com segurança sua coleção completa de leitura com até 2 GB de armazenamento na nuvem.",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "Armazene e acesse com segurança sua coleção completa de leitura com até 10 GB de armazenamento na nuvem.",
+  "Deleted cloud backup of the book: {{title}}": "Backup na nuvem do livro excluído: {{title}}",
+  "Failed to delete cloud backup of the book": "Falha ao excluir o backup na nuvem do livro.",
+  "Are you sure to delete the cloud backup of the selected book?": "Tem certeza de que deseja excluir o backup na nuvem do livro selecionado?"
 }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "Подтвердить удаление",
  "Copied to notebook": "Скопировано в блокнот",
  "Copy": "Копировать",
-  "Custom CSS": "Пользовательский CSS",
  "Dark Mode": "Тёмная тема",
  "Default": "По умолчанию",
  "Default Font": "Шрифт по умолчанию",
@@ -28,7 +27,6 @@
  "Dictionary": "Словарь",
  "Download Readest": "Скачать Readest",
  "Edit": "Редактировать",
-  "Enter your custom CSS here...": "Введите ваш пользовательский CSS здесь...",
  "Excerpts": "Отрывки",
  "Failed to import book(s): {{filenames}}": "Не удалось импортировать книгу(и): {{filenames}}",
  "Fast": "Быстро",
@@ -128,8 +126,6 @@
  "Failed to download book: {{title}}": "Не удалось скачать книгу: {{title}}",
  "Upload Book": "Загрузить книгу",
  "Auto Upload Books to Cloud": "Автоматическая загрузка книг в облако",
-  "{{percentage}}% of Cloud Storage Used.": "{{percentage}}% использовано облачного хранилища.",
-  "Storage": "Хранилище",
  "Book deleted: {{title}}": "Книга удалена: {{title}}",
  "Failed to delete book: {{title}}": "Не удалось удалить книгу: {{title}}",
  "Check Updates on Start": "Проверять обновления при запуске",
@@ -161,7 +157,7 @@
  "Create a Password": "Создать пароль",
  "Sign up": "Зарегистрироваться",
  "Signing up...": "Регистрация...",
-  "Don’t have an account? Sign up": "Нет аккаунта? Зарегистрируйтесь",
+  "Don't have an account? Sign up": "Нет аккаунта? Зарегистрируйтесь",
  "Check your email for the confirmation link": "Проверьте свою почту для подтверждающей ссылки",
  "Signing in ...": "Вход ...",
  "Send a magic link email": "Отправить магическую ссылку по электронной почте",
@@ -185,35 +181,13 @@
  "Sign in with GitHub": "Войти через GitHub",
  "Account": "Аккаунт",
  "Failed to delete user. Please try again later.": "Не удалось удалить пользователя. Пожалуйста, повторите попытку позже.",
-  "Unlimited Offline/Online Reading": "Безлимитное чтение офлайн/онлайн",
-  "Unlimited Cloud Sync Devices": "Неограниченное количество устройств для облачной синхронизации",
-  "Essential Text-to-Speech Voices": "Основные голоса для преобразования текста в речь",
-  "DeepL Free Access": "Бесплатный доступ к DeepL",
  "Community Support": "Поддержка сообщества",
-  "500 MB Cloud Sync Space": "500 МБ облачного пространства для синхронизации",
-  "Includes All Free Tier Benefits": "Включает все преимущества бесплатного тарифа",
-  "AI Summaries": "AI-резюме",
-  "AI Translations": "AI-переводы",
  "Priority Support": "Приоритетная поддержка",
-  "DeepL Pro Access": "Доступ к DeepL Pro",
-  "Expanded Text-to-Speech Voices": "Расширенный набор голосов для преобразования текста в речь",
-  "2000 MB Cloud Sync Space": "2000 МБ облачного пространства для синхронизации",
-  "Includes All Plus Tier Benefits": "Включает все преимущества тарифа Plus",
-  "Unlimited AI Summaries": "Безлимитные AI-резюме",
-  "Unlimited AI Translations": "Безлимитные AI-переводы",
-  "Unlimited DeepL Pro Access": "Неограниченный доступ к DeepL Pro",
-  "Advanced AI Tools": "Продвинутые AI-инструменты",
-  "Early Feature Access": "Ранний доступ к новым функциям",
-  "10 GB Cloud Sync Space": "10 ГБ облачного пространства для синхронизации",
  "Loading profile...": "Загрузка профиля...",
-  "Features": "Функции",
  "Delete Account": "Удалить аккаунт",
  "Delete Your Account?": "Удалить ваш аккаунт?",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Это действие нельзя отменить. Все ваши данные в облаке будут удалены безвозвратно.",
  "Delete Permanently": "Удалить навсегда",
-  "Free Tier": "Бесплатный тариф",
-  "Plus Tier": "Тариф Plus",
-  "Pro Tier": "Тариф Pro",
  "RTL Direction": "Направление RTL",
  "Maximum Column Height": "Максимальная высота колонки",
  "Maximum Column Width": "Максимальная ширина колонки",
@@ -351,7 +325,6 @@
  "Quota Exceeded": "Лимит превышен",
  "{{percentage}}% of Daily Translation Characters Used.": "Использовано {{percentage}}% от суточного лимита символов перевода.",
  "Translation Characters": "Символы перевода",
-  "Daily translation quota reached. Select another translate service to proceed.": "Достигнут суточный лимит символов перевода. Выберите другой сервис перевода для продолжения.",
  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} голос",
  "{{engine}}: {{count}} voices_few": "{{engine}}: {{count}} голоса",
  "{{engine}}: {{count}} voices_many": "{{engine}}: {{count}} голосов",
@@ -370,5 +343,87 @@
  "Left Margin (px)": "Левый отступ (пикс)",
  "Column Gap (%)": "Промежуток между колонками (%)",
  "Always Show Status Bar": "Всегда показывать панель состояния",
-  "Translation Not Available": "Перевод недоступен"
+  "Translation Not Available": "Перевод недоступен",
+  "Custom Content CSS": "CSS содержимого",
+  "Enter CSS for book content styling...": "Введите CSS для оформления содержимого книги...",
+  "Custom Reader UI CSS": "CSS интерфейса",
+  "Enter CSS for reader interface styling...": "Введите CSS для оформления интерфейса ридера...",
+  "Crop": "Обрезать",
+  "Book Covers": "Обложки книг",
+  "Fit": "Подогнать",
+  "Reset {{settings}}": "Сбросить {{settings}}",
+  "Reset Settings": "Сбросить настройки",
+  "{{count}} pages left in chapter_one": "Осталась {{count}} страница в главе",
+  "{{count}} pages left in chapter_few": "Осталось {{count}} страницы в главе",
+  "{{count}} pages left in chapter_many": "Осталось {{count}} страниц в главе",
+  "{{count}} pages left in chapter_other": "Осталось {{count}} страниц в главе",
+  "Show Remaining Pages": "Показать оставшиеся страницы",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "Управление подпиской",
+  "Coming Soon": "Скоро будет",
+  "Upgrade to {{plan}}": "Обновить до {{plan}}",
+  "Upgrade to Plus or Pro": "Обновить до Plus или Pro",
+  "Current Plan": "Текущий план",
+  "Plan Limits": "Лимиты плана",
+  "Failed to manage subscription. Please try again later.": "Не удалось управлять подпиской. Пожалуйста, попробуйте позже.",
+  "Processing your payment...": "Обработка платежа...",
+  "Please wait while we confirm your subscription.": "Пожалуйста, подождите, пока мы подтверждаем вашу подписку.",
+  "Payment Processing": "Обработка платежа",
+  "Your payment is being processed. This usually takes a few moments.": "Ваш платеж обрабатывается. Обычно это занимает несколько секунд.",
+  "Payment Failed": "Не удалось провести платеж",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "Не удалось обработать подписку. Пожалуйста, попробуйте еще раз или свяжитесь с поддержкой, если проблема сохраняется.",
+  "Back to Profile": "Назад в профиль",
+  "Subscription Successful!": "Подписка успешно оформлена!",
+  "Thank you for your subscription! Your payment has been processed successfully.": "Спасибо за подписку! Ваш платеж успешно обработан.",
+  "Email:": "Электронная почта:",
+  "Plan:": "План:",
+  "Amount:": "Сумма:",
+  "Subscription ID:": "ID подписки:",
+  "Go to Library": "Перейти в библиотеку",
+  "Need help? Contact our support team at support@readest.com": "Нужна помощь? Свяжитесь с нашей поддержкой: support@readest.com",
+  "Free Plan": "Бесплатный план",
+  "month": "месяц",
+  "AI Translations (per day)": "Переводы ИИ (в день)",
+  "Plus Plan": "План Plus",
+  "Includes All Free Plan Benefits": "Включает все преимущества бесплатного плана",
+  "Pro Plan": "План Pro",
+  "More AI Translations": "Больше переводов ИИ",
+  "Complete Your Subscription": "Завершите подписку",
+  "{{percentage}}% of Cloud Sync Space Used.": "Использовано {{percentage}}% облачного пространства для синхронизации.",
+  "Cloud Sync Storage": "Облачное хранилище",
+  "Disable": "Отключить",
+  "Enable": "Включить",
+  "Upgrade to Readest Premium": "Обновить до Readest Premium",
+  "Show Source Text": "Показать исходный текст",
+  "Cross-Platform Sync": "Кроссплатформенная Синхронизация",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "Беспрепятственно синхронизируйте свою библиотеку, прогресс, заметки и выделения на всех устройствах—больше никогда не теряйте свое место.",
+  "Customizable Reading": "Настраиваемое Чтение",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "Персонализируйте каждую деталь с настраиваемыми шрифтами, макетами, темами и расширенными настройками отображения для идеального чтения.",
+  "AI Read Aloud": "Озвучивание ИИ",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "Наслаждайтесь чтением без рук с естественно звучащими голосами ИИ, которые оживляют ваши книги.",
+  "AI Translations": "Переводы ИИ",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "Переводите любой текст мгновенно с помощью Google, Azure или DeepL—понимайте содержание на любом языке.",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "Общайтесь с другими читателями и получайте быструю помощь в наших дружелюбных каналах сообщества.",
+  "Unlimited AI Read Aloud Hours": "Неограниченные Часы Озвучивания ИИ",
+  "Listen without limits—convert as much text as you like into immersive audio.": "Слушайте без ограничений—преобразуйте столько текста, сколько хотите, в захватывающее аудио.",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "Разблокируйте улучшенные возможности перевода с большим ежедневным использованием и расширенными опциями.",
+  "DeepL Pro Access": "Доступ к DeepL Pro",
+  "2 GB Cloud Sync Storage": "2 ГБ Облачного Хранилища",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "Наслаждайтесь более быстрыми ответами и персональной помощью, когда вам нужна поддержка.",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "Достигнута дневная квота переводов. Обновите план, чтобы продолжить использовать переводы ИИ.",
+  "Includes All Plus Plan Benefits": "Включает Все Преимущества Plus Плана",
+  "Early Feature Access": "Ранний Доступ к Функциям",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "Исследуйте новые функции, обновления и инновации первыми.",
+  "Advanced AI Tools": "Продвинутые ИИ Инструменты",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "Используйте мощные ИИ инструменты для умного чтения, перевода и поиска контента.",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "Переводите до 100 000 символов ежедневно с самым точным доступным движком перевода.",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "Переводите до 500 000 символов ежедневно с самым точным доступным движком перевода.",
+  "10 GB Cloud Sync Storage": "10 ГБ Облачного Хранилища",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "Безопасно храните и получайте доступ ко всей коллекции чтения с до 2 ГБ облачного хранилища.",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "Безопасно храните и получайте доступ ко всей коллекции чтения с до 10 ГБ облачного хранилища.",
+  "Deleted cloud backup of the book: {{title}}": "Удалено облачное резервное копирование книги: {{title}}",
+  "Failed to delete cloud backup of the book": "Не удалось удалить облачное резервное копирование книги.",
+  "Are you sure to delete the cloud backup of the selected book?": "Вы уверены, что хотите удалить облачное резервное копирование выбранной книги?"
 }
@@ -0,0 +1,417 @@
+{
+  "Email address": "อีเมล",
+  "Your Password": "รหัสผ่าน",
+  "Your email address": "อีเมลของคุณ",
+  "Your password": "รหัสผ่านของคุณ",
+  "Sign in": "เข้าสู่ระบบ",
+  "Signing in...": "กำลังเข้าสู่ระบบ...",
+  "Sign in with {{provider}}": "เข้าสู่ระบบด้วย {{provider}}",
+  "Already have an account? Sign in": "มีบัญชีแล้ว? เข้าสู่ระบบ",
+  "Create a Password": "สร้างรหัสผ่าน",
+  "Sign up": "สมัครสมาชิก",
+  "Signing up...": "กำลังสมัครสมาชิก...",
+  "Check your email for the confirmation link": "ตรวจสอบอีเมลเพื่อยืนยัน",
+  "Signing in ...": "กำลังเข้าสู่ระบบ...",
+  "Send a magic link email": "ส่งลิงก์เข้าสู่ระบบ",
+  "Check your email for the magic link": "ตรวจสอบอีเมลเพื่อรับลิงก์",
+  "Send reset password instructions": "ส่งคำแนะนำรีเซ็ตรหัส",
+  "Sending reset instructions ...": "กำลังส่งคำแนะนำ...",
+  "Forgot your password?": "ลืมรหัสผ่าน?",
+  "Check your email for the password reset link": "ตรวจสอบอีเมลเพื่อรีเซ็ตรหัส",
+  "Phone number": "เบอร์โทรศัพท์",
+  "Your phone number": "เบอร์โทรศัพท์ของคุณ",
+  "Token": "รหัสยืนยัน",
+  "Your OTP token": "รหัส OTP ของคุณ",
+  "Verify token": "ยืนยันรหัส",
+  "Sign in with Google": "เข้าสู่ระบบด้วย Google",
+  "Sign in with Apple": "เข้าสู่ระบบด้วย Apple",
+  "Sign in with GitHub": "เข้าสู่ระบบด้วย GitHub",
+  "New Password": "รหัสผ่านใหม่",
+  "Your new password": "รหัสผ่านใหม่ของคุณ",
+  "Update password": "อัปเดตรหัสผ่าน",
+  "Updating password ...": "กำลังอัปเดตรหัสผ่าน...",
+  "Your password has been updated": "รหัสผ่านได้รับการอัปเดตแล้ว",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "เกิดข้อผิดพลาด ทีมงานได้รับแจ้งแล้วและกำลังแก้ไข",
+  "Error Details:": "รายละเอียดข้อผิดพลาด:",
+  "Try Again": "ลองใหม่",
+  "Go Back": "กลับ",
+  "Your Library": "คลังหนังสือ",
+  "Need help?": "ต้องการความช่วยเหลือ?",
+  "Contact Support": "ติดต่อฝ่ายสนับสนุน",
+  "Open": "เปิด",
+  "Group": "กลุ่ม",
+  "Details": "รายละเอียด",
+  "Delete": "ลบ",
+  "Cancel": "ยกเลิก",
+  "Confirm Deletion": "ยืนยันการลบ",
+  "Are you sure to delete {{count}} selected book(s)?_other": "ยืนยันลบหนังสือ {{count}} เล่ม?",
+  "Deselect Book": "ยกเลิกเลือกหนังสือ",
+  "Select Book": "เลือกหนังสือ",
+  "Show Book Details": "แสดงรายละเอียดหนังสือ",
+  "Download Book": "ดาวน์โหลดหนังสือ",
+  "Upload Book": "อัปโหลดหนังสือ",
+  "Deselect Group": "ยกเลิกเลือกกลุ่ม",
+  "Select Group": "เลือกกลุ่ม",
+  "Untitled Group": "กลุ่มไม่มีชื่อ",
+  "Group Books": "จัดกลุ่มหนังสือ",
+  "Remove From Group": "ลบออกจากกลุ่ม",
+  "Create New Group": "สร้างกลุ่มใหม่",
+  "Save": "บันทึก",
+  "Confirm": "ยืนยัน",
+  "From Local File": "จากไฟล์ในเครื่อง",
+  "Search in {{count}} Book(s)..._other": "ค้นหาใน {{count}} เล่ม...",
+  "Search Books...": "ค้นหาหนังสือ...",
+  "Clear Search": "ล้างการค้นหา",
+  "Import Books": "นำเข้าหนังสือ",
+  "Select Multiple Books": "เลือกหลายเล่ม",
+  "Select Books": "เลือกหนังสือ",
+  "Deselect": "ยกเลิกเลือก",
+  "Select All": "เลือกทั้งหมด",
+  "Logged in as {{userDisplayName}}": "เข้าสู่ระบบในชื่อ {{userDisplayName}}",
+  "Logged in": "เข้าสู่ระบบแล้ว",
+  "Account": "บัญชี",
+  "Sign In": "เข้าสู่ระบบ",
+  "Auto Upload Books to Cloud": "อัปโหลดหนังสืออัตโนมัติ",
+  "Auto Import on File Open": "นำเข้าอัตโนมัติเมื่อเปิดไฟล์",
+  "Open Last Book on Start": "เปิดหนังสือล่าสุดเมื่อเริ่มใช้",
+  "Check Updates on Start": "ตรวจสอบอัปเดตเมื่อเริ่มใช้",
+  "Fullscreen": "เต็มจอ",
+  "Always on Top": "แสดงด้านบนเสมอ",
+  "Always Show Status Bar": "แสดงแถบสถานะเสมอ",
+  "Keep Screen Awake": "เปิดหน้าจอค้าง",
+  "Reload Page": "โหลดหน้าใหม่",
+  "Dark Mode": "โหมดมืด",
+  "Light Mode": "โหมดสว่าง",
+  "Auto Mode": "โหมดอัตโนมัติ",
+  "Upgrade to Readest Premium": "อัปเกรดเป็น Readest Premium",
+  "Download Readest": "ดาวน์โหลด Readest",
+  "About Readest": "เกี่ยวกับ Readest",
+  "Help improve Readest": "ช่วยพัฒนา Readest",
+  "Sharing anonymized statistics": "แชร์สถิติแบบไม่ระบุตัวตน",
+  "List": "รายการ",
+  "Grid": "ตาราง",
+  "Crop": "ครอบตัด",
+  "Fit": "ปรับพอดี",
+  "Title": "ชื่อเรื่อง",
+  "Author": "ผู้แต่ง",
+  "Format": "รูปแบบ",
+  "Date Read": "วันที่อ่าน",
+  "Date Added": "วันที่เพิ่ม",
+  "Ascending": "น้อยไปมาก",
+  "Descending": "มากไปน้อย",
+  "Book Covers": "ปกหนังสือ",
+  "Sort by...": "เรียงตาม...",
+  "No supported files found. Supported formats: {{formats}}": "ไม่พบไฟล์ที่รองรับ รูปแบบที่รองรับ: {{formats}}",
+  "No chapters detected.": "ไม่พบบท",
+  "Failed to parse the EPUB file.": "ไม่สามารถอ่านไฟล์ EPUB",
+  "This book format is not supported.": "ไม่รองรับรูปแบบหนังสือนี้",
+  "Failed to import book(s): {{filenames}}": "ไม่สามารถนำเข้าหนังสือ: {{filenames}}",
+  "Book uploaded: {{title}}": "อัปโหลดหนังสือแล้ว: {{title}}",
+  "Insufficient storage quota": "พื้นที่จัดเก็บไม่เพียงพอ",
+  "Failed to upload book: {{title}}": "ไม่สามารถอัปโหลดหนังสือ: {{title}}",
+  "Book downloaded: {{title}}": "ดาวน์โหลดหนังสือแล้ว: {{title}}",
+  "Failed to download book: {{title}}": "ไม่สามารถดาวน์โหลดหนังสือ: {{title}}",
+  "Book deleted: {{title}}": "ลบหนังสือแล้ว: {{title}}",
+  "Failed to delete book: {{title}}": "ไม่สามารถลบหนังสือ: {{title}}",
+  "Deleted cloud backup of the book: {{title}}": "ลบสำรองบนคลาวด์แล้ว: {{title}}",
+  "Failed to delete cloud backup of the book": "ไม่สามารถลบสำรองบนคลาวด์",
+  "Welcome to your library. You can import your books here and read them anytime.": "ยินดีต้อนรับสู่คลังหนังสือ คุณสามารถนำเข้าหนังสือและอ่านได้ตลอดเวลา",
+  "Copied to notebook": "คัดลอกไปยังสมุดบันทึก",
+  "No annotations to export": "ไม่มีบันทึกให้ส่งออก",
+  "Exported from Readest": "ส่งออกจาก Readest",
+  "Highlights & Annotations": "ไฮไลต์และบันทึก",
+  "Untitled": "ไม่มีชื่อ",
+  "Note": "บันทึก",
+  "Copied to clipboard": "คัดลอกแล้ว",
+  "Copy": "คัดลอก",
+  "Delete Highlight": "ลบไฮไลต์",
+  "Highlight": "ไฮไลต์",
+  "Annotate": "บันทึก",
+  "Search": "ค้นหา",
+  "Dictionary": "พจนานุกรม",
+  "Wikipedia": "วิกิพีเดีย",
+  "Translate": "แปล",
+  "Speak": "อ่านออกเสียง",
+  "Login Required": "ต้องเข้าสู่ระบบ",
+  "Quota Exceeded": "เกินโควตา",
+  "Unable to fetch the translation. Please log in first and try again.": "ไม่สามารถแปลได้ กรุณาเข้าสู่ระบบก่อน",
+  "Unable to fetch the translation. Try again later.": "ไม่สามารถแปลได้ ลองใหม่ภายหลัง",
+  "Original Text": "ข้อความต้นฉบับ",
+  "Auto Detect": "ตรวจสอบอัตโนมัติ",
+  "(detected)": "(ตรวจพบ)",
+  "Translated Text": "ข้อความแปล",
+  "Loading...": "กำลังโหลด...",
+  "No translation available.": "ไม่มีการแปล",
+  "Translated by {{provider}}.": "แปลโดย {{provider}}",
+  "Bookmark": "บุ๊กมาร์ก",
+  "Next Section": "ส่วนถัดไป",
+  "Previous Section": "ส่วนก่อนหน้า",
+  "Next Page": "หน้าถัดไป",
+  "Previous Page": "หน้าก่อนหน้า",
+  "Go Forward": "ไปข้างหน้า",
+  "Small": "เล็ก",
+  "Large": "ใหญ่",
+  "Notebook": "สมุดบันทึก",
+  "No notes match your search": "ไม่พบบันทึกที่ตรงกับการค้นหา",
+  "Excerpts": "ข้อความที่เลือก",
+  "Notes": "บันทึก",
+  "Add your notes here...": "เพิ่มบันทึกที่นี่...",
+  "Search notes and excerpts...": "ค้นหาบันทึกและข้อความ...",
+  "{{time}} min left in chapter": "เหลือ {{time}} นาทีในบท",
+  "{{count}} pages left in chapter_other": "เหลือ {{count}} หน้าในบท",
+  "Theme Mode": "โหมดธีม",
+  "Invert Image In Dark Mode": "กลับสีรูปในโหมดมืด",
+  "Override Book Color": "เขียนทับสีหนังสือ",
+  "Theme Color": "สีธีม",
+  "Custom": "กำหนดเอง",
+  "Code Highlighting": "ไฮไลต์โค้ด",
+  "Enable Highlighting": "เปิดไฮไลต์",
+  "Code Language": "ภาษาโค้ด",
+  "Scroll": "เลื่อน",
+  "Scrolled Mode": "โหมดเลื่อน",
+  "Continuous Scroll": "เลื่อนต่อเนื่อง",
+  "Overlap Pixels": "พิกเซลซ้อน",
+  "Click": "คลิก",
+  "Clicks for Page Flip": "คลิกเพื่อพลิกหน้า",
+  "Swap Clicks Area": "สลับพื้นที่คลิก",
+  "Volume Keys for Page Flip": "ปุ่มเสียงเพื่อพลิกหน้า",
+  "Animation": "ภาพเคลื่อนไหว",
+  "Paging Animation": "ภาพเคลื่อนไหวพลิกหน้า",
+  "Security": "ความปลอดภัย",
+  "Allow JavaScript": "อนุญาต JavaScript",
+  "Enable only if you trust the file.": "เปิดเฉพาะไฟล์ที่เชื่อถือได้",
+  "Global Settings": "การตั้งค่าทั่วไป",
+  "Apply to All Books": "ใช้กับหนังสือทั้งหมด",
+  "Apply to This Book": "ใช้กับหนังสือนี้",
+  "Reset Settings": "รีเซ็ตการตั้งค่า",
+  "System Fonts": "ฟอนต์ระบบ",
+  "Serif Font": "ฟอนต์ Serif",
+  "Sans-Serif Font": "ฟอนต์ Sans-Serif",
+  "Override Book Font": "เขียนทับฟอนต์หนังสือ",
+  "Font Size": "ขนาดฟอนต์",
+  "Default Font Size": "ขนาดฟอนต์เริ่มต้น",
+  "Minimum Font Size": "ขนาดฟอนต์ต่ำสุด",
+  "Font Weight": "น้ำหนักฟอนต์",
+  "Font Family": "ตระกูลฟอนต์",
+  "Default Font": "ฟอนต์เริ่มต้น",
+  "CJK Font": "ฟอนต์ CJK",
+  "Font Face": "หน้าฟอนต์",
+  "Monospace Font": "ฟอนต์ Monospace",
+  "Auto": "อัตโนมัติ",
+  "System Language": "ภาษาระบบ",
+  "Language": "ภาษา",
+  "Interface Language": "ภาษาส่วนติดต่อ",
+  "Translation": "การแปล",
+  "Enable Translation": "เปิดการแปล",
+  "Show Source Text": "แสดงข้อความต้นฉบับ",
+  "Translation Service": "บริการแปล",
+  "Translate To": "แปลเป็น",
+  "Override Book Layout": "เขียนทับเลย์เอาต์หนังสือ",
+  "Writing Mode": "โหมดการเขียน",
+  "Default": "เริ่มต้น",
+  "Horizontal Direction": "ทิศทางแนวนอน",
+  "Vertical Direction": "ทิศทางแนวตั้ง",
+  "RTL Direction": "ทิศทาง RTL",
+  "Border Frame": "กรอบขอบ",
+  "Double Border": "ขอบคู่",
+  "Border Color": "สีขอบ",
+  "Paragraph": "ย่อหน้า",
+  "Paragraph Margin": "ระยะขอบย่อหน้า",
+  "Line Spacing": "ระยะห่างบรรทัด",
+  "Word Spacing": "ระยะห่างคำ",
+  "Letter Spacing": "ระยะห่างตัวอักษร",
+  "Text Indent": "การเยื้องข้อความ",
+  "Full Justification": "จัดแนวเต็มบรรทัด",
+  "Hyphenation": "การใส่เครื่องหมายยัติภังค์",
+  "Page": "หน้า",
+  "Top Margin (px)": "ขอบบน (px)",
+  "Bottom Margin (px)": "ขอบล่าง (px)",
+  "Left Margin (px)": "ขอบซ้าย (px)",
+  "Right Margin (px)": "ขอบขวา (px)",
+  "Column Gap (%)": "ช่องว่างคอลัมน์ (%)",
+  "Maximum Number of Columns": "จำนวนคอลัมน์สูงสุด",
+  "Maximum Column Height": "ความสูงคอลัมน์สูงสุด",
+  "Maximum Column Width": "ความกว้างคอลัมน์สูงสุด",
+  "Header & Footer": "หัวกระดาษและท้ายกระดาษ",
+  "Show Header": "แสดงหัวกระดาษ",
+  "Show Footer": "แสดงท้ายกระดาษ",
+  "Show Remaining Time": "แสดงเวลาที่เหลือ",
+  "Show Remaining Pages": "แสดงหน้าที่เหลือ",
+  "Show Page Number": "แสดงเลขหน้า",
+  "Apply also in Scrolled Mode": "ใช้ในโหมดเลื่อนด้วย",
+  "Screen": "หน้าจอ",
+  "Orientation": "การวางแนว",
+  "Portrait": "แนวตั้ง",
+  "Landscape": "แนวนอน",
+  "Apply": "ใช้",
+  "Custom Content CSS": "CSS เนื้อหากำหนดเอง",
+  "Enter CSS for book content styling...": "ป้อน CSS สำหรับจัดรูปแบบเนื้อหา...",
+  "Custom Reader UI CSS": "CSS ส่วนติดต่อผู้ใช้",
+  "Enter CSS for reader interface styling...": "ป้อน CSS สำหรับจัดรูปแบบส่วนติดต่อ...",
+  "Font": "ฟอนต์",
+  "Layout": "เลย์เอาต์",
+  "Color": "สี",
+  "Behavior": "พฤติกรรม",
+  "Reset {{settings}}": "รีเซ็ต {{settings}}",
+  "(from 'As You Like It', Act II)": "(จาก 'As You Like It', องก์ที่ 2)",
+  "Custom Theme": "ธีมกำหนดเอง",
+  "Theme Name": "ชื่อธีม",
+  "Text Color": "สีข้อความ",
+  "Background Color": "สีพื้นหลัง",
+  "Link Color": "สีลิงก์",
+  "Preview": "ดูตัวอย่าง",
+  "Font & Layout": "ฟอนต์และเลย์เอาต์",
+  "Book Cover": "ปกหนังสือ",
+  "More Info": "ข้อมูลเพิ่มเติม",
+  "Parallel Read": "อ่านคู่ขนาน",
+  "Disable": "ปิด",
+  "Enable": "เปิด",
+  "Export Annotations": "ส่งออกบันทึก",
+  "Sort TOC by Page": "เรียงสารบัญตามหน้า",
+  "Edit": "แก้ไข",
+  "Search...": "ค้นหา...",
+  "Book": "หนังสือ",
+  "Chapter": "บท",
+  "Match Case": "ตรงตามตัวอักษร",
+  "Match Whole Words": "ตรงทั้งคำ",
+  "Match Diacritics": "ตรงตามเครื่องหมายวรรณยุกต์",
+  "TOC": "สารบัญ",
+  "Sidebar": "แถบข้าง",
+  "Disable Translation": "ปิดการแปล",
+  "Translation Not Available": "ไม่มีการแปล",
+  "TTS not supported for PDF": "ไม่รองรับ TTS สำหรับ PDF",
+  "TTS not supported in this device": "อุปกรณ์นี้ไม่รองรับ TTS",
+  "No Timeout": "ไม่จำกัดเวลา",
+  "{{value}} minute": "{{value}} นาที",
+  "{{value}} minutes": "{{value}} นาที",
+  "{{value}} hour": "{{value}} ชั่วโมง",
+  "{{value}} hours": "{{value}} ชั่วโมง",
+  "Slow": "ช้า",
+  "Fast": "เร็ว",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} เสียง",
+  "Sign in to Sync": "เข้าสู่ระบบเพื่อซิงค์",
+  "Synced at {{time}}": "ซิงค์เมื่อ {{time}}",
+  "Never synced": "ไม่เคยซิงค์",
+  "Reading Progress Synced": "ซิงค์ความคืบหน้าแล้ว",
+  "Delete Your Account?": "ลบบัญชีของคุณ?",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "การกระทำนี้ไม่สามารถยกเลิกได้ ข้อมูลทั้งหมดบนคลาวด์จะถูกลบถาวร",
+  "Delete Permanently": "ลบถาวร",
+  "Manage Subscription": "จัดการการสมัครสมาชิก",
+  "Sign Out": "ออกจากระบบ",
+  "Delete Account": "ลบบัญชี",
+  "Upgrade to {{plan}}": "อัปเกรดเป็น {{plan}}",
+  "Complete Your Subscription": "ดำเนินการสมัครสมาชิกให้เสร็จ",
+  "Coming Soon": "เร็วๆ นี้",
+  "Upgrade to Plus or Pro": "อัปเกรดเป็น Plus หรือ Pro",
+  "Current Plan": "แผนปัจจุบัน",
+  "Plan Limits": "ข้อจำกัดแผน",
+  "Failed to delete user. Please try again later.": "ไม่สามารถลบผู้ใช้ ลองใหม่ภายหลัง",
+  "Failed to manage subscription. Please try again later.": "ไม่สามารถจัดการสมาชิก ลองใหม่ภายหลัง",
+  "Loading profile...": "กำลังโหลดโปรไฟล์...",
+  "Processing your payment...": "กำลังประมวลผลการชำระเงิน...",
+  "Please wait while we confirm your subscription.": "กรุณารอสักครู่เพื่อยืนยันการสมัครสมาชิก",
+  "Payment Processing": "กำลังประมวลผลการชำระเงิน",
+  "Your payment is being processed. This usually takes a few moments.": "กำลังประมวลผลการชำระเงิน โดยปกติใช้เวลาสักครู่",
+  "Payment Failed": "การชำระเงินล้มเหลว",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "ไม่สามารถประมวลผลการสมัครสมาชิก ลองใหม่หรือติดต่อฝ่ายสนับสนุน",
+  "Back to Profile": "กลับไปที่โปรไฟล์",
+  "Subscription Successful!": "สมัครสมาชิกสำเร็จ!",
+  "Thank you for your subscription! Your payment has been processed successfully.": "ขอบคุณสำหรับการสมัครสมาชิก! ชำระเงินเรียบร้อยแล้ว",
+  "Email:": "อีเมล:",
+  "Plan:": "แผน:",
+  "Amount:": "จำนวนเงิน:",
+  "Subscription ID:": "รหัสสมาชิก:",
+  "Go to Library": "ไปที่คลังหนังสือ",
+  "Need help? Contact our support team at support@readest.com": "ต้องการความช่วยเหลือ? ติดต่อทีมสนับสนุนที่ support@readest.com",
+  "Free Plan": "แผนฟรี",
+  "month": "เดือน",
+  "Cross-Platform Sync": "ซิงค์ข้ามแพลตฟอร์ม",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "ซิงค์คลังหนังสือ ความคืบหน้า ไฮไลต์ และบันทึกข้ามอุปกรณ์—ไม่สูญหายอีกต่อไป",
+  "Customizable Reading": "การอ่านแบบปรับแต่งได้",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "ปรับแต่งทุกรายละเอียดด้วยฟอนต์ เลย์เอาต์ ธีม และการตั้งค่าขั้นสูงเพื่อประสบการณ์การอ่านที่สมบูรณ์แบบ",
+  "AI Read Aloud": "AI อ่านออกเสียง",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "เพลิดเพลินกับการอ่านแบบเสรีมือด้วยเสียง AI ที่เป็นธรรมชาติ",
+  "AI Translations": "การแปลด้วย AI",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "แปลข้อความได้ทันทีด้วยพลัง Google, Azure หรือ DeepL—เข้าใจเนื้อหาทุกภาษา",
+  "Community Support": "การสนับสนุนชุมชน",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "เชื่อมต่อกับนักอ่านอื่นๆ และรับความช่วยเหลือในชุมชนที่เป็นมิตร",
+  "Cloud Sync Storage": "พื้นที่จัดเก็บซิงค์คลาวด์",
+  "AI Translations (per day)": "การแปล AI (ต่อวัน)",
+  "Plus Plan": "แผน Plus",
+  "Includes All Free Plan Benefits": "รวมสิทธิประโยชน์แผนฟรีทั้งหมด",
+  "Unlimited AI Read Aloud Hours": "AI อ่านออกเสียงไม่จำกัด",
+  "Listen without limits—convert as much text as you like into immersive audio.": "ฟังไม่จำกัด—แปลงข้อความเป็นเสียงได้ไม่อั้น",
+  "More AI Translations": "การแปล AI เพิ่มขึ้น",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "ปลดล็อกความสามารถการแปลที่เพิ่มขึ้นพร้อมโควตารายวันและตัวเลือกขั้นสูง",
+  "DeepL Pro Access": "การเข้าถึง DeepL Pro",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "แปลได้สูงสุด 100,000 อักขระต่อวันด้วยเครื่องมือแปลที่แม่นยำที่สุด",
+  "2 GB Cloud Sync Storage": "พื้นที่ซิงค์คลาวด์ 2 GB",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "จัดเก็บและเข้าถึงคอลเลคชันการอ่านอย่างปลอดภัยด้วยพื้นที่คลาวด์ 2 GB",
+  "Priority Support": "การสนับสนุนแบบพิเศษ",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "รับการตอบสนองที่รวดเร็วและความช่วยเหลือเฉพาะเมื่อต้องการ",
+  "Pro Plan": "แผน Pro",
+  "Includes All Plus Plan Benefits": "รวมสิทธิประโยชน์แผน Plus ทั้งหมด",
+  "Early Feature Access": "เข้าถึงฟีเจอร์ใหม่ก่อนใคร",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "เป็นคนแรกที่ได้สำรวจฟีเจอร์ใหม่ อัปเดต และนวัตกรรมก่อนใคร",
+  "Advanced AI Tools": "เครื่องมือ AI ขั้นสูง",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "ใช้เครื่องมือ AI อันทรงพลังเพื่อการอ่าน การแปล และการค้นหาเนื้อหาที่ฉลาดขึ้น",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "แปลได้สูงสุด 500,000 อักขระต่อวันด้วยเครื่องมือแปลที่แม่นยำที่สุด",
+  "10 GB Cloud Sync Storage": "พื้นที่ซิงค์คลาวด์ 10 GB",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "จัดเก็บและเข้าถึงคอลเลคชันการอ่านอย่างปลอดภัยด้วยพื้นที่คลาวด์ 10 GB",
+  "Version {{version}}": "เวอร์ชัน {{version}}",
+  "Check Update": "ตรวจสอบอัปเดต",
+  "Already the latest version": "เป็นเวอร์ชันล่าสุดแล้ว",
+  "Checking for updates...": "กำลังตรวจสอบอัปเดต...",
+  "Error checking for updates": "เกิดข้อผิดพลาดในการตรวจสอบอัปเดต",
+  "Book Details": "รายละเอียดหนังสือ",
+  "Unknown": "ไม่ทราบ",
+  "Publisher:": "สำนักพิมพ์:",
+  "Published:": "วันที่พิมพ์:",
+  "Updated:": "อัปเดต:",
+  "Added:": "เพิ่มเมื่อ:",
+  "Language:": "ภาษา:",
+  "Subjects:": "หัวข้อ:",
+  "Format:": "รูปแบบ:",
+  "File Size:": "ขนาดไฟล์:",
+  "Description:": "คำอธิบาย:",
+  "No description available": "ไม่มีคำอธิบาย",
+  "Are you sure to delete the selected book?": "ยืนยันลบหนังสือที่เลือก?",
+  "Are you sure to delete the cloud backup of the selected book?": "ยืนยันลบสำรองคลาวด์ของหนังสือที่เลือก?",
+  "Drop to Import Books": "วางเพื่อนำเข้าหนังสือ",
+  "A new version of Readest is available!": "Readest เวอร์ชันใหม่พร้อมใช้งาน!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} พร้อมใช้งาน (เวอร์ชันที่ติดตั้ง {{currentVersion}})",
+  "Download and install now?": "ดาวน์โหลดและติดตั้งเลย?",
+  "Downloading {{downloaded}} of {{contentLength}}": "กำลังดาวน์โหลด {{downloaded}} จาก {{contentLength}}",
+  "Download finished": "ดาวน์โหลดเสร็จสิ้น",
+  "DOWNLOAD & INSTALL": "ดาวน์โหลดและติดตั้ง",
+  "Changelog:": "รายการเปลี่ยนแปลง:",
+  "Software Update": "อัปเดตซอฟต์แวร์",
+  "{{percentage}}% of Cloud Sync Space Used.": "ใช้พื้นที่ซิงค์คลาวด์ {{percentage}}%",
+  "Translation Characters": "อักขระการแปล",
+  "{{percentage}}% of Daily Translation Characters Used.": "ใช้อักขระการแปลรายวัน {{percentage}}%",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "ใช้โควตาการแปลรายวันครบแล้ว อัปเกรดแผนเพื่อใช้การแปล AI ต่อ",
+  "LXGW WenKai GB Screen": "LXGW WenKai GB Screen",
+  "LXGW WenKai TC": "LXGW WenKai TC",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Source Han Serif CN VF": "Source Han Serif CN VF",
+  "Huiwen-mincho": "Huiwen-mincho",
+  "KingHwa_OldSong": "KingHwa_OldSong",
+  "Azure Translator": "Azure Translator",
+  "DeepL": "DeepL",
+  "Google Translate": "Google Translate",
+  "Gray": "สีเทา",
+  "Sepia": "สีซีเปีย",
+  "Grass": "สีเขียว",
+  "Cherry": "สีชมพู",
+  "Sky": "สีฟ้า",
+  "Solarized": "Solarized",
+  "Gruvbox": "Gruvbox",
+  "Nord": "Nord",
+  "Contrast": "ความคมชัด",
+  "Sunset": "สีพระอาทิตย์ตก",
+  "Reveal in Finder": "แสดงใน Finder",
+  "Reveal in File Explorer": "แสดงใน File Explorer",
+  "Reveal in Folder": "แสดงในโฟลเดอร์",
+  "Don't have an account? Sign up": "ยังไม่มีบัญชี? สมัครสมาชิก",
+  "All the world's a stage,\nAnd all the men and women merely players;\nThey have their exits and their entrances,\nAnd one man in his time plays many parts,\nHis acts being seven ages.\n\n— William Shakespeare": "โลกทั้งใบเป็นเวที\nและชายหญิงทั้งปวงเป็นนักแสดง\nมีทางเข้าและทางออก\nแต่ละคนในชีวิตเล่นหลายบท\nการกระทำของเขาแบ่งเป็นเจ็ดวัย\n\n— วิลเลียม เชกสเปียร์"
+}
@@ -18,7 +18,6 @@
  "Confirm Deletion": "Silmeyi Onayla",
  "Copied to notebook": "Not defterine kopyalandı",
  "Copy": "Kopyala",
-  "Custom CSS": "Özel CSS",
  "Dark Mode": "Karanlık Mod",
  "Default": "Varsayılan",
  "Default Font": "Varsayılan Yazı Tipi",
@@ -28,7 +27,6 @@
  "Dictionary": "Sözlük",
  "Download Readest": "Readest'i İndir",
  "Edit": "Düzenle",
-  "Enter your custom CSS here...": "Özel CSS'nizi buraya girin...",
  "Excerpts": "Alıntılar",
  "Failed to import book(s): {{filenames}}": "Kitap(lar) içe aktarılamadı: {{filenames}}",
  "Fast": "Hızlı",
@@ -128,8 +126,6 @@
  "Failed to download book: {{title}}": "Kitap indirilemedi: {{title}}",
  "Upload Book": "Kitap Yükle",
  "Auto Upload Books to Cloud": "Kitapları Otomatik Olarak Buluta Yükle",
-  "{{percentage}}% of Cloud Storage Used.": "Bulut Depolamanın %{{percentage}}'si kullanıldı.",
-  "Storage": "Depolama",
  "Book deleted: {{title}}": "Kitap silindi: {{title}}",
  "Failed to delete book: {{title}}": "Kitap silinemedi: {{title}}",
  "Check Updates on Start": "Başlangıçta Güncellemeleri Kontrol Et",
@@ -161,7 +157,7 @@
  "Create a Password": "Şifre oluştur",
  "Sign up": "Kaydol",
  "Signing up...": "Kaydolunuyor...",
-  "Don’t have an account? Sign up": "Hesabınız yok mu? Kaydolun",
+  "Don't have an account? Sign up": "Hesabınız yok mu? Kaydolun",
  "Check your email for the confirmation link": "Onay bağlantısı için e-posta adresinizi kontrol edin",
  "Signing in ...": "Giriş yapılıyor...",
  "Send a magic link email": "Sihirli bağlantı e-postası gönder",
@@ -185,35 +181,13 @@
  "Sign in with GitHub": "GitHub ile giriş yap",
  "Account": "Hesap",
  "Failed to delete user. Please try again later.": "Kullanıcı silinemedi. Lütfen daha sonra tekrar deneyin.",
-  "Unlimited Offline/Online Reading": "Sınırsız Çevrimdışı/Çevrimiçi Okuma",
-  "Unlimited Cloud Sync Devices": "Sınırsız Bulut Senkronizasyon Cihazları",
-  "Essential Text-to-Speech Voices": "Temel Metinden Sese Dönüştürme Sesleri",
-  "DeepL Free Access": "DeepL Ücretsiz Erişim",
  "Community Support": "Topluluk Desteği",
-  "500 MB Cloud Sync Space": "500 MB Bulut Senkronizasyon Alanı",
-  "Includes All Free Tier Benefits": "Tüm Ücretsiz Paket Avantajlarını İçerir",
-  "AI Summaries": "Yapay Zeka Özetleri",
-  "AI Translations": "Yapay Zeka Çevirileri",
  "Priority Support": "Öncelikli Destek",
-  "DeepL Pro Access": "DeepL Pro Erişimi",
-  "Expanded Text-to-Speech Voices": "Genişletilmiş Metinden Sese Dönüştürme Sesleri",
-  "2000 MB Cloud Sync Space": "2000 MB Bulut Senkronizasyon Alanı",
-  "Includes All Plus Tier Benefits": "Tüm Plus Paket Avantajlarını İçerir",
-  "Unlimited AI Summaries": "Sınırsız Yapay Zeka Özetleri",
-  "Unlimited AI Translations": "Sınırsız Yapay Zeka Çevirileri",
-  "Unlimited DeepL Pro Access": "Sınırsız DeepL Pro Erişimi",
-  "Advanced AI Tools": "Gelişmiş Yapay Zeka Araçları",
-  "Early Feature Access": "Erken Özellik Erişimi",
-  "10 GB Cloud Sync Space": "10 GB Bulut Senkronizasyon Alanı",
  "Loading profile...": "Profil yükleniyor...",
-  "Features": "Özellikler",
  "Delete Account": "Hesabı Sil",
  "Delete Your Account?": "Hesabınızı Silmek İstiyor musunuz?",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Bu işlem geri alınamaz. Buluttaki tüm verileriniz kalıcı olarak silinecektir.",
  "Delete Permanently": "Kalıcı Olarak Sil",
-  "Free Tier": "Ücretsiz Paket",
-  "Plus Tier": "Plus Paket",
-  "Pro Tier": "Pro Paket",
  "RTL Direction": "RTL Yönü",
  "Maximum Column Height": "Maksimum Sütun Yüksekliği",
  "Maximum Column Width": "Maksimum Sütun Genişliği",
@@ -347,7 +321,6 @@
  "Quota Exceeded": "Kota aşıldı",
  "{{percentage}}% of Daily Translation Characters Used.": "Çeviri için günlük karakterlerin %{{percentage}}'si kullanıldı.",
  "Translation Characters": "Çeviri Karakterleri",
-  "Daily translation quota reached. Select another translate service to proceed.": "Günlük çeviri kotası aşıldı. Devam etmek için başka bir çeviri hizmeti seçin.",
  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} ses",
  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} sesler",
  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Bir şeyler yanlış gitti. Endişelenmeyin, ekibimiz bilgilendirildi ve bir çözüm üzerinde çalışıyoruz.",
@@ -364,5 +337,85 @@
  "Left Margin (px)": "Sol Kenar Boşluğu (px)",
  "Column Gap (%)": "Sütun Aralığı (%)",
  "Always Show Status Bar": "Durum Çubuğunu Her Zaman Göster",
-  "Translation Not Available": "Çeviri Mevcut Değil"
+  "Translation Not Available": "Çeviri Mevcut Değil",
+  "Custom Content CSS": "Özel İçerik CSS'si",
+  "Enter CSS for book content styling...": "Kitap içeriği stili için CSS girin...",
+  "Custom Reader UI CSS": "Özel Okuyucu Arayüzü CSS'si",
+  "Enter CSS for reader interface styling...": "Okuyucu arayüzü stili için CSS girin...",
+  "Crop": "Kes",
+  "Book Covers": "Kitap Kapağı",
+  "Fit": "Uygun",
+  "Reset {{settings}}": "{{settings}}'i Sıfırla",
+  "Reset Settings": "Ayarları Sıfırla",
+  "{{count}} pages left in chapter_one": "Bu bölümde {{count}} sayfa kaldı",
+  "{{count}} pages left in chapter_other": "Bu bölümde {{count}} sayfa kaldı",
+  "Show Remaining Pages": "Kalan sayfaları göster",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "Aboneliği Yönet",
+  "Coming Soon": "Yakında",
+  "Upgrade to {{plan}}": "{{plan}} planına yükselt",
+  "Upgrade to Plus or Pro": "Plus veya Pro'ya yükselt",
+  "Current Plan": "Mevcut Plan",
+  "Plan Limits": "Plan Limitleri",
+  "Failed to manage subscription. Please try again later.": "Abonelik yönetimi başarısız oldu. Lütfen daha sonra tekrar deneyin.",
+  "Processing your payment...": "Ödemeniz işleniyor...",
+  "Please wait while we confirm your subscription.": "Aboneliğinizi onaylıyoruz, lütfen bekleyin.",
+  "Payment Processing": "Ödeme İşleniyor",
+  "Your payment is being processed. This usually takes a few moments.": "Ödemeniz işleniyor. Bu genelde birkaç saniye sürer.",
+  "Payment Failed": "Ödeme Başarısız",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "Aboneliğinizi işleyemedik. Lütfen tekrar deneyin veya sorun devam ederse destek ile iletişime geçin.",
+  "Back to Profile": "Profille Dön",
+  "Subscription Successful!": "Abonelik Başarılı!",
+  "Thank you for your subscription! Your payment has been processed successfully.": "Aboneliğiniz için teşekkürler! Ödemeniz başarıyla işlendi.",
+  "Email:": "E-posta:",
+  "Plan:": "Plan:",
+  "Amount:": "Tutar:",
+  "Subscription ID:": "Abonelik ID'si:",
+  "Go to Library": "Kütüphaneye Git",
+  "Need help? Contact our support team at support@readest.com": "Yardım mı gerekiyor? Destek ekibimizle iletişime geçin: support@readest.com",
+  "Free Plan": "Ücretsiz Plan",
+  "month": "ay",
+  "AI Translations (per day)": "AI Çevirileri (günlük)",
+  "Plus Plan": "Plus Plan",
+  "Includes All Free Plan Benefits": "Tüm Ücretsiz Plan Özelliklerini İçerir",
+  "Pro Plan": "Pro Plan",
+  "More AI Translations": "Daha Fazla AI Çevirisi",
+  "Complete Your Subscription": "Aboneliğinizi Tamamlayın",
+  "{{percentage}}% of Cloud Sync Space Used.": "Bulut Senkronizasyon Alanının %{{percentage}}'si Kullanıldı.",
+  "Cloud Sync Storage": "Bulut Senkronizasyon Depolama",
+  "Disable": "Devre Dışı Bırak",
+  "Enable": "Etkinleştir",
+  "Upgrade to Readest Premium": "Readest Premium’a Yükselt",
+  "Show Source Text": "Kaynak Metni Göster",
+  "Cross-Platform Sync": "Platformlar Arası Senkronizasyon",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "Kütüphanenizi, ilerlemenizi, vurgularınızı ve notlarınızı tüm cihazlarınızda sorunsuzca senkronize edin—bir daha asla yerinizi kaybetmeyin.",
+  "Customizable Reading": "Özelleştirilebilir Okuma",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "Mükemmel okuma deneyimi için ayarlanabilir yazı tipleri, düzenler, temalar ve gelişmiş görüntü ayarlarıyla her detayı kişiselleştirin.",
+  "AI Read Aloud": "AI Sesli Okuma",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "Kitaplarınızı hayata geçiren doğal sesli AI sesleriyle eller serbest okuma keyfini çıkarın.",
+  "AI Translations": "AI Çeviriler",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "Google, Azure veya DeepL'in gücüyle herhangi bir metni anında çevirin—her dildeki içeriği anlayın.",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "Diğer okuyucularla bağlantı kurun ve dostane topluluk kanallarımızda hızla yardım alın.",
+  "Unlimited AI Read Aloud Hours": "Sınırsız AI Sesli Okuma Saatleri",
+  "Listen without limits—convert as much text as you like into immersive audio.": "Sınırsız dinleyin—istediğiniz kadar metni sürükleyici sese dönüştürün.",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "Daha fazla günlük kullanım ve gelişmiş seçeneklerle gelişmiş çeviri yeteneklerinin kilidini açın.",
+  "DeepL Pro Access": "DeepL Pro Erişimi",
+  "2 GB Cloud Sync Storage": "2 GB Bulut Senkronizasyon Depolama",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "Yardıma ihtiyacınız olduğunda daha hızlı yanıtlar ve özel destek keyfini çıkarın.",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "Günlük çeviri kotasına ulaşıldı. AI çevirileri kullanmaya devam etmek için planınızı yükseltin.",
+  "Includes All Plus Plan Benefits": "Tüm Plus Plan Avantajları Dahil",
+  "Early Feature Access": "Erken Özellik Erişimi",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "Yeni özellikleri, güncellemeleri ve yenilikleri herkesten önce keşfedin.",
+  "Advanced AI Tools": "Gelişmiş AI Araçları",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "Akıllı okuma, çeviri ve içerik keşfi için güçlü AI araçlarını kullanın.",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "Mevcut en doğru çeviri motoruyla günlük 100.000 karaktere kadar çeviri yapın.",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "Mevcut en doğru çeviri motoruyla günlük 500.000 karaktere kadar çeviri yapın.",
+  "10 GB Cloud Sync Storage": "10 GB Bulut Senkronizasyon Depolama",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "Tüm okuma koleksiyonunuzu 2 GB'a kadar güvenli bulut depolamayla saklayın ve erişin.",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "Tüm okuma koleksiyonunuzu 10 GB'a kadar güvenli bulut depolamayla saklayın ve erişin.",
+  "Deleted cloud backup of the book: {{title}}": "Kitabın bulut yedeği silindi: {{title}}",
+  "Failed to delete cloud backup of the book": "Kitabın bulut yedeğini silme işlemi başarısız oldu.",
+  "Are you sure to delete the cloud backup of the selected book?": "Seçilen kitabın bulut yedeğini silmek istediğinize emin misiniz?"
 }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "Підтвердити видалення",
  "Copied to notebook": "Скопійовано до нотатника",
  "Copy": "Копіювати",
-  "Custom CSS": "Користувацький CSS",
  "Dark Mode": "Темний режим",
  "Default": "За замовчуванням",
  "Default Font": "Шрифт за замовчуванням",
@@ -28,7 +27,6 @@
  "Dictionary": "Словник",
  "Download Readest": "Завантажити Readest",
  "Edit": "Редагувати",
-  "Enter your custom CSS here...": "Введіть ваш користувацький CSS тут...",
  "Excerpts": "Уривки",
  "Failed to import book(s): {{filenames}}": "Не вдалося імпортувати книгу(и): {{filenames}}",
  "Fast": "Швидко",
@@ -128,8 +126,6 @@
  "Failed to download book: {{title}}": "Не вдалося завантажити книгу: {{title}}",
  "Upload Book": "Завантажити книгу",
  "Auto Upload Books to Cloud": "Автоматично завантажувати книги в хмару",
-  "{{percentage}}% of Cloud Storage Used.": "{{percentage}}% використано хмарного сховища.",
-  "Storage": "Сховище",
  "Book deleted: {{title}}": "Книгу видалено: {{title}}",
  "Failed to delete book: {{title}}": "Не вдалося видалити книгу: {{title}}",
  "Check Updates on Start": "Перевіряти оновлення при запуску",
@@ -161,7 +157,7 @@
  "Create a Password": "Створити пароль",
  "Sign up": "Зареєструватися",
  "Signing up...": "Реєстрація...",
-  "Don’t have an account? Sign up": "Немає акаунту? Зареєструйтеся",
+  "Don't have an account? Sign up": "Немає акаунту? Зареєструйтеся",
  "Check your email for the confirmation link": "Перевірте свою електронну пошту для підтвердження посилання",
  "Signing in ...": "Увійти...",
  "Send a magic link email": "Відправити магічне посилання на електронну пошту",
@@ -185,35 +181,13 @@
  "Sign in with GitHub": "Увійти через GitHub",
  "Account": "Обліковий запис",
  "Failed to delete user. Please try again later.": "Не вдалося видалити користувача. Будь ласка, спробуйте пізніше.",
-  "Unlimited Offline/Online Reading": "Необмежене читання офлайн/онлайн",
-  "Unlimited Cloud Sync Devices": "Необмежена кількість пристроїв для хмарної синхронізації",
-  "Essential Text-to-Speech Voices": "Основні голоси для перетворення тексту в мовлення",
-  "DeepL Free Access": "Безкоштовний доступ до DeepL",
  "Community Support": "Підтримка спільноти",
-  "500 MB Cloud Sync Space": "500 МБ простору для хмарної синхронізації",
-  "Includes All Free Tier Benefits": "Включає всі переваги безкоштовного тарифу",
-  "AI Summaries": "AI-резюме",
-  "AI Translations": "AI-переклади",
  "Priority Support": "Пріоритетна підтримка",
-  "DeepL Pro Access": "Доступ до DeepL Pro",
-  "Expanded Text-to-Speech Voices": "Розширений набір голосів для перетворення тексту в мовлення",
-  "2000 MB Cloud Sync Space": "2000 МБ простору для хмарної синхронізації",
-  "Includes All Plus Tier Benefits": "Включає всі переваги тарифу Plus",
-  "Unlimited AI Summaries": "Необмежені AI-резюме",
-  "Unlimited AI Translations": "Необмежені AI-переклади",
-  "Unlimited DeepL Pro Access": "Необмежений доступ до DeepL Pro",
-  "Advanced AI Tools": "Розширені AI-інструменти",
-  "Early Feature Access": "Ранній доступ до нових функцій",
-  "10 GB Cloud Sync Space": "10 ГБ простору для хмарної синхронізації",
  "Loading profile...": "Завантаження профілю...",
-  "Features": "Функції",
  "Delete Account": "Видалити обліковий запис",
  "Delete Your Account?": "Видалити ваш обліковий запис?",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Цю дію неможливо скасувати. Всі ваші дані в хмарі будуть повністю видалені.",
  "Delete Permanently": "Видалити назавжди",
-  "Free Tier": "Безкоштовний тариф",
-  "Plus Tier": "Тариф Plus",
-  "Pro Tier": "Тариф Pro",
  "RTL Direction": "Напрямок RTL",
  "Maximum Column Height": "Максимальна висота колонки",
  "Maximum Column Width": "Максимальна ширина колонки",
@@ -351,7 +325,6 @@
  "Quota Exceeded": "Перевищено ліміт",
  "{{percentage}}% of Daily Translation Characters Used.": "Використано {{percentage}}% символів перекладу за день.",
  "Translation Characters": "Символи перекладу",
-  "Daily translation quota reached. Select another translate service to proceed.": "Досягнуто добового ліміту перекладу. Виберіть іншу службу перекладу для продовження.",
  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} голос",
  "{{engine}}: {{count}} voices_few": "{{engine}}: {{count}} голоси",
  "{{engine}}: {{count}} voices_many": "{{engine}}: {{count}} голосів",
@@ -370,5 +343,87 @@
  "Left Margin (px)": "Лівий відступ (px)",
  "Column Gap (%)": "Проміжок між стовпцями (%)",
  "Always Show Status Bar": "Завжди показувати панель стану",
-  "Translation Not Available": "Переклад недоступний"
+  "Translation Not Available": "Переклад недоступний",
+  "Custom Content CSS": "CSS вмісту",
+  "Enter CSS for book content styling...": "Введіть CSS для стилізації вмісту книги...",
+  "Custom Reader UI CSS": "CSS інтерфейсу",
+  "Enter CSS for reader interface styling...": "Введіть CSS для стилізації інтерфейсу рідера...",
+  "Crop": "Обрізати",
+  "Book Covers": "Обкладинки книг",
+  "Fit": "Вписати",
+  "Reset {{settings}}": "Скинути {{settings}}",
+  "Reset Settings": "Скинути налаштування",
+  "{{count}} pages left in chapter_one": "Залишилася {{count}} сторінка у розділі",
+  "{{count}} pages left in chapter_few": "Залишилось {{count}} сторінки у розділі",
+  "{{count}} pages left in chapter_many": "Залишилось {{count}} сторінок у розділі",
+  "{{count}} pages left in chapter_other": "Залишилось {{count}} сторінок у розділі",
+  "Show Remaining Pages": "Показати залишок сторінок",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "Керувати підпискою",
+  "Coming Soon": "Незабаром",
+  "Upgrade to {{plan}}": "Перейти на {{plan}}",
+  "Upgrade to Plus or Pro": "Перейти на Plus або Pro",
+  "Current Plan": "Поточний план",
+  "Plan Limits": "Обмеження плану",
+  "Failed to manage subscription. Please try again later.": "Не вдалося керувати підпискою. Спробуйте ще раз пізніше.",
+  "Processing your payment...": "Обробка вашого платежу...",
+  "Please wait while we confirm your subscription.": "Зачекайте, ми підтверджуємо вашу підписку.",
+  "Payment Processing": "Обробка платежу",
+  "Your payment is being processed. This usually takes a few moments.": "Ваш платіж обробляється. Зазвичай це займає кілька секунд.",
+  "Payment Failed": "Платіж не вдався",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "Не вдалося обробити вашу підписку. Спробуйте ще раз або зверніться до служби підтримки, якщо проблема не зникне.",
+  "Back to Profile": "Повернутися до профілю",
+  "Subscription Successful!": "Підписка активована!",
+  "Thank you for your subscription! Your payment has been processed successfully.": "Дякуємо за підписку! Ваш платіж успішно оброблено.",
+  "Email:": "Електронна пошта:",
+  "Plan:": "План:",
+  "Amount:": "Сума:",
+  "Subscription ID:": "ID підписки:",
+  "Go to Library": "Перейти до бібліотеки",
+  "Need help? Contact our support team at support@readest.com": "Потрібна допомога? Зверніться до служби підтримки: support@readest.com",
+  "Free Plan": "Безкоштовний план",
+  "month": "місяць",
+  "AI Translations (per day)": "AI-переклади (на день)",
+  "Plus Plan": "План Plus",
+  "Includes All Free Plan Benefits": "Включає всі переваги Безкоштовного плану",
+  "Pro Plan": "План Pro",
+  "More AI Translations": "Більше AI-перекладів",
+  "Complete Your Subscription": "Завершіть підписку",
+  "{{percentage}}% of Cloud Sync Space Used.": "Використано {{percentage}}% хмарного сховища.",
+  "Cloud Sync Storage": "Облачне хранилище",
+  "Disable": "Вимкнути",
+  "Enable": "Увімкнути",
+  "Upgrade to Readest Premium": "Оновити до Readest Premium",
+  "Show Source Text": "Показати вихідний текст",
+  "Cross-Platform Sync": "Міжплатформна Синхронізація",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "Безперешкодно синхронізуйте свою бібліотеку, прогрес, виділення та нотатки на всіх своїх пристроях—ніколи більше не втрачайте своє місце.",
+  "Customizable Reading": "Налаштовуване Читання",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "Персоналізуйте кожну деталь за допомогою налаштовуваних шрифтів, макетів, тем та розширених налаштувань відображення для ідеального читання.",
+  "AI Read Aloud": "Озвучування ШІ",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "Насолоджуйтесь читанням без використання рук з природно звучними голосами ШІ, які оживляють ваші книги.",
+  "AI Translations": "Переклади ШІ",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "Перекладайте будь-який текст миттєво за допомогою Google, Azure або DeepL—розумійте зміст будь-якою мовою.",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "Спілкуйтеся з іншими читачами та отримуйте швидку допомогу в наших дружніх каналах спільноти.",
+  "Unlimited AI Read Aloud Hours": "Необмежені Години Озвучування ШІ",
+  "Listen without limits—convert as much text as you like into immersive audio.": "Слухайте без обмежень—перетворюйте стільки тексту, скільки хочете, в захоплююче аудіо.",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "Розблокуйте покращені можливості перекладу з більшим щоденним використанням та розширеними опціями.",
+  "DeepL Pro Access": "Доступ до DeepL Pro",
+  "2 GB Cloud Sync Storage": "2 ГБ Хмарного Сховища",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "Насолоджуйтеся швидшими відповідями та персональною допомогою, коли вам потрібна підтримка.",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "Досягнуто денну квоту перекладів. Оновіть свій план, щоб продовжити використовувати переклади ШІ.",
+  "Includes All Plus Plan Benefits": "Включає Всі Переваги Plus Плану",
+  "Early Feature Access": "Ранній Доступ до Функцій",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "Досліджуйте нові функції, оновлення та інновації першими.",
+  "Advanced AI Tools": "Розширені ШІ Інструменти",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "Використовуйте потужні ШІ інструменти для розумного читання, перекладу та пошуку контенту.",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "Перекладайте до 100 000 символів щодня з найточнішим доступним движком перекладу.",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "Перекладайте до 500 000 символів щодня з найточнішим доступним движком перекладу.",
+  "10 GB Cloud Sync Storage": "10 ГБ Хмарного Сховища",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "Безпечно зберігайте та отримуйте доступ до всієї колекції читання з до 2 ГБ хмарного сховища.",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "Безпечно зберігайте та отримуйте доступ до всієї колекції читання з до 10 ГБ хмарного сховища.",
+  "Deleted cloud backup of the book: {{title}}": "Видалено хмарну резервну копію книги: {{title}}",
+  "Failed to delete cloud backup of the book": "Не вдалося видалити хмарну резервну копію книги.",
+  "Are you sure to delete the cloud backup of the selected book?": "Ви впевнені, що хочете видалити хмарну резервну копію вибраної книги?"
 }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "Xác nhận xóa",
  "Copied to notebook": "Đã sao chép vào sổ ghi chú",
  "Copy": "Sao chép",
-  "Custom CSS": "CSS tùy chỉnh",
  "Dark Mode": "Chế độ tối",
  "Default": "Mặc định",
  "Default Font": "Phông chữ mặc định",
@@ -28,7 +27,6 @@
  "Dictionary": "Từ điển",
  "Download Readest": "Tải Readest",
  "Edit": "Chỉnh sửa",
-  "Enter your custom CSS here...": "Nhập CSS tùy chỉnh của bạn vào đây...",
  "Excerpts": "Trích dẫn",
  "Failed to import book(s): {{filenames}}": "Không thể nhập sách: {{filenames}}",
  "Fast": "Nhanh",
@@ -128,8 +126,6 @@
  "Failed to download book: {{title}}": "Không thể tải về sách: {{title}}",
  "Upload Book": "Tải lên sách",
  "Auto Upload Books to Cloud": "Tự động tải sách lên đám mây",
-  "{{percentage}}% of Cloud Storage Used.": "{{percentage}}% dung lượng lưu trữ đám mây đã sử dụng.",
-  "Storage": "Lưu trữ",
  "Book deleted: {{title}}": "Sách đã xóa: {{title}}",
  "Failed to delete book: {{title}}": "Không thể xóa sách: {{title}}",
  "Check Updates on Start": "Kiểm tra cập nhật khi khởi động",
@@ -161,7 +157,7 @@
  "Create a Password": "Tạo mật khẩu",
  "Sign up": "Đăng ký",
  "Signing up...": "Đang đăng ký...",
-  "Don’t have an account? Sign up": "Chưa có tài khoản? Đăng ký",
+  "Don't have an account? Sign up": "Chưa có tài khoản? Đăng ký",
  "Check your email for the confirmation link": "Kiểm tra email của bạn để nhận liên kết xác nhận",
  "Signing in ...": "Đang đăng nhập ...",
  "Send a magic link email": "Gửi email liên kết ma thuật",
@@ -185,35 +181,13 @@
  "Sign in with GitHub": "Đăng nhập với GitHub",
  "Account": "Tài khoản",
  "Failed to delete user. Please try again later.": "Không thể xóa người dùng. Vui lòng thử lại sau.",
-  "Unlimited Offline/Online Reading": "Đọc ngoại tuyến/trực tuyến không giới hạn",
-  "Unlimited Cloud Sync Devices": "Đồng bộ hóa thiết bị đám mây không giới hạn",
-  "Essential Text-to-Speech Voices": "Giọng nói chuyển văn bản thành giọng nói cơ bản",
-  "DeepL Free Access": "Truy cập DeepL miễn phí",
  "Community Support": "Hỗ trợ cộng đồng",
-  "500 MB Cloud Sync Space": "500 MB không gian đồng bộ hóa đám mây",
-  "Includes All Free Tier Benefits": "Bao gồm tất cả lợi ích của gói miễn phí",
-  "AI Summaries": "Tóm tắt AI",
-  "AI Translations": "Dịch thuật AI",
  "Priority Support": "Hỗ trợ ưu tiên",
-  "DeepL Pro Access": "Truy cập DeepL Pro",
-  "Expanded Text-to-Speech Voices": "Giọng nói chuyển văn bản thành giọng nói mở rộng",
-  "2000 MB Cloud Sync Space": "2000 MB không gian đồng bộ hóa đám mây",
-  "Includes All Plus Tier Benefits": "Bao gồm tất cả lợi ích của gói Plus",
-  "Unlimited AI Summaries": "Tóm tắt AI không giới hạn",
-  "Unlimited AI Translations": "Dịch thuật AI không giới hạn",
-  "Unlimited DeepL Pro Access": "Truy cập DeepL Pro không giới hạn",
-  "Advanced AI Tools": "Công cụ AI nâng cao",
-  "Early Feature Access": "Truy cập tính năng sớm",
-  "10 GB Cloud Sync Space": "10 GB không gian đồng bộ hóa đám mây",
  "Loading profile...": "Đang tải hồ sơ...",
-  "Features": "Tính năng",
  "Delete Account": "Xóa tài khoản",
  "Delete Your Account?": "Xóa tài khoản của bạn?",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Hành động này không thể hoàn tác. Tất cả dữ liệu của bạn trên đám mây sẽ bị xóa vĩnh viễn.",
  "Delete Permanently": "Xóa vĩnh viễn",
-  "Free Tier": "Gói miễn phí",
-  "Plus Tier": "Gói Plus",
-  "Pro Tier": "Gói Pro",
  "RTL Direction": "Hướng RTL",
  "Maximum Column Height": "Chiều cao cột tối đa",
  "Maximum Column Width": "Chiều rộng cột tối đa",
@@ -345,7 +319,6 @@
  "Quota Exceeded": "Vượt hạn mức",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% số ký tự dịch hàng ngày đã sử dụng.",
  "Translation Characters": "Những ký tự dịch",
-  "Daily translation quota reached. Select another translate service to proceed.": "Đã đạt hạn mức dịch hàng ngày. Chọn dịch vụ dịch khác để tiếp tục.",
  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} giọng",
  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Đã xảy ra sự cố. Đừng lo, nhóm của chúng tôi đã được thông báo và chúng tôi đang làm việc để sửa chữa.",
  "Error Details:": "Chi tiết lỗi:",
@@ -361,5 +334,84 @@
  "Left Margin (px)": "Lề trái (px)",
  "Column Gap (%)": "Khoảng cách cột (%)",
  "Always Show Status Bar": "Luôn hiển thị thanh trạng thái",
-  "Translation Not Available": "Không có bản dịch"
+  "Translation Not Available": "Không có bản dịch",
+  "Custom Content CSS": "CSS nội dung",
+  "Enter CSS for book content styling...": "Nhập CSS cho phần nội dung sách...",
+  "Custom Reader UI CSS": "CSS giao diện đọc",
+  "Enter CSS for reader interface styling...": "Nhập CSS cho giao diện trình đọc...",
+  "Crop": "Cắt",
+  "Book Covers": "Bìa sách",
+  "Fit": "Vừa vặn",
+  "Reset {{settings}}": "Đặt lại {{settings}}",
+  "Reset Settings": "Đặt lại cài đặt",
+  "{{count}} pages left in chapter_other": "Còn {{count}} trang trong chương",
+  "Show Remaining Pages": "Hiển thị trang còn lại",
+  "Source Han Serif CN VF": "Source Han Serif",
+  "Huiwen-mincho": "Huiwen Mincho",
+  "KingHwa_OldSong": "KingHwa Song",
+  "Manage Subscription": "Quản lý đăng ký",
+  "Coming Soon": "Sắp ra mắt",
+  "Upgrade to {{plan}}": "Nâng cấp lên {{plan}}",
+  "Upgrade to Plus or Pro": "Nâng cấp lên Plus hoặc Pro",
+  "Current Plan": "Gói hiện tại",
+  "Plan Limits": "Giới hạn gói",
+  "Failed to manage subscription. Please try again later.": "Không thể quản lý đăng ký. Vui lòng thử lại sau.",
+  "Processing your payment...": "Đang xử lý thanh toán...",
+  "Please wait while we confirm your subscription.": "Vui lòng chờ trong khi chúng tôi xác nhận đăng ký của bạn.",
+  "Payment Processing": "Đang xử lý thanh toán",
+  "Your payment is being processed. This usually takes a few moments.": "Thanh toán của bạn đang được xử lý. Thường mất vài giây.",
+  "Payment Failed": "Thanh toán thất bại",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "Chúng tôi không thể xử lý đăng ký của bạn. Vui lòng thử lại hoặc liên hệ hỗ trợ nếu sự cố tiếp tục.",
+  "Back to Profile": "Quay lại hồ sơ",
+  "Subscription Successful!": "Đăng ký thành công!",
+  "Thank you for your subscription! Your payment has been processed successfully.": "Cảm ơn bạn đã đăng ký! Thanh toán của bạn đã được xử lý thành công.",
+  "Email:": "Email:",
+  "Plan:": "Gói:",
+  "Amount:": "Số tiền:",
+  "Subscription ID:": "ID đăng ký:",
+  "Go to Library": "Đi đến Thư viện",
+  "Need help? Contact our support team at support@readest.com": "Cần hỗ trợ? Liên hệ nhóm hỗ trợ tại support@readest.com",
+  "Free Plan": "Gói miễn phí",
+  "month": "tháng",
+  "AI Translations (per day)": "Dịch AI (mỗi ngày)",
+  "Plus Plan": "Gói Plus",
+  "Includes All Free Plan Benefits": "Bao gồm tất cả lợi ích của gói miễn phí",
+  "Pro Plan": "Gói Pro",
+  "More AI Translations": "Thêm dịch AI",
+  "Complete Your Subscription": "Hoàn tất đăng ký của bạn",
+  "{{percentage}}% of Cloud Sync Space Used.": "Đã sử dụng {{percentage}}% không gian đồng bộ đám mây.",
+  "Cloud Sync Storage": "Lưu trữ đồng bộ đám mây",
+  "Disable": "Tắt",
+  "Enable": "Bật",
+  "Upgrade to Readest Premium": "Đăng ký Readest Premium",
+  "Show Source Text": "Hiển thị văn bản gốc",
+  "Cross-Platform Sync": "Đồng Bộ Đa Nền Tảng",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "Đồng bộ liền mạch thư viện, tiến độ, đánh dấu và ghi chú trên tất cả thiết bị—không bao giờ mất vị trí đọc nữa.",
+  "Customizable Reading": "Đọc Tùy Chỉnh",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "Cá nhân hóa mọi chi tiết với phông chữ, bố cục, chủ đề có thể điều chỉnh và cài đặt hiển thị nâng cao cho trải nghiệm đọc hoàn hảo.",
+  "AI Read Aloud": "AI Đọc To",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "Thưởng thức việc đọc rảnh tay với giọng AI tự nhiên làm sống động sách của bạn.",
+  "AI Translations": "Dịch Thuật AI",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "Dịch bất kỳ văn bản nào ngay lập tức với sức mạnh của Google, Azure hoặc DeepL—hiểu nội dung bằng mọi ngôn ngữ.",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "Kết nối với độc giả khác và nhận trợ giúp nhanh chóng trong các kênh cộng đồng thân thiện.",
+  "Unlimited AI Read Aloud Hours": "Giờ Đọc To AI Không Giới Hạn",
+  "Listen without limits—convert as much text as you like into immersive audio.": "Nghe không giới hạn—chuyển đổi bao nhiêu văn bản bạn muốn thành âm thanh sống động.",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "Mở khóa khả năng dịch thuật nâng cao với nhiều lượt sử dụng hàng ngày và tùy chọn nâng cao.",
+  "DeepL Pro Access": "Truy Cập DeepL Pro",
+  "2 GB Cloud Sync Storage": "Lưu Trữ Đồng Bộ Đám Mây 2 GB",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "Tận hưởng phản hồi nhanh hơn và hỗ trợ chuyên biệt khi bạn cần giúp đỡ.",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "Đã đạt hạn ngạch dịch thuật hàng ngày. Nâng cấp gói để tiếp tục sử dụng dịch thuật AI.",
+  "Includes All Plus Plan Benefits": "Bao Gồm Tất Cả Lợi Ích Gói Plus",
+  "Early Feature Access": "Truy Cập Tính Năng Sớm",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "Khám phá tính năng mới, cập nhật và đổi mới trước người khác.",
+  "Advanced AI Tools": "Công Cụ AI Nâng Cao",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "Khai thác công cụ AI mạnh mẽ cho đọc thông minh, dịch thuật và khám phá nội dung.",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "Dịch tới 100.000 ký tự hàng ngày với công cụ dịch chính xác nhất hiện có.",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "Dịch tới 500.000 ký tự hàng ngày với công cụ dịch chính xác nhất hiện có.",
+  "10 GB Cloud Sync Storage": "Lưu Trữ Đồng Bộ Đám Mây 10 GB",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "Lưu trữ và truy cập an toàn toàn bộ bộ sưu tập đọc với tới 2 GB lưu trữ đám mây.",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "Lưu trữ và truy cập an toàn toàn bộ bộ sưu tập đọc với tới 10 GB lưu trữ đám mây.",
+  "Deleted cloud backup of the book: {{title}}": "Đã xóa bản sao lưu đám mây của sách: {{title}}",
+  "Failed to delete cloud backup of the book": "Không thể xóa bản sao lưu đám mây của sách.",
+  "Are you sure to delete the cloud backup of the selected book?": "Bạn có chắc chắn muốn xóa bản sao lưu đám mây của sách đã chọn không?"
 }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "确认删除",
  "Copied to notebook": "已复制到笔记本",
  "Copy": "复制",
-  "Custom CSS": "自定义 CSS",
  "Dark Mode": "深色主题",
  "Default": "默认",
  "Default Font": "默认字体",
@@ -28,7 +27,6 @@
  "Dictionary": "词典",
  "Download Readest": "下载 Readest",
  "Edit": "编辑",
-  "Enter your custom CSS here...": "在此处输入您的自定义 CSS...",
  "Excerpts": "摘录",
  "Failed to import book(s): {{filenames}}": "导入书籍失败：{{filenames}}",
  "Fast": "快",
@@ -128,8 +126,6 @@
  "Failed to download book: {{title}}": "下载书籍失败：{{title}}",
  "Upload Book": "上传书籍",
  "Auto Upload Books to Cloud": "自动上传书籍到云端",
-  "{{percentage}}% of Cloud Storage Used.": "已使用 {{percentage}}% 云存储空间",
-  "Storage": "存储空间",
  "Book deleted: {{title}}": "书籍已删除：{{title}}",
  "Failed to delete book: {{title}}": "删除书籍失败：{{title}}",
  "Check Updates on Start": "启动时检查更新",
@@ -161,7 +157,7 @@
  "Create a Password": "创建密码",
  "Sign up": "注册",
  "Signing up...": "正在注册...",
-  "Don’t have an account? Sign up": "没有账号？注册",
+  "Don't have an account? Sign up": "没有账号？注册",
  "Check your email for the confirmation link": "检查您的电子邮件以获取确认链接",
  "Signing in ...": "正在登录...",
  "Send a magic link email": "发送魔法链接邮件",
@@ -185,35 +181,13 @@
  "Sign in with GitHub": "使用 GitHub 登录",
  "Account": "账户",
  "Failed to delete user. Please try again later.": "删除用户失败。请稍后重试。",
-  "Unlimited Offline/Online Reading": "无限离线和在线阅读",
-  "Unlimited Cloud Sync Devices": "无限云同步设备个数",
-  "Essential Text-to-Speech Voices": "基础 TTS 语音包",
-  "DeepL Free Access": "免费版 DeepL 翻译",
  "Community Support": "社区支持",
-  "500 MB Cloud Sync Space": "500 MB 云同步空间",
-  "Includes All Free Tier Benefits": "包含所有免费版权益",
-  "AI Summaries": "AI 摘要",
-  "AI Translations": "AI 翻译",
  "Priority Support": "优先支持",
-  "DeepL Pro Access": "专业版 DeepL 翻译",
-  "Expanded Text-to-Speech Voices": "更多文本转语音声音",
-  "2000 MB Cloud Sync Space": "2000 MB 云同步空间",
-  "Includes All Plus Tier Benefits": "包含所有增强版权益",
-  "Unlimited AI Summaries": "无限使用 AI 摘要",
-  "Unlimited AI Translations": "无限使用 AI 翻译",
-  "Unlimited DeepL Pro Access": "无限使用专业版 DeepL 翻译",
-  "Advanced AI Tools": "高级 AI 工具",
-  "Early Feature Access": "抢先体验新功能",
-  "10 GB Cloud Sync Space": "10 GB 云同步空间",
  "Loading profile...": "加载个人资料中...",
-  "Features": "功能特性",
  "Delete Account": "删除账户",
  "Delete Your Account?": "删除您的账户？",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "此操作无法撤销。您在云端的所有数据将被永久删除。",
  "Delete Permanently": "永久删除",
-  "Free Tier": "免费版",
-  "Plus Tier": "增强版",
-  "Pro Tier": "专业版",
  "RTL Direction": "从右向左",
  "Maximum Column Height": "最大列高",
  "Maximum Column Width": "最大列宽",
@@ -345,7 +319,6 @@
  "Quota Exceeded": "额度不足",
  "{{percentage}}% of Daily Translation Characters Used.": "已使用 {{percentage}}% 的每日翻译字符数",
  "Translation Characters": "翻译字数",
-  "Daily translation quota reached. Select another translate service to proceed.": "已达到每日翻译配额，请选择其他翻译服务继续。",
  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} 种声音",
  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "出了点问题。请不要担心，我们的团队已经收到通知并正在修复中。",
  "Error Details:": "错误详情：",
@@ -361,5 +334,84 @@
  "Left Margin (px)": "左边距",
  "Column Gap (%)": "列间距",
  "Always Show Status Bar": "始终显示状态栏",
-  "Translation Not Available": "翻译不可用"
+  "Translation Not Available": "翻译不可用",
+  "Custom Content CSS": "自定义内容 CSS",
+  "Enter CSS for book content styling...": "输入书籍内容样式的CSS…",
+  "Custom Reader UI CSS": "自定义界面 CSS",
+  "Enter CSS for reader interface styling...": "输入阅读器界面样式的CSS…",
+  "Crop": "裁剪",
+  "Book Covers": "书籍封面",
+  "Fit": "适应",
+  "Reset {{settings}}": "重置{{settings}}",
+  "Reset Settings": "重置设置",
+  "{{count}} pages left in chapter_other": "本章剩余 {{count}} 页",
+  "Show Remaining Pages": "显示剩余页数",
+  "Source Han Serif CN VF": "思源宋体",
+  "Huiwen-mincho": "汇文明朝体",
+  "KingHwa_OldSong": "京华老宋体",
+  "Manage Subscription": "管理订阅",
+  "Coming Soon": "即将上线",
+  "Upgrade to {{plan}}": "升级到 {{plan}}",
+  "Upgrade to Plus or Pro": "升级到 Plus 或 Pro",
+  "Current Plan": "当前套餐",
+  "Plan Limits": "套餐限制",
+  "Failed to manage subscription. Please try again later.": "无法管理订阅，请稍后再试。",
+  "Processing your payment...": "正在处理付款...",
+  "Please wait while we confirm your subscription.": "请稍候，我们正在确认您的订阅。",
+  "Payment Processing": "付款处理中",
+  "Your payment is being processed. This usually takes a few moments.": "您的付款正在处理中，通常需要几秒钟。",
+  "Payment Failed": "付款失败",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "我们无法处理您的订阅。请重试，或如问题持续请联系支持。",
+  "Back to Profile": "返回个人资料",
+  "Subscription Successful!": "订阅成功！",
+  "Thank you for your subscription! Your payment has been processed successfully.": "感谢您的订阅！您的付款已成功处理。",
+  "Email:": "邮箱：",
+  "Plan:": "套餐：",
+  "Amount:": "金额：",
+  "Subscription ID:": "订阅 ID：",
+  "Go to Library": "前往书库",
+  "Need help? Contact our support team at support@readest.com": "需要帮助？请联系支持团队：support@readest.com",
+  "Free Plan": "免费套餐",
+  "month": "月",
+  "AI Translations (per day)": "AI 翻译（每日）",
+  "Plus Plan": "Plus 套餐",
+  "Includes All Free Plan Benefits": "包含所有免费套餐功能",
+  "Pro Plan": "Pro 套餐",
+  "More AI Translations": "更多 AI 翻译",
+  "Complete Your Subscription": "完成您的订阅",
+  "{{percentage}}% of Cloud Sync Space Used.": "已使用 {{percentage}}% 的云同步空间。",
+  "Cloud Sync Storage": "云同步空间",
+  "Disable": "禁用",
+  "Enable": "启用",
+  "Upgrade to Readest Premium": "升级到 Readest Premium",
+  "Show Source Text": "显示原文",
+  "Cross-Platform Sync": "跨平台同步",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "在所有设备间无缝同步您的书库、进度、标注和笔记——再也不会丢失阅读位置。",
+  "Customizable Reading": "个性化阅读",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "通过可调节的字体、布局、主题和高级显示设置个性化每个细节，获得完美阅读体验。",
+  "AI Read Aloud": "AI 朗读",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "享受解放双手的阅读体验，使用自然流畅的 AI 语音让书籍栩栩如生。",
+  "AI Translations": "AI 翻译",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "借助 Google、Azure 或 DeepL 的强大功能即时翻译任何语言的内容。",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "与其他读者交流，在我们友好的社区频道中快速获得帮助。",
+  "Unlimited AI Read Aloud Hours": "无限 AI 朗读时长",
+  "Listen without limits—convert as much text as you like into immersive audio.": "将任意数量的文本转换为沉浸式音频。",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "增强翻译功能、更多翻译用量和高级选项。",
+  "DeepL Pro Access": "DeepL Pro 访问权限",
+  "2 GB Cloud Sync Storage": "2GB 云同步存储",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "享受更快响应和专属帮助，随时获得支持。",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "已达每日翻译配额。升级套餐以继续使用 AI 翻译。",
+  "Includes All Plus Plan Benefits": "包含所有 Plus 套餐功能",
+  "Early Feature Access": "抢先体验新功能",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "抢先体验新功能、更新和创新。",
+  "Advanced AI Tools": "高级 AI 工具",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "利用强大的 AI 工具实现智能阅读、翻译和内容发现。",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "使用最精准的翻译引擎每天可翻译10万字。",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "使用最精准的翻译引擎每天可翻译50万字。",
+  "10 GB Cloud Sync Storage": "10GB 云同步存储",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "使用多达 2GB 的安全云存储保存和访问您的整个阅读收藏。",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "使用多达 10GB 的安全云存储保存和访问您的整个阅读收藏。",
+  "Deleted cloud backup of the book: {{title}}": "已删除书籍云备份：{{title}}",
+  "Failed to delete cloud backup of the book": "无法删除书籍云备份。",
+  "Are you sure to delete the cloud backup of the selected book?": "您确定要删除所选书籍的云备份吗？"
 }
@@ -18,7 +18,6 @@
  "Confirm Deletion": "確認刪除",
  "Copied to notebook": "已複製到筆記本",
  "Copy": "複製",
-  "Custom CSS": "自定義 CSS",
  "Dark Mode": "深色主題",
  "Default": "預設",
  "Default Font": "預設字體",
@@ -28,7 +27,6 @@
  "Dictionary": "詞典",
  "Download Readest": "下載 Readest",
  "Edit": "編輯",
-  "Enter your custom CSS here...": "在此處輸入您的自定義 CSS...",
  "Excerpts": "摘錄",
  "Failed to import book(s): {{filenames}}": "導入書籍失敗：{{filenames}}",
  "Fast": "快",
@@ -128,8 +126,6 @@
  "Failed to download book: {{title}}": "書籍下載失敗：{{title}}",
  "Upload Book": "上傳書籍",
  "Auto Upload Books to Cloud": "自動上傳書籍到雲端",
-  "{{percentage}}% of Cloud Storage Used.": "已使用 {{percentage}}% 雲存儲空間",
-  "Storage": "存儲空間",
  "Book deleted: {{title}}": "書籍已刪除：{{title}}",
  "Failed to delete book: {{title}}": "書籍刪除失敗：{{title}}",
  "Check Updates on Start": "啟動時檢查更新",
@@ -161,7 +157,7 @@
  "Create a Password": "創建密碼",
  "Sign up": "註冊",
  "Signing up...": "正在註冊...",
-  "Don’t have an account? Sign up": "沒有帳號？註冊",
+  "Don't have an account? Sign up": "沒有帳號？註冊",
  "Check your email for the confirmation link": "檢查您的電子郵件以獲取確認連結",
  "Signing in ...": "正在登入...",
  "Send a magic link email": "發送魔法連結郵件",
@@ -185,35 +181,13 @@
  "Sign in with GitHub": "使用 GitHub 登入",
  "Account": "帳戶",
  "Failed to delete user. Please try again later.": "刪除使用者失敗。請稍後再試。",
-  "Unlimited Offline/Online Reading": "無限離線/線上閱讀",
-  "Unlimited Cloud Sync Devices": "無限雲端同步裝置",
-  "Essential Text-to-Speech Voices": "基本文字轉語音聲音",
-  "DeepL Free Access": "DeepL免費存取",
  "Community Support": "社群支援",
-  "500 MB Cloud Sync Space": "500 MB雲端同步空間",
-  "Includes All Free Tier Benefits": "包含所有免費方案權益",
-  "AI Summaries": "AI摘要",
-  "AI Translations": "AI翻譯",
  "Priority Support": "優先支援",
-  "DeepL Pro Access": "DeepL專業版存取",
-  "Expanded Text-to-Speech Voices": "擴展文字轉語音聲音",
-  "2000 MB Cloud Sync Space": "2000 MB雲端同步空間",
-  "Includes All Plus Tier Benefits": "包含所有Plus方案權益",
-  "Unlimited AI Summaries": "無限AI摘要",
-  "Unlimited AI Translations": "無限AI翻譯",
-  "Unlimited DeepL Pro Access": "無限DeepL專業版存取",
-  "Advanced AI Tools": "進階AI工具",
-  "Early Feature Access": "搶先體驗新功能",
-  "10 GB Cloud Sync Space": "10 GB雲端同步空間",
  "Loading profile...": "載入個人資料中...",
-  "Features": "功能",
  "Delete Account": "刪除帳戶",
  "Delete Your Account?": "刪除您的帳戶？",
  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "此操作無法撤銷。您在雲端的所有資料將被永久刪除。",
  "Delete Permanently": "永久刪除",
-  "Free Tier": "免費方案",
-  "Plus Tier": "Plus方案",
-  "Pro Tier": "專業方案",
  "RTL Direction": "從右向左",
  "Maximum Column Height": "最大列高",
  "Maximum Column Width": "最大列寬",
@@ -345,7 +319,6 @@
  "Quota Exceeded": "額度不足",
  "{{percentage}}% of Daily Translation Characters Used.": "已使用 {{percentage}}% 的每日翻譯字數",
  "Translation Characters": "翻譯字數",
-  "Daily translation quota reached. Select another translate service to proceed.": "已達到每日翻譯字數限制，請選擇其他翻譯服務繼續。",
  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} 種語音",
  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "出了點問題。別擔心，我們的團隊已經收到通知，正在努力修復。",
  "Error Details:": "錯誤詳情：",
@@ -361,5 +334,84 @@
  "Left Margin (px)": "左邊距",
  "Column Gap (%)": "欄間距",
  "Always Show Status Bar": "始終顯示狀態欄",
-  "Translation Not Available": "翻譯不可用"
+  "Translation Not Available": "翻譯不可用",
+  "Custom Content CSS": "自訂內容 CSS",
+  "Enter CSS for book content styling...": "輸入書籍內容樣式的CSS…",
+  "Custom Reader UI CSS": "自訂介面 CSS",
+  "Enter CSS for reader interface styling...": "輸入閱讀器介面樣式的CSS…",
+  "Crop": "裁剪",
+  "Book Covers": "書籍封面",
+  "Fit": "適應",
+  "Reset {{settings}}": "重置{{settings}}",
+  "Reset Settings": "重置設置",
+  "{{count}} pages left in chapter_other": "本章剩餘 {{count}} 頁",
+  "Show Remaining Pages": "顯示剩餘頁數",
+  "Source Han Serif CN VF": "思源宋體",
+  "Huiwen-mincho": "匯文明朝體",
+  "KingHwa_OldSong": "京華老宋體",
+  "Manage Subscription": "管理訂閱",
+  "Coming Soon": "即將推出",
+  "Upgrade to {{plan}}": "升級到 {{plan}}",
+  "Upgrade to Plus or Pro": "升級到 Plus 或 Pro",
+  "Current Plan": "當前方案",
+  "Plan Limits": "方案限制",
+  "Failed to manage subscription. Please try again later.": "無法管理訂閱，請稍後再試。",
+  "Processing your payment...": "正在處理付款...",
+  "Please wait while we confirm your subscription.": "請稍候，我們正在確認您的訂閱。",
+  "Payment Processing": "付款處理中",
+  "Your payment is being processed. This usually takes a few moments.": "您的付款正在處理中，通常需要幾秒鐘。",
+  "Payment Failed": "付款失敗",
+  "We couldn't process your subscription. Please try again or contact support if the issue persists.": "我們無法處理您的訂閱。請重試，或若問題持續，請聯絡客服。",
+  "Back to Profile": "返回個人資料",
+  "Subscription Successful!": "訂閱成功！",
+  "Thank you for your subscription! Your payment has been processed successfully.": "感謝您的訂閱！您的付款已成功完成。",
+  "Email:": "電子郵件：",
+  "Plan:": "方案：",
+  "Amount:": "金額：",
+  "Subscription ID:": "訂閱 ID：",
+  "Go to Library": "前往書庫",
+  "Need help? Contact our support team at support@readest.com": "需要協助？請聯絡支援團隊：support@readest.com",
+  "Free Plan": "免費方案",
+  "month": "月",
+  "AI Translations (per day)": "AI 翻譯（每日）",
+  "Plus Plan": "Plus 方案",
+  "Includes All Free Plan Benefits": "包含所有免費方案功能",
+  "Pro Plan": "Pro 方案",
+  "More AI Translations": "更多 AI 翻譯",
+  "Complete Your Subscription": "完成您的訂閱",
+  "{{percentage}}% of Cloud Sync Space Used.": "已使用 {{percentage}}% 的雲同步空間。",
+  "Cloud Sync Storage": "雲同步空間",
+  "Disable": "禁用",
+  "Enable": "啟用",
+  "Upgrade to Readest Premium": "升級到 Readest Premium",
+  "Show Source Text": "顯示原文",
+  "Cross-Platform Sync": "跨平台同步",
+  "Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.": "在所有裝置間無縫同步您的書庫、閱讀進度、標註和筆記——再也不會遺失閱讀位置。",
+  "Customizable Reading": "個人化閱讀",
+  "Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.": "透過可調節的字體、版面配置、主題和進階顯示設定個人化每個細節，獲得完美閱讀體驗。",
+  "AI Read Aloud": "AI 朗讀",
+  "Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.": "享受免手持的閱讀體驗，透過自然流暢的 AI 聲音讓書籍栩栩如生。",
+  "AI Translations": "AI 翻譯",
+  "Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.": "借助 Google、Azure 或 DeepL 的強大功能即時翻譯任何文字——理解任何語言的內容。",
+  "Connect with fellow readers and get help fast in our friendly community channels.": "與其他讀者交流，在我們友善的社群頻道中快速獲得幫助。",
+  "Unlimited AI Read Aloud Hours": "無限 AI 朗讀時長",
+  "Listen without limits—convert as much text as you like into immersive audio.": "無限制聆聽——將任意數量的文字轉換為沉浸式音訊。",
+  "Unlock enhanced translation capabilities with more daily usage and advanced options.": "解鎖增強翻譯功能，享受更多翻譯用量和進階選項。",
+  "DeepL Pro Access": "DeepL Pro 存取權限",
+  "2 GB Cloud Sync Storage": "2GB 雲端同步儲存",
+  "Enjoy faster responses and dedicated assistance whenever you need help.": "享受更快回應和專屬幫助，隨時獲得所需支援。",
+  "Daily translation quota reached. Upgrade your plan to continue using AI translations.": "已達每日翻譯配額。升級方案以繼續使用 AI 翻譯。",
+  "Includes All Plus Plan Benefits": "包含所有 Plus 方案優惠",
+  "Early Feature Access": "搶先體驗新功能",
+  "Be the first to explore new features, updates, and innovations before anyone else.": "搶先體驗新功能、更新和創新。",
+  "Advanced AI Tools": "進階 AI 工具",
+  "Harness powerful AI tools for smarter reading, translation, and content discovery.": "運用強大的 AI 工具實現智慧閱讀、翻譯和內容探索。",
+  "Translate up to 100,000 characters daily with the most accurate translation engine available.": "使用最精準的翻譯引擎每天翻譯多達10萬字元。",
+  "Translate up to 500,000 characters daily with the most accurate translation engine available.": "使用最精準的翻譯引擎每天翻譯多達50萬字元。",
+  "10 GB Cloud Sync Storage": "10GB 雲端同步儲存",
+  "Securely store and access your entire reading collection with up to 2 GB of cloud storage.": "使用多達 2GB 的安全雲端儲存保存和存取您的整個閱讀收藏。",
+  "Securely store and access your entire reading collection with up to 10 GB of cloud storage.": "使用多達 10GB 的安全雲端儲存保存和存取您的整個閱讀收藏。",
+  "Deleted cloud backup of the book: {{title}}": "已刪除書籍的雲端備份：{{title}}",
+  "Failed to delete cloud backup of the book": "無法刪除書籍的雲端備份。",
+  "Are you sure to delete the cloud backup of the selected book?": "您確定要刪除所選書籍的雲端備份嗎？"
 }
@@ -1,5 +1,45 @@
 {
  "releases": {
+    "0.9.63": {
+      "date": "2025-07-07",
+      "notes": [
+        "Reader: Fixed links not working in some MOBI books",
+        "TTS: Fixed an issue where some text was skipped during reading",
+        "Library: You can now delete only the cloud backup of a book without removing the local copy",
+        "Performance: Fonts in the font list now load only when displayed for faster startup",
+        "Performance: Opening large MOBI books is now significantly faster",
+        "Layout: Fixed overlay scrollbar display in virtualized book lists",
+        "Layout: Improved grid cover image height in crop mode",
+        "Layout: Removed unsupported screen orientation lock option on iPad",
+        "Layout: System context menu no longer appears when selecting text on iPad",
+        "Translation: Added Thai (th-TH) language support"
+      ]
+    },
+    "0.9.62": {
+      "date": "2025-07-02",
+      "notes": [
+        "Subscription: You can now upgrade to Readest Premium and manage your subscription",
+        "Reader: Added an option to toggle Parallel Reading when viewing multiple books",
+        "Translation: Added an option to show or hide the original text in translations",
+        "Layout: TOC on Android now uses an overlay scrollbar for easier navigation",
+        "Layout: Custom CSS can now also be applied to the library page",
+        "Fonts: Added three new CJK fonts to choose from",
+        "Shortcuts: Press ESC to quickly close the search bar"
+      ]
+    },
+    "0.9.61": {
+      "date": "2025-06-26",
+      "notes": [
+        "Layout: Fixed view menu width on smaller screens",
+        "Layout: Added option to crop or fit book covers in library view",
+        "Reader: You can now apply custom CSS to the reading interface (UI)",
+        "Reader: Added an option to show remaining pages in the current chapter",
+        "Settings: Added options to reset settings from the config dialog",
+        "Import: Fixed encoded filenames when importing TXT files on iOS",
+        "Linux: Fixed missing app icon on some Linux distributions",
+        "GitHub: Added donation link to support Readest development"
+      ]
+    },
    "0.9.60": {
      "date": "2025-06-22",
      "notes": [
@@ -32,7 +32,7 @@ reqwest = { version = "0.12", default-features = false, features = [
 ] }
 # FIXME: remove the devtools feature in production
 tauri = { version = "2.5.1", features = [ "protocol-asset", "devtools"] }
-tauri-build = "2.1.1"
+tauri-build = "2.3.0"
 tauri-plugin-log = "2.4.0"
 tauri-plugin-fs = "2.2.1"
 tauri-plugin-dialog = "2.2.1"
@@ -15,28 +15,29 @@ val tauriProperties = Properties().apply {
 }

 android {
-    compileSdk = 34
+    compileSdk = 35
    namespace = "com.bilingify.readest"
+    val keystorePropertiesFile = rootProject.file("keystore.properties")
+    val keystoreProperties = Properties()
+    if (keystorePropertiesFile.exists()) {
+        keystoreProperties.load(FileInputStream(keystorePropertiesFile))
+    }
    defaultConfig {
        manifestPlaceholders["usesCleartextTraffic"] = "false"
        applicationId = "com.bilingify.readest"
        minSdk = 26
-        targetSdk = 34
+        targetSdk = 35
        versionCode = tauriProperties.getProperty("tauri.android.versionCode", "1").toInt()
        versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
    }
    signingConfigs {
-        create("release") {
-            val keystorePropertiesFile = rootProject.file("keystore.properties")
-            val keystoreProperties = Properties()
-            if (keystorePropertiesFile.exists()) {
-                keystoreProperties.load(FileInputStream(keystorePropertiesFile))
+        if (keystorePropertiesFile.exists()) {
+            create("signing") {
+                keyAlias = keystoreProperties["keyAlias"] as String
+                keyPassword = keystoreProperties["password"] as String
+                storeFile = file(keystoreProperties["storeFile"] as String)
+                storePassword = keystoreProperties["password"] as String
            }
-
-            keyAlias = keystoreProperties["keyAlias"] as String
-            keyPassword = keystoreProperties["password"] as String
-            storeFile = file(keystoreProperties["storeFile"] as String)
-            storePassword = keystoreProperties["password"] as String
        }
    }
    buildTypes {
@@ -45,14 +46,20 @@ android {
            isDebuggable = true
            isJniDebuggable = true
            isMinifyEnabled = false
-            packaging {                jniLibs.keepDebugSymbols.add("*/arm64-v8a/*.so")
+            if (keystorePropertiesFile.exists()) {
+                signingConfig = signingConfigs.getByName("signing")
+            }
+            packaging {
+                jniLibs.keepDebugSymbols.add("*/arm64-v8a/*.so")
                jniLibs.keepDebugSymbols.add("*/armeabi-v7a/*.so")
                jniLibs.keepDebugSymbols.add("*/x86/*.so")
                jniLibs.keepDebugSymbols.add("*/x86_64/*.so")
            }
        }
        getByName("release") {
-            signingConfig = signingConfigs.getByName("release")
+            if (keystorePropertiesFile.exists()) {
+                signingConfig = signingConfigs.getByName("signing")
+            }
        }
    }
    kotlinOptions {
@@ -9,10 +9,11 @@

    <application
        android:icon="@mipmap/ic_launcher"
+        android:roundIcon="@mipmap/ic_launcher"
        android:largeHeap="true"
        android:label="@string/app_name"
        android:theme="@style/Theme.readest"
-	android:hardwareAccelerated="true"
+        android:hardwareAccelerated="true"
        android:usesCleartextTraffic="${usesCleartextTraffic}">
        <activity
            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode"
@@ -41,15 +42,15 @@
                <data android:mimeType="application/zip" />
                <data android:mimeType="text/plain" />

-                <data android:pathPattern=".*\\.epub" />
-                <data android:pathPattern=".*\\.pdf" />
-                <data android:pathPattern=".*\\.fb2" />
-                <data android:pathPattern=".*\\.fb2.zip" />
-                <data android:pathPattern=".*\\.mobi" />
-                <data android:pathPattern=".*\\.azw" />
-                <data android:pathPattern=".*\\.cbz" />
-                <data android:pathPattern=".*\\.zip" />
-                <data android:pathPattern=".*\\.txt" />
+                <data android:pathPattern="/.*\\.epub" />
+                <data android:pathPattern="/.*\\.pdf" />
+                <data android:pathPattern="/.*\\.fb2" />
+                <data android:pathPattern="/.*\\.fb2.zip" />
+                <data android:pathPattern="/.*\\.mobi" />
+                <data android:pathPattern="/.*\\.azw" />
+                <data android:pathPattern="/.*\\.cbz" />
+                <data android:pathPattern="/.*\\.zip" />
+                <data android:pathPattern="/.*\\.txt" />
            </intent-filter>

            <intent-filter android:label="oauth">
@@ -69,10 +70,13 @@
                <action android:name="android.intent.action.VIEW" />
                <category android:name="android.intent.category.DEFAULT" />
                <category android:name="android.intent.category.BROWSABLE" />
-                <data android:scheme="http" />
                <data android:scheme="https" />
+                <data android:scheme="http" />
                <data android:host="web.readest.com" />
                
+                
+                
+                
            </intent-filter>
            <!-- DEEP LINK PLUGIN. AUTO-GENERATED. DO NOT REMOVE. -->
        </activity>
@@ -81,39 +81,15 @@ class MainActivity : TauriActivity(), KeyDownInterceptor {
    override fun onCreate(savedInstanceState: Bundle?) {
        enableEdgeToEdge()
        super.onCreate(savedInstanceState)
-        updateTaskDescription()
-    }

-    override fun onConfigurationChanged(newConfig: Configuration) {
-        super.onConfigurationChanged(newConfig)
-        updateTaskDescription()
-    }
-
-    override fun onResume() {
-        super.onResume()
-        updateTaskDescription()
-    }
-
-    private fun updateTaskDescription() {
-        val backgroundColor = if (isDarkTheme()) {
-            Color.parseColor("#2D2D2D")
-        } else {
-            Color.parseColor("#FFFFFF")
-        }
-
-        setTaskDescription(
-            ActivityManager.TaskDescription(
-                "Readest",
-                null,
-                backgroundColor
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
+            setTaskDescription(
+                ActivityManager.TaskDescription(
+                    getString(R.string.app_name),
+                    null,
+                    Color.TRANSPARENT
+                )
            )
-        )
-    }
-
-    private fun isDarkTheme(): Boolean {
-        return when (resources.configuration.uiMode and Configuration.UI_MODE_NIGHT_MASK) {
-            Configuration.UI_MODE_NIGHT_YES -> true
-            else -> false
        }
    }
 }
@@ -5,7 +5,7 @@ plugins {

 android {
    namespace = "com.readest.native_bridge"
-    compileSdk = 34
+    compileSdk = 35

    defaultConfig {
        minSdk = 21
@@ -5,7 +5,7 @@ plugins {

 android {
    namespace = "com.readest.native_tts"
-    compileSdk = 34
+    compileSdk = 35

    defaultConfig {
        minSdk = 21
@@ -29,14 +29,14 @@ fn allow_file_in_scopes(app: &AppHandle, files: Vec<PathBuf>) {
    let asset_protocol_scope = app.asset_protocol_scope();
    for file in &files {
        if let Err(e) = fs_scope.allow_file(file) {
-            eprintln!("Failed to allow file in fs_scope: {}", e);
+            eprintln!("Failed to allow file in fs_scope: {e}");
        } else {
-            println!("Allowed file in fs_scope: {:?}", file);
+            println!("Allowed file in fs_scope: {file:?}");
        }
        if let Err(e) = asset_protocol_scope.allow_file(file) {
-            eprintln!("Failed to allow file in asset_protocol_scope: {}", e);
+            eprintln!("Failed to allow file in asset_protocol_scope: {e}");
        } else {
-            println!("Allowed file in asset_protocol_scope: {:?}", file);
+            println!("Allowed file in asset_protocol_scope: {file:?}");
        }
    }
 }
@@ -80,18 +80,18 @@ fn set_window_open_with_files(app: &AppHandle, files: Vec<PathBuf>) {
        .collect::<Vec<_>>()
        .join(",");
    let window = app.get_webview_window("main").unwrap();
-    let script = format!("window.OPEN_WITH_FILES = [{}];", files);
+    let script = format!("window.OPEN_WITH_FILES = [{files}];");
    if let Err(e) = window.eval(&script) {
-        eprintln!("Failed to set open files variable: {}", e);
+        eprintln!("Failed to set open files variable: {e}");
    }
 }

 #[cfg(desktop)]
 fn set_rounded_window(app: &AppHandle, rounded: bool) {
    let window = app.get_webview_window("main").unwrap();
-    let script = format!("window.IS_ROUNDED = {};", rounded);
+    let script = format!("window.IS_ROUNDED = {rounded};");
    if let Err(e) = window.eval(&script) {
-        eprintln!("Failed to set IS_ROUNDED variable: {}", e);
+        eprintln!("Failed to set IS_ROUNDED variable: {e}");
    }
 }

@@ -249,7 +249,7 @@ pub fn run() {
                    .level(log::LevelFilter::Info)
                    .build(),
            ) {
-                eprintln!("Failed to initialize tauri_plugin_log: {}", e);
+                eprintln!("Failed to initialize tauri_plugin_log: {e}");
            };

            let win_builder = WebviewWindowBuilder::new(app, "main", WebviewUrl::default());
@@ -15,12 +15,12 @@
    "security": {
      "csp": {
        "default-src": "'self' 'unsafe-inline' blob: data: customprotocol: asset: http://asset.localhost ipc: http://ipc.localhost",
-        "connect-src": "'self' blob: data: asset: http://asset.localhost ipc: http://ipc.localhost https://*.sentry.io https://*.posthog.com https://*.deepl.com https://*.wikipedia.org https://*.wiktionary.org https://*.supabase.co https://*.readest.com wss://speech.platform.bing.com https://*.cloudflarestorage.com https://translate.googleapis.com https://*.microsofttranslator.com https://edge.microsoft.com",
+        "connect-src": "'self' blob: data: asset: http://asset.localhost ipc: http://ipc.localhost https://*.sentry.io https://*.posthog.com https://*.deepl.com https://*.wikipedia.org https://*.wiktionary.org https://*.supabase.co https://*.readest.com wss://speech.platform.bing.com https://*.cloudflarestorage.com https://translate.googleapis.com https://*.microsofttranslator.com https://edge.microsoft.com https://*.googleusercontent.com",
        "img-src": "'self' blob: data: asset: http://asset.localhost https://*",
-        "style-src": "'self' 'unsafe-inline' blob: asset: http://asset.localhost https://cdn.jsdelivr.net https://fonts.googleapis.com https://fontsapi.zeoseven.com",
-        "font-src": "'self' blob: data: asset: http://asset.localhost tauri: https://db.onlinewebfonts.com https://cdn.jsdelivr.net https://fonts.gstatic.com https://fontsapi.zeoseven.com",
-        "frame-src": "'self' blob: asset: http://asset.localhost",
-        "script-src": "'self' 'unsafe-inline' 'unsafe-eval' blob: asset: http://asset.localhost https://*.sentry.io https://*.posthog.com"
+        "style-src": "'self' 'unsafe-inline' blob: asset: http://asset.localhost https://cdn.jsdelivr.net https://fonts.googleapis.com https://ik.imagekit.io",
+        "font-src": "'self' blob: data: asset: http://asset.localhost tauri: https://db.onlinewebfonts.com https://cdn.jsdelivr.net https://fonts.gstatic.com https://ik.imagekit.io",
+        "frame-src": "'self' blob: asset: http://asset.localhost https://*.stripe.com",
+        "script-src": "'self' 'unsafe-inline' 'unsafe-eval' blob: asset: http://asset.localhost https://*.sentry.io https://*.posthog.com  https://*.stripe.com"
      },
      "assetProtocol": {
        "enable": true,
@@ -0,0 +1,36 @@
+import Stripe from 'stripe';
+import { NextResponse } from 'next/server';
+import { getStripe } from '@/libs/stripe/server';
+import { createOrUpdateSubscription } from '@/utils/stripe';
+import { validateUserAndToken } from '@/utils/access';
+
+export async function POST(request: Request) {
+  const { sessionId } = await request.json();
+
+  const { user, token } = await validateUserAndToken(request.headers.get('authorization'));
+  if (!user || !token) {
+    return NextResponse.json({ error: 'Not authenticated' }, { status: 403 });
+  }
+
+  try {
+    const stripe = getStripe();
+    const session = await stripe.checkout.sessions.retrieve(sessionId);
+
+    if (session.payment_status === 'paid') {
+      const customerId = session.customer as string;
+      const subscriptionId = session.subscription as string;
+      await createOrUpdateSubscription(user.id, customerId, subscriptionId);
+    }
+
+    return NextResponse.json({ session });
+  } catch (error) {
+    if (error instanceof Stripe.errors.StripeError) {
+      console.error('Stripe error:', error);
+      return NextResponse.json({ error: error.message }, { status: 500 });
+    }
+    return NextResponse.json(
+      { error: error instanceof Error ? error.message : 'Unknown error' },
+      { status: 500 },
+    );
+  }
+}
@@ -0,0 +1,74 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { getStripe } from '@/libs/stripe/server';
+import { validateUserAndToken } from '@/utils/access';
+import { createSupabaseAdminClient } from '@/utils/supabase';
+
+export async function POST(request: NextRequest) {
+  const { priceId, embedded = true, metadata = {} } = await request.json();
+
+  const { user, token } = await validateUserAndToken(request.headers.get('authorization'));
+  if (!user || !token) {
+    return NextResponse.json({ error: 'Not authenticated' }, { status: 403 });
+  }
+
+  const enhancedMetadata = {
+    ...metadata,
+    userId: user.id,
+  };
+
+  try {
+    const supabase = createSupabaseAdminClient();
+    const { data: customerData } = await supabase
+      .from('customers')
+      .select('stripe_customer_id')
+      .eq('user_id', user.id)
+      .single();
+
+    let customerId;
+    if (!customerData?.stripe_customer_id) {
+      const stripe = getStripe();
+      const customer = await stripe.customers.create({
+        email: user.email,
+        metadata: {
+          userId: user.id,
+        },
+      });
+      customerId = customer.id;
+      await supabase.from('customers').insert({
+        user_id: user.id,
+        stripe_customer_id: customerId,
+      });
+    } else {
+      customerId = customerData.stripe_customer_id;
+    }
+
+    const stripe = getStripe();
+    const successUrl = `${request.headers.get('origin')}/user/subscription/success?session_id={CHECKOUT_SESSION_ID}`;
+    const returnUrl = `${request.headers.get('origin')}/user`;
+    const session = await stripe.checkout.sessions.create({
+      ui_mode: embedded ? 'embedded' : 'hosted',
+      customer: customerId,
+      mode: 'subscription',
+      payment_method_types: ['card'],
+      line_items: [
+        {
+          price: priceId,
+          quantity: 1,
+        },
+      ],
+      metadata: enhancedMetadata,
+      success_url: embedded ? undefined : successUrl,
+      cancel_url: embedded ? undefined : returnUrl,
+      redirect_on_completion: embedded ? 'never' : undefined,
+    });
+
+    return NextResponse.json({
+      url: session.url,
+      sessionId: session.id,
+      clientSecret: session.client_secret,
+    });
+  } catch (error) {
+    console.error(error);
+    return NextResponse.json({ error: 'Error creating checkout session' }, { status: 500 });
+  }
+}
@@ -0,0 +1,39 @@
+import Stripe from 'stripe';
+import { NextResponse } from 'next/server';
+import { getStripe } from '@/libs/stripe/server';
+import { UserPlan } from '@/types/user';
+
+export async function GET() {
+  try {
+    const stripe = getStripe();
+    const prices = await stripe.prices.list({
+      expand: ['data.product'],
+      active: true,
+      type: 'recurring',
+    });
+
+    const plans = prices.data
+      .filter((price) => {
+        const product = price.product as Stripe.Product;
+        return product.active === true;
+      })
+      .map((price) => {
+        const product = price.product as Stripe.Product & {
+          metadata: { plan: UserPlan };
+        };
+        return {
+          plan: product.metadata.plan,
+          price_id: price.id,
+          price: price.unit_amount,
+          currency: price.currency,
+          interval: price.recurring?.interval,
+          product: price.product,
+        };
+      });
+
+    return NextResponse.json(plans);
+  } catch (error) {
+    console.error(error);
+    return NextResponse.json({ error: 'Error fetching subscription plans' }, { status: 500 });
+  }
+}
@@ -0,0 +1,35 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { getStripe } from '@/libs/stripe/server';
+import { validateUserAndToken } from '@/utils/access';
+import { createSupabaseAdminClient } from '@/utils/supabase';
+
+export async function POST(request: NextRequest) {
+  const { user, token } = await validateUserAndToken(request.headers.get('authorization'));
+  if (!user || !token) {
+    return NextResponse.json({ error: 'Not authenticated' }, { status: 403 });
+  }
+
+  try {
+    const supabase = createSupabaseAdminClient();
+    const { data: customerData } = await supabase
+      .from('customers')
+      .select('stripe_customer_id')
+      .eq('user_id', user.id)
+      .single();
+
+    if (!customerData?.stripe_customer_id) {
+      throw new Error('Customer not found');
+    }
+
+    const stripe = getStripe();
+    const session = await stripe.billingPortal.sessions.create({
+      customer: customerData.stripe_customer_id,
+      return_url: `${request.headers.get('origin')}/user`,
+    });
+
+    return NextResponse.json({ url: session.url });
+  } catch (error) {
+    console.error(error);
+    return NextResponse.json({ error: 'Error creating portal session' }, { status: 500 });
+  }
+}
@@ -0,0 +1,218 @@
+import Stripe from 'stripe';
+import { NextRequest, NextResponse } from 'next/server';
+import { getStripe } from '@/libs/stripe/server';
+import { createOrUpdateSubscription } from '@/utils/stripe';
+import { createSupabaseAdminClient } from '@/utils/supabase';
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.text();
+    const signature = request.headers.get('stripe-signature');
+
+    if (!signature) {
+      return NextResponse.json({ error: 'Missing Stripe signature' }, { status: 401 });
+    }
+
+    const stripe = getStripe();
+
+    let event;
+    try {
+      event = stripe.webhooks.constructEvent(
+        body,
+        signature,
+        process.env['STRIPE_WEBHOOK_SECRET']!,
+      );
+    } catch (err) {
+      const message = err instanceof Error ? err.message : 'Unknown error';
+      console.error(`Webhook signature verification failed: ${message}`);
+      return NextResponse.json(
+        {
+          error: `Webhook signature verification failed: ${message}`,
+        },
+        { status: 400 },
+      );
+    }
+
+    switch (event.type) {
+      case 'checkout.session.completed':
+        const session = event.data.object;
+        const userId = session.metadata?.['userId'];
+        if (userId) {
+          if (session.mode === 'subscription') {
+            await handleSuccessfulSubscription(session, userId);
+          } else {
+            await handleSuccessfulPayment(session, userId);
+          }
+        }
+        break;
+
+      case 'invoice.payment_succeeded':
+        await handleSuccessfulInvoice(event.data.object);
+        break;
+
+      case 'invoice.payment_failed':
+        await handleFailedInvoice(event.data.object);
+        break;
+
+      case 'customer.subscription.updated':
+        await handleSubscriptionUpdated(event.data.object);
+        break;
+
+      case 'customer.subscription.deleted':
+        await handleSubscriptionCancelled(event.data.object);
+        break;
+    }
+
+    return NextResponse.json({ received: true });
+  } catch (error) {
+    const message = error instanceof Error ? error.message : 'Unknown error';
+    console.error('Webhook error:', message);
+    return NextResponse.json({ error: message }, { status: 500 });
+  }
+}
+
+async function handleSuccessfulPayment(session: Stripe.Checkout.Session, userId: string) {
+  const supabase = createSupabaseAdminClient();
+  await supabase.from('payments').insert({
+    user_id: userId,
+    stripe_checkout_id: session.id,
+    amount: session.amount_total,
+    currency: session.currency,
+    status: 'completed',
+    payment_intent: session.payment_intent,
+    payment_method: session.payment_method_types?.[0] || 'unknown',
+    created_at: new Date().toISOString(),
+  });
+}
+
+async function handleSuccessfulSubscription(session: Stripe.Checkout.Session, userId: string) {
+  const customerId = session.customer as string;
+  const subscriptionId = session.subscription as string;
+
+  await createOrUpdateSubscription(userId, customerId, subscriptionId);
+}
+
+async function handleSuccessfulInvoice(invoice: Stripe.Invoice) {
+  const customerId = invoice.customer;
+  const subscriptionId = invoice.parent?.subscription_details?.subscription;
+
+  if (!subscriptionId) {
+    return;
+  }
+
+  const supabase = createSupabaseAdminClient();
+  const { data: customerData } = await supabase
+    .from('customers')
+    .select('user_id')
+    .eq('stripe_customer_id', customerId)
+    .single();
+
+  if (!customerData?.user_id) {
+    console.error('Customer not found:', customerId);
+    return;
+  }
+
+  await supabase
+    .from('subscriptions')
+    .update({
+      status: 'active',
+      current_period_end: new Date(invoice.lines.data[0]!.period.end * 1000).toISOString(),
+    })
+    .eq('stripe_subscription_id', subscriptionId);
+
+  await supabase
+    .from('plans')
+    .update({
+      status: 'active',
+    })
+    .eq('user_id', customerData.user_id);
+}
+
+async function handleFailedInvoice(invoice: Stripe.Invoice) {
+  const customerId = invoice.customer;
+  const subscriptionId = invoice.parent?.subscription_details?.subscription;
+
+  if (!subscriptionId) {
+    return;
+  }
+
+  const supabase = createSupabaseAdminClient();
+  const { data: customerData } = await supabase
+    .from('customers')
+    .select('user_id')
+    .eq('stripe_customer_id', customerId)
+    .single();
+
+  if (!customerData?.user_id) {
+    console.error('Customer not found:', customerId);
+    return;
+  }
+
+  await supabase
+    .from('subscriptions')
+    .update({
+      status: 'past_due',
+    })
+    .eq('stripe_subscription_id', subscriptionId);
+
+  await supabase
+    .from('plans')
+    .update({
+      status: 'past_due',
+    })
+    .eq('id', customerData.user_id);
+}
+
+async function handleSubscriptionUpdated(subscription: Stripe.Subscription) {
+  const subscriptionId = subscription.id;
+
+  const supabase = createSupabaseAdminClient();
+  const { data: subscriptionData } = await supabase
+    .from('subscriptions')
+    .select('user_id, stripe_customer_id')
+    .eq('stripe_subscription_id', subscriptionId)
+    .single();
+
+  if (!subscriptionData) {
+    console.error('Subscription not found:', subscriptionId);
+    return;
+  }
+  const { user_id, stripe_customer_id } = subscriptionData;
+  await createOrUpdateSubscription(user_id, stripe_customer_id, subscriptionId);
+}
+
+async function handleSubscriptionCancelled(subscription: Stripe.Subscription) {
+  const subscriptionId = subscription.id;
+
+  const supabase = createSupabaseAdminClient();
+  await supabase
+    .from('subscriptions')
+    .update({
+      status: 'cancelled',
+      cancelled_at: new Date().toISOString(),
+    })
+    .eq('stripe_subscription_id', subscriptionId);
+
+  const { data: subscriptionData } = await supabase
+    .from('subscriptions')
+    .select('user_id')
+    .eq('stripe_subscription_id', subscriptionId)
+    .single();
+
+  if (subscriptionData?.user_id) {
+    await supabase
+      .from('plans')
+      .update({
+        plan: 'free',
+        status: 'cancelled',
+      })
+      .eq('id', subscriptionData.user_id);
+  }
+}
+
+// This is needed to parse the body as a stream for the webhook signature verification
+export const config = {
+  api: {
+    bodyParser: false,
+  },
+};
@@ -1,42 +1,42 @@
 'use client';

+import { useEffect } from 'react';
 import { useRouter } from 'next/navigation';
-import { handleAuthCallback } from '@/helpers/auth';
 import { useAuth } from '@/context/AuthContext';
+import { handleAuthCallback } from '@/helpers/auth';

 export default function AuthCallback() {
  const router = useRouter();
  const { login } = useAuth();

-  if (typeof window === 'undefined') {
-    return null;
-  }
-  const hash = window.location.hash || '';
-  const params = new URLSearchParams(hash.slice(1));
+  useEffect(() => {
+    const hash = window.location.hash || '';
+    const params = new URLSearchParams(hash.slice(1));

-  const accessToken = params.get('access_token');
-  const refreshToken = params.get('refresh_token');
-  const type = params.get('type');
-  const next = params.get('next') ?? '/';
-  const error = params.get('error');
-  const errorDescription = params.get('error_description');
-  const errorCode = params.get('error_code');
+    const accessToken = params.get('access_token');
+    const refreshToken = params.get('refresh_token');
+    const type = params.get('type');
+    const next = params.get('next') ?? '/';
+    const error = params.get('error');
+    const errorDescription = params.get('error_description');
+    const errorCode = params.get('error_code');

-  handleAuthCallback({
-    accessToken,
-    refreshToken,
-    type,
-    next,
-    error,
-    errorCode,
-    errorDescription,
-    login,
-    navigate: router.push,
-  });
+    handleAuthCallback({
+      accessToken,
+      refreshToken,
+      type,
+      next,
+      error,
+      errorCode,
+      errorDescription,
+      login,
+      navigate: router.push,
+    });
+  }, [login, router]);

  return (
    <div className='fixed inset-0 z-50 flex items-center justify-center'>
-      <span className='loading loading-infinity loading-xl w-20'></span>
+      <span className='loading loading-infinity loading-xl w-20' />
    </div>
  );
 }
@@ -241,7 +241,7 @@ export default function AuthPage() {
          button_label: _('Sign up'),
          loading_button_label: _('Signing up...'),
          social_provider_text: _('Sign in with {{provider}}'),
-          link_text: _('Don’t have an account? Sign up'),
+          link_text: _("Don't have an account? Sign up"),
          confirmation_text: _('Check your email for the confirmation link'),
        },
        magic_link: {
@@ -11,15 +11,16 @@ import { useEnv } from '@/context/EnvContext';
 import { useAuth } from '@/context/AuthContext';
 import { useRouter } from 'next/navigation';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
-import { LibraryViewModeType } from '@/types/settings';
+import { LibraryCoverFitType, LibraryViewModeType } from '@/types/settings';
 import { navigateToLogin } from '@/utils/nav';
 import { formatAuthors } from '@/utils/book';
 import ReadingProgress from './ReadingProgress';
 import BookCover from '@/components/BookCover';

 interface BookItemProps {
-  mode: LibraryViewModeType;
  book: Book;
+  mode: LibraryViewModeType;
+  coverFit: LibraryCoverFitType;
  isSelectMode: boolean;
  selectedBooks: string[];
  transferProgress: number | null;
@@ -29,8 +30,9 @@ interface BookItemProps {
 }

 const BookItem: React.FC<BookItemProps> = ({
-  mode,
  book,
+  mode,
+  coverFit,
  isSelectMode,
  selectedBooks,
  transferProgress,
@@ -52,18 +54,19 @@ const BookItem: React.FC<BookItemProps> = ({
    <div
      className={clsx(
        'book-item flex',
-        mode === 'grid' && 'h-full flex-col',
+        mode === 'grid' && 'h-full flex-col justify-end',
        mode === 'list' && 'h-28 flex-row gap-4 overflow-hidden',
        appService?.hasContextMenu ? 'cursor-pointer' : '',
      )}
    >
      <div
        className={clsx(
-          'bg-base-100 relative flex aspect-[28/41] items-center justify-center overflow-hidden shadow-md',
+          'relative flex aspect-[28/41] items-center justify-center',
+          coverFit === 'crop' && 'overflow-hidden shadow-md',
          mode === 'list' && 'min-w-20',
        )}
      >
-        <BookCover mode={mode} book={book} />
+        <BookCover mode={mode} book={book} coverFit={coverFit} />
        {selectedBooks.includes(book.hash) && (
          <div className='absolute inset-0 bg-black opacity-30 transition-opacity duration-300'></div>
        )}
@@ -119,7 +122,7 @@ const BookItem: React.FC<BookItemProps> = ({
                onPointerLeave={(e) => stopEvent(e)}
                onClick={() => showBookDetailsModal(book)}
              >
-                <div className='pt-[1px]'>
+                <div className='pt-[2px] sm:pt-[1px]'>
                  <LiaInfoCircleSolid size={iconSize15} />
                </div>
              </button>
@@ -6,7 +6,7 @@ import { MdDelete, MdOpenInNew, MdOutlineCancel, MdInfoOutline } from 'react-ico
 import { LuFolderPlus } from 'react-icons/lu';
 import { PiPlus } from 'react-icons/pi';
 import { Book, BooksGroup } from '@/types/book';
-import { LibraryViewModeType } from '@/types/settings';
+import { LibraryCoverFitType, LibraryViewModeType } from '@/types/settings';
 import { useEnv } from '@/context/EnvContext';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useLibraryStore } from '@/store/libraryStore';
@@ -66,6 +66,7 @@ const Bookshelf: React.FC<BookshelfProps> = ({
  const [sortOrder, setSortOrder] = useState(
    searchParams?.get('order') || (settings.librarySortAscending ? 'asc' : 'desc'),
  );
+  const [coverFit, setCoverFit] = useState(searchParams?.get('cover') || settings.libraryCoverFit);
  const isImportingBook = useRef(false);

  const { setCurrentBookshelf, setLibrary } = useLibraryStore();
@@ -106,6 +107,7 @@ const Bookshelf: React.FC<BookshelfProps> = ({
    const view = searchParams?.get('view') || settings.libraryViewMode;
    const sort = searchParams?.get('sort') || settings.librarySortBy;
    const order = searchParams?.get('order') || (settings.librarySortAscending ? 'asc' : 'desc');
+    const cover = searchParams?.get('cover') || settings.libraryCoverFit;
    const params = new URLSearchParams(searchParams?.toString());
    if (query) {
      params.set('q', query);
@@ -132,6 +134,10 @@ const Bookshelf: React.FC<BookshelfProps> = ({
    } else {
      params.delete('view');
    }
+    setCoverFit(cover);
+    if (cover === 'crop') {
+      params.delete('cover');
+    }
    if (sort === 'updated' && order === 'desc' && view === 'grid') {
      params.delete('sort');
      params.delete('order');
@@ -279,17 +285,18 @@ const Bookshelf: React.FC<BookshelfProps> = ({
    <div className='bookshelf'>
      <div
        className={clsx(
-          'transform-wrapper',
+          'bookshelf-items transform-wrapper',
          viewMode === 'grid' && 'grid flex-1 grid-cols-3 gap-x-4 px-4 sm:gap-x-0 sm:px-2',
          viewMode === 'grid' && 'sm:grid-cols-4 md:grid-cols-6 xl:grid-cols-8 2xl:grid-cols-12',
          viewMode === 'list' && 'flex flex-col',
        )}
      >
-        {filteredBookshelfItems.map((item, index) => (
+        {filteredBookshelfItems.map((item) => (
          <BookshelfItem
-            key={`library-item-${index}`}
-            mode={viewMode as LibraryViewModeType}
+            key={`library-item-${'hash' in item ? item.hash : item.id}`}
            item={item}
+            mode={viewMode as LibraryViewModeType}
+            coverFit={coverFit as LibraryCoverFitType}
            isSelectMode={isSelectMode}
            selectedBooks={selectedBooks}
            setLoading={setLoading}
@@ -10,7 +10,7 @@ import { Menu, MenuItem } from '@tauri-apps/api/menu';
 import { revealItemInDir } from '@tauri-apps/plugin-opener';
 import { getOSPlatform } from '@/utils/misc';
 import { getLocalBookFilename } from '@/utils/book';
-import { LibraryViewModeType } from '@/types/settings';
+import { LibraryCoverFitType, LibraryViewModeType } from '@/types/settings';
 import { BOOK_UNGROUPED_ID, BOOK_UNGROUPED_NAME } from '@/services/constants';
 import { FILE_REVEAL_LABELS, FILE_REVEAL_PLATFORMS } from '@/utils/os';
 import { Book, BookGroupType, BooksGroup } from '@/types/book';
@@ -73,6 +73,7 @@ export const generateGroupsList = (items: Book[]): BookGroupType[] => {
 interface BookshelfItemProps {
  mode: LibraryViewModeType;
  item: BookshelfItem;
+  coverFit: LibraryCoverFitType;
  isSelectMode: boolean;
  selectedBooks: string[];
  transferProgress: number | null;
@@ -88,6 +89,7 @@ interface BookshelfItemProps {
 const BookshelfItem: React.FC<BookshelfItemProps> = ({
  mode,
  item,
+  coverFit,
  isSelectMode,
  selectedBooks,
  transferProgress,
@@ -115,6 +117,10 @@ const BookshelfItem: React.FC<BookshelfItemProps> = ({
  const makeBookAvailable = async (book: Book) => {
    if (book.uploadedAt && !book.downloadedAt) {
      if (await appService?.isBookAvailable(book)) {
+        if (!book.downloadedAt) {
+          book.downloadedAt = Date.now();
+          updateBook(envConfig, book);
+        }
        return true;
      }
      let available = false;
@@ -276,6 +282,7 @@ const BookshelfItem: React.FC<BookshelfItemProps> = ({
            <BookItem
              mode={mode}
              book={item}
+              coverFit={coverFit}
              isSelectMode={isSelectMode}
              selectedBooks={selectedBooks}
              transferProgress={transferProgress}
@@ -1,6 +1,7 @@
 import clsx from 'clsx';
 import { MdCheckCircle, MdCheckCircleOutline } from 'react-icons/md';
 import { useEnv } from '@/context/EnvContext';
+import { useResponsiveSize } from '@/hooks/useResponsiveSize';
 import { BooksGroup } from '@/types/book';
 import BookCover from '@/components/BookCover';

@@ -12,10 +13,12 @@ interface GroupItemProps {

 const GroupItem: React.FC<GroupItemProps> = ({ group, isSelectMode, selectedBooks }) => {
  const { appService } = useEnv();
+  const iconSize15 = useResponsiveSize(15);
+
  return (
    <div
      className={clsx(
-        'group-item flex h-full flex-col',
+        'group-item flex h-full flex-col justify-end',
        appService?.hasContextMenu ? 'cursor-pointer' : '',
      )}
    >
@@ -40,10 +43,13 @@ const GroupItem: React.FC<GroupItemProps> = ({ group, isSelectMode, selectedBook
          </div>
        )}
      </div>
-      <div className='min-w-0 flex-1 pt-2'>
-        <h4 className='block overflow-hidden text-ellipsis whitespace-nowrap text-xs font-semibold'>
-          {group.name}
-        </h4>
+      <div className={clsx('flex w-full flex-col pt-2')}>
+        <div className='min-w-0 flex-1'>
+          <h4 className='block overflow-hidden text-ellipsis whitespace-nowrap text-xs font-semibold'>
+            {group.name}
+          </h4>
+        </div>
+        <div className='placeholder' style={{ height: `${iconSize15}px` }}></div>
      </div>
    </div>
  );
@@ -22,7 +22,7 @@ import WindowButtons from '@/components/WindowButtons';
 import Dropdown from '@/components/Dropdown';
 import SettingsMenu from './SettingsMenu';
 import ImportMenu from './ImportMenu';
-import SortMenu from './SortMenu';
+import ViewMenu from './ViewMenu';

 interface LibraryHeaderProps {
  isSelectMode: boolean;
@@ -228,7 +228,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
              buttonClassName='btn btn-ghost h-8 min-h-8 w-8 p-0'
              toggleButton={<PiDotsThreeCircle size={iconSize18} />}
            >
-              <SortMenu />
+              <ViewMenu />
            </Dropdown>
            <Dropdown
              className='exclude-title-bar-mousedown dropdown-bottom dropdown-end'
@@ -33,6 +33,7 @@ const SettingsMenu: React.FC<SettingsMenuProps> = ({ setIsDropdownOpen }) => {
  const router = useRouter();
  const { envConfig, appService } = useEnv();
  const { user } = useAuth();
+  const { userPlan, quotas } = useQuotaStats();
  const { themeMode, setThemeMode } = useThemeStore();
  const { settings, setSettings, saveSettings } = useSettingsStore();
  const [isAutoUpload, setIsAutoUpload] = useState(settings.autoUpload);
@@ -47,8 +48,6 @@ const SettingsMenu: React.FC<SettingsMenuProps> = ({ setIsDropdownOpen }) => {
  const [isTelemetryEnabled, setIsTelemetryEnabled] = useState(settings.telemetryEnabled);
  const iconSize = useResponsiveSize(16);

-  const { quotas } = useQuotaStats();
-
  const showAboutReadest = () => {
    setAboutDialogVisible(true);
    setIsDropdownOpen?.(false);
@@ -152,6 +151,11 @@ const SettingsMenu: React.FC<SettingsMenuProps> = ({ setIsDropdownOpen }) => {
    setIsTelemetryEnabled(settings.telemetryEnabled);
  };

+  const handleUpgrade = () => {
+    navigateToProfile(router);
+    setIsDropdownOpen?.(false);
+  };
+
  const avatarUrl = user?.user_metadata?.['picture'] || user?.user_metadata?.['avatar_url'];
  const userFullName = user?.user_metadata?.['full_name'];
  const userDisplayName = userFullName ? userFullName.split(' ')[0] : null;
@@ -248,6 +252,9 @@ const SettingsMenu: React.FC<SettingsMenuProps> = ({ setIsDropdownOpen }) => {
        onClick={cycleThemeMode}
      />
      <hr className='border-base-200 my-1' />
+      {user && userPlan === 'free' && !appService?.isIOSApp && (
+        <MenuItem label={_('Upgrade to Readest Premium')} onClick={handleUpgrade} />
+      )}
      {isWebAppPlatform() && <MenuItem label={_('Download Readest')} onClick={downloadReadest} />}
      <MenuItem label={_('About Readest')} onClick={showAboutReadest} />
      <MenuItem
@@ -4,15 +4,15 @@ import { MdCheck } from 'react-icons/md';
 import { useEnv } from '@/context/EnvContext';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useTranslation } from '@/hooks/useTranslation';
-import { LibrarySortByType, LibraryViewModeType } from '@/types/settings';
+import { LibraryCoverFitType, LibrarySortByType, LibraryViewModeType } from '@/types/settings';
 import { navigateToLibrary } from '@/utils/nav';
 import MenuItem from '@/components/MenuItem';

-interface SortMenuProps {
+interface ViewMenuProps {
  setIsDropdownOpen?: (isOpen: boolean) => void;
 }

-const SortMenu: React.FC<SortMenuProps> = ({ setIsDropdownOpen }) => {
+const ViewMenu: React.FC<ViewMenuProps> = ({ setIsDropdownOpen }) => {
  const _ = useTranslation();
  const router = useRouter();
  const searchParams = useSearchParams();
@@ -22,12 +22,18 @@ const SortMenu: React.FC<SortMenuProps> = ({ setIsDropdownOpen }) => {
  const viewMode = settings.libraryViewMode;
  const sortBy = settings.librarySortBy;
  const isAscending = settings.librarySortAscending;
+  const coverFit = settings.libraryCoverFit;

  const viewOptions = [
    { label: _('List'), value: 'list' },
    { label: _('Grid'), value: 'grid' },
  ];

+  const coverFitOptions = [
+    { label: _('Crop'), value: 'crop' },
+    { label: _('Fit'), value: 'fit' },
+  ];
+
  const sortByOptions = [
    { label: _('Title'), value: 'title' },
    { label: _('Author'), value: 'author' },
@@ -52,6 +58,17 @@ const SortMenu: React.FC<SortMenuProps> = ({ setIsDropdownOpen }) => {
    navigateToLibrary(router, `${params.toString()}`);
  };

+  const handleToggleCropCovers = (value: LibraryCoverFitType) => {
+    settings.libraryCoverFit = value;
+    setSettings(settings);
+    saveSettings(envConfig, settings);
+    setIsDropdownOpen?.(false);
+
+    const params = new URLSearchParams(searchParams?.toString());
+    params.set('cover', value);
+    navigateToLibrary(router, `${params.toString()}`);
+  };
+
  const handleSetSortBy = (value: LibrarySortByType) => {
    settings.librarySortBy = value;
    setSettings(settings);
@@ -89,6 +106,22 @@ const SortMenu: React.FC<SortMenuProps> = ({ setIsDropdownOpen }) => {
        />
      ))}
      <hr className='border-base-200 my-1' />
+      <MenuItem
+        label={_('Book Covers')}
+        buttonClass='h-8'
+        labelClass='text-sm sm:text-xs'
+        disabled
+      />
+      {coverFitOptions.map((option) => (
+        <MenuItem
+          key={option.value}
+          label={option.label}
+          buttonClass='h-8'
+          Icon={coverFit === option.value ? MdCheck : undefined}
+          onClick={() => handleToggleCropCovers(option.value as LibraryCoverFitType)}
+        />
+      ))}
+      <hr className='border-base-200 my-1' />
      <MenuItem
        label={_('Sort by...')}
        buttonClass='h-8'
@@ -118,4 +151,4 @@ const SortMenu: React.FC<SortMenuProps> = ({ setIsDropdownOpen }) => {
  );
 };

-export default SortMenu;
+export default ViewMenu;
@@ -4,6 +4,8 @@ import clsx from 'clsx';
 import * as React from 'react';
 import { useState, useRef, useEffect, Suspense } from 'react';
 import { ReadonlyURLSearchParams, useRouter, useSearchParams } from 'next/navigation';
+import { OverlayScrollbarsComponent } from 'overlayscrollbars-react';
+import 'overlayscrollbars/overlayscrollbars.css';

 import { Book } from '@/types/book';
 import { AppService } from '@/types/system';
@@ -26,13 +28,13 @@ import { useLibraryStore } from '@/store/libraryStore';
 import { useSettingsStore } from '@/store/settingsStore';
 import { usePullToRefresh } from '@/hooks/usePullToRefresh';
 import { useTheme } from '@/hooks/useTheme';
+import { useUICSS } from '@/hooks/useUICSS';
 import { useDemoBooks } from './hooks/useDemoBooks';
 import { useBooksSync } from './hooks/useBooksSync';
 import { useSafeAreaInsets } from '@/hooks/useSafeAreaInsets';
 import { useScreenWakeLock } from '@/hooks/useScreenWakeLock';
 import { useOpenWithBooks } from '@/hooks/useOpenWithBooks';
 import { lockScreenOrientation } from '@/utils/bridge';
-import { mountAdditionalFonts } from '@/utils/font';
 import {
  tauriHandleSetAlwaysOnTop,
  tauriHandleToggleFullScreen,
@@ -68,7 +70,6 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
    setCheckLastOpenBooks,
  } = useLibraryStore();
  const _ = useTranslation();
-  useTheme({ systemUIVisible: true, appThemeColor: 'base-200' });
  const insets = useSafeAreaInsets();
  const { settings, setSettings, saveSettings } = useSettingsStore();
  const [loading, setLoading] = useState(false);
@@ -87,6 +88,9 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
  const containerRef = useRef<HTMLDivElement>(null);
  const pageRef = useRef<HTMLDivElement>(null);

+  useTheme({ systemUIVisible: true, appThemeColor: 'base-200' });
+  useUICSS();
+
  useOpenWithBooks();

  const { pullLibrary, pushLibrary } = useBooksSync({
@@ -110,10 +114,6 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
    },
  });

-  useEffect(() => {
-    mountAdditionalFonts(document);
-  }, []);
-
  useEffect(() => {
    const doCheckAppUpdates = async () => {
      if (appService?.hasUpdater && settings.autoCheckUpdates) {
@@ -503,7 +503,7 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP

  const handleBookDelete = async (book: Book) => {
    try {
-      await appService?.deleteBook(book, !!book.uploadedAt);
+      await appService?.deleteBook(book, !!book.uploadedAt, true);
      await updateBook(envConfig, book);
      pushLibrary();
      eventDispatcher.dispatch('toast', {
@@ -525,6 +525,31 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
    }
  };

+  const handleBookDeleteCloudBackup = async (book: Book) => {
+    try {
+      await appService?.deleteBook(book, !!book.uploadedAt, false);
+      await updateBook(envConfig, book);
+      pushLibrary();
+      eventDispatcher.dispatch('toast', {
+        type: 'info',
+        timeout: 2000,
+        message: _('Deleted cloud backup of the book: {{title}}', {
+          title: book.title,
+        }),
+      });
+      return true;
+    } catch (e) {
+      console.error(e);
+      eventDispatcher.dispatch('toast', {
+        type: 'error',
+        message: _('Failed to delete cloud backup of the book', {
+          title: book.title,
+        }),
+      });
+      return false;
+    }
+  };
+
  const handleImportBooks = async () => {
    setIsSelectMode(false);
    console.log('Importing books...');
@@ -601,34 +626,33 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
      )}
      {libraryLoaded &&
        (libraryBooks.some((book) => !book.deletedAt) ? (
-          <div
-            ref={containerRef}
-            className={clsx(
-              'scroll-container drop-zone flex-grow overflow-y-auto',
-              isDragging && 'drag-over',
-            )}
-            style={{
-              paddingTop: '0px',
-              paddingRight: `${insets.right}px`,
-              paddingBottom: `${insets.bottom}px`,
-              paddingLeft: `${insets.left}px`,
-            }}
-          >
-            <DropIndicator />
-            <Bookshelf
-              libraryBooks={libraryBooks}
-              isSelectMode={isSelectMode}
-              isSelectAll={isSelectAll}
-              isSelectNone={isSelectNone}
-              handleImportBooks={handleImportBooks}
-              handleBookUpload={handleBookUpload}
-              handleBookDownload={handleBookDownload}
-              handleBookDelete={handleBookDelete}
-              handleSetSelectMode={handleSetSelectMode}
-              handleShowDetailsBook={handleShowDetailsBook}
-              booksTransferProgress={booksTransferProgress}
-            />
-          </div>
+          <OverlayScrollbarsComponent options={{ scrollbars: { autoHide: 'scroll' } }} defer>
+            <div
+              ref={containerRef}
+              className={clsx('scroll-container drop-zone flex-grow', isDragging && 'drag-over')}
+              style={{
+                paddingTop: '0px',
+                paddingRight: `${insets.right}px`,
+                paddingBottom: `${insets.bottom}px`,
+                paddingLeft: `${insets.left}px`,
+              }}
+            >
+              <DropIndicator />
+              <Bookshelf
+                libraryBooks={libraryBooks}
+                isSelectMode={isSelectMode}
+                isSelectAll={isSelectAll}
+                isSelectNone={isSelectNone}
+                handleImportBooks={handleImportBooks}
+                handleBookUpload={handleBookUpload}
+                handleBookDownload={handleBookDownload}
+                handleBookDelete={handleBookDelete}
+                handleSetSelectMode={handleSetSelectMode}
+                handleShowDetailsBook={handleShowDetailsBook}
+                booksTransferProgress={booksTransferProgress}
+              />
+            </div>
+          </OverlayScrollbarsComponent>
        ) : (
          <div className='hero drop-zone h-screen items-center justify-center'>
            <DropIndicator />
@@ -655,6 +679,7 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
          handleBookUpload={handleBookUpload}
          handleBookDownload={handleBookDownload}
          handleBookDelete={handleBookDelete}
+          handleBookDeleteCloudBackup={handleBookDeleteCloudBackup}
        />
      )}
      <AboutWindow />
@@ -30,7 +30,7 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
  const { appService } = useEnv();
  const { getConfig, getBookData } = useBookDataStore();
  const { getProgress, getViewState, getViewSettings } = useReaderStore();
-  const { getGridInsets, setGridInsets, hoveredBookKey } = useReaderStore();
+  const { setGridInsets, hoveredBookKey } = useReaderStore();
  const { isSideBarVisible, sideBarBookKey } = useSidebarStore();
  const { isFontLayoutSettingsDialogOpen, setFontLayoutSettingsDialogOpen } = useSettingsStore();

@@ -46,16 +46,21 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [sideBarBookKey]);

+  const calcGridInsets = (index: number, count: number) => {
+    if (!screenInsets) return { top: 0, right: 0, bottom: 0, left: 0 };
+    const { top, right, bottom, left } = getInsetEdges(index, count, aspectRatio);
+    return {
+      top: top ? screenInsets.top : 0,
+      right: right ? screenInsets.right : 0,
+      bottom: bottom ? screenInsets.bottom : 0,
+      left: left ? screenInsets.left : 0,
+    };
+  };
+
  useEffect(() => {
    if (!screenInsets) return;
    bookKeys.forEach((bookKey, index) => {
-      const { top, right, bottom, left } = getInsetEdges(index, bookKeys.length, aspectRatio);
-      const gridInsets = {
-        top: top ? screenInsets.top : 0,
-        right: right ? screenInsets.right : 0,
-        bottom: bottom ? screenInsets.bottom : 0,
-        left: left ? screenInsets.left : 0,
-      };
+      const gridInsets = calcGridInsets(index, bookKeys.length);
      setGridInsets(bookKey, gridInsets);
    });
    // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -76,9 +81,9 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
        const config = getConfig(bookKey);
        const progress = getProgress(bookKey);
        const viewSettings = getViewSettings(bookKey);
-        const gridInsets = getGridInsets(bookKey);
+        const gridInsets = calcGridInsets(index, bookKeys.length);
        const { book, bookDoc } = bookData || {};
-        if (!book || !config || !bookDoc || !viewSettings || !gridInsets) return null;
+        if (!book || !config || !bookDoc || !viewSettings) return null;

        const { section, pageinfo, timeinfo, sectionLabel } = progress || {};
        const isBookmarked = getViewState(bookKey)?.ribbonVisible;
@@ -13,7 +13,7 @@ import { usePagination } from '../hooks/usePagination';
 import { useFoliateEvents } from '../hooks/useFoliateEvents';
 import { useProgressSync } from '../hooks/useProgressSync';
 import { useProgressAutoSave } from '../hooks/useProgressAutoSave';
-import { getStyles, transformStylesheet } from '@/utils/style';
+import { applyTranslationStyles, getStyles, transformStylesheet } from '@/utils/style';
 import { mountAdditionalFonts } from '@/utils/font';
 import { getBookDirFromLanguage, getBookDirFromWritingMode } from '@/utils/book';
 import { useUICSS } from '@/hooks/useUICSS';
@@ -242,6 +242,7 @@ const FoliateViewer: React.FC<{
      const height = viewHeight - insets.top - insets.bottom;
      book.transformTarget?.addEventListener('data', getDocTransformHandler({ width, height }));
      view.renderer.setStyles?.(getStyles(viewSettings));
+      applyTranslationStyles(viewSettings);

      const animated = viewSettings.animated!;
      const maxColumnCount = viewSettings.maxColumnCount!;
@@ -15,6 +15,7 @@ import { RxLineHeight } from 'react-icons/rx';
 import { useEnv } from '@/context/EnvContext';
 import { useReaderStore } from '@/store/readerStore';
 import { useSidebarStore } from '@/store/sidebarStore';
+import { useBookDataStore } from '@/store/bookDataStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
 import { eventDispatcher } from '@/utils/event';
@@ -45,6 +46,7 @@ const FooterBar: React.FC<FooterBarProps> = ({
 }) => {
  const _ = useTranslation();
  const { envConfig, appService } = useEnv();
+  const { getConfig, setConfig } = useBookDataStore();
  const { hoveredBookKey, setHoveredBookKey } = useReaderStore();
  const { getView, getViewState, getProgress, getViewSettings } = useReaderStore();
  const { isSideBarVisible, setSideBarVisible } = useSidebarStore();
@@ -55,6 +57,7 @@ const FooterBar: React.FC<FooterBarProps> = ({
  const marginIconSize = useResponsiveSize(20);

  const view = getView(bookKey);
+  const config = getConfig(bookKey);
  const progress = getProgress(bookKey);
  const viewSettings = getViewSettings(bookKey);
  const viewState = getViewState(bookKey);
@@ -131,15 +134,17 @@ const FooterBar: React.FC<FooterBarProps> = ({
      handleSpeakText();
    } else if (tab === 'toc') {
      setHoveredBookKey('');
-      if (viewSettings) {
-        viewSettings.sideBarTab = 'toc';
+      if (config && config.viewSettings) {
+        config.viewSettings.sideBarTab = 'toc';
+        setConfig(bookKey, config);
      }
      setSideBarVisible(true);
    } else if (tab === 'note') {
      setHoveredBookKey('');
      setSideBarVisible(true);
-      if (viewSettings) {
-        viewSettings.sideBarTab = 'annotations';
+      if (config && config.viewSettings) {
+        config.viewSettings.sideBarTab = 'annotations';
+        setConfig(bookKey, config);
      }
    }
  };
@@ -118,7 +118,7 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
        }}
        onMouseLeave={() => !appService?.isMobile && setHoveredBookKey('')}
      >
-        <div className='sidebar-bookmark-toggler z-20 flex h-full items-center gap-x-4'>
+        <div className='bg-base-100 sidebar-bookmark-toggler z-20 flex h-full items-center gap-x-4 pe-2'>
          <div className='hidden sm:flex'>
            <SidebarToggler bookKey={bookKey} />
          </div>
@@ -132,7 +132,7 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
          </h2>
        </div>

-        <div className='bg-base-100 z-20 ml-auto flex h-full items-center space-x-4'>
+        <div className='bg-base-100 z-20 ml-auto flex h-full items-center space-x-4 ps-2'>
          <SettingsToggler />
          <NotebookToggler bookKey={bookKey} />
          <Dropdown
@@ -29,7 +29,8 @@ const ProgressInfoView: React.FC<PageInfoProps> = ({
 }) => {
  const _ = useTranslation();
  const { appService } = useEnv();
-  const { getViewSettings } = useReaderStore();
+  const { getView, getViewSettings } = useReaderStore();
+  const view = getView(bookKey);
  const viewSettings = getViewSettings(bookKey)!;

  const showDoubleBorder = viewSettings.vertical && viewSettings.doubleBorder;
@@ -41,15 +42,18 @@ const ProgressInfoView: React.FC<PageInfoProps> = ({
        ? `${section.current + 1} · ${section.total}`
        : `${section.current + 1} / ${section.total}`
      : ''
-    : pageinfo
+    : pageinfo && pageinfo.current >= 0 && pageinfo.total > 0
      ? _(isVertical ? '{{currentPage}} · {{totalPage}}' : 'Loc. {{currentPage}} / {{totalPage}}', {
          currentPage: pageinfo.current + 1,
          totalPage: pageinfo.total,
        })
      : '';
-  const timeInfo = timeinfo
+  const timeLeft = timeinfo
    ? _('{{time}} min left in chapter', { time: Math.round(timeinfo.section) })
    : '';
+  const { page = 0, pages = 0 } = view?.renderer || {};
+  const pageLeft =
+    pages - 1 > page ? _('{{count}} pages left in chapter', { count: pages - 1 - page }) : '';

  return (
    <div
@@ -76,7 +80,11 @@ const ProgressInfoView: React.FC<PageInfoProps> = ({
            }
      }
    >
-      {viewSettings.showRemainingTime && <span className='text-start'>{timeInfo}</span>}
+      {viewSettings.showRemainingTime ? (
+        <span className='text-start'>{timeLeft}</span>
+      ) : viewSettings.showRemainingPages ? (
+        <span className='text-start'>{pageLeft}</span>
+      ) : null}
      {viewSettings.showPageNumber && <span className='ms-auto text-end'>{pageInfo}</span>}
    </div>
  );
@@ -16,6 +16,7 @@ import { parseOpenWithFiles } from '@/helpers/openWith';
 import { tauriHandleClose, tauriHandleOnCloseWindow } from '@/utils/window';
 import { isTauriAppPlatform } from '@/services/environment';
 import { uniqueId } from '@/utils/misc';
+import { throttle } from '@/utils/throttle';
 import { eventDispatcher } from '@/utils/event';
 import { navigateToLibrary } from '@/utils/nav';
 import { BOOK_IDS_SEPARATOR } from '@/services/constants';
@@ -84,9 +85,11 @@ const ReaderContent: React.FC<{ ids?: string; settings: SystemSettings }> = ({ i

    if (isTauriAppPlatform()) tauriHandleOnCloseWindow(handleCloseBooks);
    window.addEventListener('beforeunload', handleCloseBooks);
+    eventDispatcher.on('beforereload', handleCloseBooks);
    eventDispatcher.on('quit-app', handleCloseBooks);
    return () => {
      window.removeEventListener('beforeunload', handleCloseBooks);
+      eventDispatcher.off('beforereload', handleCloseBooks);
      eventDispatcher.off('quit-app', handleCloseBooks);
    };
    // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -121,11 +124,11 @@ const ReaderContent: React.FC<{ ids?: string; settings: SystemSettings }> = ({ i
    navigateToLibrary(router);
  };

-  const handleCloseBooks = async () => {
+  const handleCloseBooks = throttle(async () => {
    const settings = useSettingsStore.getState().settings;
    await Promise.all(bookKeys.map((key) => saveConfigAndCloseBook(key)));
    await saveSettings(envConfig, settings);
-  };
+  }, 500);

  const handleCloseBooksToLibrary = () => {
    handleCloseBooks();
@@ -107,7 +107,14 @@ const ViewMenu: React.FC<ViewMenuProps> = ({
  return (
    <div
      tabIndex={0}
-      className='view-menu dropdown-content bgcolor-base-200 dropdown-right no-triangle border-base-200 z-20 mt-1 border shadow-2xl'
+      className={clsx(
+        'view-menu dropdown-content dropdown-right no-triangle z-20 mt-1 border',
+        'bgcolor-base-200 border-base-200 shadow-2xl',
+      )}
+      style={{
+        maxWidth: `${window.innerWidth - 40}px`,
+        marginRight: window.innerWidth < 640 ? '-36px' : '0px',
+      }}
    >
      <div className={clsx('flex items-center justify-between rounded-md')}>
        <button
@@ -120,7 +120,9 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
      detail.doc?.addEventListener('touchstart', handleTouchStart);
      detail.doc?.addEventListener('touchmove', handleTouchmove);
      detail.doc?.addEventListener('touchend', handleTouchEnd);
-      detail.doc?.addEventListener('pointerup', () => handlePointerup(doc, index));
+      detail.doc?.addEventListener('pointerup', (ev: PointerEvent) =>
+        handlePointerup(doc, index, ev),
+      );
      detail.doc?.addEventListener('selectionchange', () => handleSelectionchange(doc, index));

      // Disable the default context menu on mobile devices,
@@ -249,7 +251,7 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    try {
      Promise.all(annotations.map((annotation) => view?.addAnnotation(annotation)));
    } catch (e) {
-      console.error(e);
+      console.warn(e);
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [progress]);
@@ -96,7 +96,7 @@ const NoteEditor: React.FC<NoteEditorProps> = ({ onSave, onEdit }) => {
        handleSaveNote();
      }
    },
-    onCloseNote: () => {
+    onEscape: () => {
      if (notebookNewAnnotation) {
        setNotebookNewAnnotation(null);
      }
@@ -18,12 +18,14 @@ import { useReaderStore } from '@/store/readerStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
+import { useResetViewSettings } from '../../hooks/useResetSettings';
 import { saveViewSettings } from '../../utils/viewSettingsHelper';
 import { CODE_LANGUAGES, CodeLanguage, manageSyntaxHighlighting } from '@/utils/highlightjs';
+import { SettingsPanelPanelProp } from './SettingsDialog';
 import Select from '@/components/Select';
 import ThemeEditor from './ThemeEditor';

-const ColorPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
+const ColorPanel: React.FC<SettingsPanelPanelProp> = ({ bookKey, onRegisterReset }) => {
  const _ = useTranslation();
  const { themeMode, themeColor, isDarkMode, setThemeMode, setThemeColor, saveCustomTheme } =
    useThemeStore();
@@ -44,6 +46,24 @@ const ColorPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const [codeHighlighting, setcodeHighlighting] = useState(viewSettings.codeHighlighting!);
  const [codeLanguage, setCodeLanguage] = useState(viewSettings.codeLanguage!);

+  const resetToDefaults = useResetViewSettings();
+
+  const handleReset = () => {
+    resetToDefaults({
+      overrideColor: setOverrideColor,
+      invertImgColorInDark: setInvertImgColorInDark,
+      codeHighlighting: setcodeHighlighting,
+      codeLanguage: setCodeLanguage,
+    });
+    setThemeColor('default');
+    setThemeMode('auto');
+  };
+
+  useEffect(() => {
+    onRegisterReset(handleReset);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
  useEffect(() => {
    if (invertImgColorInDark === viewSettings.invertImgColorInDark) return;
    saveViewSettings(envConfig, bookKey, 'invertImgColorInDark', invertImgColorInDark);
@@ -4,12 +4,15 @@ import { useReaderStore } from '@/store/readerStore';
 import { useDeviceControlStore } from '@/store/deviceStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useBookDataStore } from '@/store/bookDataStore';
+import { useResetViewSettings } from '../../hooks/useResetSettings';
 import { getStyles } from '@/utils/style';
+import { saveAndReload } from '@/utils/reload';
 import { getMaxInlineSize } from '@/utils/config';
 import { saveViewSettings } from '../../utils/viewSettingsHelper';
+import { SettingsPanelPanelProp } from './SettingsDialog';
 import NumberInput from './NumberInput';

-const ControlPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
+const ControlPanel: React.FC<SettingsPanelPanelProp> = ({ bookKey, onRegisterReset }) => {
  const _ = useTranslation();
  const { envConfig, appService } = useEnv();
  const { getView, getViewSettings } = useReaderStore();
@@ -27,6 +30,26 @@ const ControlPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const [animated, setAnimated] = useState(viewSettings.animated!);
  const [allowScript, setAllowScript] = useState(viewSettings.allowScript!);

+  const resetToDefaults = useResetViewSettings();
+
+  const handleReset = () => {
+    resetToDefaults({
+      scrolled: setScrolledMode,
+      continuousScroll: setIsContinuousScroll,
+      scrollingOverlap: setScrollingOverlap,
+      volumeKeysToFlip: setVolumeKeysToFlip,
+      disableClick: setIsDisableClick,
+      swapClickArea: setSwapClickArea,
+      animated: setAnimated,
+      allowScript: setAllowScript,
+    });
+  };
+
+  useEffect(() => {
+    onRegisterReset(handleReset);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
  useEffect(() => {
    if (isScrolledMode === viewSettings.scrolled) return;
    saveViewSettings(envConfig, bookKey, 'scrolled', isScrolledMode);
@@ -85,7 +108,7 @@ const ControlPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  useEffect(() => {
    if (viewSettings.allowScript === allowScript) return;
    saveViewSettings(envConfig, bookKey, 'allowScript', allowScript, true, false);
-    setTimeout(() => window.location.reload(), 100);
+    saveAndReload();
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [allowScript]);

@@ -3,20 +3,30 @@ import React from 'react';
 import { MdCheck } from 'react-icons/md';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useTranslation } from '@/hooks/useTranslation';
-import { useDefaultIconSize } from '@/hooks/useResponsiveSize';
+import { useResponsiveSize } from '@/hooks/useResponsiveSize';
+import { SettingsPanelType } from './SettingsDialog';
+import MenuItem from '@/components/MenuItem';

 interface DialogMenuProps {
-  toggleDropdown?: () => void;
+  activePanel: SettingsPanelType;
+  setIsDropdownOpen?: (open: boolean) => void;
+  onReset: () => void;
+  resetLabel?: string;
 }

-const DialogMenu: React.FC<DialogMenuProps> = ({ toggleDropdown }) => {
+const DialogMenu: React.FC<DialogMenuProps> = ({ setIsDropdownOpen, onReset, resetLabel }) => {
  const _ = useTranslation();
-  const iconSize = useDefaultIconSize();
+  const iconSize = useResponsiveSize(16);
  const { isFontLayoutSettingsGlobal, setFontLayoutSettingsGlobal } = useSettingsStore();

  const handleToggleGlobal = () => {
    setFontLayoutSettingsGlobal(!isFontLayoutSettingsGlobal);
-    toggleDropdown?.();
+    setIsDropdownOpen?.(false);
+  };
+
+  const handleResetToDefaults = () => {
+    onReset();
+    setIsDropdownOpen?.(false);
  };

  return (
@@ -27,24 +37,18 @@ const DialogMenu: React.FC<DialogMenuProps> = ({ toggleDropdown }) => {
        'text-base sm:text-sm',
      )}
    >
-      <button
-        className='hover:bg-base-200 text-base-content flex w-full items-center justify-between rounded-md p-1'
+      <MenuItem
+        label={_('Global Settings')}
+        tooltip={isFontLayoutSettingsGlobal ? _('Apply to All Books') : _('Apply to This Book')}
+        buttonClass='lg:tooltip'
+        Icon={
+          isFontLayoutSettingsGlobal ? (
+            <MdCheck size={iconSize} className='text-base-content' />
+          ) : null
+        }
        onClick={handleToggleGlobal}
-      >
-        <div className='flex items-center'>
-          <span style={{ minWidth: `${iconSize}px` }}>
-            {isFontLayoutSettingsGlobal && <MdCheck className='text-base-content' />}
-          </span>
-          <div
-            className='lg:tooltip'
-            data-tip={
-              isFontLayoutSettingsGlobal ? _('Apply to All Books') : _('Apply to This Book')
-            }
-          >
-            <span className='ml-2 whitespace-nowrap'>{_('Global Settings')}</span>
-          </div>
-        </div>
-      </button>
+      />
+      <MenuItem label={resetLabel || _('Reset Settings')} onClick={handleResetToDefaults} />
    </div>
  );
 };
@@ -1,5 +1,6 @@
 import clsx from 'clsx';
-import React from 'react';
+import React, { useMemo } from 'react';
+import { FixedSizeList as List } from 'react-window';
 import { FiChevronUp, FiChevronLeft } from 'react-icons/fi';
 import { MdCheck } from 'react-icons/md';
 import { useEnv } from '@/context/EnvContext';
@@ -15,6 +16,44 @@ interface DropdownProps {
  onGetFontFamily: (option: string, family: string) => string;
 }

+interface FontItemProps {
+  index: number;
+  style: React.CSSProperties;
+  data: {
+    options: { option: string; label?: string }[];
+    selected: string;
+    onSelect: (option: string) => void;
+    onGetFontFamily: (option: string, family: string) => string;
+    family: string;
+    iconSize: number;
+  };
+}
+
+const FontItem: React.FC<FontItemProps> = ({ index, style, data }) => {
+  const { options, selected, onSelect, onGetFontFamily, family, iconSize: iconSize16 } = data;
+  const option = options[index]!;
+
+  return (
+    <li
+      className='px-1 sm:px-2'
+      key={option.option}
+      style={style}
+      onClick={() => onSelect(option.option)}
+    >
+      <div className='flex w-full items-center overflow-hidden !px-0 text-sm'>
+        <span style={{ minWidth: `${iconSize16}px` }}>
+          {selected === option.option && (
+            <MdCheck className='text-base-content' size={iconSize16} />
+          )}
+        </span>
+        <span style={{ fontFamily: onGetFontFamily(option.option, family) }}>
+          {option.label || option.option}
+        </span>
+      </div>
+    </li>
+  );
+};
+
 const FontDropdown: React.FC<DropdownProps> = ({
  family,
  selected,
@@ -25,9 +64,38 @@ const FontDropdown: React.FC<DropdownProps> = ({
 }) => {
  const _ = useTranslation();
  const { appService } = useEnv();
-  const iconSize16 = useResponsiveSize(16);
+  const iconSize = useResponsiveSize(16);
  const allOptions = [...options, ...(moreOptions ?? [])];
  const selectedOption = allOptions.find((option) => option.option === selected) ?? allOptions[0]!;
+
+  const ITEM_HEIGHT = 40;
+  const MAX_HEIGHT = 320;
+
+  const mainListData = useMemo(
+    () => ({
+      options,
+      selected,
+      onSelect,
+      onGetFontFamily,
+      family: family ?? '',
+      iconSize,
+      appService,
+    }),
+    [options, selected, onSelect, onGetFontFamily, family, iconSize, appService],
+  );
+
+  const moreListData = useMemo(
+    () => ({
+      options: moreOptions ?? [],
+      selected,
+      onSelect,
+      onGetFontFamily,
+      family: family ?? '',
+      iconSize,
+    }),
+    [moreOptions, selected, onSelect, onGetFontFamily, family, iconSize],
+  );
+
  return (
    <div className='dropdown dropdown-top'>
      <button
@@ -44,34 +112,36 @@ const FontDropdown: React.FC<DropdownProps> = ({
          >
            {selectedOption.label}
          </span>
-          <FiChevronUp size={iconSize16} />
+          <FiChevronUp size={iconSize} />
        </div>
      </button>
      <ul
        tabIndex={0}
        className={clsx(
          'dropdown-content bgcolor-base-200 no-triangle menu rounded-box absolute z-[1] mt-4 shadow',
-          '!sm:px-2 right-[-32px] w-[46vw] !px-1 sm:right-0 sm:w-44',
-          moreOptions?.length ? '' : 'inline max-h-80 overflow-y-scroll',
+          'right-[-32px] w-[46vw] !px-0 sm:right-0 sm:w-44',
+          moreOptions?.length ? '' : 'inline overflow-hidden',
        )}
      >
-        {options.map(({ option, label }) => (
-          <li key={option} onClick={() => onSelect(option)}>
-            <div className='flex w-full items-center overflow-hidden px-0 text-sm'>
-              <span style={{ minWidth: `${iconSize16}px` }}>
-                {selected === option && <MdCheck className='text-base-content' size={iconSize16} />}
-              </span>
-              <span style={{ fontFamily: onGetFontFamily(option, family ?? '') }}>
-                {label || option}
-              </span>
-            </div>
-          </li>
-        ))}
+        {/* Virtualized main options */}
+        <div style={{ height: Math.min(options.length * ITEM_HEIGHT, MAX_HEIGHT) }}>
+          <List
+            width='100%'
+            height={Math.min(options.length * ITEM_HEIGHT, MAX_HEIGHT)}
+            itemCount={options.length}
+            itemSize={ITEM_HEIGHT}
+            itemData={mainListData}
+          >
+            {FontItem}
+          </List>
+        </div>
+
+        {/* More options with nested dropdown */}
        {moreOptions && moreOptions.length > 0 && (
-          <li className='dropdown dropdown-left dropdown-top'>
+          <li className='dropdown dropdown-left dropdown-top px-1 sm:px-2'>
            <div className='flex items-center px-0 text-sm'>
-              <span style={{ minWidth: `${iconSize16}px` }}>
-                <FiChevronLeft size={iconSize16} />
+              <span style={{ minWidth: `${iconSize}px` }}>
+                <FiChevronLeft size={iconSize} />
              </span>
              <span>{_('System Fonts')}</span>
            </div>
@@ -79,29 +149,21 @@ const FontDropdown: React.FC<DropdownProps> = ({
              tabIndex={0}
              className={clsx(
                'dropdown-content bgcolor-base-200 menu rounded-box relative z-[1] shadow',
-                '!sm:px-2 !mr-4 mb-[-46px] inline max-h-80 w-[46vw] overflow-y-scroll !px-1 sm:w-[200px]',
+                '!mr-4 mb-[-46px] inline w-[46vw] overflow-hidden !px-0 sm:w-[200px]',
              )}
            >
-              {moreOptions.map((option, index) => (
-                <li key={`${index}-${option.option}`} onClick={() => onSelect(option.option)}>
-                  <div className='flex w-full items-center overflow-hidden px-0 text-sm'>
-                    <span style={{ minWidth: `${iconSize16}px` }}>
-                      {selected === option.option && (
-                        <MdCheck className='text-base-content' size={iconSize16} />
-                      )}
-                    </span>
-                    <span
-                      style={
-                        !appService?.isLinuxApp
-                          ? { fontFamily: onGetFontFamily(option.option, family ?? '') }
-                          : {}
-                      }
-                    >
-                      {option.label || option.option}
-                    </span>
-                  </div>
-                </li>
-              ))}
+              {/* Virtualized more options */}
+              <div style={{ height: Math.min(moreOptions.length * ITEM_HEIGHT, MAX_HEIGHT) }}>
+                <List
+                  width='100%'
+                  height={Math.min(moreOptions.length * ITEM_HEIGHT, MAX_HEIGHT)}
+                  itemCount={moreOptions.length}
+                  itemSize={ITEM_HEIGHT}
+                  itemData={moreListData}
+                >
+                  {FontItem}
+                </List>
+              </div>
            </ul>
          </li>
        )}
@@ -24,6 +24,8 @@ import { getOSPlatform, isCJKEnv } from '@/utils/misc';
 import { getSysFontsList } from '@/utils/bridge';
 import { isTauriAppPlatform } from '@/services/environment';
 import { saveViewSettings } from '../../utils/viewSettingsHelper';
+import { useResetViewSettings } from '../../hooks/useResetSettings';
+import { SettingsPanelPanelProp } from './SettingsDialog';
 import NumberInput from './NumberInput';
 import FontDropdown from './FontDropDown';

@@ -79,7 +81,7 @@ const FontFace = ({
  );
 };

-const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
+const FontPanel: React.FC<SettingsPanelPanelProp> = ({ bookKey, onRegisterReset }) => {
  const _ = useTranslation();
  const { envConfig } = useEnv();
  const { getView, getViewSettings } = useReaderStore();
@@ -119,10 +121,10 @@ const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
      break;
  }
  const [sysFonts, setSysFonts] = useState<string[]>(defaultSysFonts);
+  const [defaultFont, setDefaultFont] = useState(viewSettings.defaultFont!);
  const [defaultFontSize, setDefaultFontSize] = useState(viewSettings.defaultFontSize!);
  const [minFontSize, setMinFontSize] = useState(viewSettings.minimumFontSize!);
  const [overrideFont, setOverrideFont] = useState(viewSettings.overrideFont!);
-  const [defaultFont, setDefaultFont] = useState(viewSettings.defaultFont!);
  const [defaultCJKFont, setDefaultCJKFont] = useState(viewSettings.defaultCJKFont!);
  const [serifFont, setSerifFont] = useState(viewSettings.serifFont!);
  const [sansSerifFont, setSansSerifFont] = useState(viewSettings.sansSerifFont!);
@@ -132,6 +134,27 @@ const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    return genCJKFontsList(sysFonts);
  });

+  const resetToDefaults = useResetViewSettings();
+
+  const handleReset = () => {
+    resetToDefaults({
+      defaultFont: setDefaultFont,
+      defaultFontSize: setDefaultFontSize,
+      minimumFontSize: setMinFontSize,
+      overrideFont: setOverrideFont,
+      defaultCJKFont: setDefaultCJKFont,
+      serifFont: setSerifFont,
+      sansSerifFont: setSansSerifFont,
+      monospaceFont: setMonospaceFont,
+      fontWeight: setFontWeight,
+    });
+  };
+
+  useEffect(() => {
+    onRegisterReset(handleReset);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
  useEffect(() => {
    setCJKFonts((prev) => {
      const newFonts = genCJKFontsList(sysFonts);
@@ -8,19 +8,40 @@ import { useTranslation } from '@/hooks/useTranslation';
 import { saveViewSettings } from '../../utils/viewSettingsHelper';
 import { getTranslators } from '@/services/translators';
 import { TRANSLATED_LANGS } from '@/services/constants';
+import { SettingsPanelPanelProp } from './SettingsDialog';
+import { useResetViewSettings } from '../../hooks/useResetSettings';
+import { saveAndReload } from '@/utils/reload';
 import { initDayjs } from '@/utils/time';
 import Select from '@/components/Select';

-const LangPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
+const LangPanel: React.FC<SettingsPanelPanelProp> = ({ bookKey, onRegisterReset }) => {
  const _ = useTranslation();
  const { token } = useAuth();
  const { envConfig } = useEnv();
  const { getViewSettings, setViewSettings } = useReaderStore();
  const viewSettings = getViewSettings(bookKey)!;

+  const [uiLanguage, setUILanguage] = useState(viewSettings.uiLanguage!);
  const [translationEnabled, setTranslationEnabled] = useState(viewSettings.translationEnabled!);
  const [translationProvider, setTranslationProvider] = useState(viewSettings.translationProvider!);
  const [translateTargetLang, setTranslateTargetLang] = useState(viewSettings.translateTargetLang!);
+  const [showTranslateSource, setShowTranslateSource] = useState(viewSettings.showTranslateSource!);
+
+  const resetToDefaults = useResetViewSettings();
+
+  const handleReset = () => {
+    resetToDefaults({
+      uiLanguage: setUILanguage,
+      translationEnabled: setTranslationEnabled,
+      translationProvider: setTranslationProvider,
+      translateTargetLang: setTranslateTargetLang,
+    });
+  };
+
+  useEffect(() => {
+    onRegisterReset(handleReset);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);

  const getCurrentUILangOption = () => {
    const uiLanguage = viewSettings.uiLanguage;
@@ -43,10 +64,7 @@ const LangPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {

  const handleSelectUILang = (event: React.ChangeEvent<HTMLSelectElement>) => {
    const option = event.target.value;
-    saveViewSettings(envConfig, bookKey, 'uiLanguage', option, false, false);
-    const locale = option ? option : navigator.language;
-    i18n.changeLanguage(locale);
-    initDayjs(locale);
+    setUILanguage(option);
  };

  const getTranslationProviderOptions = () => {
@@ -97,14 +115,33 @@ const LangPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    setViewSettings(bookKey, { ...viewSettings });
  };

+  useEffect(() => {
+    if (uiLanguage === viewSettings.uiLanguage) return;
+    saveViewSettings(envConfig, bookKey, 'uiLanguage', uiLanguage, false, false);
+    const locale = uiLanguage ? uiLanguage : navigator.language;
+    i18n.changeLanguage(locale);
+    initDayjs(locale);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [uiLanguage]);
+
  useEffect(() => {
    if (translationEnabled === viewSettings.translationEnabled) return;
    saveViewSettings(envConfig, bookKey, 'translationEnabled', translationEnabled, true, false);
    viewSettings.translationEnabled = translationEnabled;
    setViewSettings(bookKey, { ...viewSettings });
+    if (!showTranslateSource && !translationEnabled) {
+      saveAndReload();
+    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [translationEnabled]);

+  useEffect(() => {
+    if (showTranslateSource === viewSettings.showTranslateSource) return;
+    saveViewSettings(envConfig, bookKey, 'showTranslateSource', showTranslateSource, false, false);
+    saveAndReload();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [showTranslateSource]);
+
  return (
    <div className={clsx('my-4 w-full space-y-6')}>
      <div className='w-full'>
@@ -137,6 +174,17 @@ const LangPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
              />
            </div>

+            <div className='config-item'>
+              <span className=''>{_('Show Source Text')}</span>
+              <input
+                type='checkbox'
+                className='toggle'
+                checked={showTranslateSource}
+                disabled={!translationEnabled}
+                onChange={() => setShowTranslateSource(!showTranslateSource)}
+              />
+            </div>
+
            <div className='config-item'>
              <span className=''>{_('Translation Service')}</span>
              <Select
@@ -1,23 +1,28 @@
 import React, { useEffect, useState } from 'react';
-import { MdOutlineAutoMode } from 'react-icons/md';
+import { MdOutlineAutoMode, MdOutlineScreenRotation } from 'react-icons/md';
 import { MdOutlineTextRotationNone, MdTextRotateVertical } from 'react-icons/md';
+import { IoPhoneLandscapeOutline, IoPhonePortraitOutline } from 'react-icons/io5';
 import { TbTextDirectionRtl } from 'react-icons/tb';

 import { useEnv } from '@/context/EnvContext';
 import { useReaderStore } from '@/store/readerStore';
 import { useBookDataStore } from '@/store/bookDataStore';
 import { useTranslation } from '@/hooks/useTranslation';
+import { useResetViewSettings } from '../../hooks/useResetSettings';
 import { isCJKEnv } from '@/utils/misc';
 import { getStyles } from '@/utils/style';
+import { saveAndReload } from '@/utils/reload';
 import { getMaxInlineSize } from '@/utils/config';
+import { lockScreenOrientation } from '@/utils/bridge';
+import { saveViewSettings } from '../../utils/viewSettingsHelper';
 import { getBookDirFromWritingMode, getBookLangCode } from '@/utils/book';
 import { MIGHT_BE_RTL_LANGS } from '@/services/constants';
-import { saveViewSettings } from '../../utils/viewSettingsHelper';
+import { SettingsPanelPanelProp } from './SettingsDialog';
 import NumberInput from './NumberInput';

-const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
+const LayoutPanel: React.FC<SettingsPanelPanelProp> = ({ bookKey, onRegisterReset }) => {
  const _ = useTranslation();
-  const { envConfig } = useEnv();
+  const { envConfig, appService } = useEnv();
  const { getView, getViewSettings, getGridInsets, setViewSettings } = useReaderStore();
  const { getBookData } = useBookDataStore();
  const view = getView(bookKey);
@@ -60,7 +65,49 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const [showFooter, setShowFooter] = useState(viewSettings.showFooter!);
  const [showBarsOnScroll, setShowBarsOnScroll] = useState(viewSettings.showBarsOnScroll!);
  const [showRemainingTime, setShowRemainingTime] = useState(viewSettings.showRemainingTime!);
+  const [showRemainingPages, setShowRemainingPages] = useState(viewSettings.showRemainingPages!);
  const [showPageNumber, setShowPageNumber] = useState(viewSettings.showPageNumber!);
+  const [screenOrientation, setScreenOrientation] = useState(viewSettings.screenOrientation!);
+
+  const resetToDefaults = useResetViewSettings();
+
+  const handleReset = () => {
+    resetToDefaults({
+      paragraphMargin: setParagraphMargin,
+      lineHeight: setLineHeight,
+      wordSpacing: setWordSpacing,
+      letterSpacing: setLetterSpacing,
+      textIndent: setTextIndent,
+      fullJustification: setFullJustification,
+      hyphenation: setHyphenation,
+      marginTopPx: setMarginTopPx,
+      marginBottomPx: setMarginBottomPx,
+      marginLeftPx: setMarginLeftPx,
+      marginRightPx: setMarginRightPx,
+      compactMarginTopPx: setCompactMarginTopPx,
+      compactMarginBottomPx: setCompactMarginBottomPx,
+      compactMarginLeftPx: setCompactMarginLeftPx,
+      compactMarginRightPx: setCompactMarginRightPx,
+      gapPercent: setGapPercent,
+      maxColumnCount: setMaxColumnCount,
+      maxInlineSize: setMaxInlineSize,
+      maxBlockSize: setMaxBlockSize,
+      overrideLayout: setOverrideLayout,
+      doubleBorder: setDoubleBorder,
+      borderColor: setBorderColor,
+      showHeader: setShowHeader,
+      showFooter: setShowFooter,
+      showBarsOnScroll: setShowBarsOnScroll,
+      showRemainingTime: setShowRemainingTime,
+      showRemainingPages: setShowRemainingPages,
+      showPageNumber: setShowPageNumber,
+    });
+  };
+
+  useEffect(() => {
+    onRegisterReset(handleReset);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);

  useEffect(() => {
    saveViewSettings(envConfig, bookKey, 'paragraphMargin', paragraphMargin);
@@ -234,7 +281,7 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
      (['horizontal-rl', 'vertical-rl'].includes(writingMode) ||
        ['horizontal-rl', 'vertical-rl'].includes(prevWritingMode))
    ) {
-      setTimeout(() => window.location.reload(), 100);
+      saveAndReload();
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [writingMode]);
@@ -266,6 +313,11 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [showRemainingTime]);

+  useEffect(() => {
+    saveViewSettings(envConfig, bookKey, 'showRemainingPages', showRemainingPages, false, false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [showRemainingPages]);
+
  useEffect(() => {
    saveViewSettings(envConfig, bookKey, 'showPageNumber', showPageNumber, false, false);
    // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -297,6 +349,14 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [showFooter]);

+  useEffect(() => {
+    saveViewSettings(envConfig, bookKey, 'screenOrientation', screenOrientation, false, false);
+    if (appService?.isMobileApp) {
+      lockScreenOrientation({ orientation: screenOrientation });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [screenOrientation]);
+
  const langCode = getBookLangCode(bookData.bookDoc?.metadata?.language);
  const mightBeRTLBook = MIGHT_BE_RTL_LANGS.includes(langCode) || isCJKEnv();
  const isVertical = viewSettings.vertical || writingMode.includes('vertical');
@@ -566,7 +626,31 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
                className='toggle'
                checked={showRemainingTime}
                disabled={!showFooter}
-                onChange={() => setShowRemainingTime(!showRemainingTime)}
+                onChange={() => {
+                  if (!showRemainingTime) {
+                    setShowRemainingTime(true);
+                    setShowRemainingPages(false);
+                  } else {
+                    setShowRemainingTime(false);
+                  }
+                }}
+              />
+            </div>
+            <div className='config-item'>
+              <span className=''>{_('Show Remaining Pages')}</span>
+              <input
+                type='checkbox'
+                className='toggle'
+                checked={showRemainingPages}
+                disabled={!showFooter}
+                onChange={() => {
+                  if (!showRemainingPages) {
+                    setShowRemainingPages(true);
+                    setShowRemainingTime(false);
+                  } else {
+                    setShowRemainingPages(false);
+                  }
+                }}
              />
            </div>
            <div className='config-item'>
@@ -591,6 +675,47 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
          </div>
        </div>
      </div>
+
+      {appService?.hasOrientationLock && (
+        <div className='w-full'>
+          <h2 className='mb-2 font-medium'>{_('Screen')}</h2>
+          <div className='card border-base-200 bg-base-100 border shadow'>
+            <div className='divide-base-200 divide-y'>
+              <div className='config-item'>
+                <span className=''>{_('Orientation')}</span>
+                <div className='flex gap-4'>
+                  <div className='lg:tooltip lg:tooltip-bottom' data-tip={_('Auto')}>
+                    <button
+                      className={`btn btn-ghost btn-circle btn-sm ${screenOrientation === 'auto' ? 'btn-active bg-base-300' : ''}`}
+                      onClick={() => setScreenOrientation('auto')}
+                    >
+                      <MdOutlineScreenRotation />
+                    </button>
+                  </div>
+
+                  <div className='lg:tooltip lg:tooltip-bottom' data-tip={_('Portrait')}>
+                    <button
+                      className={`btn btn-ghost btn-circle btn-sm ${screenOrientation === 'portrait' ? 'btn-active bg-base-300' : ''}`}
+                      onClick={() => setScreenOrientation('portrait')}
+                    >
+                      <IoPhonePortraitOutline />
+                    </button>
+                  </div>
+
+                  <div className='lg:tooltip lg:tooltip-bottom' data-tip={_('Landscape')}>
+                    <button
+                      className={`btn btn-ghost btn-circle btn-sm ${screenOrientation === 'landscape' ? 'btn-active bg-base-300' : ''}`}
+                      onClick={() => setScreenOrientation('landscape')}
+                    >
+                      <IoPhoneLandscapeOutline />
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
    </div>
  );
 };
@@ -1,70 +1,116 @@
 import clsx from 'clsx';
+import cssbeautify from 'cssbeautify';
 import React, { useEffect, useRef, useState } from 'react';
-import { IoPhoneLandscapeOutline, IoPhonePortraitOutline } from 'react-icons/io5';
-import { MdOutlineScreenRotation } from 'react-icons/md';
+
 import { useEnv } from '@/context/EnvContext';
 import { useReaderStore } from '@/store/readerStore';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useTranslation } from '@/hooks/useTranslation';
+import { useResetViewSettings } from '../../hooks/useResetSettings';
+import { SettingsPanelPanelProp } from './SettingsDialog';
 import { getStyles } from '@/utils/style';
-import { lockScreenOrientation } from '@/utils/bridge';
-import { saveViewSettings } from '../../utils/viewSettingsHelper';
-import cssbeautify from 'cssbeautify';
 import cssValidate from '@/utils/css';

-const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
+type CSSType = 'book' | 'reader';
+
+const MiscPanel: React.FC<SettingsPanelPanelProp> = ({ bookKey, onRegisterReset }) => {
  const _ = useTranslation();
-  const { envConfig, appService } = useEnv();
+  const { appService } = useEnv();
  const { settings, isFontLayoutSettingsGlobal, setSettings } = useSettingsStore();
  const { getView, getViewSettings, setViewSettings } = useReaderStore();
  const viewSettings = getViewSettings(bookKey)!;

-  const [draftStylesheet, setDraftStylesheet] = useState(viewSettings.userStylesheet!);
-  const [draftStylesheetSaved, setDraftStylesheetSaved] = useState(true);
-  const [screenOrientation, setScreenOrientation] = useState(viewSettings.screenOrientation!);
+  const [draftContentStylesheet, setDraftContentStylesheet] = useState(viewSettings.userStylesheet);
+  const [draftContentStylesheetSaved, setDraftContentStylesheetSaved] = useState(true);
+  const [contentError, setContentError] = useState<string | null>(null);
+  const [draftUIStylesheet, setDraftUIStylesheet] = useState(viewSettings.userUIStylesheet);
+  const [draftUIStylesheetSaved, setDraftUIStylesheetSaved] = useState(true);
+  const [uiError, setUIError] = useState<string | null>(null);

-  const [error, setError] = useState<string | null>(null);
  const [inputFocusInAndroid, setInputFocusInAndroid] = useState(false);
-  const textareaRef = useRef<HTMLTextAreaElement | null>(null);
+  const contentTextareaRef = useRef<HTMLTextAreaElement | null>(null);
+  const uiTextareaRef = useRef<HTMLTextAreaElement | null>(null);

-  const handleUserStylesheetChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
-    const cssInput = e.target.value;
-    setDraftStylesheet(cssInput);
-    setDraftStylesheetSaved(false);
+  const resetToDefaults = useResetViewSettings();
+
+  const handleReset = () => {
+    resetToDefaults({
+      userStylesheet: setDraftContentStylesheet,
+      userUIStylesheet: setDraftUIStylesheet,
+    });
+    applyStyles('book', true);
+    applyStyles('reader', true);
+  };
+
+  useEffect(() => {
+    onRegisterReset(handleReset);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const validateCSS = (cssInput: string): { isValid: boolean; error?: string } => {
+    if (!cssInput.trim()) return { isValid: true };

    try {
      const { isValid, error } = cssValidate(cssInput);
-      if (cssInput && !isValid) {
-        throw new Error(error || 'Invalid CSS');
+      if (!isValid) {
+        return { isValid: false, error: error || 'Invalid CSS' };
      }
-      setError(null);
+      return { isValid: true };
    } catch (err: unknown) {
      if (err instanceof Error) {
-        setError(err.message);
-      } else {
-        setError('Invalid CSS: Please check your input.');
+        return { isValid: false, error: err.message };
      }
-      console.log('CSS Error:', err);
+      return { isValid: false, error: 'Invalid CSS: Please check your input.' };
    }
  };

-  const applyStyles = () => {
-    const formattedCSS = cssbeautify(draftStylesheet, {
+  const handleStylesheetChange = (e: React.ChangeEvent<HTMLTextAreaElement>, type: CSSType) => {
+    const cssInput = e.target.value;
+
+    if (type === 'book') {
+      setDraftContentStylesheet(cssInput);
+      setDraftContentStylesheetSaved(false);
+
+      const { isValid, error } = validateCSS(cssInput);
+      setContentError(isValid ? null : error || 'Invalid CSS');
+    } else {
+      setDraftUIStylesheet(cssInput);
+      setDraftUIStylesheetSaved(false);
+
+      const { isValid, error } = validateCSS(cssInput);
+      setUIError(isValid ? null : error || 'Invalid CSS');
+    }
+  };
+
+  const applyStyles = (type: CSSType, clear = false) => {
+    const cssInput = type === 'book' ? draftContentStylesheet : draftUIStylesheet;
+    const formattedCSS = cssbeautify(clear ? '' : cssInput, {
      indent: '  ',
      openbrace: 'end-of-line',
      autosemicolon: true,
    });

-    setDraftStylesheet(formattedCSS);
-    setDraftStylesheetSaved(true);
-    viewSettings.userStylesheet = formattedCSS;
-    setViewSettings(bookKey, { ...viewSettings });
+    if (type === 'book') {
+      setDraftContentStylesheet(formattedCSS);
+      setDraftContentStylesheetSaved(true);
+      viewSettings.userStylesheet = formattedCSS;

-    if (isFontLayoutSettingsGlobal) {
-      settings.globalViewSettings.userStylesheet = formattedCSS;
-      setSettings(settings);
+      if (isFontLayoutSettingsGlobal) {
+        settings.globalViewSettings.userStylesheet = formattedCSS;
+        setSettings(settings);
+      }
+    } else {
+      setDraftUIStylesheet(formattedCSS);
+      setDraftUIStylesheetSaved(true);
+      viewSettings.userUIStylesheet = formattedCSS;
+
+      if (isFontLayoutSettingsGlobal) {
+        settings.globalViewSettings.userUIStylesheet = formattedCSS;
+        setSettings(settings);
+      }
    }

+    setViewSettings(bookKey, { ...viewSettings });
    getView(bookKey)?.renderer.setStyles?.(getStyles(viewSettings));
  };

@@ -73,7 +119,7 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    e.nativeEvent.stopImmediatePropagation();
  };

-  const handleInputFocus = () => {
+  const handleInputFocus = (textareaRef: React.RefObject<HTMLTextAreaElement>) => {
    if (appService?.isAndroidApp) {
      setInputFocusInAndroid(true);
    }
@@ -93,13 +139,53 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    }
  };

-  useEffect(() => {
-    saveViewSettings(envConfig, bookKey, 'screenOrientation', screenOrientation, false, false);
-    if (appService?.isMobileApp) {
-      lockScreenOrientation({ orientation: screenOrientation });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [screenOrientation]);
+  const renderCSSEditor = (
+    type: CSSType,
+    title: string,
+    placeholder: string,
+    value: string,
+    error: string | null,
+    saved: boolean,
+    textareaRef: React.RefObject<HTMLTextAreaElement>,
+  ) => (
+    <div className='w-full'>
+      <h2 className='mb-2 font-medium'>{_(title)}</h2>
+      <div
+        className={`card border-base-200 bg-base-100 border shadow ${error ? 'border-red-500' : ''}`}
+      >
+        <div className='relative p-1'>
+          <textarea
+            ref={textareaRef}
+            className={clsx(
+              'textarea textarea-ghost h-48 w-full border-0 p-3 text-base !outline-none sm:text-sm',
+              'placeholder:text-base-content/70',
+            )}
+            placeholder={_(placeholder)}
+            spellCheck='false'
+            value={value}
+            onFocus={() => handleInputFocus(textareaRef)}
+            onBlur={handleInputBlur}
+            onInput={handleInput}
+            onKeyDown={handleInput}
+            onKeyUp={handleInput}
+            onChange={(e) => handleStylesheetChange(e, type)}
+          />
+          <button
+            className={clsx(
+              'btn btn-ghost bg-base-200 absolute bottom-2 right-4 h-8 min-h-8 px-4 py-2',
+              saved ? 'hidden' : '',
+              error ? 'btn-disabled' : '',
+            )}
+            onClick={() => applyStyles(type)}
+            disabled={!!error}
+          >
+            {_('Apply')}
+          </button>
+        </div>
+      </div>
+      {error && <p className='mt-1 text-sm text-red-500'>{error}</p>}
+    </div>
+  );

  return (
    <div
@@ -108,84 +194,25 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
        inputFocusInAndroid && 'h-[50%] overflow-y-auto pb-[200px]',
      )}
    >
-      {appService?.isMobileApp && (
-        <div className='w-full'>
-          <h2 className='mb-2 font-medium'>{_('Screen')}</h2>
-          <div className='card border-base-200 bg-base-100 border shadow'>
-            <div className='divide-base-200 divide-y'>
-              <div className='config-item'>
-                <span className=''>{_('Orientation')}</span>
-                <div className='flex gap-4'>
-                  <div className='lg:tooltip lg:tooltip-bottom' data-tip={_('Auto')}>
-                    <button
-                      className={`btn btn-ghost btn-circle btn-sm ${screenOrientation === 'auto' ? 'btn-active bg-base-300' : ''}`}
-                      onClick={() => setScreenOrientation('auto')}
-                    >
-                      <MdOutlineScreenRotation />
-                    </button>
-                  </div>
-
-                  <div className='lg:tooltip lg:tooltip-bottom' data-tip={_('Portrait')}>
-                    <button
-                      className={`btn btn-ghost btn-circle btn-sm ${screenOrientation === 'portrait' ? 'btn-active bg-base-300' : ''}`}
-                      onClick={() => setScreenOrientation('portrait')}
-                    >
-                      <IoPhonePortraitOutline />
-                    </button>
-                  </div>
-
-                  <div className='lg:tooltip lg:tooltip-bottom' data-tip={_('Landscape')}>
-                    <button
-                      className={`btn btn-ghost btn-circle btn-sm ${screenOrientation === 'landscape' ? 'btn-active bg-base-300' : ''}`}
-                      onClick={() => setScreenOrientation('landscape')}
-                    >
-                      <IoPhoneLandscapeOutline />
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
+      {renderCSSEditor(
+        'book',
+        _('Custom Content CSS'),
+        _('Enter CSS for book content styling...'),
+        draftContentStylesheet,
+        contentError,
+        draftContentStylesheetSaved,
+        contentTextareaRef,
      )}

-      <div className='w-full'>
-        <h2 className='mb-2 font-medium'>{_('Custom CSS')}</h2>
-        <div
-          className={`card border-base-200 bg-base-100 border shadow ${error ? 'border-red-500' : ''}`}
-        >
-          <div className='relative p-1'>
-            <textarea
-              ref={textareaRef}
-              className={clsx(
-                'textarea textarea-ghost h-48 w-full border-0 p-3 text-base !outline-none sm:text-sm',
-                'placeholder:text-base-content/70',
-              )}
-              placeholder={_('Enter your custom CSS here...')}
-              spellCheck='false'
-              value={draftStylesheet}
-              onFocus={handleInputFocus}
-              onBlur={handleInputBlur}
-              onInput={handleInput}
-              onKeyDown={handleInput}
-              onKeyUp={handleInput}
-              onChange={handleUserStylesheetChange}
-            />
-            <button
-              className={clsx(
-                'btn btn-ghost bg-base-200 absolute bottom-2 right-4 h-8 min-h-8 px-4 py-2',
-                draftStylesheetSaved ? 'hidden' : '',
-                error ? 'btn-disabled' : '',
-              )}
-              onClick={applyStyles}
-              disabled={!!error}
-            >
-              {_('Apply')}
-            </button>
-          </div>
-        </div>
-        {error && <p className='mt-1 text-sm text-red-500'>{error}</p>}
-      </div>
+      {renderCSSEditor(
+        'reader',
+        _('Custom Reader UI CSS'),
+        _('Enter CSS for reader interface styling...'),
+        draftUIStylesheet,
+        uiError,
+        draftUIStylesheetSaved,
+        uiTextareaRef,
+      )}
    </div>
  );
 };
@@ -67,7 +67,7 @@ const NumberInput: React.FC<NumberInputProps> = ({

  return (
    <div className={clsx('config-item', className)}>
-      <span className='text-base-content'>{label}</span>
+      <span className='text-base-content line-clamp-2'>{label}</span>
      <div className='text-base-content flex items-center gap-2'>
        <input
          type='text'
@@ -75,7 +75,7 @@ const NumberInput: React.FC<NumberInputProps> = ({
          value={localValue}
          onChange={handleChange}
          onBlur={handleOnBlur}
-          className='input input-ghost settings-content text-base-content w-20 max-w-xs rounded border-0 bg-transparent px-3 py-1 text-right !outline-none'
+          className='input input-ghost settings-content text-base-content w-16 max-w-xs rounded border-0 bg-transparent py-1 pe-3 ps-1 text-right !outline-none'
          onFocus={(e) => e.target.select()}
        />
        <button
@@ -22,7 +22,11 @@ import ControlPanel from './ControlPanel';
 import LangPanel from './LangPanel';
 import MiscPanel from './MiscPanel';

-type SettingsPanelType = 'Font' | 'Layout' | 'Color' | 'Control' | 'Language' | 'Custom';
+export type SettingsPanelType = 'Font' | 'Layout' | 'Color' | 'Control' | 'Language' | 'Custom';
+export type SettingsPanelPanelProp = {
+  bookKey: string;
+  onRegisterReset: (resetFn: () => void) => void;
+};

 type TabConfig = {
  tab: SettingsPanelType;
@@ -84,6 +88,28 @@ const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ boo
    localStorage.setItem('lastConfigPanel', tab);
  };

+  const [resetFunctions, setResetFunctions] = useState<
+    Record<SettingsPanelType, (() => void) | null>
+  >({
+    Font: null,
+    Layout: null,
+    Color: null,
+    Control: null,
+    Language: null,
+    Custom: null,
+  });
+
+  const registerResetFunction = (panel: SettingsPanelType, resetFn: () => void) => {
+    setResetFunctions((prev) => ({ ...prev, [panel]: resetFn }));
+  };
+
+  const handleResetCurrentPanel = () => {
+    const resetFn = resetFunctions[activePanel];
+    if (resetFn) {
+      resetFn();
+    }
+  };
+
  const handleClose = () => {
    setFontLayoutSettingsDialogOpen(false);
  };
@@ -130,6 +156,8 @@ const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ boo
    };
  }, []);

+  const currentPanel = tabConfig.find((tab) => tab.tab === activePanel);
+
  return (
    <Dialog
      isOpen={true}
@@ -140,7 +168,7 @@ const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ boo
      header={
        <div className='flex w-full flex-col items-center'>
          <div className='tab-title flex pb-2 text-base font-semibold sm:hidden'>
-            {tabConfig.find((tab) => tab.tab === activePanel)?.label || ''}
+            {currentPanel?.label || ''}
          </div>
          <div className='flex w-full flex-row items-center justify-between'>
            <button
@@ -184,7 +212,15 @@ const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ boo
                buttonClassName='btn btn-ghost h-8 min-h-8 w-8 p-0 flex items-center justify-center'
                toggleButton={<PiDotsThreeVerticalBold />}
              >
-                <DialogMenu />
+                <DialogMenu
+                  activePanel={activePanel}
+                  onReset={handleResetCurrentPanel}
+                  resetLabel={
+                    currentPanel
+                      ? _('Reset {{settings}}', { settings: currentPanel.label })
+                      : undefined
+                  }
+                />
              </Dropdown>
              <button
                onClick={handleClose}
@@ -209,12 +245,39 @@ const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ boo
        </div>
      }
    >
-      {activePanel === 'Font' && <FontPanel bookKey={bookKey} />}
-      {activePanel === 'Layout' && <LayoutPanel bookKey={bookKey} />}
-      {activePanel === 'Color' && <ColorPanel bookKey={bookKey} />}
-      {activePanel === 'Control' && <ControlPanel bookKey={bookKey} />}
-      {activePanel === 'Language' && <LangPanel bookKey={bookKey} />}
-      {activePanel === 'Custom' && <MiscPanel bookKey={bookKey} />}
+      {activePanel === 'Font' && (
+        <FontPanel bookKey={bookKey} onRegisterReset={(fn) => registerResetFunction('Font', fn)} />
+      )}
+      {activePanel === 'Layout' && (
+        <LayoutPanel
+          bookKey={bookKey}
+          onRegisterReset={(fn) => registerResetFunction('Layout', fn)}
+        />
+      )}
+      {activePanel === 'Color' && (
+        <ColorPanel
+          bookKey={bookKey}
+          onRegisterReset={(fn) => registerResetFunction('Color', fn)}
+        />
+      )}
+      {activePanel === 'Control' && (
+        <ControlPanel
+          bookKey={bookKey}
+          onRegisterReset={(fn) => registerResetFunction('Control', fn)}
+        />
+      )}
+      {activePanel === 'Language' && (
+        <LangPanel
+          bookKey={bookKey}
+          onRegisterReset={(fn) => registerResetFunction('Language', fn)}
+        />
+      )}
+      {activePanel === 'Custom' && (
+        <MiscPanel
+          bookKey={bookKey}
+          onRegisterReset={(fn) => registerResetFunction('Custom', fn)}
+        />
+      )}
    </Dialog>
  );
 };
@@ -8,6 +8,7 @@ import { useReaderStore } from '@/store/readerStore';
 import { useLibraryStore } from '@/store/libraryStore';
 import { useSidebarStore } from '@/store/sidebarStore';
 import { useTranslation } from '@/hooks/useTranslation';
+import { useParallelViewStore } from '@/store/parallelViewStore';
 import { isWebAppPlatform } from '@/services/environment';
 import { eventDispatcher } from '@/utils/event';
 import { DOWNLOAD_READEST_URL } from '@/services/constants';
@@ -21,10 +22,11 @@ interface BookMenuProps {

 const BookMenu: React.FC<BookMenuProps> = ({ menuClassName, setIsDropdownOpen }) => {
  const _ = useTranslation();
-  const { getViewSettings, setViewSettings } = useReaderStore();
+  const { bookKeys, getViewSettings, setViewSettings } = useReaderStore();
  const { getVisibleLibrary } = useLibraryStore();
  const { openParallelView } = useBooksManager();
  const { sideBarBookKey } = useSidebarStore();
+  const { parallelViews, setParallel, unsetParallel } = useParallelViewStore();
  const viewSettings = getViewSettings(sideBarBookKey!);

  const [isSortedTOC, setIsSortedTOC] = React.useState(viewSettings?.sortedTOC || false);
@@ -59,6 +61,14 @@ const BookMenu: React.FC<BookMenuProps> = ({ menuClassName, setIsDropdownOpen })
    }
    setTimeout(() => window.location.reload(), 100);
  };
+  const handleSetParallel = () => {
+    setParallel(bookKeys);
+    setIsDropdownOpen?.(false);
+  };
+  const handleUnsetParallel = () => {
+    unsetParallel(bookKeys);
+    setIsDropdownOpen?.(false);
+  };

  const isWebApp = isWebAppPlatform();

@@ -67,7 +77,19 @@ const BookMenu: React.FC<BookMenuProps> = ({ menuClassName, setIsDropdownOpen })
      tabIndex={0}
      className={clsx('book-menu dropdown-content border-base-100 z-20 shadow-2xl', menuClassName)}
    >
-      <MenuItem label={_('Parallel Read')}>
+      <MenuItem
+        label={_('Parallel Read')}
+        buttonClass={bookKeys.length > 1 ? 'lg:tooltip lg:tooltip-bottom' : ''}
+        tooltip={parallelViews.length > 0 ? _('Disable') : bookKeys.length > 1 ? _('Enable') : ''}
+        Icon={parallelViews.length > 0 && bookKeys.length > 1 ? MdCheck : undefined}
+        onClick={
+          parallelViews.length > 0
+            ? handleUnsetParallel
+            : bookKeys.length > 1
+              ? handleSetParallel
+              : undefined
+        }
+      >
        <ul className='max-h-60 overflow-y-auto'>
          {getVisibleLibrary()
            .filter((book) => book.format !== 'PDF' && book.format !== 'CBZ')
@@ -94,6 +116,7 @@ const BookMenu: React.FC<BookMenuProps> = ({ menuClassName, setIsDropdownOpen })
            ))}
        </ul>
      </MenuItem>
+      <hr className='border-base-200 my-1' />
      <MenuItem label={_('Export Annotations')} onClick={handleExportAnnotations} />
      <MenuItem
        label={_('Sort TOC by Page')}
@@ -1,9 +1,12 @@
 import clsx from 'clsx';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useState } from 'react';

 import { BookDoc } from '@/libs/document';
 import { useEnv } from '@/context/EnvContext';
 import { useBookDataStore } from '@/store/bookDataStore';
+import { OverlayScrollbarsComponent } from 'overlayscrollbars-react';
+import 'overlayscrollbars/overlayscrollbars.css';
+
 import TOCView from './TOCView';
 import BooknoteView from './BooknoteView';
 import TabNavigation from './TabNavigation';
@@ -13,38 +16,12 @@ const SidebarContent: React.FC<{
  sideBarBookKey: string;
 }> = ({ bookDoc, sideBarBookKey }) => {
  const { appService } = useEnv();
-  const scrollContainerRef = useRef<HTMLDivElement>(null);
  const { getConfig, setConfig } = useBookDataStore();
  const config = getConfig(sideBarBookKey);
  const [activeTab, setActiveTab] = useState(config?.viewSettings?.sideBarTab || 'toc');
  const [fade, setFade] = useState(false);
  const [targetTab, setTargetTab] = useState(activeTab);

-  useEffect(() => {
-    const container = scrollContainerRef.current;
-    if (!container) return;
-
-    let scrollTimeout: ReturnType<typeof setTimeout>;
-    const showScrollbar = () => {
-      container.classList.remove('hidden-scrollbar');
-    };
-    const hideScrollbar = () => {
-      container.classList.add('hidden-scrollbar');
-    };
-
-    hideScrollbar();
-    const handleScroll = () => {
-      showScrollbar();
-      clearTimeout(scrollTimeout);
-      scrollTimeout = setTimeout(hideScrollbar, 2000);
-    };
-    container.addEventListener('scroll', handleScroll);
-    return () => {
-      container.removeEventListener('scroll', handleScroll);
-      clearTimeout(scrollTimeout);
-    };
-  }, []);
-
  useEffect(() => {
    if (!sideBarBookKey) return;
    const config = getConfig(sideBarBookKey!)!;
@@ -74,23 +51,28 @@ const SidebarContent: React.FC<{
          'font-sans text-base font-normal sm:text-sm',
        )}
      >
-        <div
-          ref={scrollContainerRef}
-          className={clsx(
-            'scroll-container min-h-0 flex-1 overflow-y-auto transition-opacity duration-300 ease-in-out',
-            { 'opacity-0': fade, 'opacity-100': !fade },
-          )}
+        <OverlayScrollbarsComponent
+          className='min-h-0 flex-1'
+          options={{ scrollbars: { autoHide: 'scroll' }, showNativeOverlaidScrollbars: false }}
+          defer
        >
-          {targetTab === 'toc' && bookDoc.toc && (
-            <TOCView toc={bookDoc.toc} bookKey={sideBarBookKey} />
-          )}
-          {targetTab === 'annotations' && (
-            <BooknoteView type='annotation' toc={bookDoc.toc ?? []} bookKey={sideBarBookKey} />
-          )}
-          {targetTab === 'bookmarks' && (
-            <BooknoteView type='bookmark' toc={bookDoc.toc ?? []} bookKey={sideBarBookKey} />
-          )}
-        </div>
+          <div
+            className={clsx('scroll-container h-full transition-opacity duration-300 ease-in-out', {
+              'opacity-0': fade,
+              'opacity-100': !fade,
+            })}
+          >
+            {targetTab === 'toc' && bookDoc.toc && (
+              <TOCView toc={bookDoc.toc} bookKey={sideBarBookKey} />
+            )}
+            {targetTab === 'annotations' && (
+              <BooknoteView type='annotation' toc={bookDoc.toc ?? []} bookKey={sideBarBookKey} />
+            )}
+            {targetTab === 'bookmarks' && (
+              <BooknoteView type='bookmark' toc={bookDoc.toc ?? []} bookKey={sideBarBookKey} />
+            )}
+          </div>
+        </OverlayScrollbarsComponent>
      </div>
      <div
        className={clsx(
@@ -21,6 +21,7 @@ interface SearchBarProps {
  bookKey: string;
  searchTerm: string;
  onSearchResultChange: (results: BookSearchResult[]) => void;
+  onHideSearchBar: () => void;
 }

 const SearchBar: React.FC<SearchBarProps> = ({
@@ -28,6 +29,7 @@ const SearchBar: React.FC<SearchBarProps> = ({
  bookKey,
  searchTerm: term,
  onSearchResultChange,
+  onHideSearchBar,
 }) => {
  const _ = useTranslation();
  const { envConfig } = useEnv();
@@ -37,6 +39,7 @@ const SearchBar: React.FC<SearchBarProps> = ({
  const { getView, getProgress } = useReaderStore();
  const [searchTerm, setSearchTerm] = useState(term);
  const inputRef = useRef<HTMLInputElement>(null);
+  const inputFocusedRef = useRef(false);

  const view = getView(bookKey)!;
  const config = getConfig(bookKey)!;
@@ -65,14 +68,28 @@ const SearchBar: React.FC<SearchBarProps> = ({

  useEffect(() => {
    if (isVisible && inputRef.current) {
+      inputRef.current.onblur = () => {
+        inputFocusedRef.current = false;
+      };
+      inputRef.current.onfocus = () => {
+        inputFocusedRef.current = true;
+      };
      inputRef.current.focus();
    }
+    if (isVisible && searchTerm) {
+      handleSearchTermChange(searchTerm);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [isVisible]);

  useEffect(() => {
    const handleKeyDown = (e: KeyboardEvent) => {
-      if (e.key === 'Escape' && inputRef.current) {
-        inputRef.current.blur();
+      if (e.key === 'Escape') {
+        if (inputRef.current && inputFocusedRef.current) {
+          inputRef.current.blur();
+        } else {
+          onHideSearchBar();
+        }
      }
    };
    window.addEventListener('keydown', handleKeyDown);
@@ -82,7 +99,7 @@ const SearchBar: React.FC<SearchBarProps> = ({
        clearTimeout(searchTimeout.current);
      }
    };
-  }, []);
+  }, [onHideSearchBar]);

  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    const value = e.target.value;
@@ -1,5 +1,5 @@
 import clsx from 'clsx';
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';

 import { impactFeedback } from '@tauri-apps/plugin-haptics';
 import { useSettingsStore } from '@/store/settingsStore';
@@ -146,15 +146,23 @@ const SideBar: React.FC<{
  };

  const handleToggleSearchBar = () => {
-    setIsSearchBarVisible((prev) => !prev);
-    if (isSearchBarVisible) {
-      setSearchResults(null);
-      setSearchTerm('');
-      getView(sideBarBookKey)?.clearSearch();
-    }
+    setIsSearchBarVisible((prev) => {
+      if (prev) handleHideSearchBar();
+      return !prev;
+    });
  };

-  useShortcuts({ onToggleSearchBar: handleToggleSearchBar }, [sideBarBookKey]);
+  const handleHideSearchBar = useCallback(() => {
+    setIsSearchBarVisible(false);
+    setSearchResults(null);
+    setSearchTerm('');
+    getView(sideBarBookKey)?.clearSearch();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [sideBarBookKey]);
+
+  useShortcuts({ onToggleSearchBar: handleToggleSearchBar, onEscape: handleHideSearchBar }, [
+    sideBarBookKey,
+  ]);

  const handleSearchResultClick = (cfi: string) => {
    onNavigateEvent();
@@ -233,6 +241,7 @@ const SideBar: React.FC<{
              bookKey={sideBarBookKey!}
              searchTerm={searchTerm}
              onSearchResultChange={setSearchResults}
+              onHideSearchBar={handleHideSearchBar}
            />
          </div>
          <div className='border-base-300/50 border-b px-3'>
@@ -249,7 +258,10 @@ const SideBar: React.FC<{
          <SidebarContent bookDoc={bookDoc} sideBarBookKey={sideBarBookKey!} />
        )}
        <div
-          className='drag-bar absolute right-0 top-0 -m-3 h-full w-0.5 cursor-col-resize p-3'
+          className={clsx(
+            'drag-bar absolute -right-1 top-0 -m-1 h-full w-0.5 cursor-col-resize p-1',
+            isMobile && 'hidden',
+          )}
          onMouseDown={handleHorizontalDragStart}
          onTouchStart={handleHorizontalDragStart}
        ></div>
@@ -57,7 +57,7 @@ const TOCItemView = React.memo<{
  );

  return (
-    <span
+    <div
      role='treeitem'
      tabIndex={-1}
      onClick={item.href ? handleClickItem : undefined}
@@ -76,7 +76,7 @@ const TOCItemView = React.memo<{
      }}
    >
      {item.subitems && (
-        <span
+        <div
          onClick={handleToggleExpand}
          className='inline-block cursor-pointer'
          style={{
@@ -85,9 +85,9 @@ const TOCItemView = React.memo<{
          }}
        >
          {createExpanderIcon(flatItem.isExpanded || false)}
-        </span>
+        </div>
      )}
-      <span
+      <div
        className='ms-2 truncate text-ellipsis'
        style={{
          maxWidth: 'calc(100% - 24px)',
@@ -96,13 +96,13 @@ const TOCItemView = React.memo<{
        }}
      >
        {item.label}
-      </span>
+      </div>
      {item.location && (
-        <span className='text-base-content/50 ms-auto ps-1 text-xs sm:pe-1'>
+        <div className='text-base-content/50 ms-auto ps-1 text-xs sm:pe-1'>
          {item.location.current + 1}
-        </span>
+        </div>
      )}
-    </span>
+    </div>
  );
 });

@@ -1,7 +1,10 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { FixedSizeList as VirtualList } from 'react-window';

+import { useOverlayScrollbars } from 'overlayscrollbars-react';
+import 'overlayscrollbars/overlayscrollbars.css';
 import { TOCItem } from '@/libs/document';
+import { useEnv } from '@/context/EnvContext';
 import { useReaderStore } from '@/store/readerStore';
 import { useSidebarStore } from '@/store/sidebarStore';
 import { findParentPath } from '@/utils/toc';
@@ -32,6 +35,7 @@ const TOCView: React.FC<{
  bookKey: string;
  toc: TOCItem[];
 }> = ({ bookKey, toc }) => {
+  const { appService } = useEnv();
  const { getView, getProgress, getViewState, getViewSettings } = useReaderStore();
  const { sideBarBookKey, isSideBarVisible } = useSidebarStore();
  const viewSettings = getViewSettings(bookKey)!;
@@ -42,10 +46,42 @@ const TOCView: React.FC<{
  const [containerHeight, setContainerHeight] = useState(400);

  const containerRef = useRef<HTMLDivElement | null>(null);
+  const listOuterRef = useRef<HTMLDivElement | null>(null);
  const vitualListRef = useRef<VirtualList | null>(null);
  const staticListRef = useRef<HTMLDivElement | null>(null);

-  useTextTranslation(bookKey, containerRef.current);
+  const [initialize] = useOverlayScrollbars({
+    defer: true,
+    options: {
+      scrollbars: {
+        autoHide: 'scroll',
+      },
+      showNativeOverlaidScrollbars: false,
+    },
+    events: {
+      initialized(osInstance) {
+        const { viewport } = osInstance.elements();
+        viewport.style.overflowX = `var(--os-viewport-overflow-x)`;
+        viewport.style.overflowY = `var(--os-viewport-overflow-y)`;
+      },
+    },
+  });
+
+  useEffect(() => {
+    const { current: root } = containerRef;
+    const { current: virtualOuter } = listOuterRef;
+
+    if (root && virtualOuter) {
+      initialize({
+        target: root,
+        elements: {
+          viewport: virtualOuter,
+        },
+      });
+    }
+  }, [initialize]);
+
+  useTextTranslation(bookKey, containerRef.current, false, 'translation-target-toc');

  useEffect(() => {
    const updateHeight = () => {
@@ -78,8 +114,11 @@ const TOCView: React.FC<{
    };
  }, []);

-  const activeHref = useMemo(() => progress?.sectionHref || null, [progress]);
+  const activeHref = useMemo(() => progress?.sectionHref || null, [progress?.sectionHref]);
  const flatItems = useFlattenedTOC(toc, expandedItems);
+  const activeItemIndex = useMemo(() => {
+    return flatItems.findIndex((item) => item.item.href === activeHref);
+  }, [flatItems, activeHref]);

  const handleToggleExpand = useCallback((item: TOCItem) => {
    const href = item.href || '';
@@ -136,7 +175,7 @@ const TOCView: React.FC<{

  const virtualItemSize = useMemo(() => {
    return window.innerWidth >= 640 && !viewSettings?.translationEnabled ? 37 : 57;
-  }, [viewSettings]);
+  }, [viewSettings?.translationEnabled]);

  const virtualListData = useMemo(
    () => ({
@@ -163,40 +202,44 @@ const TOCView: React.FC<{

  useEffect(() => {
    if (flatItems.length > 0) {
-      setTimeout(scrollToActiveItem, 0);
+      setTimeout(scrollToActiveItem, appService?.isAndroidApp ? 300 : 0);
    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [flatItems, scrollToActiveItem]);

-  return (
-    <div className='rounded' ref={containerRef}>
-      {flatItems.length > 256 ? (
-        <VirtualList
-          ref={vitualListRef}
-          width='100%'
-          height={containerHeight}
-          itemCount={flatItems.length}
-          itemSize={virtualItemSize}
-          itemData={virtualListData}
-          overscanCount={20}
-        >
-          {VirtualListRow}
-        </VirtualList>
-      ) : (
-        <div className='pt-2' ref={staticListRef}>
-          {flatItems.map((flatItem, index) => (
-            <StaticListRow
-              key={`static-row-${index}`}
-              bookKey={bookKey}
-              flatItem={flatItem}
-              activeHref={activeHref}
-              onToggleExpand={handleToggleExpand}
-              onItemClick={handleItemClick}
-            />
-          ))}
-        </div>
-      )}
+  return flatItems.length > 256 ? (
+    <div className='rounded' data-overlayscrollbars-initialize='' ref={containerRef}>
+      <VirtualList
+        ref={vitualListRef}
+        outerRef={listOuterRef}
+        width='100%'
+        height={containerHeight}
+        itemCount={flatItems.length}
+        itemSize={virtualItemSize}
+        itemData={virtualListData}
+        overscanCount={20}
+        initialScrollOffset={
+          appService?.isAndroidApp && activeItemIndex >= 0
+            ? Math.max(0, activeItemIndex * virtualItemSize - containerHeight / 2)
+            : undefined
+        }
+      >
+        {VirtualListRow}
+      </VirtualList>
+    </div>
+  ) : (
+    <div className='rounded pt-2' ref={staticListRef}>
+      {flatItems.map((flatItem, index) => (
+        <StaticListRow
+          key={`static-row-${index}`}
+          bookKey={bookKey}
+          flatItem={flatItem}
+          activeHref={activeHref}
+          onToggleExpand={handleToggleExpand}
+          onItemClick={handleItemClick}
+        />
+      ))}
    </div>
  );
 };
-
 export default TOCView;
@@ -171,20 +171,23 @@ const TTSControl: React.FC<TTSControlProps> = ({ bookKey }) => {
      return;
    }

-    let ttsFromRange = range || progress.range;
-    if (viewSettings.ttsLocation) {
+    let ttsFromRange = range;
+    if (!ttsFromRange && viewSettings.ttsLocation) {
      const { location } = progress;
      const ttsCfi = viewSettings.ttsLocation;
      const start = CFI.collapse(location);
      const end = CFI.collapse(location, true);
      if (CFI.compare(start, ttsCfi) * CFI.compare(end, ttsCfi) <= 0) {
        const { index, anchor } = view.resolveCFI(ttsCfi);
-        const { doc } = view.renderer.getContents().find((x) => (x.index = index)) || {};
+        const { doc } = view.renderer.getContents().find((x) => x.index === index) || {};
        if (doc) {
-          ttsFromRange = anchor(doc) || ttsFromRange;
+          ttsFromRange = anchor(doc);
        }
      }
    }
+    if (!ttsFromRange) {
+      ttsFromRange = progress.range;
+    }

    const primaryLang = bookData.book.primaryLanguage;

@@ -1,8 +1,6 @@
 import { useReaderStore } from '@/store/readerStore';
 import { useNotebookStore } from '@/store/notebookStore';
 import { isTauriAppPlatform } from '@/services/environment';
-import useShortcuts from '@/hooks/useShortcuts';
-import useBooksManager from './useBooksManager';
 import { useSidebarStore } from '@/store/sidebarStore';
 import { useSettingsStore } from '@/store/settingsStore';
 import { getStyles } from '@/utils/style';
@@ -10,6 +8,8 @@ import { tauriHandleToggleFullScreen, tauriQuitApp } from '@/utils/window';
 import { eventDispatcher } from '@/utils/event';
 import { MAX_ZOOM_LEVEL, MIN_ZOOM_LEVEL, ZOOM_STEP } from '@/services/constants';
 import { viewPagination } from './usePagination';
+import useShortcuts from '@/hooks/useShortcuts';
+import useBooksManager from './useBooksManager';

 interface UseBookShortcutsProps {
  sideBarBookKey: string | null;
@@ -36,7 +36,7 @@ const useBooksManager = () => {
      const updatedKeys = [...bookKeys, newKey];
      setBookKeys(updatedKeys);
    }
-    if (isParallel) setParallel(sideBarBookKey!, newKey);
+    if (isParallel) setParallel([sideBarBookKey!, newKey]);
    setSideBarBookKey(newKey);
    setShouldUpdateSearchParams(true);
  };
@@ -0,0 +1,28 @@
+import { Dispatch, SetStateAction } from 'react';
+import { useEnv } from '@/context/EnvContext';
+import { ViewSettings } from '@/types/book';
+
+type SetterKey = keyof ViewSettings;
+type SetterValue = SetStateAction<string> & SetStateAction<number> & SetStateAction<boolean>;
+
+type StateSetters = Partial<{
+  [Key in SetterKey]: Dispatch<SetterValue>;
+}>;
+
+export const useResetViewSettings = () => {
+  const { appService } = useEnv();
+
+  const resetToDefaults = (setters: StateSetters) => {
+    if (!appService) return;
+    const defaultSettings = appService.getDefaultViewSettings();
+
+    Object.entries(setters).forEach(([settingKey, setter]) => {
+      const freshValue = defaultSettings[settingKey as SetterKey];
+      if (freshValue !== undefined) {
+        setter(freshValue as SetterValue);
+      }
+    });
+  };
+
+  return resetToDefaults;
+};
@@ -63,14 +63,14 @@ export const useTextSelector = (
        if (!isTextSelected.current) return;
        sel.addRange(range);
        setSelection({ key: bookKey, text: await getAnnotationText(range), range, index });
-      }, 40);
-    }, 0);
+      }, 30);
+    }, 30);
  };
  const handleSelectionchange = (doc: Document, index: number) => {
    // Available on iOS, Android and Desktop, fired when the selection is changed
    // Ideally the popup only shows when the selection is done,
    const sel = doc.getSelection() as Selection;
-    if (osPlatform === 'ios') return;
+    if (osPlatform === 'ios' || appService?.isIOSApp) return;
    if (!isValidSelection(sel)) {
      if (!isUpToPopup.current) {
        handleDismissPopup();
@@ -91,12 +91,30 @@ export const useTextSelector = (
    }
    isUpToPopup.current = true;
  };
-  const handlePointerup = (doc: Document, index: number) => {
+  const isPointerInsideSelection = (selection: Selection, ev: PointerEvent) => {
+    if (selection.rangeCount === 0) return false;
+    const range = selection.getRangeAt(0);
+    const rects = range.getClientRects();
+    const padding = 80;
+    for (let i = 0; i < rects.length; i++) {
+      const rect = rects[i]!;
+      if (
+        ev.clientX >= rect.left - padding &&
+        ev.clientX <= rect.right + padding &&
+        ev.clientY >= rect.top - padding &&
+        ev.clientY <= rect.bottom + padding
+      ) {
+        return true;
+      }
+    }
+    return false;
+  };
+  const handlePointerup = (doc: Document, index: number, ev: PointerEvent) => {
    // Available on iOS and Desktop, fired at touchend or mouseup
    // Note that on Android, pointerup event is fired after an additional touch event
    const sel = doc.getSelection() as Selection;
-    if (isValidSelection(sel)) {
-      if (osPlatform === 'ios') {
+    if (isValidSelection(sel) && isPointerInsideSelection(sel, ev)) {
+      if (osPlatform === 'ios' || appService?.isIOSApp) {
        makeSelectionOnIOS(sel, index);
      } else {
        makeSelection(sel, index, true);
@@ -134,7 +152,7 @@ export const useTextSelector = (
        }
        isPopuped.current = showPopup;
      },
-      ['android', 'ios'].includes(osPlatform) ? 0 : 500,
+      ['android', 'ios'].includes(osPlatform) || appService?.isIOSApp ? 0 : 500,
    );
  };

@@ -7,7 +7,12 @@ import { walkTextNodes } from '@/utils/walk';
 import { debounce } from '@/utils/debounce';
 import { getLocale } from '@/utils/misc';

-export function useTextTranslation(bookKey: string, view: FoliateView | HTMLElement | null) {
+export function useTextTranslation(
+  bookKey: string,
+  view: FoliateView | HTMLElement | null,
+  widthLineBreak = false,
+  targetBlockClassName = 'translation-target-block',
+) {
  const { getViewSettings, getViewState, getProgress } = useReaderStore();
  const viewSettings = getViewSettings(bookKey);
  const viewState = getViewState(bookKey);
@@ -16,6 +21,7 @@ export function useTextTranslation(bookKey: string, view: FoliateView | HTMLElem
  const enabled = useRef(viewSettings?.translationEnabled);
  const [provider, setProvider] = useState(viewSettings?.translationProvider);
  const [targetLang, setTargetLang] = useState(viewSettings?.translateTargetLang);
+  const showTranslateSourceRef = useRef(viewSettings?.showTranslateSource);

  const { translate } = useTranslator({
    provider,
@@ -123,10 +129,59 @@ export function useTextTranslation(bookKey: string, view: FoliateView | HTMLElem
    const text = el.textContent?.replaceAll('\n', '').trim();
    if (!text) return;

-    if (el.querySelector('.translation-target')) {
+    if (el.classList.contains('translation-target')) {
      return;
    }

+    const updateSourceNodes = (element: HTMLElement) => {
+      const hasDirectText = Array.from(element.childNodes).some(
+        (node) => node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '',
+      );
+      if (hasDirectText) {
+        element.classList.add('translation-source');
+
+        const textNodes = Array.from(element.childNodes).filter(
+          (node) => node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '',
+        );
+
+        if (!element.hasAttribute('original-text-stored')) {
+          element.setAttribute(
+            'original-text-nodes',
+            JSON.stringify(textNodes.map((node) => node.textContent)),
+          );
+          element.setAttribute('original-text-stored', 'true');
+        }
+      }
+      const isSource = element.classList.contains('translation-source');
+      if (isSource) {
+        const textNodes = Array.from(element.childNodes).filter(
+          (node) => node.nodeType === Node.TEXT_NODE,
+        ) as Text[];
+
+        if (showTranslateSourceRef.current) {
+          const originalTexts = JSON.parse(element.getAttribute('original-text-nodes') || '[]');
+          textNodes.forEach((textNode, index) => {
+            if (originalTexts[index] !== undefined) {
+              textNode.textContent = originalTexts[index];
+            }
+          });
+        } else {
+          textNodes.forEach((textNode) => {
+            textNode.textContent = '';
+          });
+        }
+      }
+      for (const child of Array.from(element.childNodes)) {
+        if (child.nodeType !== Node.ELEMENT_NODE) continue;
+        const node = child as HTMLElement;
+        if (!node.classList.contains('translation-target')) {
+          updateSourceNodes(node);
+        }
+      }
+    };
+
+    updateSourceNodes(el);
+
    try {
      const translated = await translateRef.current([text]);
      const translatedText = translated[0];
@@ -136,9 +191,12 @@ export function useTextTranslation(bookKey: string, view: FoliateView | HTMLElem
      wrapper.className = `translation-target ${!enabled.current ? 'hidden' : ''}`;
      wrapper.setAttribute('translation-element-mark', '1');
      wrapper.setAttribute('lang', targetLang || getLocale());
+      if (widthLineBreak) {
+        wrapper.appendChild(document.createElement('br'));
+      }

      const blockWrapper = document.createElement('font');
-      blockWrapper.className = 'translation-target translation-block-wrapper';
+      blockWrapper.className = `translation-target ${targetBlockClassName}`;

      const inner = document.createElement('font');
      inner.className = 'translation-target target-inner target-inner-theme-none';
@@ -201,7 +259,7 @@ export function useTextTranslation(bookKey: string, view: FoliateView | HTMLElem
        }
      }
    }, 500),
-    [],
+    [translateElement],
  );

  useEffect(() => {
@@ -218,6 +276,8 @@ export function useTextTranslation(bookKey: string, view: FoliateView | HTMLElem
    const enabledChanged = enabled.current !== viewSettings.translationEnabled;
    const providerChanged = provider !== viewSettings.translationProvider;
    const targetLangChanged = targetLang !== viewSettings.translateTargetLang;
+    const showTranslateSourceChanged =
+      showTranslateSourceRef.current !== viewSettings.showTranslateSource;

    if (enabledChanged) {
      enabled.current = viewSettings.translationEnabled;
@@ -231,12 +291,16 @@ export function useTextTranslation(bookKey: string, view: FoliateView | HTMLElem
      setTargetLang(viewSettings.translateTargetLang);
    }

+    if (showTranslateSourceChanged) {
+      showTranslateSourceRef.current = viewSettings.showTranslateSource;
+    }
+
    if (enabledChanged) {
      toggleTranslationVisibility(viewSettings.translationEnabled);
      if (enabled.current) {
        observeTextNodes();
      }
-    } else if (providerChanged || targetLangChanged) {
+    } else if (providerChanged || targetLangChanged || showTranslateSourceChanged) {
      updateTranslation();
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -0,0 +1,107 @@
+import { useState } from 'react';
+import { useTranslation } from '@/hooks/useTranslation';
+import { UserPlan } from '@/types/user';
+
+interface DeleteConfirmationModalProps {
+  show: boolean;
+  onCancel: () => void;
+  onConfirm: () => void;
+}
+
+const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps> = ({
+  show,
+  onCancel,
+  onConfirm,
+}) => {
+  const _ = useTranslation();
+  if (!show) return null;
+
+  return (
+    <div className='fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50 p-4'>
+      <div className='w-full max-w-md rounded-2xl bg-white p-6'>
+        <h3 className='mb-4 text-xl font-bold text-gray-800'>{_('Delete Your Account?')}</h3>
+        <p className='mb-6 text-gray-600'>
+          {_(
+            'This action cannot be undone. All your data in the cloud will be permanently deleted.',
+          )}
+        </p>
+        <div className='flex flex-col gap-3 sm:flex-row'>
+          <button
+            onClick={onCancel}
+            className='flex-1 rounded-lg bg-gray-300 px-4 py-2 font-medium text-gray-800 hover:bg-gray-400'
+          >
+            {_('Cancel')}
+          </button>
+          <button
+            onClick={onConfirm}
+            className='flex-1 rounded-lg bg-red-500 px-4 py-2 font-medium text-white hover:bg-red-600'
+          >
+            {_('Delete Permanently')}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+interface AccountActionsProps {
+  userPlan: UserPlan;
+  onLogout: () => void;
+  onConfirmDelete: () => void;
+  onManageSubscription: () => void;
+}
+
+const AccountActions: React.FC<AccountActionsProps> = ({
+  userPlan,
+  onLogout,
+  onConfirmDelete,
+  onManageSubscription,
+}) => {
+  const _ = useTranslation();
+  const [showConfirmDelete, setShowConfirmDelete] = useState(false);
+
+  const handleDeleteRequest = () => {
+    setShowConfirmDelete(true);
+  };
+
+  const handleCancelDelete = () => {
+    setShowConfirmDelete(false);
+  };
+
+  return (
+    <>
+      <DeleteConfirmationModal
+        show={showConfirmDelete}
+        onCancel={handleCancelDelete}
+        onConfirm={async () => {
+          await onConfirmDelete();
+          setShowConfirmDelete(false);
+        }}
+      />
+      <div className='flex flex-col gap-4 md:flex-row'>
+        {userPlan !== 'free' && (
+          <button
+            onClick={onManageSubscription}
+            className='w-full rounded-lg bg-blue-100 px-6 py-3 font-medium text-blue-600 transition-colors hover:bg-blue-200 md:w-auto'
+          >
+            {_('Manage Subscription')}
+          </button>
+        )}
+        <button
+          onClick={onLogout}
+          className='w-full rounded-lg bg-gray-200 px-6 py-3 font-medium text-gray-800 transition-colors hover:bg-gray-300 md:w-auto'
+        >
+          {_('Sign Out')}
+        </button>
+        <button
+          onClick={handleDeleteRequest}
+          className='w-full rounded-lg bg-red-100 px-6 py-3 font-medium text-red-600 transition-colors hover:bg-red-200 md:w-auto'
+        >
+          {_('Delete Account')}
+        </button>
+      </div>
+    </>
+  );
+};
+
+export default AccountActions;
@@ -0,0 +1,53 @@
+'use client';
+
+import clsx from 'clsx';
+import React, { useCallback } from 'react';
+import { EmbeddedCheckoutProvider, EmbeddedCheckout } from '@stripe/react-stripe-js';
+import { getStripe } from '@/libs/stripe/client';
+import { useTranslation } from '@/hooks/useTranslation';
+
+interface CheckoutProps {
+  clientSecret: string;
+  sessionId: string;
+  planName?: string;
+  className?: string;
+  onSuccess?: (sessionId: string) => void;
+}
+
+const Checkout: React.FC<CheckoutProps> = ({
+  clientSecret,
+  sessionId,
+  planName,
+  onSuccess,
+  className = '',
+}) => {
+  const _ = useTranslation();
+  const stripe = getStripe();
+
+  const options = {
+    clientSecret,
+    onComplete: useCallback(() => {
+      onSuccess?.(sessionId);
+    }, [onSuccess, sessionId]),
+  };
+
+  return (
+    <div className={clsx('w-full', className)}>
+      <div className='mb-4 flex items-center justify-center'>
+        <h3 className='text-center text-lg font-semibold'>
+          {planName
+            ? _('Upgrade to {{plan}}', { plan: _(planName) })
+            : _('Complete Your Subscription')}
+        </h3>
+      </div>
+
+      <div className='border-base-300 overflow-hidden rounded-lg border'>
+        <EmbeddedCheckoutProvider stripe={stripe} options={options}>
+          <EmbeddedCheckout />
+        </EmbeddedCheckoutProvider>
+      </div>
+    </div>
+  );
+};
+
+export default Checkout;
@@ -0,0 +1,41 @@
+import clsx from 'clsx';
+import { useRef } from 'react';
+import { IoArrowBack } from 'react-icons/io5';
+import { useEnv } from '@/context/EnvContext';
+import { useTrafficLightStore } from '@/store/trafficLightStore';
+import WindowButtons from '@/components/WindowButtons';
+
+interface ProfileHeaderProps {
+  onGoBack: () => void;
+}
+
+const ProfileHeader: React.FC<ProfileHeaderProps> = ({ onGoBack }) => {
+  const { appService } = useEnv();
+  const { isTrafficLightVisible } = useTrafficLightStore();
+  const headerRef = useRef<HTMLDivElement>(null);
+
+  return (
+    <div
+      ref={headerRef}
+      className={clsx(
+        'fixed z-30 flex w-full items-center justify-between py-2 pe-6 ps-4',
+        appService?.hasTrafficLight && 'pt-11',
+      )}
+    >
+      <button onClick={onGoBack} className={clsx('btn btn-ghost h-8 min-h-8 w-8 p-0')}>
+        <IoArrowBack className='text-base-content' />
+      </button>
+
+      {appService?.hasWindowBar && (
+        <WindowButtons
+          headerRef={headerRef}
+          showMinimize={!isTrafficLightVisible}
+          showMaximize={!isTrafficLightVisible}
+          showClose={!isTrafficLightVisible}
+          onClose={onGoBack}
+        />
+      )}
+    </div>
+  );
+};
+export default ProfileHeader;
@@ -0,0 +1,69 @@
+import { useTranslation } from '@/hooks/useTranslation';
+import { PlanDetails } from '../utils/plan';
+
+interface PlanActionButtonProps {
+  plan: PlanDetails;
+  isUserPlan: boolean;
+  comingSoon?: boolean;
+  upgradable?: boolean;
+  onSubscribe: (priceId?: string) => void;
+  onSelectPlan: (index: number) => void;
+}
+
+const PlanActionButton: React.FC<PlanActionButtonProps> = ({
+  plan,
+  isUserPlan,
+  comingSoon,
+  upgradable,
+  onSubscribe,
+  onSelectPlan,
+}) => {
+  const _ = useTranslation();
+
+  if (upgradable && plan.plan !== 'free' && !isUserPlan) {
+    if (comingSoon) {
+      return (
+        <button
+          disabled
+          className='w-full cursor-default rounded-lg bg-gray-200 px-6 py-3 font-semibold text-gray-500'
+        >
+          {_('Coming Soon')}
+        </button>
+      );
+    }
+    return (
+      <button
+        onClick={() => onSubscribe(plan.price_id)}
+        className='w-full rounded-lg bg-blue-600 px-6 py-3 font-semibold text-white transition-colors hover:bg-blue-700'
+      >
+        {_('Upgrade to {{plan}}', { plan: _(plan.name) })}
+      </button>
+    );
+  }
+
+  if (plan.plan === 'free' && isUserPlan) {
+    return (
+      <button
+        onClick={() => onSelectPlan(1)}
+        className='w-full rounded-lg bg-blue-600 px-6 py-3 font-semibold text-white transition-colors hover:bg-blue-700'
+      >
+        {_('Upgrade to Plus or Pro')}
+      </button>
+    );
+  }
+
+  if (isUserPlan) {
+    return (
+      <button
+        disabled
+        className='w-full cursor-default rounded-lg bg-green-100 px-6 py-3 font-semibold text-green-700'
+      >
+        {_('Current Plan')}
+      </button>
+    );
+  }
+
+  return null;
+};
+
+export default PlanActionButton;
@@ -0,0 +1,87 @@
+import { IoCheckmark } from 'react-icons/io5';
+import { useTranslation } from '@/hooks/useTranslation';
+import { PlanDetails } from '../utils/plan';
+import PlanActionButton from './PlanActionButton';
+
+interface PlanCardProps {
+  plan: PlanDetails;
+  isUserPlan: boolean;
+  comingSoon?: boolean;
+  upgradable?: boolean;
+  index: number;
+  currentPlanIndex: number;
+  onSubscribe: (priceId?: string) => void;
+  onSelectPlan: (index: number) => void;
+}
+
+const PlanCard: React.FC<PlanCardProps> = ({
+  plan,
+  isUserPlan,
+  comingSoon,
+  upgradable,
+  index,
+  currentPlanIndex,
+  onSubscribe,
+  onSelectPlan,
+}) => {
+  const _ = useTranslation();
+
+  return (
+    <div
+      key={plan.plan}
+      className='w-full flex-shrink-0 p-6 sm:min-w-96 sm:max-w-96'
+      style={{ scrollSnapAlign: 'start' }}
+    >
+      <div
+        className={`rounded-xl border-2 p-4 ${plan.color} ${index === currentPlanIndex ? 'ring-2 ring-blue-500' : ''}`}
+      >
+        <div className='mb-6 text-center'>
+          <h4 className='mb-2 text-2xl font-bold'>{_(plan.name)}</h4>
+          <div className='text-3xl font-bold'>
+            {`$${(plan.price / 100).toFixed(2)}`}
+            <span className='text-lg font-normal'>/{_(plan.interval)}</span>
+          </div>
+        </div>
+
+        <div className='mb-6 space-y-3' onClick={() => onSelectPlan(index)}>
+          {plan.features.map((feature, featureIndex) => (
+            <div key={featureIndex} className='flex flex-col'>
+              <div className='flex items-center gap-2'>
+                <IoCheckmark className='h-5 w-5 flex-shrink-0 text-green-500' />
+                <span>{_(feature.label)}</span>
+              </div>
+              {feature.description && (
+                <div className={`ms-7 text-sm sm:text-xs ${plan.hintColor}`}>
+                  {_(feature.description)}
+                </div>
+              )}
+            </div>
+          ))}
+        </div>
+
+        <div className='mb-6 rounded-lg bg-white/50 p-4' onClick={() => onSelectPlan(index)}>
+          <h5 className='mb-3 font-semibold'>{_('Plan Limits')}</h5>
+          <div className='space-y-2'>
+            {Object.entries(plan.limits).map(([key, value]) => (
+              <div key={key} className='flex justify-between text-sm'>
+                <span>{_(key)}:</span>
+                <span className='font-medium'>{value}</span>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        <PlanActionButton
+          plan={plan}
+          comingSoon={comingSoon}
+          upgradable={upgradable}
+          isUserPlan={isUserPlan}
+          onSubscribe={onSubscribe}
+          onSelectPlan={onSelectPlan}
+        />
+      </div>
+    </div>
+  );
+};
+
+export default PlanCard;
@@ -0,0 +1,27 @@
+import { PlanDetails } from '../utils/plan';
+
+interface PlanIndicatorsProps {
+  allPlans: PlanDetails[];
+  currentPlanIndex: number;
+  onSelectPlan: (index: number) => void;
+}
+
+const PlanIndicators: React.FC<PlanIndicatorsProps> = ({
+  allPlans,
+  currentPlanIndex,
+  onSelectPlan,
+}) => (
+  <div className='flex justify-center space-x-2 pb-6 pt-2'>
+    {allPlans.map((_, index) => (
+      <button
+        key={index}
+        onClick={() => onSelectPlan(index)}
+        className={`h-2 w-2 rounded-full transition-colors ${
+          index === currentPlanIndex ? 'bg-blue-500' : 'bg-gray-300'
+        }`}
+      />
+    ))}
+  </div>
+);
+
+export default PlanIndicators;
@@ -0,0 +1,40 @@
+import { useTranslation } from '@/hooks/useTranslation';
+import { PlanDetails } from '../utils/plan';
+
+interface PlanNavigationProps {
+  allPlans: PlanDetails[];
+  currentPlanIndex: number;
+  onSelectPlan: (index: number) => void;
+}
+
+const PlanNavigation: React.FC<PlanNavigationProps> = ({
+  allPlans,
+  currentPlanIndex,
+  onSelectPlan,
+}) => {
+  const _ = useTranslation();
+
+  return (
+    <div className='bg-base-200/50 border-base-200 border-b px-6 py-4'>
+      <div className='flex items-center justify-center'>
+        <div className='bg-base-300 flex items-center space-x-1 rounded-lg p-1'>
+          {allPlans.map((plan, index) => (
+            <button
+              key={plan.name}
+              onClick={() => onSelectPlan(index)}
+              className={`rounded-md px-4 py-2 text-sm font-medium transition-colors ${
+                currentPlanIndex === index
+                  ? `${plan.color} shadow-sm`
+                  : 'text-base-content hover:bg-base-200'
+              }`}
+            >
+              {_(plan.name)}
+            </button>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default PlanNavigation;
@@ -0,0 +1,166 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useEnv } from '@/context/EnvContext';
+import { debounce } from '@/utils/debounce';
+import { getPlanDetails } from '../utils/plan';
+import { UserPlan } from '@/types/user';
+import { AvailablePlan } from '../page';
+import PlanNavigation from './PlanNavigation';
+import PlanCard from './PlanCard';
+import PlanIndicators from './PlanIndicators';
+
+interface PlansComparisonProps {
+  availablePlans: AvailablePlan[];
+  userPlan: UserPlan;
+  onSubscribe: (priceId?: string) => void;
+}
+
+const PlansComparison: React.FC<PlansComparisonProps> = ({
+  availablePlans,
+  userPlan,
+  onSubscribe,
+}) => {
+  const { appService } = useEnv();
+  const [currentPlanIndex, setCurrentPlanIndex] = useState(0);
+  const [userPlanIndex, setUserPlanIndex] = useState(0);
+  const plansScrollRef = useRef<HTMLDivElement>(null);
+
+  const userPlans: UserPlan[] = ['free', 'plus', 'pro'];
+
+  useEffect(() => {
+    if (userPlan) {
+      const initialPlanIndex = userPlans.indexOf(userPlan);
+      setCurrentPlanIndex(Math.max(0, initialPlanIndex));
+      setUserPlanIndex(Math.max(0, initialPlanIndex));
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [userPlan]);
+
+  const handlePlanSwipe = (direction: 'left' | 'right') => {
+    if (direction === 'left' && currentPlanIndex < allPlans.length - 1) {
+      setCurrentPlanIndex(currentPlanIndex + 1);
+    } else if (direction === 'right' && currentPlanIndex > 0) {
+      setCurrentPlanIndex(currentPlanIndex - 1);
+    }
+  };
+
+  const handleTouchStart = (e: React.TouchEvent) => {
+    const touchStart = e.touches[0]!.clientX;
+    const handleTouchMove = (moveEvent: TouchEvent) => {
+      const touchEnd = moveEvent.touches[0]!.clientX;
+      const diff = touchStart - touchEnd;
+
+      if (Math.abs(diff) > 50) {
+        if (diff > 0) {
+          handlePlanSwipe('left');
+        } else {
+          handlePlanSwipe('right');
+        }
+        document.removeEventListener('touchmove', handleTouchMove);
+      }
+    };
+
+    const handleTouchEnd = () => {
+      document.removeEventListener('touchmove', handleTouchMove);
+      document.removeEventListener('touchend', handleTouchEnd);
+    };
+
+    document.addEventListener('touchmove', handleTouchMove);
+    document.addEventListener('touchend', handleTouchEnd);
+  };
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const handleScroll = useCallback(
+    debounce(() => {
+      if (plansScrollRef.current) {
+        const container = plansScrollRef.current;
+        const scrollLeft = container.scrollLeft;
+        const containerWidth = container.clientWidth;
+        const scrollWidth = container.scrollWidth;
+
+        const cardWidth = scrollWidth / allPlans.length;
+        const viewportCenter = scrollLeft + containerWidth / 2;
+        const newIndex = Math.floor(viewportCenter / cardWidth);
+        const clampedIndex = Math.max(0, Math.min(newIndex, allPlans.length - 1));
+
+        if (currentPlanIndex === 0 && scrollLeft < 10) {
+          return;
+        }
+        if (clampedIndex !== currentPlanIndex) {
+          setCurrentPlanIndex(clampedIndex);
+        }
+      }
+    }, 100),
+    [currentPlanIndex],
+  );
+
+  useEffect(() => {
+    if (!plansScrollRef.current) return;
+
+    const container = plansScrollRef.current;
+    container.addEventListener('scroll', handleScroll);
+    return () => {
+      container.removeEventListener('scroll', handleScroll);
+    };
+  }, [currentPlanIndex, handleScroll]);
+
+  useEffect(() => {
+    console.log('Current plan index:', currentPlanIndex);
+    if (plansScrollRef.current) {
+      const planWidth = plansScrollRef.current.scrollWidth / allPlans.length;
+      const scrollPosition = currentPlanIndex * planWidth;
+      console.log('Scroll position:', scrollPosition);
+      plansScrollRef.current.scrollTo({
+        left: scrollPosition,
+        behavior: 'smooth',
+      });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currentPlanIndex]);
+
+  const allPlans = userPlans.map((plan) => ({
+    ...getPlanDetails(plan, availablePlans),
+  }));
+
+  return (
+    <div className='bg-base-100 border-base-200 overflow-hidden rounded-xl border shadow-sm'>
+      <PlanNavigation
+        allPlans={allPlans}
+        currentPlanIndex={currentPlanIndex}
+        onSelectPlan={setCurrentPlanIndex}
+      />
+
+      <div
+        ref={plansScrollRef}
+        className='scrollbar-hide flex items-start overflow-x-auto scroll-smooth'
+        onTouchStart={handleTouchStart}
+        style={{
+          scrollSnapType: appService?.isAndroidApp ? 'none' : 'x mandatory',
+          scrollbarWidth: 'none',
+          msOverflowStyle: 'none',
+        }}
+      >
+        {allPlans.map((plan, index) => (
+          <PlanCard
+            key={plan.plan}
+            plan={plan}
+            comingSoon={['appstore', 'playstore'].includes(appService?.distChannel || '')}
+            isUserPlan={plan.plan === userPlan}
+            upgradable={index > userPlanIndex}
+            index={index}
+            currentPlanIndex={currentPlanIndex}
+            onSubscribe={onSubscribe}
+            onSelectPlan={setCurrentPlanIndex}
+          />
+        ))}
+      </div>
+
+      <PlanIndicators
+        allPlans={allPlans}
+        currentPlanIndex={currentPlanIndex}
+        onSelectPlan={setCurrentPlanIndex}
+      />
+    </div>
+  );
+};
+
+export default PlansComparison;
@@ -0,0 +1,20 @@
+import Quota from '@/components/Quota';
+import { QuotaType } from '@/types/user';
+
+interface UsageStatsProps {
+  quotas: QuotaType[];
+}
+
+const UsageStats: React.FC<UsageStatsProps> = ({ quotas }) => (
+  <div className='rounded-lg'>
+    <div className='p-0'>
+      {quotas && quotas.length > 0 ? (
+        <Quota quotas={quotas} showProgress className='space-y-4' labelClassName='pl-4 pr-2' />
+      ) : (
+        <div className='h-10 animate-pulse'></div>
+      )}
+    </div>
+  </div>
+);
+
+export default UsageStats;
@@ -0,0 +1,46 @@
+import { PiUserCircle } from 'react-icons/pi';
+import { useTranslation } from '@/hooks/useTranslation';
+import { PlanDetails } from '../utils/plan';
+import UserAvatar from '@/components/UserAvatar';
+
+interface UserInfoProps {
+  avatarUrl?: string;
+  userFullName: string;
+  userEmail: string;
+  planDetails: PlanDetails;
+}
+
+const UserInfo: React.FC<UserInfoProps> = ({ avatarUrl, userFullName, userEmail, planDetails }) => {
+  const _ = useTranslation();
+  return (
+    <div className='flex flex-col items-center gap-x-6 gap-y-4 md:flex-row md:items-start'>
+      <div className='flex-shrink-0'>
+        {avatarUrl ? (
+          <UserAvatar
+            url={avatarUrl}
+            size={window.innerWidth < 640 ? 64 : 128}
+            DefaultIcon={PiUserCircle}
+            className='h-16 w-16 md:h-24 md:w-24'
+            borderClassName='border-base-100 border-4'
+          />
+        ) : (
+          <PiUserCircle className='h-16 w-16 md:h-24 md:w-24' />
+        )}
+      </div>
+
+      <div className='flex-grow text-center md:text-left'>
+        <h2 className='text-base-content text-xl font-bold md:text-2xl'>{userFullName}</h2>
+        <p className='text-base-content/60'>{userEmail}</p>
+        <div className='mt-3'>
+          <span
+            className={`inline-block rounded-full px-3 py-1 text-sm font-medium ${planDetails.color}`}
+          >
+            {_(planDetails.name)}
+          </span>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default UserInfo;
@@ -1,43 +1,82 @@
 'use client';

 import clsx from 'clsx';
-import React, { useState, useRef } from 'react';
+import Stripe from 'stripe';
+import posthog from 'posthog-js';
+import React, { useState, useEffect, useCallback } from 'react';
 import { useRouter } from 'next/navigation';
-import { IoArrowBack } from 'react-icons/io5';
-import { PiUserCircle } from 'react-icons/pi';
 import { useEnv } from '@/context/EnvContext';
 import { useAuth } from '@/context/AuthContext';
 import { useTheme } from '@/hooks/useTheme';
 import { useQuotaStats } from '@/hooks/useQuotaStats';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useSettingsStore } from '@/store/settingsStore';
-import { useTrafficLightStore } from '@/store/trafficLightStore';
 import { UserPlan } from '@/types/user';
 import { navigateToLibrary } from '@/utils/nav';
 import { deleteUser } from '@/libs/user';
 import { eventDispatcher } from '@/utils/event';
+import { getStripe } from '@/libs/stripe/client';
+import { getAPIBaseUrl, isTauriAppPlatform, isWebAppPlatform } from '@/services/environment';
+import { openUrl } from '@tauri-apps/plugin-opener';
+import { getAccessToken } from '@/utils/access';
+import { getPlanDetails } from './utils/plan';
 import { Toast } from '@/components/Toast';
-import WindowButtons from '@/components/WindowButtons';
-import Quota from '@/components/Quota';
-import UserAvatar from '@/components/UserAvatar';
+import Spinner from '@/components/Spinner';
+import ProfileHeader from './components/Header';
+import UserInfo from './components/UserInfo';
+import UsageStats from './components/UsageStats';
+import PlansComparison from './components/PlansComparison';
+import AccountActions from './components/AccountActions';
+import Checkout from './components/Checkout';
+
+const WEB_STRIPE_PLANS_URL = `${getAPIBaseUrl()}/stripe/plans`;
+const WEB_STRIPE_CHECKOUT_URL = `${getAPIBaseUrl()}/stripe/checkout`;
+const WEB_STRIPE_PORTAL_URL = `${getAPIBaseUrl()}/stripe/portal`;
+
+export type AvailablePlan = {
+  plan: UserPlan;
+  price_id: string;
+  price: number;
+  currency: string;
+  interval: string;
+  product: Stripe.Product;
+};
+
+type CheckoutState = {
+  clientSecret: string;
+  sessionId: string;
+  planName: string;
+};

 const ProfilePage = () => {
  const _ = useTranslation();
  const router = useRouter();
  const { envConfig, appService } = useEnv();
  const { token, user, logout } = useAuth();
-  const { isTrafficLightVisible } = useTrafficLightStore();
  const { settings, setSettings, saveSettings } = useSettingsStore();
-  const [showConfirmDelete, setShowConfirmDelete] = useState(false);

-  const headerRef = useRef<HTMLDivElement>(null);
+  const [loading, setLoading] = useState(false);
+  const [availablePlans, setAvailablePlans] = useState<AvailablePlan[]>([]);
+  const [showEmbeddedCheckout, setShowEmbeddedCheckout] = useState(false);
+  const [checkoutState, setCheckoutState] = useState<CheckoutState>({
+    clientSecret: '',
+    sessionId: '',
+    planName: '',
+  });
+
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => setMounted(true), []);

  useTheme({ systemUIVisible: false });

  const { quotas, userPlan } = useQuotaStats();

  const handleGoBack = () => {
-    navigateToLibrary(router);
+    if (showEmbeddedCheckout) {
+      setShowEmbeddedCheckout(false);
+    } else {
+      navigateToLibrary(router);
+    }
  };

  const handleLogout = () => {
@@ -48,14 +87,6 @@ const ProfilePage = () => {
    navigateToLibrary(router);
  };

-  const handleDeleteRequest = () => {
-    setShowConfirmDelete(true);
-  };
-
-  const handleCancelDelete = () => {
-    setShowConfirmDelete(false);
-  };
-
  const handleConfirmDelete = async () => {
    try {
      await deleteUser();
@@ -67,55 +98,106 @@ const ProfilePage = () => {
        message: _('Failed to delete user. Please try again later.'),
      });
    }
-    setShowConfirmDelete(false);
  };

-  const getPlanDetails = (userPlan: UserPlan) => {
-    switch (userPlan) {
-      case 'free':
-        return {
-          name: _('Free Tier'),
-          color: 'bg-gray-200 text-gray-800',
-          features: [
-            _('Community Support'),
-            _('DeepL Free Access'),
-            _('Essential Text-to-Speech Voices'),
-            _('Unlimited Offline/Online Reading'),
-            _('Unlimited Cloud Sync Devices'),
-            _('500 MB Cloud Sync Space'),
-          ],
-        };
-      case 'plus':
-        return {
-          name: _('Plus Tier'),
-          color: 'bg-blue-200 text-blue-800',
-          features: [
-            _('Includes All Free Tier Benefits'),
-            _('Priority Support'),
-            _('AI Summaries'),
-            _('AI Translations'),
-            _('DeepL Pro Access'),
-            _('Expanded Text-to-Speech Voices'),
-            _('2000 MB Cloud Sync Space'),
-          ],
-        };
-      case 'pro':
-        return {
-          name: _('Pro Tier'),
-          color: 'bg-purple-200 text-purple-800',
-          features: [
-            _('Includes All Plus Tier Benefits'),
-            _('Unlimited AI Summaries'),
-            _('Unlimited AI Translations'),
-            _('Unlimited DeepL Pro Access'),
-            _('Advanced AI Tools'),
-            _('Early Feature Access'),
-            _('10 GB Cloud Sync Space'),
-          ],
-        };
+  const handleSubscribe = async (priceId?: string) => {
+    const token = await getAccessToken();
+    const stripe = await getStripe();
+    if (!stripe) {
+      console.error('Stripe not loaded');
+      return;
+    }
+    setLoading(true);
+    const isEmbeddedCheckout = isTauriAppPlatform();
+    const { sessionId, clientSecret, url } = await fetch(WEB_STRIPE_CHECKOUT_URL, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${token}`,
+      },
+      body: JSON.stringify({ priceId, embedded: isEmbeddedCheckout }),
+    }).then((res) => res.json());
+    setLoading(false);
+
+    const selectedPlan = availablePlans.find((plan) => plan.price_id === priceId)!;
+    const planName = selectedPlan.product.name;
+    if (isEmbeddedCheckout && sessionId && clientSecret) {
+      setShowEmbeddedCheckout(true);
+      setCheckoutState({
+        planName,
+        clientSecret,
+        sessionId,
+      });
+    } else if (url) {
+      if (isWebAppPlatform()) {
+        window.location.href = url;
+      } else if (isTauriAppPlatform()) {
+        await openUrl(url);
+      }
+    } else if (sessionId) {
+      const result = await stripe.redirectToCheckout({ sessionId });
+      if (result.error) {
+        console.error(result.error);
+        posthog.capture('checkout_error', {
+          error: 'Failed to redirect to checkout',
+        });
+      }
+    } else {
+      console.error('No sessionId or url returned from checkout API');
+      posthog.capture('checkout_error', {
+        error: 'No sessionId or url returned from checkout API',
+      });
    }
  };

+  const handleCheckoutSuccess = useCallback(
+    (sessionId: string) => {
+      setShowEmbeddedCheckout(false);
+      router.push(`/user/subscription/success?session_id=${sessionId}`);
+    },
+    [router],
+  );
+
+  const handleManageSubscription = async () => {
+    setLoading(true);
+    const token = await getAccessToken();
+    const response = await fetch(WEB_STRIPE_PORTAL_URL, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${token}`,
+      },
+    });
+    setLoading(false);
+
+    const { url, error } = await response.json();
+
+    if (error) {
+      console.error('Error creating portal session:', error);
+      eventDispatcher.dispatch('toast', {
+        type: 'error',
+        message: _('Failed to manage subscription. Please try again later.'),
+      });
+      return;
+    }
+
+    if (isWebAppPlatform()) {
+      window.location.href = url;
+    } else if (isTauriAppPlatform()) {
+      await openUrl(url);
+    }
+  };
+
+  useEffect(() => {
+    fetch(WEB_STRIPE_PLANS_URL)
+      .then((res) => res.json())
+      .then((data) => setAvailablePlans(data));
+  }, []);
+
+  if (!mounted) {
+    return null;
+  }
+
  if (!user || !token) {
    return (
      <div className='mx-auto max-w-4xl px-4 py-8'>
@@ -131,7 +213,8 @@ const ProfilePage = () => {
  const avatarUrl = user?.user_metadata?.['picture'] || user?.user_metadata?.['avatar_url'];
  const userFullName = user?.user_metadata?.['full_name'] || '-';
  const userEmail = user?.email || '';
-  const planDetails = getPlanDetails(userPlan) || getPlanDetails('free');
+  const planDetails =
+    getPlanDetails(userPlan, availablePlans) || getPlanDetails('free', availablePlans);

  return (
    <div
@@ -141,136 +224,51 @@ const ProfilePage = () => {
        appService?.hasSafeAreaInset && 'pt-[env(safe-area-inset-top)]',
      )}
    >
-      <div
-        ref={headerRef}
-        className={clsx(
-          'fixed flex w-full items-center justify-between py-2 pe-6 ps-4',
-          appService?.hasTrafficLight && 'pt-11',
-        )}
-      >
-        <button onClick={handleGoBack} className={clsx('btn btn-ghost h-8 min-h-8 w-8 p-0')}>
-          <IoArrowBack className='text-base-content' />
-        </button>
-
-        {appService?.hasWindowBar && (
-          <WindowButtons
-            headerRef={headerRef}
-            showMinimize={!isTrafficLightVisible}
-            showMaximize={!isTrafficLightVisible}
-            showClose={!isTrafficLightVisible}
-            onClose={handleGoBack}
-          />
-        )}
-      </div>
-      <div className='w-full min-w-60 max-w-4xl px-4 py-10'>
-        <div className='bg-base-200 overflow-hidden rounded-lg p-2 shadow-md sm:p-6'>
-          <div className='p-2 sm:p-6'>
-            <div className='mb-8 flex flex-col items-center gap-x-6 gap-y-4 md:flex-row md:items-start'>
-              <div className='flex-shrink-0'>
-                {avatarUrl ? (
-                  <UserAvatar
-                    url={avatarUrl}
-                    size={128}
-                    DefaultIcon={PiUserCircle}
-                    className='h-16 w-16 md:h-24 md:w-24'
-                    borderClassName='border-base-100 border-4'
-                  />
-                ) : (
-                  <PiUserCircle className='h-16 w-16 md:h-24 md:w-24' />
-                )}
-              </div>
-
-              <div className='flex-grow text-center md:text-left'>
-                <h2 className='text-base-content text-xl font-bold md:text-2xl'>{userFullName}</h2>
-                <p className='text-base-content/60'>{userEmail}</p>
-                <div className='mt-3'>
-                  <span
-                    className={`inline-block rounded-full px-3 py-1 text-sm font-medium ${planDetails.color}`}
-                  >
-                    {planDetails.name}
-                  </span>
-                </div>
-              </div>
-            </div>
-
-            <div className='bg-base-100 mb-8 rounded-lg px-4 py-6'>
-              <h3 className='text-base-content mb-2 text-lg font-semibold'>{_('Features')}</h3>
-              <div className='mt-6'>
-                <ul className='text-base-content/60 grid grid-cols-1 gap-2 md:grid-cols-2'>
-                  {planDetails.features.map((feature, index) => (
-                    <li key={index} className='flex items-center'>
-                      <svg
-                        className='mr-2 h-4 w-4 text-green-500'
-                        fill='currentColor'
-                        viewBox='0 0 20 20'
-                      >
-                        <path
-                          fillRule='evenodd'
-                          d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z'
-                          clipRule='evenodd'
-                        />
-                      </svg>
-                      {feature}
-                    </li>
-                  ))}
-                </ul>
-              </div>
-            </div>
-
-            <div className='mb-8 rounded-lg'>
-              <div className='p-0'>
-                {quotas && quotas.length > 0 ? (
-                  <Quota
-                    quotas={quotas}
-                    showProgress
-                    className='space-y-4'
-                    labelClassName='pl-4 pr-2'
-                  />
-                ) : (
-                  <div className='h-10 animate-pulse'></div>
-                )}
-              </div>
-            </div>
-
-            <div className='flex flex-col gap-4 md:flex-row'>
-              <button
-                onClick={handleLogout}
-                className='w-full rounded-lg bg-gray-200 px-6 py-3 font-medium text-gray-800 transition-colors hover:bg-gray-300 md:w-auto'
-              >
-                {_('Sign Out')}
-              </button>
-              <button
-                onClick={handleDeleteRequest}
-                className='w-full rounded-lg bg-red-100 px-6 py-3 font-medium text-red-600 transition-colors hover:bg-red-200 md:w-auto'
-              >
-                {_('Delete Account')}
-              </button>
-            </div>
+      <ProfileHeader onGoBack={handleGoBack} />
+      <div className='w-full min-w-60 max-w-4xl py-10'>
+        {loading && (
+          <div className='fixed inset-0 z-50 flex items-center justify-center'>
+            <Spinner loading />
          </div>
-        </div>
+        )}
+        {showEmbeddedCheckout ? (
+          <div className='bg-base-100 rounded-lg p-4'>
+            <Checkout
+              clientSecret={checkoutState.clientSecret}
+              sessionId={checkoutState.sessionId}
+              planName={checkoutState.planName}
+              onSuccess={handleCheckoutSuccess}
+            />
+          </div>
+        ) : (
+          <div className='sm:bg-base-200 overflow-hidden rounded-lg sm:p-6 sm:shadow-md'>
+            <div className='flex flex-col gap-y-8'>
+              <div className='flex flex-col gap-y-8 px-6'>
+                <UserInfo
+                  avatarUrl={avatarUrl}
+                  userFullName={userFullName}
+                  userEmail={userEmail}
+                  planDetails={planDetails}
+                />

-        {showConfirmDelete && (
-          <div className='fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50 p-4'>
-            <div className='w-full max-w-md rounded-2xl bg-white p-6'>
-              <h3 className='mb-4 text-xl font-bold text-gray-800'>{_('Delete Your Account?')}</h3>
-              <p className='mb-6 text-gray-600'>
-                {_(
-                  'This action cannot be undone. All your data in the cloud will be permanently deleted.',
-                )}
-              </p>
-              <div className='flex flex-col gap-3 sm:flex-row'>
-                <button
-                  onClick={handleCancelDelete}
-                  className='flex-1 rounded-lg bg-gray-300 px-4 py-2 font-medium text-gray-800 hover:bg-gray-400'
-                >
-                  {_('Cancel')}
-                </button>
-                <button
-                  onClick={handleConfirmDelete}
-                  className='flex-1 rounded-lg bg-red-500 px-4 py-2 font-medium text-white hover:bg-red-600'
-                >
-                  {_('Delete Permanently')}
-                </button>
+                <UsageStats quotas={quotas} />
+              </div>
+
+              <div className='flex flex-col gap-y-8 sm:px-6'>
+                <PlansComparison
+                  availablePlans={availablePlans}
+                  userPlan={userPlan}
+                  onSubscribe={handleSubscribe}
+                />
+              </div>
+
+              <div className='flex flex-col gap-y-8 px-6'>
+                <AccountActions
+                  userPlan={userPlan}
+                  onLogout={handleLogout}
+                  onConfirmDelete={handleConfirmDelete}
+                  onManageSubscription={handleManageSubscription}
+                />
              </div>
            </div>
          </div>
@@ -0,0 +1,307 @@
+'use client';
+import { Suspense, useEffect, useState } from 'react';
+import { useSearchParams, useRouter } from 'next/navigation';
+import { useTranslation } from '@/hooks/useTranslation';
+import { getAPIBaseUrl } from '@/services/environment';
+import { getAccessToken } from '@/utils/access';
+import { supabase } from '@/utils/supabase';
+import Spinner from '@/components/Spinner';
+
+const WEB_STRIPE_CHECK_URL = `${getAPIBaseUrl()}/stripe/check`;
+
+interface SessionStatus {
+  status: 'loading' | 'complete' | 'failed' | 'processing';
+  customerEmail: string;
+  subscriptionId?: string;
+  planName?: string;
+  amount?: number;
+  currency?: string;
+}
+
+const SuccessPageWithSearchParams = () => {
+  const _ = useTranslation();
+  const [sessionStatus, setSessionStatus] = useState<SessionStatus>({
+    status: 'loading',
+    customerEmail: '',
+  });
+  const [retryCount, setRetryCount] = useState(0);
+  const searchParams = useSearchParams();
+  const router = useRouter();
+  const sessionId = searchParams?.get('session_id');
+
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => setMounted(true), []);
+
+  async function fetchSessionStatus() {
+    try {
+      const token = await getAccessToken();
+      const response = await fetch(WEB_STRIPE_CHECK_URL, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${token}`,
+        },
+        body: JSON.stringify({ sessionId }),
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const { session, error } = await response.json();
+
+      if (error) {
+        setSessionStatus((prev) => ({ ...prev, status: 'failed' }));
+        console.error('Session check error:', error);
+        return;
+      }
+
+      setSessionStatus({
+        status:
+          session.payment_status === 'paid' ? 'complete' : session.payment_status || 'processing',
+        customerEmail: session.customer_email || session.customer_details?.email || '',
+        subscriptionId: session.subscription,
+        planName:
+          session.display_items?.[0]?.custom?.name || session.line_items?.data?.[0]?.description,
+        amount: session.amount_total,
+        currency: session.currency,
+      });
+
+      try {
+        await supabase.auth.refreshSession();
+      } catch {}
+    } catch (error) {
+      console.error('Failed to fetch session status:', error);
+      setSessionStatus((prev) => ({ ...prev, status: 'failed' }));
+    }
+  }
+
+  const handleRetry = () => {
+    setRetryCount(0);
+    setSessionStatus((prev) => ({ ...prev, status: 'loading' }));
+    fetchSessionStatus();
+  };
+
+  const handleGoToLibrary = () => {
+    router.push('/library');
+  };
+
+  const handleGoToProfile = () => {
+    router.push('/user');
+  };
+
+  useEffect(() => {
+    if (!sessionId) {
+      handleGoToProfile();
+      return;
+    }
+
+    fetchSessionStatus();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [sessionId, router]);
+
+  useEffect(() => {
+    if (sessionStatus.status === 'processing' && retryCount < 3) {
+      const timer = setTimeout(() => {
+        setRetryCount((prev) => prev + 1);
+        fetchSessionStatus();
+      }, 2000);
+
+      return () => clearTimeout(timer);
+    } else {
+      return;
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [sessionStatus.status, retryCount]);
+
+  if (!mounted) {
+    return null;
+  }
+
+  // Loading state
+  if (sessionStatus.status === 'loading') {
+    return (
+      <div className='flex min-h-screen items-center justify-center bg-gray-50'>
+        <div className='text-center'>
+          <div className='mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-blue-600'></div>
+          <h2 className='mb-2 text-xl font-semibold text-gray-800'>
+            {_('Processing your payment...')}
+          </h2>
+          <p className='text-gray-600'>{_('Please wait while we confirm your subscription.')}</p>
+        </div>
+      </div>
+    );
+  }
+
+  // Processing state (payment still being processed)
+  if (sessionStatus.status === 'processing') {
+    return (
+      <div className='flex min-h-screen items-center justify-center bg-gray-50'>
+        <div className='max-w-md text-center'>
+          <div className='mx-auto mb-4 flex h-12 w-12 animate-pulse items-center justify-center rounded-full bg-yellow-400'>
+            <svg
+              className='h-6 w-6 text-white'
+              fill='none'
+              stroke='currentColor'
+              viewBox='0 0 24 24'
+            >
+              <path
+                strokeLinecap='round'
+                strokeLinejoin='round'
+                strokeWidth={2}
+                d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'
+              />
+            </svg>
+          </div>
+          <h2 className='mb-2 text-xl font-semibold text-gray-800'>{_('Payment Processing')}</h2>
+          <p className='mb-4 text-gray-600'>
+            {_('Your payment is being processed. This usually takes a few moments.')}
+          </p>
+        </div>
+      </div>
+    );
+  }
+
+  // Failed state
+  if (sessionStatus.status === 'failed') {
+    return (
+      <div className='flex min-h-screen items-center justify-center bg-gray-50'>
+        <div className='max-w-md text-center'>
+          <div className='mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-red-100'>
+            <svg
+              className='h-6 w-6 text-red-600'
+              fill='none'
+              stroke='currentColor'
+              viewBox='0 0 24 24'
+            >
+              <path
+                strokeLinecap='round'
+                strokeLinejoin='round'
+                strokeWidth={2}
+                d='M6 18L18 6M6 6l12 12'
+              />
+            </svg>
+          </div>
+          <h2 className='mb-2 text-xl font-semibold text-gray-800'>{_('Payment Failed')}</h2>
+          <p className='mb-6 text-gray-600'>
+            {_(
+              "We couldn't process your subscription. Please try again or contact support if the issue persists.",
+            )}
+          </p>
+          <div className='space-y-3'>
+            <button
+              onClick={handleRetry}
+              className='w-full rounded-lg bg-blue-600 px-4 py-2 font-medium text-white transition-colors duration-200 hover:bg-blue-700'
+            >
+              {_('Try Again')}
+            </button>
+            <button
+              onClick={handleGoToProfile}
+              className='w-full rounded-lg bg-gray-200 px-4 py-2 font-medium text-gray-800 transition-colors duration-200 hover:bg-gray-300'
+            >
+              {_('Back to Profile')}
+            </button>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  // Success state
+  return (
+    <div className='flex min-h-screen items-center justify-center bg-gray-50'>
+      <div className='mx-auto max-w-2xl px-4 text-center'>
+        {/* Success Icon */}
+        <div className='mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full bg-green-100'>
+          <svg
+            className='h-8 w-8 text-green-600'
+            fill='none'
+            stroke='currentColor'
+            viewBox='0 0 24 24'
+          >
+            <path strokeLinecap='round' strokeLinejoin='round' strokeWidth={2} d='M5 13l4 4L19 7' />
+          </svg>
+        </div>
+
+        {/* Success Message */}
+        <h1 className='mb-4 text-3xl font-bold text-gray-800'>
+          🎉 {_('Subscription Successful!')}
+        </h1>
+
+        <div className='mb-6 rounded-lg bg-white p-6 shadow-md'>
+          <p className='mb-4 text-lg text-gray-700'>
+            {_('Thank you for your subscription! Your payment has been processed successfully.')}
+          </p>
+
+          {/* Subscription Details */}
+          <div className='space-y-2 text-left text-sm text-gray-600'>
+            {sessionStatus.customerEmail && (
+              <div className='flex justify-between'>
+                <span className='font-medium'>{_('Email:')}</span>
+                <span>{sessionStatus.customerEmail}</span>
+              </div>
+            )}
+            {sessionStatus.planName && (
+              <div className='flex justify-between'>
+                <span className='font-medium'>{_('Plan:')}</span>
+                <span>{sessionStatus.planName}</span>
+              </div>
+            )}
+            {sessionStatus.amount && sessionStatus.currency && (
+              <div className='flex justify-between'>
+                <span className='font-medium'>{_('Amount:')}</span>
+                <span>
+                  {new Intl.NumberFormat('en-US', {
+                    style: 'currency',
+                    currency: sessionStatus.currency.toUpperCase(),
+                  }).format(sessionStatus.amount / 100)}
+                </span>
+              </div>
+            )}
+            {sessionStatus.subscriptionId && (
+              <div className='flex justify-between'>
+                <span className='font-medium'>{_('Subscription ID:')}</span>
+                <span className='font-mono text-xs'>{sessionStatus.subscriptionId}</span>
+              </div>
+            )}
+          </div>
+        </div>
+
+        {/* Action Buttons */}
+        <div className='space-y-3 sm:flex sm:justify-center sm:space-x-4 sm:space-y-0'>
+          <button
+            onClick={handleGoToLibrary}
+            className='w-full rounded-lg bg-blue-600 px-6 py-3 font-medium text-white transition-colors duration-200 hover:bg-blue-700 sm:w-auto'
+          >
+            {_('Go to Library')}
+          </button>
+          <button
+            onClick={handleGoToProfile}
+            className='w-full rounded-lg bg-gray-200 px-6 py-3 font-medium text-gray-800 transition-colors duration-200 hover:bg-gray-300 sm:w-auto'
+          >
+            {_('Back to Profile')}
+          </button>
+        </div>
+
+        {/* Additional Info */}
+        <div className='mt-8 text-xs text-gray-500'>
+          <p>{_('Need help? Contact our support team at support@readest.com')}</p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default function SuccessPage() {
+  return (
+    <Suspense
+      fallback={
+        <div className='fixed inset-0 z-50 flex items-center justify-center'>
+          <Spinner loading />
+        </div>
+      }
+    >
+      <SuccessPageWithSearchParams />
+    </Suspense>
+  );
+}
@@ -0,0 +1,169 @@
+import { UserPlan } from '@/types/user';
+import { stubTranslation as _ } from '@/utils/misc';
+import { AvailablePlan } from '../page';
+
+type FeatureType = {
+  label: string;
+  description?: string;
+};
+
+export type PlanDetails = {
+  name: string;
+  plan: UserPlan;
+  color: string;
+  hintColor: string;
+  price: number;
+  price_id?: string;
+  interval: string;
+  features: FeatureType[];
+  limits: Record<string, string | number>;
+};
+
+export const getPlanDetails = (
+  userPlan: UserPlan,
+  availablePlans: AvailablePlan[],
+): PlanDetails => {
+  const availablePlan = availablePlans.find((plan) => plan.plan === userPlan);
+  switch (userPlan) {
+    case 'free':
+      return {
+        name: _('Free Plan'),
+        plan: userPlan,
+        color: 'bg-gray-200 text-gray-800',
+        hintColor: 'text-gray-800/75',
+        price: 0,
+        price_id: availablePlan?.price_id,
+        interval: _('month'),
+        features: [
+          {
+            label: _('Cross-Platform Sync'),
+            description: _(
+              'Seamlessly sync your library, progress, highlights, and notes across all your devices—never lose your place again.',
+            ),
+          },
+          {
+            label: _('Customizable Reading'),
+            description: _(
+              'Personalize every detail with adjustable fonts, layouts, themes, and advanced display settings for the perfect reading experience.',
+            ),
+          },
+          {
+            label: _('AI Read Aloud'),
+            description: _(
+              'Enjoy hands-free reading with natural-sounding AI voices that bring your books to life.',
+            ),
+          },
+          {
+            label: _('AI Translations'),
+            description: _(
+              'Translate any text instantly with the power of Google, Azure, or DeepL—understand content in any language.',
+            ),
+          },
+          {
+            label: _('Community Support'),
+            description: _(
+              'Connect with fellow readers and get help fast in our friendly community channels.',
+            ),
+          },
+        ],
+        limits: {
+          [_('Cloud Sync Storage')]: '500 MB',
+          [_('AI Translations (per day)')]: '10K',
+        },
+      };
+    case 'plus':
+      return {
+        name: _('Plus Plan'),
+        plan: userPlan,
+        color: 'bg-blue-200 text-blue-800',
+        hintColor: 'text-blue-800/75',
+        price: availablePlan?.price || 499,
+        price_id: availablePlan?.price_id,
+        interval: _('month'),
+        features: [
+          {
+            label: _('Includes All Free Plan Benefits'),
+          },
+          {
+            label: _('Unlimited AI Read Aloud Hours'),
+            description: _(
+              'Listen without limits—convert as much text as you like into immersive audio.',
+            ),
+          },
+          {
+            label: _('More AI Translations'),
+            description: _(
+              'Unlock enhanced translation capabilities with more daily usage and advanced options.',
+            ),
+          },
+          {
+            label: _('DeepL Pro Access'),
+            description: _(
+              'Translate up to 100,000 characters daily with the most accurate translation engine available.',
+            ),
+          },
+          {
+            label: _('2 GB Cloud Sync Storage'),
+            description: _(
+              'Securely store and access your entire reading collection with up to 2 GB of cloud storage.',
+            ),
+          },
+          {
+            label: _('Priority Support'),
+            description: _(
+              'Enjoy faster responses and dedicated assistance whenever you need help.',
+            ),
+          },
+        ],
+        limits: {
+          [_('Cloud Sync Storage')]: '2 GB',
+          [_('AI Translations (per day)')]: '100K',
+        },
+      };
+    case 'pro':
+      return {
+        name: _('Pro Plan'),
+        plan: userPlan,
+        color: 'bg-purple-200 text-purple-800',
+        hintColor: 'text-purple-800/75',
+        price: availablePlan?.price || 999,
+        price_id: availablePlan?.price_id,
+        interval: _('month'),
+        features: [
+          {
+            label: _('Includes All Plus Plan Benefits'),
+          },
+          {
+            label: _('Early Feature Access'),
+            description: _(
+              'Be the first to explore new features, updates, and innovations before anyone else.',
+            ),
+          },
+          {
+            label: _('Advanced AI Tools'),
+            description: _(
+              'Harness powerful AI tools for smarter reading, translation, and content discovery.',
+            ),
+          },
+          {
+            label: _('DeepL Pro Access'),
+            description: _(
+              'Translate up to 500,000 characters daily with the most accurate translation engine available.',
+            ),
+          },
+          {
+            label: _('10 GB Cloud Sync Storage'),
+            description: _(
+              'Securely store and access your entire reading collection with up to 10 GB of cloud storage.',
+            ),
+          },
+        ],
+        limits: {
+          [_('Cloud Sync Storage')]: '10 GB',
+          [_('AI Translations (per day)')]: '500K',
+        },
+      };
+    default:
+      return getPlanDetails('free', availablePlans);
+  }
+};
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Huang Xin	f5b686abd9	release: version 0.9.63 (#1550 )	2025-07-07 15:07:35 +02:00
Huang Xin	74e1b733a9	layout: dismiss system context menu popup when selecting text on iPad, closes #1485 (#1549 )	2025-07-07 14:57:04 +02:00
Huang Xin	a9e0090275	i18n: add Thai (th-TH) translations (#1548 )	2025-07-07 11:21:41 +02:00
Huang Xin	68d57da9ca	perf: speed up opening for large MOBI books, closes #1544 (#1547 )	2025-07-07 10:15:54 +02:00
Bhscer	3cef529ebd	feat: support deleting only the cloud backup of a book (#1546 ) * feat: support delete the cloud storage of a book * feat: merge to delete function * fix: change a logic	2025-07-07 09:37:11 +02:00
Huang Xin	85ac399e2c	tts: fix some direct text being skipped in tts, closes #1515 (#1543 )	2025-07-06 12:13:40 +02:00
Huang Xin	e8d09773a2	fix: handling toc links for some mobi books, closes #1525 (#1542 )	2025-07-06 08:49:47 +02:00
Huang Xin	23905407ca	doc: layout for the download badges (#1541 )	2025-07-06 05:42:29 +02:00
Huang Xin	2ab1304b6d	doc: update Readme for mobile apps downloads (#1540 )	2025-07-06 05:20:30 +02:00
Huang Xin	d94236e127	layout: fix grid cover image height in crop mode (#1537 ) Support setting arbitrary columns with custom UI css: ``` .bookshelf-items { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } ```	2025-07-05 17:29:33 +02:00
Huang Xin	630025c123	chore: update Android target sdk to 35 (#1534 )	2025-07-05 08:49:41 +02:00
Huang Xin	2b73c5a85a	perf: lazy loading fonts in fonts list (#1533 )	2025-07-05 07:32:22 +02:00
Huang Xin	a03f2c585f	layout: fix overlay scrollbar with virtualized list, closes #1524 (#1530 )	2025-07-04 19:36:13 +02:00
Huang Xin	8a0216dcf8	fix: links in mobi are now properly followed, closes #1503 (#1528 )	2025-07-04 07:47:27 +02:00
Huang Xin	59013be586	settings: remove unsupported screen orientation lock on iPad, closes #1520 (#1522 )	2025-07-03 13:41:42 +02:00
Huang Xin	c6a638dbfd	compat: footnote img size, closes #1518 (#1519 )	2025-07-02 18:55:09 +02:00
Huang Xin	e54440ad80	chore: retry workflow for r2 uploading (#1517 )	2025-07-02 17:37:05 +02:00
Huang Xin	446b014f7d	chore: upload to r2 after release with retry (#1516 )	2025-07-02 17:23:12 +02:00
Huang Xin	9190433ea1	subscription: fix action button in plan card (#1514 )	2025-07-02 16:48:32 +02:00
Huang Xin	d78d135600	release: version 0.9.62 (#1513 )	2025-07-02 15:02:20 +02:00
Huang Xin	04b6c89e58	layout: refine user profile page (#1512 )	2025-07-02 13:50:22 +02:00
Huang Xin	8eefba2bee	feat: add an option to show/hide original text in translation, also closes #1492 (#1511 )	2025-07-02 07:27:05 +02:00
Huang Xin	a254139200	layout: extend drag area outward so the scrollbar remains clickable (#1509 )	2025-07-01 09:55:09 +02:00
Huang Xin	0514bed5b7	css: fix for legacy epub image dimension, closes #1507 (#1508 )	2025-07-01 09:46:27 +02:00
Huang Xin	49978c5e3f	layout: add overlay scrollbar for TOC on Android (#1506 )	2025-07-01 09:17:18 +02:00
Huang Xin	b959bf070c	feat: add upgrade to premium option in settings menu (#1505 )	2025-07-01 09:15:25 +02:00
Huang Xin	49e6877810	feat: add option to toggle Parallel Reading on/off when viewing multiple books, closes #1496 (#1504 )	2025-06-30 19:06:59 +02:00
Huang Xin	bb759597e9	shortcuts: add ESC to dismiss search bar, closes #1495 (#1502 )	2025-06-30 16:13:43 +02:00
Huang Xin	bf0bb80009	api: fix for supabase RLS (#1501 )	2025-06-30 15:08:53 +02:00
Huang Xin	5d61a9808f	feat: add subscription management for tauri platforms (#1499 )	2025-06-30 10:04:57 +02:00
Huang Xin	bc36da6b25	feat: add subscription management for web (#1494 )	2025-06-29 18:33:36 +02:00
Huang Xin	280cb75ca4	api: cors in middleware (#1493 )	2025-06-29 17:00:52 +02:00
Huang Xin	d5d0a9abd3	api: add subscription API (#1491 )	2025-06-29 14:38:04 +02:00
Huang Xin	9f343992b2	settings: add three new CJK fonts (#1484 )	2025-06-27 12:31:01 +02:00
Huang Xin	7ab7058dba	refactor: fix fallback cover image for fitted mode (#1483 )	2025-06-27 10:28:38 +02:00
Huang Xin	c3113ade13	chore: fix uninlined format args warning (#1482 )	2025-06-27 10:27:21 +02:00
Huang Xin	7737c05c8f	layout: apply custom css also to the library page, tweaks on fitted cover images (#1481 )	2025-06-27 10:01:17 +02:00
Huang Xin	4fde9955b2	release: version 0.9.61 (#1479 )	2025-06-26 11:27:02 +02:00
Huang Xin	3875c8f239	feat: add an option to show remaining pages in chapter (#1478 )	2025-06-26 11:19:30 +02:00
Huang Xin	7bd1b03652	fix: get correct filename when importing txt files on iOS (#1477 )	2025-06-26 10:21:55 +02:00
Huang Xin	73878c14e3	fix: EPUB covers occasionally fail to display in library view, closes #1029 (#1476 )	2025-06-26 10:03:35 +02:00
Huang Xin	bc2c3a2c9a	feat: add options to reset settings in the config dialog, closes #1111 (#1475 )	2025-06-26 09:59:34 +02:00
Huang Xin	460d37c656	chore: update assetlinks and deeplink for Android (#1474 )	2025-06-25 14:47:50 +02:00
Huang Xin	fff9e3221e	chore: use default production supabase and posthog if not customized, closes #1454 (#1473 )	2025-06-25 13:46:48 +02:00
Huang Xin	f77fa17cbc	bump: update tauri to latest dev branch, closes #1468 (#1471 )	2025-06-25 05:36:45 +02:00
Huang Xin	d4565f7d60	feat: add an option in the view menu to crop or fit book covers of the library page (#1469 )	2025-06-25 03:48:08 +02:00
Huang Xin	e8b1976f4f	doc: adjust the priority of the readest koplugin for Koreader (#1467 )	2025-06-24 08:34:31 +02:00
Huang Xin	6b4bb64885	feat: custom css for the reader UI (#1466 )	2025-06-24 08:33:49 +02:00
Huang Xin	fc0c42f7db	android: fix transparent icon background on Android, closes #1462 (#1464 )	2025-06-24 06:54:49 +02:00
Huang Xin	41e5f27d4d	layout: view menu now has a maximum width, closes #1459 (#1463 ) * refactor: auth callback page * layout: view menu now has a maximum width, closes #1459	2025-06-24 05:44:03 +02:00
Huang Xin	a042b4c739	fix: longer timeout to save changes before reloading page (#1461 )	2025-06-24 05:01:46 +02:00
Huang Xin	a1c1a9f983	chore: bump opennextjs and wrangler to latest versions (#1460 )	2025-06-24 03:22:12 +02:00
Huang Xin	423ae77160	doc: add the Support section in README (#1458 )	2025-06-23 12:46:08 +02:00
Huang Xin	05c61a4b1a	doc: add donation badge and link with crypto payment (#1457 )	2025-06-23 11:37:13 +02:00
Huang Xin	ce8f06b7fb	chore: add sponsor readest link	2025-06-23 05:03:21 +02:00