diff --git a/README.md b/README.md
index b1196ab..37cb7db 100644
--- a/README.md
+++ b/README.md
@@ -113,7 +113,7 @@ apt install linux-Miru-*.deb
 
 ## **Building and Development**
 
-*dont*
+*good luck*
 
 Dependencies:
  - Node 16 or above
diff --git a/capacitor/android/app/src/main/AndroidManifest.xml b/capacitor/android/app/src/main/AndroidManifest.xml
index 628c532..0afb5c8 100644
--- a/capacitor/android/app/src/main/AndroidManifest.xml
+++ b/capacitor/android/app/src/main/AndroidManifest.xml
@@ -54,6 +54,8 @@
 
     <uses-permission android:name="android.permission.INTERNET" />
     <uses-permission android:name="android.permission.SCHEDULE_EXACT_ALARM" />
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
     <uses-feature android:name="android.software.leanback" android:required="false" />
     <uses-feature android:name="android.hardware.touchscreen" android:required="false" />
 </manifest>
diff --git a/capacitor/package.json b/capacitor/package.json
index 0b2860b..79a5158 100644
--- a/capacitor/package.json
+++ b/capacitor/package.json
@@ -18,24 +18,27 @@
   },
   "devDependencies": {
     "@capacitor/assets": "github:thaunknown/capacitor-assets",
-    "@capacitor/cli": "^6.1.1",
+    "@capacitor/cli": "^6.1.2",
     "cordova-res": "^0.15.4",
-    "nodejs-mobile-gyp": "^0.3.1",
+    "nodejs-mobile-gyp": "^0.4.0",
     "npm-run-all": "^4.1.5",
     "webpack-cli": "^5.1.4",
-    "webpack-merge": "^5.10.0"
+    "webpack-merge": "^6.0.1"
   },
   "dependencies": {
-    "@capacitor/android": "^6.1.1",
-    "@capacitor/app": "^6.0.0",
-    "@capacitor/browser": "^6.0.1",
-    "@capacitor/core": "^6.1.1",
+    "@capacitor/android": "^6.1.2",
+    "@capacitor/app": "^6.0.1",
+    "@capacitor/app-launcher": "^6.0.2",
+    "@capacitor/browser": "^6.0.2",
+    "@capacitor/core": "^6.1.2",
     "@capacitor/device": "^6.0.1",
-    "@capacitor/ios": "^6.1.1",
-    "@capacitor/local-notifications": "^6.0.0",
-    "@capacitor/status-bar": "^6.0.0",
+    "@capacitor/ios": "^6.1.2",
+    "@capacitor/local-notifications": "^6.1.0",
+    "@capacitor/status-bar": "^6.0.1",
+    "capacitor-folder-picker": "^0.0.2",
+    "capacitor-intent-uri": "^0.0.1",
     "capacitor-nodejs": "https://github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz",
-    "capacitor-plugin-safe-area": "^2.0.6",
+    "capacitor-plugin-safe-area": "^3.0.3",
     "common": "workspace:*",
     "cordova-plugin-navigationbar": "^1.0.31",
     "cordova-plugin-pip": "^0.0.2",
diff --git a/capacitor/src/capacitor.js b/capacitor/src/capacitor.js
index dae06f2..92d0335 100644
--- a/capacitor/src/capacitor.js
+++ b/capacitor/src/capacitor.js
@@ -3,11 +3,18 @@ import { StatusBar, Style } from '@capacitor/status-bar'
 import { SafeArea } from 'capacitor-plugin-safe-area'
 import { App } from '@capacitor/app'
 import { Browser } from '@capacitor/browser'
+import { IntentUri } from 'capacitor-intent-uri'
 import { LocalNotifications } from '@capacitor/local-notifications'
 import { Device } from '@capacitor/device'
+import { FolderPicker } from 'capacitor-folder-picker'
+import { toast } from 'svelte-sonner'
 import IPC from './ipc.js'
 
 IPC.on('open', url => Browser.open({ url }))
+IPC.on('intent', async url => {
+  await IntentUri.openUri({ url })
+  IPC.emit('intent-end')
+})
 
 App.addListener('appUrlOpen', ({ url }) => handleProtocol(url))
 
@@ -51,6 +58,30 @@ IPC.on('get-device-info', async () => {
   IPC.emit('device-info', JSON.stringify(deviceInfo))
 })
 
+const STORAGE_TYPE_MAP = {
+  primary: '/sdcard/',
+  secondary: '/sdcard/'
+}
+
+IPC.on('dialog', async () => {
+  const result = await FolderPicker.chooseFolder()
+  const normalizedPath = decodeURIComponent(result.path)
+
+  const [, uri, ...path] = normalizedPath.split(':')
+  const [,, app, subpath, type, ...rest] = uri.split('/')
+
+  if (app !== 'com.android.externalstorage.documents') return toast.error('Unverified app', { description: 'Expected com.android.externalstorage.documents, got: ' + app })
+  if (rest.length) return toast.error('Unsupported uri', { description: 'Unxpected access type, got: tree/' + rest.join('/') })
+  if (subpath !== 'tree') return toast.error('Unsupported subpath type', { description: 'Expected tree subpath, got: ' + subpath })
+
+  let base = STORAGE_TYPE_MAP[type]
+  if (!base) {
+    if (!/[a-z0-9]{4}-[a-z0-9]{4}/i.test(type)) return toast.error('Unsupported storage type')
+    base = `/storage/${type}/`
+  }
+  IPC.emit('path', base + path.join(''))
+})
+
 // schema: miru://key/value
 const protocolMap = {
   auth: token => sendToken(token),
diff --git a/capacitor/src/main.js b/capacitor/src/main.js
index 758115b..e851b74 100644
--- a/capacitor/src/main.js
+++ b/capacitor/src/main.js
@@ -16,6 +16,8 @@ if (typeof localStorage === 'undefined') {
   }
 }
 
+let client
+
 channel.on('port-init', data => {
   localStorage.setItem('settings', data)
   const port = {
@@ -24,11 +26,18 @@ channel.on('port-init', data => {
       channel.send('ipc', { data })
     }
   }
+  let storedSettings = {}
+
+  try {
+    storedSettings = JSON.parse(localStorage.getItem('settings')) || {}
+  } catch (error) {}
 
   channel.on('ipc', a => port.onmessage(a))
-  channel.emit('port', {
-    ports: [port]
-  })
-})
+  if (!client) {
+    client = new TorrentClient(channel, storageQuota, 'node', storedSettings.torrentPathNew || env.TMPDIR)
 
-globalThis.client = new TorrentClient(channel, storageQuota, 'node', env.TMPDIR)
+    channel.emit('port', {
+      ports: [port]
+    })
+  }
+})
diff --git a/capacitor/src/support.js b/capacitor/src/support.js
index 4a06c6f..233ecc0 100644
--- a/capacitor/src/support.js
+++ b/capacitor/src/support.js
@@ -5,11 +5,7 @@ export const SUPPORTS = {
   update: false,
   angle: false,
   doh: false,
-  dht: true,
   discord: false,
-  torrentPort: true,
-  torrentPath: false,
-  torrentPersist: false,
   keybinds: false,
   isAndroid: true,
   externalPlayer: false,
diff --git a/common/App.svelte b/common/App.svelte
index 6f003b7..dc1a2b2 100644
--- a/common/App.svelte
+++ b/common/App.svelte
@@ -3,6 +3,7 @@
   import { writable } from 'simple-store-svelte'
   import { anilistClient } from '@/modules/anilist.js'
   import IPC from '@/modules/ipc.js'
+  import { rss } from './views/TorrentSearch/TorrentModal.svelte'
 
   export const page = writable('home')
   export const overlay = writable('none')
@@ -15,6 +16,37 @@
   IPC.on('schedule', () => {
     page.set('schedule')
   })
+
+  let ignoreNext = false
+  function addPage (value, type) {
+    if (ignoreNext) {
+      ignoreNext = false
+      return
+    }
+    history.pushState({ type, value }, '', location.origin + location.pathname + '?id=' + Math.trunc(Math.random() * Number.MAX_SAFE_INTEGER).toString())
+  }
+  page.subscribe((value) => {
+    addPage(value, 'page')
+  })
+  view.subscribe((value) => {
+    addPage(value, 'view')
+  })
+
+  addPage('home', 'page')
+
+  window.addEventListener('popstate', e => {
+    const { state } = e
+    if (!state) return
+    ignoreNext = true
+    view.set(null)
+    rss.set(null)
+    if (document.fullscreenElement) document.exitFullscreen()
+    if (state.type === 'page') {
+      page.set(state.value)
+    } else {
+      view.set(state.value)
+    }
+  })
 </script>
 
 <script>
diff --git a/common/components/Navbar.svelte b/common/components/Navbar.svelte
index 55e45df..6a69c7a 100644
--- a/common/components/Navbar.svelte
+++ b/common/components/Navbar.svelte
@@ -4,6 +4,8 @@
   import { click } from '@/modules/click.js'
   import IPC from '@/modules/ipc.js'
   import NavbarLink from './NavbarLink.svelte'
+  import { MagnifyingGlass } from 'svelte-radix'
+  import { Users, Clock, ListMusic, Settings, Heart } from 'lucide-svelte'
   const view = getContext('view')
   export let page
   function close () {
@@ -15,13 +17,47 @@
 <nav class='navbar navbar-fixed-bottom d-block d-md-none border-0 bg-dark'>
   <div class='navbar-menu h-full d-flex flex-row justify-content-center align-items-center m-0 pb-5' class:animate={page !== 'player'}>
     <img src='./logo_filled.png' class='w-50 h-50 m-10 pointer p-5' alt='ico' use:click={close} />
-    <NavbarLink click={() => { page = 'search'; if ($view) $view = null }} _page='search' css='ml-auto' icon='search' {page} />
-    <NavbarLink click={() => { page = 'schedule' }} _page='schedule' icon='schedule' {page} />
+    <NavbarLink click={() => { page = 'search'; if ($view) $view = null }} _page='search' css='ml-auto' icon='search' {page} let:active>
+      <MagnifyingGlass size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' stroke-width={active ? '2' : '0'} stroke='currentColor' />
+    </NavbarLink>
+    <NavbarLink click={() => { page = 'schedule' }} _page='schedule' icon='schedule' {page} let:active>
+      <Clock size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+    </NavbarLink>
     {#if $media?.media}
-      <NavbarLink click={() => { $view = $media.media }} icon='queue_music' {page} />
+      <NavbarLink click={() => { $view = $media.media }} icon='queue_music' {page} let:active>
+        <ListMusic size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+      </NavbarLink>
     {/if}
-    <NavbarLink click={() => { page = 'watchtogether' }} _page='watchtogether' icon='groups' {page} />
-    <NavbarLink click={() => { IPC.emit('open', 'https://github.com/sponsors/ThaUnknown/') }} icon='favorite' css='ml-auto donate' {page} />
-    <NavbarLink click={() => { page = 'settings' }} _page='settings' icon='settings' {page} />
+    <NavbarLink click={() => { page = 'watchtogether' }} _page='watchtogether' icon='groups' {page} let:active>
+      <Users size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+    </NavbarLink>
+    <NavbarLink click={() => { IPC.emit('open', 'https://github.com/sponsors/ThaUnknown/') }} icon='favorite' css='ml-auto donate' {page} let:active>
+      <Heart size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded donate' strokeWidth={active ? '3.5' : '2'} fill='currentColor' />
+    </NavbarLink>
+    <NavbarLink click={() => { page = 'settings' }} _page='settings' icon='settings' {page} let:active>
+      <Settings size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+    </NavbarLink>
   </div>
 </nav>
+
+<style>
+  .navbar .animate :global(.donate) {
+    animation: glow 1s ease-in-out infinite alternate;
+  }
+  .navbar :global(.donate):active {
+    color: #fa68b6 !important;
+  }
+  .navbar :global(.donate) {
+    font-variation-settings: 'FILL' 1;
+    color: #fa68b6;
+    text-shadow: 0 0 1rem #fa68b6;
+  }
+  @keyframes glow {
+    from {
+      filter: drop-shadow(0 0 1rem #fa68b6);
+    }
+    to {
+      filter: drop-shadow(0 0 0.5rem #fa68b6);
+    }
+  }
+</style>
diff --git a/common/components/NavbarLink.svelte b/common/components/NavbarLink.svelte
index 1b5e718..cb7b102 100644
--- a/common/components/NavbarLink.svelte
+++ b/common/components/NavbarLink.svelte
@@ -3,7 +3,6 @@
 
   let _click = () => {}
   export { _click as click }
-  export let image = ''
   export let page
   export let _page = ''
   export let css = ''
@@ -13,89 +12,31 @@
 <div
   class='navbar-link navbar-link-with-icon pointer overflow-hidden {css}'
   use:click={() => { _click(); if (!icon.includes("favorite")) { window.dispatchEvent(new Event('overlay-check')) } } }>
-  {#if image}
-    <span class='material-symbols-outlined rounded' class:filled={page === _page}>
-      <img src={image} class='h-30 rounded' alt='logo' />
-    </span>
-  {:else}
-    <span class='material-symbols-outlined rounded' class:filled={page === _page}>{icon}</span>
-  {/if}
+
+  <span class='rounded d-flex'>
+    <slot active={page === _page}>{icon}</slot>
+  </span>
 </div>
 
 <style>
-  @keyframes glow {
-    from {
-      text-shadow: 0 0 2rem #fa68b6;
-    }
-    to {
-      text-shadow: 0 0 1rem #fa68b6;
-    }
-  }
-  .animate .donate .material-symbols-outlined {
-    animation: glow 1s ease-in-out infinite alternate;
-  }
-  .donate:hover .material-symbols-outlined {
-    background: #fff;
-    color: #fa68b6 !important;
-  }
-  .donate .material-symbols-outlined {
-    font-variation-settings: 'FILL' 1;
-    color: #fa68b6;
-    text-shadow: 0 0 1rem #fa68b6;
-  }
-  /* .sidebar-menu {
-    padding-top: 10rem;
-  } */
-  .text {
-    opacity: 1;
-    transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
 
   .navbar-link > span {
     color: #fff;
     border-radius: 0.3rem;
   }
 
-  .material-symbols-outlined {
+  .navbar-link > span {
     color: #fff;
     transition: background .8s cubic-bezier(0.25, 0.8, 0.25, 1), color .8s cubic-bezier(0.25, 0.8, 0.25, 1);
   }
 
-  .navbar-link:hover > span {
+  .navbar-link:active > span {
     background: #fff;
     color: var(--dark-color);
   }
-
   .navbar-link {
     font-size: 1.4rem;
     padding: 0.75rem;
     height: 5.5rem;
   }
-
-  .material-symbols-outlined {
-    font-size: 2.2rem;
-    min-width: 4rem;
-    width: 4rem;
-    height: 4rem;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .navbar-link img {
-    font-size: 2.2rem;
-    width: 3rem;
-    height: 3rem;
-    margin: 0.5rem;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  img {
-    margin-right: var(--sidebar-brand-image-margin-right);
-  }
 </style>
diff --git a/common/components/Search.svelte b/common/components/Search.svelte
index 5880d98..76b80bf 100644
--- a/common/components/Search.svelte
+++ b/common/components/Search.svelte
@@ -1,6 +1,6 @@
 <script context='module'>
   const badgeKeys = ['title', 'search', 'genre', 'tag', 'season', 'year', 'format', 'status', 'sort', 'hideSubs', 'hideMyAnime', 'hideStatus']
-  const badgeDisplayNames = { title: 'recent_actors', search: 'title', genre: 'theater_comedy', tag: 'tag', season: 'calendar_month', year: 'spa', format: 'monitor', status: 'live_tv', sort: 'sort', hideMyAnime: 'tune', hideSubs: 'mic' }
+  const badgeDisplayNames = { title: BookUser, search: Type, genre: Drama, tag: Hash, season: CalendarRange, year: Leaf, format: Tv, status: MonitorPlay, sort: ArrowDownWideNarrow, hideMyAnime: SlidersHorizontal, hideSubs: Mic }
   const sortOptions = { START_DATE_DESC: 'Release Date', SCORE_DESC: 'Score', POPULARITY_DESC: 'Popularity', TRENDING_DESC: 'Trending', UPDATED_TIME_DESC: 'Last Updated', STARTED_ON_DESC: 'Started On', FINISHED_ON_DESC: 'Finished On', PROGRESS_DESC: 'Your Progress', USER_SCORE_DESC: 'Your Score' }
 
   export function searchCleanup (search, badge) {
@@ -17,6 +17,8 @@
   import { page } from '@/App.svelte'
   import { toast } from 'svelte-sonner'
   import Helper from '@/modules/helper.js'
+  import { MagnifyingGlass, Image } from 'svelte-radix'
+  import { BookUser, Type, Drama, Leaf, CalendarRange, MonitorPlay, Tv, ArrowDownWideNarrow, Filter, FilterX, Tags, Hash, SlidersHorizontal, Mic, Grid3X3, Grid2X2 } from 'lucide-svelte'
 
   export let search
   let searchTextInput = {
@@ -256,10 +258,6 @@
     return sortOptions[value] || value
   }
 
-  function getBadgeDisplayName(key) {
-    return badgeDisplayNames[key] || ''
-  }
-
   function removeBadge(badge) {
     if (badge.key === 'title') {
       delete search.load
@@ -341,16 +339,16 @@
   }
 </script>
 
-<form class='container-fluid py-20 px-md-50 px-20 bg-dark pb-0 position-sticky top-0 search-container z-40' on:input bind:this={form}>
+<form class='container-fluid py-20 px-md-50 bg-dark pb-0 position-sticky top-0 search-container z-40' on:input bind:this={form}>
   <div class='row'>
     <div class='col-lg col-4 p-10 d-flex flex-column justify-content-end'>
       <div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>
-        <div class='material-symbols-outlined mr-10 font-size-30'>title</div>
+        <Type class='mr-10' size='3rem' />
         <div>Title</div>
       </div>
       <div class='input-group'>
         <div class='input-group-prepend'>
-          <span class='input-group-text d-flex material-symbols-outlined bg-dark-light pr-0 font-size-18'>search</span>
+          <MagnifyingGlass size='2.75rem' class='input-group-text bg-dark-light pr-0' />
         </div>
         <input
           bind:this={searchTextInput.title}
@@ -365,7 +363,7 @@
     </div>
     <div class='col-lg col-4 p-10 d-flex flex-column justify-content-end'>
       <div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>
-        <div class='material-symbols-outlined mr-10 font-size-30'>theater_comedy</div>
+        <Drama class='mr-10' size='3rem' />
         <div>Genres</div>
       </div>
       <div class='input-group'>
@@ -392,7 +390,7 @@
     </div>
     <div class='col-lg col-4 p-10 d-flex flex-column justify-content-end'>
       <div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>
-        <div class='material-symbols-outlined mr-10 font-size-30'>tag</div>
+        <Hash class='mr-10' size='3rem' />
         <div>Tags</div>
       </div>
       <div class='input-group'>
@@ -417,7 +415,7 @@
     </div>
     <div class='col-lg col-4 p-10 d-flex flex-column justify-content-end'>
       <div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>
-        <div class='material-symbols-outlined mr-10 font-size-30'>calendar_month</div>
+        <CalendarRange class='mr-10' size='3rem' />
         <div>Season</div>
       </div>
       <div class='input-group'>
@@ -439,7 +437,7 @@
     </div>
     <div class='col p-10 d-flex flex-column justify-content-end'>
       <div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>
-        <div class='material-symbols-outlined mr-10 font-size-30'>monitor</div>
+        <Tv class='mr-10' size='3rem' />
         <div>Format</div>
       </div>
       <div class='input-group'>
@@ -455,7 +453,7 @@
     </div>
     <div class='col p-10 d-flex flex-column justify-content-end'>
       <div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>
-        <div class='material-symbols-outlined mr-10 font-size-30'>live_tv</div>
+        <MonitorPlay class='mr-10' size='3rem' />
         <div>Status</div>
       </div>
       <div class='input-group'>
@@ -470,7 +468,7 @@
     </div>
     <div class='col p-10 d-flex flex-column justify-content-end'>
       <div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>
-        <div class='material-symbols-outlined mr-10 font-size-30'>sort</div>
+        <ArrowDownWideNarrow class='mr-10' size='3rem' />
         <div>Sort</div>
       </div>
       <div class='input-group'>
@@ -497,13 +495,15 @@
     <div class='col-auto p-10 d-flex'>
       <div class='align-self-end'>
         <button
-          class='btn btn-square bg-dark-light material-symbols-outlined font-size-18 px-5 align-self-end border-0'
+          class='btn btn-square bg-dark-light px-5 align-self-end border-0'
           type='button'
           title='Hide My Anime'
           use:click={toggleHideMyAnime}
           disabled={search.disableHide || search.disableSearch}
           class:text-primary={search.hideMyAnime}>
-          <label for='hide-my-anime' class='pointer mb-0'> tune </label>
+          <label for='hide-my-anime' class='pointer mb-0 d-flex align-items-center justify-content-center'>
+            <SlidersHorizontal size='1.625rem' />
+          </label>
         </button>
       </div>
     </div>
@@ -511,30 +511,36 @@
     <div class='col-auto p-10 d-flex'>
       <div class='align-self-end'>
         <button
-          class='btn btn-square bg-dark-light material-symbols-outlined font-size-18 px-5 align-self-end border-0'
+          class='btn btn-square bg-dark-light px-5 align-self-end border-0'
           type='button'
           title='Dubbed Audio'
           use:click={toggleSubs}
           disabled={search.disableSearch}
           class:text-primary={search.hideSubs}>
-          <label for='hide-subs' class='pointer mb-0'> mic </label>
+          <label for='hide-subs' class='pointer mb-0 d-flex align-items-center justify-content-center'>
+            <Mic size='1.625rem' />
+          </label>
         </button>
       </div>
     </div>
     <input type='file' class='d-none' id='search-image' accept='image/*' on:input|preventDefault|stopPropagation={handleFile} />
     <div class='col-auto p-10 d-flex'>
       <div class='align-self-end'>
-        <button class='btn btn-square bg-dark-light material-symbols-outlined font-size-18 px-5 align-self-end border-0' type='button' title='Image Search'>
-          <label for='search-image' class='pointer mb-0'>
-            image
+        <button class='btn btn-square bg-dark-light px-5 align-self-end border-0' type='button' title='Image Search'>
+          <label for='search-image' class='pointer mb-0 d-flex align-items-center justify-content-center'>
+            <Image size='1.625rem' />
           </label>
         </button>
       </div>
     </div>
     <div class='col-auto p-10 d-flex'>
       <div class='align-self-end'>
-        <button class='btn btn-square bg-dark-light material-symbols-outlined font-size-18 px-5 align-self-end border-0' type='button' title='Clear Search' use:click={searchClear} disabled={sanitisedSearch.length <= 0} class:text-danger={!!sanitisedSearch?.length || search.disableSearch || search.clearNext}>
-          {!!sanitisedSearch?.length || search.disableSearch || search.clearNext ? 'filter_alt_off' : 'filter_alt'}
+        <button class='btn btn-square bg-dark-light d-flex align-items-center justify-content-center px-5 align-self-end border-0' type='button' use:click={searchClear} disabled={sanitisedSearch.length <= 0} class:text-danger={!!sanitisedSearch?.length || search.disableSearch || search.clearNext}>
+          {#if !!sanitisedSearch?.length || search.disableSearch || search.clearNext}
+            <FilterX size='1.625rem' />
+          {:else}
+            <Filter size='1.625rem' />
+          {/if}
         </button>
       </div>
     </div>
@@ -546,14 +552,14 @@
           {@const filteredBadges = sanitisedSearch.filter(badge => badge.key !== 'hideStatus' && (search.userList || badge.key !== 'title'))}
           <div class='d-flex flex-row align-items-center'>
             {#if filteredBadges.length > 0}
-              <span class='material-symbols-outlined font-size-24 mr-20 filled text-dark-light'>sell</span>
+              <Tags class='text-dark-light mr-20' size='3rem' />
             {/if}
           {#each badgeKeys as key}
             {@const matchingBadges = filteredBadges.filter(badge => badge.key === key)}
             {#each matchingBadges as badge}
               {#if badge.key === key && (badge.key !== 'hideStatus' && (search.userList || badge.key !== 'title')) }
                 <div class='badge bg-light border-0 py-5 px-10 text-capitalize mr-20 text-white text-nowrap d-flex align-items-center'>
-                  <div class='material-symbols-outlined font-size-18 mr-5'>{getBadgeDisplayName(badge.key)}</div>
+                  <svelte:component this={badgeDisplayNames[badge.key]} class='mr-5' size='1.8rem' />
                   <div class='font-size-12'>{badge.key === 'sort' ? getSortDisplayName(badge.value) : (badge.key === 'hideMyAnime' ? 'Hide My Anime' : badge.key === 'hideSubs' ? 'Dubbed' : ('' + badge.value).replace(/_/g, ' ').toLowerCase())}</div>
                   <button on:click={() => removeBadge(badge)} class='pointer bg-transparent border-0 text-white font-size-12 position-relative ml-10 pt-0' title='Remove Filter' type='button'>x</button>
                 </div>
@@ -564,15 +570,12 @@
         {/if}
       </div>
     </form>
-    <span class='material-symbols-outlined font-size-24 mr-10 filled ml-auto text-dark-light pointer' class:text-muted={$settings.cards === 'small'} use:click={() => changeCardMode('small')}>grid_on</span>
-    <span class='material-symbols-outlined font-size-24 filled text-dark-light pointer' class:text-muted={$settings.cards === 'full'} use:click={() => changeCardMode('full')}>grid_view</span>
+    <span class='mr-10 filled ml-auto text-dark-light pointer' class:text-muted={$settings.cards === 'small'} use:click={() => changeCardMode('small')}><Grid3X3 size='2.25rem' /></span>
+    <span class='text-dark-light pointer' class:text-muted={$settings.cards === 'full'} use:click={() => changeCardMode('full')}><Grid2X2 size='2.25rem' /></span>
   </div>
 </form>
 
 <style>
-  .text-dark-light {
-    color: var(--gray-color-light);
-  }
   .input-group,
   .container-fluid button, .pointer {
     transition: scale 0.2s ease;
diff --git a/common/components/Sidebar.svelte b/common/components/Sidebar.svelte
index 1976a38..b0cb425 100644
--- a/common/components/Sidebar.svelte
+++ b/common/components/Sidebar.svelte
@@ -7,6 +7,8 @@
   import Helper from '@/modules/helper.js'
   import IPC from '@/modules/ipc.js'
   import SidebarLink from './SidebarLink.svelte'
+  import { Clock, Download, Heart, Home, ListMusic, LogIn, Settings, Users } from 'lucide-svelte'
+  import { MagnifyingGlass } from 'svelte-radix'
 
   let updateState = ''
 
@@ -25,105 +27,71 @@
 <div class='sidebar z-30 d-md-block' class:animated={$settings.expandingSidebar}>
   <div class='sidebar-overlay pointer-events-none h-full position-absolute' />
   <div class='sidebar-menu h-full d-flex flex-column justify-content-center align-items-center m-0 pb-5' class:animate={page !== 'player'}>
-    <SidebarLink click={() => { $profileView = true }} icon='login' text={Helper.getUser() ? 'Profiles' : 'Login'} css='mt-auto' {page} image={Helper.getUserAvatar()} />
-    <SidebarLink click={() => { page = 'home'; if ($view) $view = null }} _page='home' icon='home' text='Home' {page} />
-    <SidebarLink click={() => { page = 'search'; if ($view) $view = null }} _page='search' icon='search' text='Search' {page} />
-    <SidebarLink click={() => { page = 'schedule' }} _page='schedule' icon='schedule' text='Schedule' {page} />
+    <SidebarLink click={() => { $profileView = true }} icon='login' text={Helper.getUser() ? 'Profiles' : 'Login'} css='mt-auto' {page} image={Helper.getUserAvatar()}>
+      <LogIn size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' />
+    </SidebarLink>
+    <SidebarLink click={() => { page = 'home'; if ($view) $view = null }} _page='home' text='Home' {page} let:active>
+      <Home size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+    </SidebarLink>
+    <SidebarLink click={() => { page = 'search'; if ($view) $view = null }} _page='search' text='Search' {page} let:active>
+      <MagnifyingGlass size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' stroke-width={active ? '2' : '0'} stroke='currentColor' />
+    </SidebarLink>
+    <SidebarLink click={() => { page = 'schedule' }} _page='schedule' icon='schedule' text='Schedule' {page} let:active>
+      <Clock size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+    </SidebarLink>
     {#if $media?.media}
-      <SidebarLink click={() => { $view = $media.media }} icon='queue_music' text='Now Playing' {page} />
+      <SidebarLink click={() => { $view = $media.media }} icon='queue_music' text='Now Playing' {page} let:active>
+        <ListMusic size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+      </SidebarLink>
     {/if}
-    <SidebarLink click={() => { page = 'watchtogether' }} _page='watchtogether' icon='groups' text='Watch Together' {page} />
-    <SidebarLink click={() => { IPC.emit('open', 'https://github.com/sponsors/ThaUnknown/') }} icon='favorite' text='Support This App' css='mt-auto donate' {page} />
+    <SidebarLink click={() => { page = 'watchtogether' }} _page='watchtogether' icon='groups' text='Watch Together' {page} let:active>
+      <Users size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+    </SidebarLink>
+    <SidebarLink click={() => { IPC.emit('open', 'https://github.com/sponsors/ThaUnknown/') }} icon='favorite' text='Support This App' css='mt-auto' {page} let:active>
+      <Heart size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded donate' strokeWidth={active ? '3.5' : '2'} fill='currentColor' />
+    </SidebarLink>
     {#if updateState === 'downloading'}
-      <SidebarLink click={() => { toast('Update is downloading...') }} icon='download' text='Update Downloading...' {page} />
+      <SidebarLink click={() => { toast('Update is downloading...') }} icon='download' text='Update Downloading...' {page} let:active>
+        <Download size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+      </SidebarLink>
     {:else if updateState === 'ready'}
-      <SidebarLink click={() => { IPC.emit('quit-and-install') }} css='update' icon='download' text='Update Ready!' {page} />
+      <SidebarLink click={() => { IPC.emit('quit-and-install') }} icon='download' text='Update Ready!' {page} let:active>
+        <Download size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded update' strokeWidth={active ? '3.5' : '2'} />
+      </SidebarLink>
     {/if}
-    <SidebarLink click={() => { page = 'settings' }} _page='settings' icon='settings' text='Settings' {page} />
+    <SidebarLink click={() => { page = 'settings' }} _page='settings' icon='settings' text='Settings' {page} let:active>
+      <Settings size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+    </SidebarLink>
   </div>
 </div>
 
 <style>
-  @keyframes glow {
-    from {
-      text-shadow: 0 0 2rem #fa68b6;
-    }
-    to {
-      text-shadow: 0 0 1rem #fa68b6;
-    }
-  }
-  .animate .donate .material-symbols-outlined {
+  .sidebar .animate :global(.donate) {
     animation: glow 1s ease-in-out infinite alternate;
   }
-  .donate:hover .material-symbols-outlined {
-    background: #fff;
+  .sidebar :global(.donate):hover {
     color: #fa68b6 !important;
   }
-  .donate .material-symbols-outlined {
+  .sidebar :global(.donate) {
     font-variation-settings: 'FILL' 1;
     color: #fa68b6;
     text-shadow: 0 0 1rem #fa68b6;
   }
-  .update .material-symbols-outlined {
+  :global(.update) {
     color: #47cb6a;
     font-variation-settings: 'FILL' 1;
   }
+  @keyframes glow {
+    from {
+      filter: drop-shadow(0 0 1rem #fa68b6);
+    }
+    to {
+      filter: drop-shadow(0 0 0.5rem #fa68b6);
+    }
+  }
   .sidebar-menu {
     padding-top: 10rem;
   }
-  .text {
-    opacity: 1;
-    transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .sidebar-link > span {
-    color: #fff;
-    border-radius: 0.3rem;
-  }
-
-  .material-symbols-outlined {
-    color: #fff;
-    transition: background .8s cubic-bezier(0.25, 0.8, 0.25, 1), color .8s cubic-bezier(0.25, 0.8, 0.25, 1);
-  }
-
-  .sidebar-link:hover > span > *:nth-child(1) {
-    background: #fff;
-    color: var(--dark-color);
-  }
-
-  .sidebar-link {
-    width: 100%;
-    font-size: 1.4rem;
-    padding: 0.75rem 1.5rem;
-    height: 5.5rem;
-  }
-
-  .material-symbols-outlined {
-    font-size: 2.2rem;
-    min-width: 4rem;
-    width: 4rem;
-    height: 4rem;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .sidebar-link img {
-    font-size: 2.2rem;
-    width: 3rem;
-    height: 3rem;
-    margin: 0.5rem;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  img {
-    margin-right: var(--sidebar-brand-image-margin-right);
-  }
 
   .sidebar {
     transition: width .8s cubic-bezier(0.25, 0.8, 0.25, 1), left .8s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
diff --git a/common/components/SidebarLink.svelte b/common/components/SidebarLink.svelte
index 775b39a..16f2739 100644
--- a/common/components/SidebarLink.svelte
+++ b/common/components/SidebarLink.svelte
@@ -11,50 +11,24 @@
   export let icon = ''
 </script>
 
-<div
-  class='sidebar-link sidebar-link-with-icon pointer overflow-hidden {css}'
+<div class='sidebar-link sidebar-link-with-icon pointer overflow-hidden {css}'
   use:click={() => { _click(); if (!icon.includes("login") && !icon.includes("favorite")) { window.dispatchEvent(new Event('overlay-check')) } } }>
   <span class='text-nowrap d-flex align-items-center w-full h-full'>
     {#if image}
-      <span class='material-symbols-outlined rounded' class:filled={page === _page}>
+      <span class='rounded d-flex'>
         <img src={image} class='h-30 rounded' alt='logo' />
       </span>
       <span class='text ml-20'>{text}</span>
     {:else}
-      <span class='material-symbols-outlined rounded' class:filled={page === _page}>{icon}</span>
+      <span class='rounded d-flex'>
+        <slot active={page === _page}>{icon}</slot>
+      </span>
       <span class='text ml-20'>{text}</span>
     {/if}
   </span>
 </div>
 
 <style>
-  @keyframes glow {
-    from {
-      text-shadow: 0 0 2rem #fa68b6;
-    }
-    to {
-      text-shadow: 0 0 1rem #fa68b6;
-    }
-  }
-  .animate .donate .material-symbols-outlined {
-    animation: glow 1s ease-in-out infinite alternate;
-  }
-  .donate:hover .material-symbols-outlined {
-    background: #fff;
-    color: #fa68b6 !important;
-  }
-  .donate .material-symbols-outlined {
-    font-variation-settings: 'FILL' 1;
-    color: #fa68b6;
-    text-shadow: 0 0 1rem #fa68b6;
-  }
-  .update .material-symbols-outlined {
-    color: #47cb6a;
-    font-variation-settings: 'FILL' 1;
-  }
-  .sidebar-menu {
-    padding-top: 10rem;
-  }
   .text {
     opacity: 1;
     transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -68,12 +42,12 @@
     border-radius: 0.3rem;
   }
 
-  .material-symbols-outlined {
+  .sidebar-link > span > span:nth-child(1) {
     color: #fff;
     transition: background .8s cubic-bezier(0.25, 0.8, 0.25, 1), color .8s cubic-bezier(0.25, 0.8, 0.25, 1);
   }
 
-  .sidebar-link:hover > span > *:nth-child(1) {
+  .sidebar-link:hover > span > span:nth-child(1) {
     background: #fff;
     color: var(--dark-color);
   }
@@ -85,16 +59,6 @@
     height: 5.5rem;
   }
 
-  .material-symbols-outlined {
-    font-size: 2.2rem;
-    min-width: 4rem;
-    width: 4rem;
-    height: 4rem;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
-
   .sidebar-link img {
     font-size: 2.2rem;
     width: 3rem;
@@ -108,22 +72,4 @@
   img {
     margin-right: var(--sidebar-brand-image-margin-right);
   }
-
-  .sidebar {
-    transition: width .8s cubic-bezier(0.25, 0.8, 0.25, 1), left .8s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
-    background: none !important;
-    overflow-y: unset;
-    overflow-x: visible;
-    left: unset;
-  }
-  .sidebar.animated:hover {
-    width: 22rem
-  }
-  .sidebar-overlay {
-    width: var(--sidebar-width);
-    transition: width .8s cubic-bezier(0.25, 0.8, 0.25, 1), left .8s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
-    background: var(--sidebar-gradient);
-    backdrop-filter: blur(2px);
-    z-index: -1;
-  }
 </style>
diff --git a/common/components/banner/FullBanner.svelte b/common/components/banner/FullBanner.svelte
index eec1252..7700498 100644
--- a/common/components/banner/FullBanner.svelte
+++ b/common/components/banner/FullBanner.svelte
@@ -5,6 +5,8 @@
   import Scoring from '@/views/ViewAnime/Scoring.svelte'
   import AudioLabel from '@/views/ViewAnime/AudioLabel.svelte'
   import Helper from "@/modules/helper.js"
+  import { Heart } from 'lucide-svelte'
+
   export let mediaList
 
   let current = mediaList[0]
@@ -92,8 +94,8 @@
       use:click={() => playMedia(current)}>
       Watch Now
     </button>
-    <button class='btn bg-dark-light btn-square ml-10 material-symbols-outlined font-size-16 shadow-none border-0' class:filled={current.isFavourite} use:click={toggleFavourite} disabled={!Helper.isAniAuth()}>
-      favorite
+    <button class='btn bg-dark-light btn-square ml-10 d-flex align-items-center justify-content-center shadow-none border-0' use:click={toggleFavourite} disabled={!Helper.isAniAuth()}>
+      <Heart fill={current.isFavourite ? 'currentColor' : 'transparent'} size='1.5rem' />
     </button>
     <Scoring media={current} />
   </div>
diff --git a/common/components/cards/EpisodeCard.svelte b/common/components/cards/EpisodeCard.svelte
index 191b5f2..78766e6 100644
--- a/common/components/cards/EpisodeCard.svelte
+++ b/common/components/cards/EpisodeCard.svelte
@@ -8,6 +8,7 @@
   import { getContext } from 'svelte'
   import { liveAnimeEpisodeProgress } from '@/modules/animeprogress.js'
   import { anilistClient } from '@/modules/anilist.js'
+  import { Play } from 'lucide-svelte'
   export let data
 
   let preview = false
@@ -37,19 +38,14 @@
   const completed = !watched && media?.mediaListEntry?.progress >= data?.episode
 </script>
 
-<div class='d-flex p-20 pb-10 position-relative episode-card' use:hoverChange={() => prompt.set(false)} use:hoverClick={[setClickState, setHoverState]}>
+<div class='d-flex p-20 pb-10 position-relative episode-card' use:hoverChange={() => prompt.set(false)} use:hoverClick={[setClickState, setHoverState]} on:contextmenu|preventDefault={viewMedia} role='none'>
   {#if preview}
     <EpisodePreviewCard {data} bind:prompt={$prompt} />
   {/if}
   <div class='item d-flex flex-column h-full pointer content-visibility-auto' class:opacity-half={completed}>
     <div class='image h-200 w-full position-relative rounded overflow-hidden d-flex justify-content-between align-items-end text-white' class:bg-black={episodeThumbnail === ' '}>
       <img loading='lazy' src={episodeThumbnail} alt='cover' class='cover-img w-full h-full position-absolute' style:--color={media?.coverImage?.color || '#1890ff'} />
-      {#if data.failed}
-        <div class='material-symbols-outlined pl-10 pt-10 position-absolute top-0 left-0 text-danger filled font-weight-medium' title='Failed to resolve media z-10'>
-          sync_problem
-        </div>
-      {/if}
-      <div class='pl-10 pb-10 material-symbols-outlined filled z-10'>play_arrow</div>
+      <Play class='mb-5 ml-5 pl-10 pb-10 z-10' fill='currentColor' size='3rem' />
       <div class='pr-15 pb-10 font-size-16 font-weight-medium z-10'>
         {#if media?.duration}
           {media.duration}m
@@ -122,9 +118,6 @@
   .opacity-half {
     opacity: 30%;
   }
-  .material-symbols-outlined {
-    font-size: 3rem;
-  }
   .title {
     display: -webkit-box;
     -webkit-line-clamp: 1;
diff --git a/common/components/cards/EpisodePreviewCard.svelte b/common/components/cards/EpisodePreviewCard.svelte
index ee77643..8a75f6b 100644
--- a/common/components/cards/EpisodePreviewCard.svelte
+++ b/common/components/cards/EpisodePreviewCard.svelte
@@ -6,6 +6,8 @@
   import { anilistClient } from "@/modules/anilist"
   import AudioLabel from '@/views/ViewAnime/AudioLabel.svelte'
   import { getContext } from 'svelte'
+  import { CalendarDays, Play, Tv } from 'lucide-svelte'
+
   export let data
   export let prompt
   /** @type {import('@/modules/al.d.ts').Media | null} */
@@ -38,12 +40,7 @@
         on:loadeddata={() => { hide = false }}
         autoplay />
     {/if}
-    {#if data.failed}
-      <div class='material-symbols-outlined pl-10 pt-10 position-absolute top-0 left-0 text-danger filled font-weight-medium z-10' title='Failed to resolve media'>
-        sync_problem
-      </div>
-    {/if}
-    <div class='pl-15 pb-10 material-symbols-outlined filled z-10'>play_arrow</div>
+    <Play class='mb-5 ml-5 pl-10 pb-10 z-10' fill='currentColor' size='3rem' />
     <div class='pr-20 pb-10 font-size-16 font-weight-medium z-10'>
       {#if media?.duration}
         {media.duration}m
@@ -111,13 +108,13 @@
     </div>
     {#if media}
       <div class='d-flex flex-row pt-15 font-weight-medium justify-content-between w-full text-muted'>
-        <div class='d-flex align-items-center' style='margin-left: -3px'>
-          <span class='material-symbols-outlined font-size-24 pr-5'>calendar_month</span>
-          {media.seasonYear || 'N/A'}
+        <div class='d-flex align-items-center' style='margin-left: -2px'>
+          <CalendarDays class='pr-5' size='2.6rem' />
+          <span class='line-height-1'>{media.seasonYear || 'N/A'}</span>
         </div>
         <div class='d-flex align-items-center'>
-          {formatMap[media.format]}
-          <span class='material-symbols-outlined font-size-24 pl-5'>monitor</span>
+          <span class='line-height-1'>{formatMap[media.format]}</span>
+          <Tv class='pl-5' size='2.6rem' />
         </div>
       </div>
     {/if}
@@ -128,9 +125,7 @@
             use:click={() => {
               data.onclick() || viewMedia()
             }}>
-            <span class='material-symbols-outlined font-size-24 filled pr-10'>
-              play_arrow
-            </span>
+      <Play class='mr-10' fill='currentColor' size='1.6rem' />
       Continue Anyway?
     </button>
    </div>
@@ -140,9 +135,6 @@
   .overlay {
     background-color: rgba(28, 28, 28, 0.9);
   }
-  .material-symbols-outlined {
-    font-size: 3rem;
-  }
   .description {
     display: -webkit-box !important;
     -webkit-line-clamp: 3;
diff --git a/common/components/cards/PreviewCard.svelte b/common/components/cards/PreviewCard.svelte
index 1efb31c..b0a441b 100644
--- a/common/components/cards/PreviewCard.svelte
+++ b/common/components/cards/PreviewCard.svelte
@@ -5,6 +5,8 @@
   import Scoring from '@/views/ViewAnime/Scoring.svelte'
   import AudioLabel from '@/views/ViewAnime/AudioLabel.svelte'
   import Helper from "@/modules/helper.js"
+  import { Heart, Play, VolumeX, Volume2, ThumbsUp, ThumbsDown } from 'lucide-svelte'
+
   /** @type {import('@/modules/al.d.ts').Media} */
   export let media
   export let type = null
@@ -37,9 +39,6 @@
     playMedia(media)
   }
 
-  function volume (video) {
-    video.volume = 0.1
-  }
   let muted = true
   function toggleMute () {
     muted = !muted
@@ -47,13 +46,19 @@
 </script>
 
 <div class='position-absolute w-350 h-400 absolute-container top-0 bottom-0 m-auto bg-dark-light z-30 rounded overflow-hidden pointer'>
-  <div class='banner position-relative bg-black'>
+  <div class='banner position-relative bg-black overflow-hidden'>
     <img src={media.bannerImage || (media.trailer?.id ? `https://i.ytimg.com/vi/${media.trailer?.id}/hqdefault.jpg` : media.coverImage?.extraLarge || ' ')} alt='banner' class='img-cover w-full h-full' />
     {#if media.trailer?.id}
-      <div class='material-symbols-outlined filled position-absolute z-10 top-0 right-0 p-15 font-size-22' class:d-none={hide} use:click={toggleMute}>{muted ? 'volume_off' : 'volume_up'}</div>
-      <!-- for now we use some invidious instance, would be nice to somehow get these links outselves, this redirects straight to some google endpoint -->
-      <!-- eslint-disable-next-line svelte/valid-compile -->
-      <video src={`https://inv.tux.pizza/latest_version?id=${media.trailer.id}&itag=18`}
+      <div class='position-absolute z-10 top-0 right-0 p-15' use:click={toggleMute}>
+        {#if muted}
+          <VolumeX size='2.2rem' fill='currentColor' />
+        {:else}
+          <Volume2 size='2.2rem' fill='currentColor' />
+        {/if}
+      </div>
+
+      <!-- indivious is nice because its faster, but not reliable -->
+      <!-- <video src={`https://inv.tux.pizza/latest_version?id=${media.trailer.id}&itag=18`}
         class='w-full h-full position-absolute left-0'
         class:d-none={hide}
         playsinline
@@ -62,15 +67,15 @@
         use:volume
         bind:muted
         on:loadeddata={() => { hide = false }}
-        autoplay />
-      <!-- <iframe
+        autoplay /> -->
+      <iframe
         class='w-full border-0 position-absolute left-0'
         class:d-none={hide}
         title={media.title.userPreferred}
         allow='autoplay'
         on:load={() => { hide = false }}
-        src={`https://www.youtube-nocookie.com/embed/${media.trailer?.id}?autoplay=1&controls=0&mute=1&disablekb=1&loop=1&vq=medium&playlist=${media.trailer?.id}`}
-      /> -->
+        src={`https://www.youtube-nocookie.com/embed/${media.trailer?.id}?autoplay=1&controls=0&mute=${muted ? 1 : 0}&disablekb=1&loop=1&vq=medium&playlist=${media.trailer?.id}&cc_lang_pref=ja`}
+      />
     {/if}
   </div>
   <div class='w-full px-20'>
@@ -81,13 +86,11 @@
       <button class='btn btn-secondary flex-grow-1 text-dark font-weight-bold shadow-none border-0 d-flex align-items-center justify-content-center'
         use:click={play}
         disabled={media.status === 'NOT_YET_RELEASED'}>
-        <span class='material-symbols-outlined font-size-20 filled pr-10'>
-          play_arrow
-        </span>
+        <Play class='pr-10 z-10' fill='currentColor' size='2.2rem' />
         {playButtonText}
       </button>
-      <button class='btn btn-square ml-10 material-symbols-outlined font-size-16 shadow-none border-0' class:filled={media.isFavourite} use:click={toggleFavourite} disabled={!Helper.isAniAuth()}>
-        favorite
+      <button class='btn btn-square ml-10 d-flex align-items-center justify-content-center shadow-none border-0' use:click={toggleFavourite} disabled={!Helper.isAniAuth()}>
+        <Heart fill={media.isFavourite ? 'currentColor' : 'transparent'} size='1.5rem' />
       </button>
       <Scoring {media} previewAnime={true}/>
     </div>
@@ -95,13 +98,9 @@
       {#if type || type === 0}
         <span class='context-type text-nowrap d-flex align-items-center'>
           {#if Number.isInteger(type) && type >= 0}
-            <span class='material-symbols-outlined filled font-size-18 pr-5 {type === 0 ? "text-muted" : "text-success"}'>
-              thumb_up
-            </span>
+            <ThumbsUp fill='currentColor'class='pr-5 pb-5 {type === 0 ? "text-muted" : "text-success"}' size='2rem' />
           {:else if Number.isInteger(type) && type < 0}
-            <span class='material-symbols-outlined text-danger filled font-size-18 pr-5'>
-              thumb_down
-            </span>
+            <ThumbsDown fill='currentColor' class='text-danger pr-5 pb-5' size='2rem' />
           {/if}
           {(Number.isInteger(type) ? Math.abs(type).toLocaleString() + (type >= 0 ? ' likes' : ' dislikes') : type)}
         </span>
@@ -171,9 +170,9 @@
   .banner {
     height: 45%
   }
-  video {
+  /* video {
     object-fit: cover;
-  }
+  } */
   .banner::after {
     content: '';
     position: absolute;
@@ -200,17 +199,17 @@
     left: -100%;
     right: -100%;
   }
-  /* @keyframes delayedShow {
+  @keyframes delayedShow {
     to {
       visibility: visible;
     }
-  } */
+  }
 
-  /* iframe {
+   iframe {
     height: 200%;
     top: 50%;
     transform: translate(0, -50%);
     visibility: hidden;
-    animation: 0s linear 0.5s forwards delayedShow ;
-  } */
+    animation: 0s linear 0.5s forwards delayedShow;
+  }
 </style>
diff --git a/common/components/cards/SmallCard.svelte b/common/components/cards/SmallCard.svelte
index d6388a0..0b384d6 100644
--- a/common/components/cards/SmallCard.svelte
+++ b/common/components/cards/SmallCard.svelte
@@ -9,6 +9,8 @@
   import { page } from '@/App.svelte'
   import { anilistClient } from "@/modules/anilist"
   import Helper from "@/modules/helper.js"
+  import { CalendarDays, Tv, ThumbsUp, ThumbsDown } from 'lucide-svelte'
+
   /** @type {import('@/modules/al.d.ts').Media} */
   export let media
   export let type = null
@@ -48,13 +50,9 @@
     {#if type || type === 0}
       <div class='context-type d-flex align-items-center'>
         {#if Number.isInteger(type) && type >= 0}
-          <span class='material-symbols-outlined filled font-size-18 pr-5 {type === 0 ? "text-muted" : "text-success"}'>
-            thumb_up
-          </span>
+          <ThumbsUp fill='currentColor' class='pr-5 pb-5 {type === 0 ? "text-muted" : "text-success"}' size='2rem' />
         {:else if Number.isInteger(type) && type < 0}
-          <span class='material-symbols-outlined text-danger filled font-size-18 pr-5'>
-            thumb_down
-          </span>
+          <ThumbsDown fill='currentColor' class='text-danger pr-5 pb-5' size='2rem' />
         {/if}
         {(Number.isInteger(type) ? Math.abs(type).toLocaleString() + (type >= 0 ? ' likes' : ' dislikes') : type)}
       </div>
@@ -66,13 +64,13 @@
       {anilistClient.title(media)}
     </div>
     <div class='d-flex flex-row mt-auto pt-10 font-weight-medium justify-content-between w-full text-muted'>
-      <div class='d-flex align-items-center pr-5' style='margin-left: -2px'>
-        <span class='material-symbols-outlined font-size-24 pr-5'>calendar_month</span>
-        {media.seasonYear || 'N/A'}
+      <div class='d-flex align-items-center pr-5' style='margin-left: -1px'>
+        <CalendarDays class='pr-5' size='2.6rem' />
+        <span class='line-height-1'>{media.seasonYear || 'N/A'}</span>
       </div>
       <div class='d-flex align-items-center text-nowrap text-right'>
-        {formatMap[media.format]}
-        <span class='material-symbols-outlined font-size-24 pl-5'>monitor</span>
+        <span class='line-height-1'>{formatMap[media.format]}</span>
+        <Tv class='pl-5' size='2.6rem' />
       </div>
     </div>
   </div>
diff --git a/common/css.css b/common/css.css
index 5c46b9c..a25475e 100644
--- a/common/css.css
+++ b/common/css.css
@@ -33,10 +33,37 @@
   --section-end-gradient: linear-gradient(270deg, #17191cff 0%, #17191c00 100%);
   color-scheme: dark;
 }
+
+@font-face {
+  font-family: "Roboto";
+  src: /* webpackIgnore: true */ url(Roboto.ttf) format("truetype");
+  unicode-range: U+0000, U+0002, U+0009, U+000D, U+0020-007E, U+00A0-0377,
+      U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03E1,
+      U+03F0-052F, U+1AB0-1ABE, U+1D00-1DF5, U+1DFC-1F15, U+1F18-1F1D,
+      U+1F20-1F45, U+1F48-1F4D, U+1F50-1F57, U+1F59, U+1F5B, U+1F5D,
+      U+1F5F-1F7D, U+1F80-1FB4, U+1FB6-1FC4, U+1FC6-1FD3, U+1FD6-1FDB,
+      U+1FDD-1FEF, U+1FF2-1FF4, U+1FF6-1FFE, U+2000-2027, U+202F-205F,
+      U+2070-2071, U+2074-208E, U+2090-209C, U+20A0-20BE, U+20DB-20DC,
+      U+20E3, U+20E8, U+20F0, U+2100-2101, U+2103, U+2105-2106, U+2109,
+      U+2113, U+2116-2117, U+211E-2123, U+2125-2126, U+212A-212B, U+212E,
+      U+2132, U+213B, U+214D, U+214F-2189, U+2191, U+2193, U+2202, U+2206,
+      U+220F, U+2211-2212, U+221A, U+221E, U+222B, U+2248, U+2260,
+      U+2264-2265, U+2423, U+25CA, U+2669-266F, U+27E6-27EF, U+2B4E-2B4F,
+      U+2B5A-2B5F, U+2C60-2C7F, U+2DE0-2E42, U+A640-A69D, U+A69F,
+      U+A700-A7AD, U+A7B0-A7B1, U+A7F7-A7FF, U+A92E, U+AB30-AB5F,
+      U+AB64-AB65, U+EE01-EE02, U+F6C3, U+FB00-FB06, U+FE20-FE2D, U+FEFF,
+      U+FFFC-FFFD, U+1F16A-1F16B;
+}
+
 .dark-mode {
   background-color: var(--dark-color) !important;
 }
 
+.h-30 {
+  width: 3rem;
+  height: 3rem;
+}
+
 @media (min-width: 769px) {
   :root {
     --sidebar-minimised: 7rem;
@@ -45,6 +72,14 @@
   }
 }
 
+.line-height-1 {
+  line-height: 1;
+}
+
+.line-height-normal {
+  line-height: normal;
+}
+
 * {
   -webkit-tap-highlight-color: transparent;
 }
@@ -86,27 +121,8 @@ a[href]:active, button:not([disabled]):active, fieldset:not([disabled]):active,
   z-index: 101;
 }
 
-.material-symbols-outlined {
-  font-family: "Material Symbols Outlined Variable";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-  font-feature-settings: "liga";
-  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 64;
-}
-
-.filled {
-  font-variation-settings: 'FILL' 1;
+.text-dark-light {
+  color: var(--gray-color-light);
 }
 
 .pointer {
@@ -209,7 +225,7 @@ img[src=''], img[src=' '] {
 .skeloader .skeleloader-swipe {
   height: 100%;
   width: 100%;
-  background: linear-gradient(to right, transparent 0%, #17191c 50%, transparent 100%);
+  background: linear-gradient(to right, transparent 0%, hsl(var(--dark-color-hsl)) 50%, transparent 100%);
   background-repeat: no-repeat;
   background-size: 200% 100%;
   animation: skeleloader 1s infinite cubic-bezier(0.4, 0, 0.2, 1);
diff --git a/common/main.js b/common/main.js
index 25c44fd..445c7a9 100644
--- a/common/main.js
+++ b/common/main.js
@@ -1,8 +1,6 @@
 import App from './App.svelte'
 import 'quartermoon/css/quartermoon-variables.css'
-import '@fontsource-variable/material-symbols-outlined/full.css'
 import '@fontsource-variable/nunito'
-import '@fontsource/roboto'
 import './css.css'
 
 export default new App({ target: document.body })
diff --git a/common/modules/anilist.js b/common/modules/anilist.js
index a2e428e..45cfbb0 100644
--- a/common/modules/anilist.js
+++ b/common/modules/anilist.js
@@ -248,7 +248,6 @@ class AnilistClient {
       body: JSON.stringify({
         query: query.replace(/\s/g, '').replaceAll('&nbsp;', ' '),
         variables: {
-          sort: 'TRENDING_DESC',
           page: 1,
           perPage: 50,
           status_in: '[CURRENT,PLANNING,COMPLETED,DROPPED,PAUSED,REPEATING]',
diff --git a/common/modules/animeresolver.js b/common/modules/animeresolver.js
index e3892e8..2c77f99 100644
--- a/common/modules/animeresolver.js
+++ b/common/modules/animeresolver.js
@@ -78,7 +78,8 @@ export default new class AnimeResolver {
 
     debug(`Finding ${titleObjects.length} titles: ${titleObjects.map(obj => obj.title).join(', ')}`)
 
-    for (const chunk of chunks(titleObjects, 62)) { // single title has a complexity of 8.1, al limits complexity to 500
+    for (const chunk of chunks(titleObjects, 60)) {
+      // single title has a complexity of 8.1, al limits complexity to 500, so this can be at most 62, undercut it to 60, al pagination is 50, but at most we'll do 30 titles since isAduld duplicates each title
       for (const [key, media] of await anilistClient.alSearchCompound(chunk)) {
         debug(`Found ${key} as ${media.id}: ${media.title.userPreferred}`)
         this.animeNameCache[key] = media
diff --git a/common/modules/extensions/index.js b/common/modules/extensions/index.js
index 19de4b9..e7a527c 100644
--- a/common/modules/extensions/index.js
+++ b/common/modules/extensions/index.js
@@ -1,5 +1,4 @@
 import { settings } from '@/modules/settings.js'
-import { exclusions } from '../rss.js'
 import { sleep } from '../util.js'
 import { anilistClient } from '../anilist.js'
 import { anitomyscript } from '../anime.js'
@@ -10,6 +9,22 @@ import Debug from 'debug'
 
 const debug = Debug('ui:extensions')
 
+const exclusions = ['DTS', 'TrueHD', '[EMBER]']
+const isDev = location.hostname === 'localhost'
+
+const video = document.createElement('video')
+
+if (!isDev && !video.canPlayType('video/mp4; codecs="hev1.1.6.L93.B0"')) {
+  exclusions.push('HEVC', 'x265', 'H.265')
+}
+if (!isDev && !video.canPlayType('audio/mp4; codecs="ac-3"')) {
+  exclusions.push('AC3', 'AC-3')
+}
+if (!('audioTracks' in HTMLVideoElement.prototype)) {
+  exclusions.push('DUAL')
+}
+video.remove()
+
 /** @typedef {import('@thaunknown/ani-resourced/sources/types.d.ts').Options} Options */
 /** @typedef {import('@thaunknown/ani-resourced/sources/types.d.ts').Result} Result */
 
@@ -40,7 +55,7 @@ export default async function getResultsFromExtensions ({ media, episode, batch,
     anidbEid,
     titles: createTitles(media),
     resolution,
-    exclusions
+    exclusions: settings.value.enableExternal ? [] : exclusions
   }
 
   const { results, errors } = await worker.query(options, { movie, batch }, settings.value.sources)
diff --git a/common/modules/rss.js b/common/modules/rss.js
index fd55900..016cfd8 100644
--- a/common/modules/rss.js
+++ b/common/modules/rss.js
@@ -10,22 +10,6 @@ import Debug from 'debug'
 
 const debug = Debug('ui:rss')
 
-export const exclusions = ['DTS', 'TrueHD', '[EMBER]']
-const isDev = location.hostname === 'localhost'
-
-const video = document.createElement('video')
-
-if (!isDev && !video.canPlayType('video/mp4; codecs="hev1.1.6.L93.B0"')) {
-  exclusions.push('HEVC', 'x265', 'H.265')
-}
-if (!isDev && !video.canPlayType('audio/mp4; codecs="ac-3"')) {
-  exclusions.push('AC3', 'AC-3')
-}
-if (!('audioTracks' in HTMLVideoElement.prototype)) {
-  exclusions.push('DUAL')
-}
-video.remove()
-
 export function parseRSSNodes (nodes) {
   return nodes.map(item => {
     const pubDate = item.querySelector('pubDate')?.textContent
diff --git a/common/modules/support.js b/common/modules/support.js
index 0d2a157..4132b35 100644
--- a/common/modules/support.js
+++ b/common/modules/support.js
@@ -5,11 +5,7 @@ export const SUPPORTS = {
   update: true,
   angle: true,
   doh: true,
-  dht: true,
   discord: true,
-  torrentPort: true,
-  torrentPath: true,
-  torrentPersist: true,
   keybinds: true,
   extensions: true,
   isAndroid: false,
diff --git a/common/modules/torrent.js b/common/modules/torrent.js
index b296110..bfdeca7 100644
--- a/common/modules/torrent.js
+++ b/common/modules/torrent.js
@@ -81,3 +81,12 @@ export async function add (torrentID, hide) {
     client.send('torrent', torrentID)
   }
 }
+// external player for android
+client.on('open', ({ detail }) => {
+  debug(`Open: ${detail}`)
+  IPC.emit('intent', detail)
+})
+
+IPC.on('intent-end', () => {
+  client.dispatch('externalWatched')
+})
diff --git a/common/modules/util.js b/common/modules/util.js
index 3ff8548..44db4a6 100644
--- a/common/modules/util.js
+++ b/common/modules/util.js
@@ -183,7 +183,11 @@ export const defaults = {
   angle: 'default',
   toshoURL: SUPPORTS.extensions ? decodeURIComponent(atob('aHR0cHM6Ly9mZWVkLmFuaW1ldG9zaG8ub3JnLw==')) : '',
   extensions: SUPPORTS.extensions ? ['@thaunknown/ani-resourced'] : [],
-  sources: {}
+  sources: {},
+  enableExternal: false,
+  playerPath: '',
+  playerSeek: 2,
+  playerSkip: false
 }
 
 export const subtitleExtensions = ['srt', 'vtt', 'ass', 'ssa', 'sub', 'txt']
diff --git a/common/modules/webtorrent.js b/common/modules/webtorrent.js
index f598191..6863b65 100644
--- a/common/modules/webtorrent.js
+++ b/common/modules/webtorrent.js
@@ -37,12 +37,6 @@ const ANNOUNCE = [
   atob('aHR0cDovL3RyYWNrZXIuYW5pcmVuYS5jb206ODAvYW5ub3VuY2U=')
 ]
 
-let storedSettings = {}
-
-try {
-  storedSettings = JSON.parse(localStorage.getItem('settings')) || {}
-} catch (error) {}
-
 export default class TorrentClient extends WebTorrent {
   static excludedErrorMessages = ['WebSocket', 'User-Initiated Abort, reason=', 'Connection failed.']
 
@@ -54,6 +48,12 @@ export default class TorrentClient extends WebTorrent {
   ipc
 
   constructor (ipc, storageQuota, serverMode, torrentPath, controller) {
+    let storedSettings = {}
+
+    try {
+      storedSettings = JSON.parse(localStorage.getItem('settings')) || {}
+    } catch (error) {}
+
     const settings = { ...defaults, ...storedSettings }
     debug('Initializing TorrentClient with settings: ' + JSON.stringify(settings))
     super({
@@ -69,6 +69,7 @@ export default class TorrentClient extends WebTorrent {
     this.torrentPath = torrentPath
     this._ready = new Promise(resolve => {
       ipc.on('port', ({ ports }) => {
+        if (this.message) return
         this.message = ports[0].postMessage.bind(ports[0])
         ports[0].onmessage = ({ data }) => {
           debug(`Received IPC message ${data.type}: ${data.data}`)
@@ -324,20 +325,26 @@ export default class TorrentClient extends WebTorrent {
             this.dispatchError('File Too Big! This File Exceeds The Selected Drive\'s Available Space. Change Download Location In Torrent Settings To A Drive With More Space And Restart The App!')
           }
           this.current = found
-          if (data.data.external && this.player) {
-            this.playerProcess = spawn(this.player, ['' + new URL('http://localhost:' + this.server.address().port + found.streamURL)])
-            this.playerProcess.stdout.on('data', () => {})
-            const startTime = Date.now()
-            this.playerProcess.once('close', () => {
-              this.playerProcess = null
-              const seconds = (Date.now() - startTime) / 1000
-              this.dispatch('externalWatched', seconds)
-            })
-          } else {
-            this.parser = new Parser(this, found)
-            this.findSubtitleFiles(found)
-            this.findFontFiles(found)
+          if (data.data.external) {
+            if (this.player) {
+              this.playerProcess = spawn(this.player, ['' + new URL('http://localhost:' + this.server.address().port + found.streamURL)])
+              this.playerProcess.stdout.on('data', () => {})
+              const startTime = Date.now()
+              this.playerProcess.once('close', () => {
+                this.playerProcess = null
+                const seconds = (Date.now() - startTime) / 1000
+                this.dispatch('externalWatched', seconds)
+              })
+              return
+            }
+            if (SUPPORTS.isAndroid) {
+              this.dispatch('open', `intent://localhost:${this.server.address().port}${found.streamURL}#Intent;type=video/any;scheme=http;end;`)
+              return
+            }
           }
+          this.parser = new Parser(this, found)
+          this.findSubtitleFiles(found)
+          this.findFontFiles(found)
         }
         break
       }
diff --git a/common/package.json b/common/package.json
index 5a84f16..eb2bfe7 100644
--- a/common/package.json
+++ b/common/package.json
@@ -2,9 +2,7 @@
   "name": "common",
   "private": true,
   "dependencies": {
-    "@fontsource-variable/material-symbols-outlined": "^5.0.24",
     "@fontsource-variable/nunito": "^5.0.18",
-    "@fontsource/roboto": "^5.0.12",
     "@thaunknown/ani-resourced": "^1.0.3",
     "anitomyscript": "github:ThaUnknown/anitomyscript#42290c4b3f256893be08a4e89051f448ff5e9d00",
     "bottleneck": "^2.19.5",
@@ -12,16 +10,18 @@
     "comlink": "^4.4.1",
     "jassub": "^1.7.17",
     "js-levenshtein": "^1.1.6",
+    "lucide-svelte": "^0.429.0",
     "p2pt": "github:ThaUnknown/p2pt#modernise",
     "perfect-seekbar": "^1.1.0",
     "quartermoon": "^1.2.3",
     "simple-font-select": "^1.0.1",
     "simple-store-svelte": "^1.0.6",
     "svelte": "^4.2.12",
-    "svelte-keybinds": "^1.0.6",
+    "svelte-keybinds": "^1.0.9",
     "svelte-loader": "^3.1.9",
     "svelte-miniplayer": "^1.0.5",
     "svelte-persisted-store": "^0.11.0",
+    "svelte-radix": "^1.1.0",
     "svelte-sonner": "^0.3.19",
     "video-deband": "^1.0.5",
     "webpack-merge": "^5.10.0"
diff --git a/common/views/Player/Player.svelte b/common/views/Player/Player.svelte
index 76f200e..846d56a 100644
--- a/common/views/Player/Player.svelte
+++ b/common/views/Player/Player.svelte
@@ -18,6 +18,7 @@
   import { SUPPORTS } from '@/modules/support.js'
   import 'rvfc-polyfill'
   import IPC from '@/modules/ipc.js'
+  import { ArrowDown, ArrowUp, Captions, Cast, CircleHelp, Contrast, FastForward, Keyboard, List, ListMusic, ListVideo, Maximize, Minimize, Pause, PictureInPicture, PictureInPicture2, Play, Proportions, RefreshCcw, Rewind, RotateCcw, RotateCw, ScreenShare, SkipBack, SkipForward, Users, Volume1, Volume2, VolumeX } from 'lucide-svelte'
 
   const emit = createEventDispatcher()
 
@@ -348,10 +349,10 @@
     video.currentTime = targetTime
   }
   function forward () {
-    seek(2)
+    seek(settings.value.playerSeek)
   }
   function rewind () {
-    seek(-2)
+    seek(-settings.value.playerSeek)
   }
   function selectAudio (id) {
     if (id !== undefined) {
@@ -466,11 +467,13 @@
     KeyX: {
       fn: () => screenshot(),
       id: 'screenshot_monitor',
+      icon: ScreenShare,
       type: 'icon',
       desc: 'Save Screenshot to Clipboard'
     },
     KeyI: {
       fn: () => toggleStats(),
+      icon: List,
       id: 'list',
       type: 'icon',
       desc: 'Toggle Stats'
@@ -478,24 +481,28 @@
     Backquote: {
       fn: () => (showKeybinds = !showKeybinds),
       id: 'help_outline',
+      icon: CircleHelp,
       type: 'icon',
       desc: 'Toggle Keybinds'
     },
     Space: {
       fn: () => playPause(),
       id: 'play_arrow',
+      play: Play,
       type: 'icon',
       desc: 'Play/Pause'
     },
     KeyN: {
       fn: () => playNext(),
       id: 'skip_next',
+      icon: SkipForward,
       type: 'icon',
       desc: 'Next Episode'
     },
     KeyB: {
       fn: () => playLast(),
       id: 'skip_previous',
+      icon: SkipBack,
       type: 'icon',
       desc: 'Previous Episode'
     },
@@ -504,24 +511,28 @@
         $settings.playerDeband = !$settings.playerDeband
       },
       id: 'deblur',
+      icon: Contrast,
       type: 'icon',
       desc: 'Toggle Video Debanding'
     },
     KeyM: {
       fn: () => (muted = !muted),
       id: 'volume_off',
+      icon: VolumeX,
       type: 'icon',
       desc: 'Toggle Mute'
     },
     KeyP: {
       fn: () => togglePopout(),
       id: 'picture_in_picture',
+      icon: PictureInPicture2,
       type: 'icon',
       desc: 'Toggle Picture in Picture'
     },
     KeyF: {
       fn: () => toggleFullscreen(),
       id: 'fullscreen',
+      icon: Maximize,
       type: 'icon',
       desc: 'Toggle Fullscreen'
     },
@@ -533,18 +544,21 @@
     KeyW: {
       fn: () => { fitWidth = !fitWidth },
       id: 'fit_width',
+      icon: Proportions,
       type: 'icon',
       desc: 'Toggle Video Cover'
     },
     KeyD: {
       fn: () => toggleCast(),
       id: 'cast',
+      icon: Cast,
       type: 'icon',
       desc: 'Toggle Cast [broken]'
     },
     KeyC: {
       fn: () => cycleSubtitles(),
       id: 'subtitles',
+      icon: Captions,
       type: 'icon',
       desc: 'Cycle Subtitles'
     },
@@ -554,8 +568,10 @@
         e.preventDefault()
         rewind()
       },
-      id: '-2',
-      desc: 'Rewind 2s'
+      id: 'fast_rewind',
+      icon: Rewind,
+      type: 'icon',
+      desc: 'Rewind'
     },
     ArrowRight: {
       fn: e => {
@@ -563,8 +579,10 @@
         e.preventDefault()
         forward()
       },
-      id: '+2',
-      desc: 'Seek 2s'
+      id: 'fast_forward',
+      icon: FastForward,
+      type: 'icon',
+      desc: 'Seek'
     },
     ArrowUp: {
       fn: e => {
@@ -573,6 +591,7 @@
         volume = Math.min(1, volume + 0.05)
       },
       id: 'volume_up',
+      icon: Volume2,
       type: 'icon',
       desc: 'Volume Up'
     },
@@ -583,23 +602,27 @@
         volume = Math.max(0, volume - 0.05)
       },
       id: 'volume_down',
+      icon: Volume1,
       type: 'icon',
       desc: 'Volume Down'
     },
     BracketLeft: {
       fn: () => { playbackRate = video.defaultPlaybackRate -= 0.1 },
       id: 'history',
+      icon: RotateCcw,
       type: 'icon',
       desc: 'Decrease Playback Rate'
     },
     BracketRight: {
       fn: () => { playbackRate = video.defaultPlaybackRate += 0.1 },
       id: 'update',
+      icon: RotateCw,
       type: 'icon',
       desc: 'Increase Playback Rate'
     },
     Backslash: {
       fn: () => { playbackRate = video.defaultPlaybackRate = 1 },
+      icon: RefreshCcw,
       id: 'schedule',
       type: 'icon',
       desc: 'Reset Playback Rate'
@@ -784,6 +807,7 @@
   }
 
   let currentSkippable = null
+  $: currentSkippable && settings.value.playerAutoSkip && skip()
   function checkSkippableChapters () {
     const current = findChapter(currentTime)
     if (current) {
@@ -1027,7 +1051,15 @@
   {#if showKeybinds && !miniplayer}
     <div class='position-absolute bg-tp w-full h-full z-50 font-size-12 p-20 d-flex align-items-center justify-content-center pointer' on:pointerup|self={() => (showKeybinds = false)} tabindex='-1' role='button'>
       <Keybinds let:prop={item} autosave={true} clickable={true}>
-        <div class:material-symbols-outlined={item?.type} class='bind' title={item?.desc} style='pointer-events: all !important;'>{item?.id || ''}</div>
+        {#if item?.type}
+          <div class='bind icon' title={item?.desc} style='pointer-events: all !important;'>
+            {#if item?.icon}
+              <svelte:component this={item.icon} size='2rem' />
+            {/if}
+          </div>
+        {:else}
+          <div class='bind font-weight-normal' title={item?.desc} style='pointer-events: all !important;'>{item?.id || ''}</div>
+        {/if}
       </Keybinds>
     </div>
   {/if}
@@ -1095,11 +1127,11 @@
       </div>
     </div>
     <div class='d-flex col-4 justify-content-center'>
-      <span class='material-symbols-outlined'> people </span>
+      <span class='icon'><Users size='3rem' class='pt-5' strokeWidth={3} /> </span>
       <span class='stats'>{torrent.peers || 0}</span>
-      <span class='material-symbols-outlined'> arrow_downward </span>
+      <span class='icon'><ArrowDown size='3rem' /></span>
       <span class='stats'>{fastPrettyBytes(torrent.down)}/s</span>
-      <span class='material-symbols-outlined'> arrow_upward </span>
+      <span class='icon'><ArrowUp size='3rem' /></span>
       <span class='stats'>{fastPrettyBytes(torrent.up)}/s</span>
     </div>
     <div class='col-4' />
@@ -1111,10 +1143,24 @@
     <div class='w-full h-full position-absolute toggle-immerse d-none' on:dblclick={toggleFullscreen} on:click|self={toggleImmerse} />
     <div class='w-full h-full position-absolute mobile-focus-target d-none' use:click={() => { page = 'player'; window.dispatchEvent(new Event('overlay-check')) }} />
     <!-- eslint-disable-next-line svelte/valid-compile -->
-    <span class='material-symbols-outlined ctrl h-full align-items-center justify-content-end w-150 mw-full mr-auto' on:click={rewind}> fast_rewind </span>
-    <span class='material-symbols-outlined ctrl' data-name='playPause' use:click={playPause}> {ended ? 'replay' : paused ? 'play_arrow' : 'pause'} </span>
+    <span class='icon ctrl h-full align-items-center justify-content-end w-150 mw-full mr-auto' on:click={rewind}>
+      <Rewind size='3rem' />
+    </span>
+    <span class='icon ctrl' data-name='playPause' use:click={playPause}>
+      {#if ended}
+        <RotateCw size='3rem' />
+      {:else}
+        {#if paused}
+          <Play size='3rem' fill='white' />
+        {:else}
+          <Pause size='3rem' fill='white' />
+        {/if}
+      {/if}
+    </span>
     <!-- eslint-disable-next-line svelte/valid-compile -->
-    <span class='material-symbols-outlined ctrl h-full align-items-center w-150 mw-full ml-auto' on:click={forward}> fast_forward </span>
+    <span class='icon ctrl h-full align-items-center w-150 mw-full ml-auto' on:click={forward}>
+      <FastForward size='3rem' />
+    </span>
     <div class='position-absolute bufferingDisplay' />
     {#if currentSkippable}
       <button class='skip btn text-dark position-absolute bottom-0 right-0 mr-20 mb-5 font-weight-bold z-30' use:click={skip}>
@@ -1137,26 +1183,47 @@
       />
     </div>
     <div class='d-flex'>
-      <span class='material-symbols-outlined ctrl' title='Play/Pause [Space]' data-name='playPause' use:click={playPause}> {ended ? 'replay' : paused ? 'play_arrow' : 'pause'} </span>
+      <span class='icon ctrl m-5' title='Play/Pause [Space]' data-name='playPause' use:click={playPause}>
+        {#if ended}
+          <RotateCw size='2rem' />
+        {:else}
+          {#if paused}
+            <Play size='2rem' fill='white' />
+          {:else}
+            <Pause size='2rem' fill='white' />
+          {/if}
+        {/if}</span>
       {#if hasLast}
-        <span class='material-symbols-outlined ctrl' title='Last [B]' use:click={playLast}> skip_previous </span>
+        <span class='icon ctrl m-5' title='Last [B]' use:click={playLast}>
+          <SkipBack size='2rem' fill='white' />
+        </span>
       {/if}
       {#if hasNext}
-        <span class='material-symbols-outlined ctrl' title='Next [N]' use:click={playNext}> skip_next </span>
+        <span class='icon ctrl m-5' title='Next [N]' use:click={playNext}>
+          <SkipForward size='2rem' fill='white' />
+        </span>
       {/if}
       <div class='d-flex w-auto volume'>
-        <span class='material-symbols-outlined ctrl' title='Mute [M]' data-name='toggleMute' use:click={toggleMute}> {muted ? 'volume_off' : 'volume_up'} </span>
+        <span class='icon ctrl m-5' title='Mute [M]' data-name='toggleMute' use:click={toggleMute}>
+          {#if muted}
+            <VolumeX size='2rem' fill='white' />
+          {:else}
+            <Volume2 size='2rem' fill='white' />
+          {/if}
+        </span>
         <input class='ctrl h-full custom-range' type='range' min='0' max='1' step='any' data-name='setVolume' bind:value={volume} />
       </div>
       <div class='ts' class:mr-auto={playbackRate === 1}>{toTS(targetTime, safeduration > 3600 ? 2 : 3)} / {toTS(safeduration - targetTime, safeduration > 3600 ? 2 : 3)}</div>
       {#if playbackRate !== 1}
         <div class='ts mr-auto'>x{playbackRate.toFixed(1)}</div>
       {/if}
-      <span class='material-symbols-outlined ctrl keybinds' title='Keybinds [`]' use:click={() => (showKeybinds = true)}> keyboard </span>
+      <span class='icon ctrl mr-5 d-flex align-items-center keybinds' title='Keybinds [`]' use:click={() => (showKeybinds = true)}>
+        <Keyboard size='2.5rem' strokeWidth={2.5} />
+      </span>
       {#if 'audioTracks' in HTMLVideoElement.prototype && video?.audioTracks?.length > 1}
         <div class='dropdown dropup with-arrow' use:click={toggleDropdown}>
-          <span class='material-symbols-outlined ctrl' title='Audio Tracks'>
-            queue_music
+          <span class='icon ctrl mr-5 d-flex align-items-center' title='Audio Tracks'>
+            <ListMusic size='2.5rem' strokeWidth={2.5} />
           </span>
           <div class='dropdown-menu dropdown-menu-left ctrl custom-radio p-10 pb-5 text-capitalize'>
             {#each video.audioTracks as track}
@@ -1170,8 +1237,8 @@
       {/if}
       {#if 'videoTracks' in HTMLVideoElement.prototype && video?.videoTracks?.length > 1}
         <div class='dropdown dropup with-arrow'>
-          <span class='material-symbols-outlined ctrl' title='Video Tracks'>
-            playlist_play
+          <span class='icon ctrl mr-5 d-flex align-items-center' title='Video Tracks'>
+            <ListVideo size='2.5rem' strokeWidth={2.5} />
           </span>
           <div class='dropdown-menu dropdown-menu-left ctrl custom-radio p-10 pb-5 text-capitalize'>
             {#each video.videoTracks as track}
@@ -1185,8 +1252,8 @@
       {/if}
       {#if subHeaders?.length}
         <div class='subtitles dropdown dropup with-arrow' use:click={toggleDropdown}>
-          <span class='material-symbols-outlined ctrl' title='Subtitles [C]'>
-            subtitles
+          <span class='icon ctrl mr-5 d-flex align-items-center' title='Subtitles [C]'>
+            <Captions size='2.5rem'strokeWidth={2.5} />
           </span>
           <div class='dropdown-menu dropdown-menu-right ctrl custom-radio p-10 pb-5 text-capitalize'>
             <input name='subtitle-radio-set' type='radio' id='subtitle-off-radio' value='off' checked={subHeaders && subs?.current === -1} />
@@ -1204,17 +1271,29 @@
         </div>
       {/if}
       {#if 'PresentationRequest' in window && canCast && current}
-        <span class='material-symbols-outlined ctrl' title='Cast Video [D]' data-name='toggleCast' use:click={toggleCast}>
-          {presentationConnection ? 'cast_connected' : 'cast'}
+        <span class='icon ctrl mr-5 d-flex align-items-center' title='Cast Video [D]' data-name='toggleCast' use:click={toggleCast}>
+          {#if presentationConnection}
+            <Cast size='2.5rem' fill='white' strokeWidth={0} />
+          {:else}
+            <Cast size='2.5rem'strokeWidth={2.5} />
+          {/if}
         </span>
       {/if}
       {#if 'pictureInPictureEnabled' in document}
-        <span class='material-symbols-outlined ctrl' title='Popout Window [P]' data-name='togglePopout' use:click={togglePopout}>
-          {pip ? 'featured_video' : 'picture_in_picture'}
+        <span class='icon ctrl mr-5 d-flex align-items-center' title='Popout Window [P]' data-name='togglePopout' use:click={togglePopout}>
+          {#if pip}
+            <PictureInPicture size='2.5rem' strokeWidth={2.5} />
+          {:else}
+            <PictureInPicture2 size='2.5rem'strokeWidth={2.5} />
+          {/if}
         </span>
       {/if}
-      <span class='material-symbols-outlined ctrl' title='Fullscreen [F]' data-name='toggleFullscreen' use:click={toggleFullscreen}>
-        {isFullscreen ? 'fullscreen_exit' : 'fullscreen'}
+      <span class='icon ctrl mr-5 d-flex align-items-center' title='Fullscreen [F]' data-name='toggleFullscreen' use:click={toggleFullscreen}>
+        {#if isFullscreen}
+          <Minimize size='2.5rem' strokeWidth={2.5} />
+        {:else}
+          <Maximize size='2.5rem' strokeWidth={2.5} />
+        {/if}
       </span>
     </div>
   </div>
@@ -1377,11 +1456,10 @@
     height: 1px !important;
   }
 
-  .material-symbols-outlined {
+  .icon {
     font-size: 2.8rem;
     padding: 1.5rem;
     display: flex;
-    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 100, 'opsz' 64;
   }
 
   .immersed {
@@ -1413,9 +1491,6 @@
     transition: 0.5s opacity ease 0.2s;
     filter: drop-shadow(0 0 8px #000);
   }
-  .disabled {
-    cursor: not-allowed !important;
-  }
 
   .buffering .middle .bufferingDisplay {
     opacity: 1 !important;
diff --git a/common/views/Search.svelte b/common/views/Search.svelte
index 700c2ab..5da7923 100644
--- a/common/views/Search.svelte
+++ b/common/views/Search.svelte
@@ -68,7 +68,7 @@
 
 <div class='bg-dark h-full w-full overflow-y-scroll d-flex flex-wrap flex-row root overflow-x-hidden justify-content-center align-content-start' use:smoothScroll bind:this={container} on:scroll={infiniteScroll}>
   <Search bind:search={$search} on:input={update} />
-  <div class='w-full d-grid d-md-flex flex-wrap flex-row px-md-50 px-20 justify-content-center align-content-start'>
+  <div class='w-full d-grid d-md-flex flex-wrap flex-row px-md-50 justify-content-center align-content-start'>
     {#key $key}
       {#each $items as card}
         <Card {card} variables={{...$search}} />
diff --git a/common/views/Settings/HomeSectionsSettings.svelte b/common/views/Settings/HomeSectionsSettings.svelte
index fbf6cdc..a18a0fc 100644
--- a/common/views/Settings/HomeSectionsSettings.svelte
+++ b/common/views/Settings/HomeSectionsSettings.svelte
@@ -1,6 +1,8 @@
 <script>
   import { click } from '@/modules/click.js'
   import { sections } from '@/modules/sections.js'
+  import { SUPPORTS } from '@/modules/support.js'
+  import { ArrowDown, ArrowDownUp, ArrowUp, Trash2 } from 'lucide-svelte'
 
   const allowedHomeSections = sections.map(({ title }) => title)
   export let homeSections
@@ -15,11 +17,16 @@
 
   $: {
     if (draggingItemIndex != null && hoveredItemIndex != null && draggingItemIndex !== hoveredItemIndex) {
-      [homeSections[draggingItemIndex], homeSections[hoveredItemIndex]] = [homeSections[hoveredItemIndex], homeSections[draggingItemIndex]]
+      swapItem(draggingItemIndex, hoveredItemIndex)
 
       draggingItemIndex = hoveredItemIndex
     }
   }
+
+  function swapItem (a, b) {
+    b = Math.min(homeSections.length - 1, Math.max(0, b))
+    ;[homeSections[a], homeSections[b]] = [homeSections[b], homeSections[a]]
+  }
 </script>
 
 {#if mouseYCoordinate}
@@ -27,7 +34,7 @@
     class='input-group mb-10 ghost w-full'
     style='top: {mouseYCoordinate + distanceTopGrabbedVsPointer}px;'>
     <div class='input-group-prepend'>
-      <span class='input-group-text d-flex justify-content-center px-5 material-symbols-outlined font-size-20'>swap_vert</span>
+      <span class='input-group-text d-flex align-items-center px-5'><ArrowDownUp size='1.8rem' /></span>
     </div>
     <select class='form-control' value={draggingItem}>
       {#each allowedHomeSections as section}
@@ -35,7 +42,7 @@
       {/each}
     </select>
     <div class='input-group-append'>
-      <button type='button' class='btn btn-danger input-group-append px-5 material-symbols-outlined font-size-20'>delete</button>
+      <button type='button' class='btn btn-danger btn-square input-group-append px-5 d-flex align-items-center'><Trash2 size='1.8rem' /></button>
     </div>
   </div>
 {/if}
@@ -59,16 +66,25 @@
       draggingItem = null
       hoveredItemIndex = null
     }}>
-    <div class='input-group-prepend grab'>
-      <span class='input-group-text d-flex justify-content-center px-5 material-symbols-outlined font-size-20'>swap_vert</span>
-    </div>
+    {#if !SUPPORTS.isAndroid}
+      <div class='input-group-prepend grab'>
+        <span class='input-group-text d-flex align-items-center px-5'><ArrowDownUp size='1.8rem' /></span>
+      </div>
+    {:else}
+      <div class='input-group-prepend'>
+        <button use:click={() => swapItem(index, index - 1)} class='input-group-text d-flex align-items-center px-5 pointer'><ArrowUp size='1.8rem' /></button>
+      </div>
+      <div class='input-group-prepend'>
+        <button use:click={() => swapItem(index, index + 1)} class='input-group-text d-flex align-items-center px-5 pointer'><ArrowDown size='1.8rem' /></button>
+      </div>
+    {/if}
     <select class='form-control bg-dark w-300 mw-full' bind:value={homeSections[index]}>
       {#each allowedHomeSections as section}
         <option>{section}</option>
       {/each}
     </select>
     <div class='input-group-append'>
-      <button type='button' use:click={() => { homeSections.splice(index, 1); homeSections = homeSections }} class='btn btn-danger input-group-append px-5 material-symbols-outlined font-size-20'>delete</button>
+      <button type='button' use:click={() => { homeSections.splice(index, 1); homeSections = homeSections }} class='btn btn-danger btn-square input-group-append px-5 d-flex align-items-center'><Trash2 size='1.8rem' /></button>
     </div>
   </div>
 {/each}
diff --git a/common/views/Settings/InterfaceSettings.svelte b/common/views/Settings/InterfaceSettings.svelte
index 32a6ad3..87d372d 100644
--- a/common/views/Settings/InterfaceSettings.svelte
+++ b/common/views/Settings/InterfaceSettings.svelte
@@ -5,6 +5,7 @@
   import IPC from '@/modules/ipc.js'
   import SettingCard from './SettingCard.svelte'
   import { SUPPORTS } from '@/modules/support.js'
+  import { Trash2 } from 'lucide-svelte'
   import AudioLabel from '@/views/ViewAnime/AudioLabel.svelte'
   import Helper from "@/modules/helper.js"
   function updateAngle () {
@@ -99,7 +100,7 @@
           <option value='Judas [Small Size]'>{settings.toshoURL + 'rss2?qx=1&q="[Judas] "'}</option>
         </datalist>
         <div class='input-group-append'>
-          <button type='button' use:click={() => { settings.rssFeedsNew.splice(i, 1); settings.rssFeedsNew = settings.rssFeedsNew }} class='btn btn-danger input-group-append px-5 material-symbols-outlined font-size-20'>delete</button>
+          <button type='button' use:click={() => { settings.rssFeedsNew.splice(i, 1); settings.rssFeedsNew = settings.rssFeedsNew }} class='btn btn-danger btn-square input-group-append px-5 d-flex align-items-center'><Trash2 size='1.8rem' /></button>
         </div>
       </div>
     {/each}
diff --git a/common/views/Settings/PlayerSettings.svelte b/common/views/Settings/PlayerSettings.svelte
index 2e9d7c4..a9075b1 100644
--- a/common/views/Settings/PlayerSettings.svelte
+++ b/common/views/Settings/PlayerSettings.svelte
@@ -5,6 +5,7 @@
   import { SUPPORTS } from '@/modules/support.js'
   import { click } from '@/modules/click.js'
   import IPC from '@/modules/ipc.js'
+  import { Trash2 } from 'lucide-svelte'
   export let settings
 
   async function changeFont ({ detail }) {
@@ -39,7 +40,7 @@
     <div class='input-group w-400 mw-full'>
       <FontSelect class='form-control bg-dark w-300 mw-full' on:change={changeFont} value={settings.font?.name} />
       <div class='input-group-append'>
-        <button type='button' class='btn btn-danger btn-square px-5 material-symbols-outlined font-size-20' use:click={() => removeFont()}>delete</button>
+        <button type='button' use:click={() => removeFont()} class='btn btn-danger btn-square input-group-append px-5 d-flex align-items-center'><Trash2 size='1.8rem' /></button>
       </div>
     </div>
   </SettingCard>
@@ -92,6 +93,7 @@
     <option value='slo'>Slovak</option>
     <option value='swe'>Swedish</option>
     <option value='ara'>Arabic</option>
+    <option value='idn'>Indonesian</option>
   </select>
 </SettingCard>
 <SettingCard title='Preferred Audio Language' description="What audio language to automatically select when a video is loaded if it exists. This won't find torrents with this language automatically. If not found defaults to Japanese.">
@@ -118,6 +120,7 @@
     <option value='slo'>Slovak</option>
     <option value='swe'>Swedish</option>
     <option value='ara'>Arabic</option>
+    <option value='idn'>Indonesian</option>
   </select>
 </SettingCard>
 
@@ -146,15 +149,29 @@
     <label for='player-deband'>{settings.playerDeband ? 'On' : 'Off'}</label>
   </div>
 </SettingCard>
-
-{#if SUPPORTS.externalPlayer}
-  <h4 class='mb-10 font-weight-bold'>External Player Settings</h4>
-  <SettingCard title='Enable External Player' description='Tells Miru to open a custom user-defined video player to play video, instead of using the built-in one.'>
-    <div class='custom-switch'>
-      <input type='checkbox' id='player-external-enabled' bind:checked={settings.enableExternal} />
-      <label for='player-external-enabled'>{settings.enableExternal ? 'On' : 'Off'}</label>
+<SettingCard title='Seek Duration' description='Seconds to skip forward or backward when using the seek buttons or keyboard shortcuts. Higher values might negatively impact buffering speeds.'>
+  <div class='input-group w-100 mw-full'>
+    <input type='number' inputmode='numeric' pattern={'[0-9]*'} bind:value={settings.playerSeek} min='1' max='50' class='form-control text-right bg-dark' />
+    <div class='input-group-append'>
+      <span class='input-group-text bg-dark'>sec</span>
     </div>
-  </SettingCard>
+  </div>
+</SettingCard>
+<SettingCard title='Auto-Skip Intro/Outro' description='Attempt to automatically skip intro and outro. This WILL sometimes skip incorrect chapters, as some of the chapter data is community sourced.'>
+  <div class='custom-switch'>
+    <input type='checkbox' id='player-skip' bind:checked={settings.playerSkip} />
+    <label for='player-skip'>{settings.playerSkip ? 'On' : 'Off'}</label>
+  </div>
+</SettingCard>
+
+<h4 class='mb-10 font-weight-bold'>External Player Settings</h4>
+<SettingCard title='Enable External Player' description='Tells Miru to open a custom user-picked external video player to play video, instead of using the built-in one.'>
+  <div class='custom-switch'>
+    <input type='checkbox' id='player-external-enabled' bind:checked={settings.enableExternal} />
+    <label for='player-external-enabled'>{settings.enableExternal ? 'On' : 'Off'}</label>
+  </div>
+</SettingCard>
+{#if SUPPORTS.externalPlayer}
   <SettingCard title='External Video Player' description='Executable for an external video player. Make sure the player supports HTTP sources.'>
     <div
       class='input-group w-300 mw-full'>
diff --git a/common/views/Settings/Settings.svelte b/common/views/Settings/Settings.svelte
index 61aad48..63be4d7 100644
--- a/common/views/Settings/Settings.svelte
+++ b/common/views/Settings/Settings.svelte
@@ -37,27 +37,28 @@
   import { profileView } from '@/components/Profiles.svelte'
   import smoothScroll from '@/modules/scroll.js'
   import Helper from '@/modules/helper.js'
+  import { AppWindow, Heart, LogIn, Logs, Play, Rss, Settings } from 'lucide-svelte'
 
   const groups = {
     player: {
       name: 'Player',
-      icon: 'play_arrow'
+      icon: Play
     },
     torrent: {
       name: 'Torrent',
-      icon: 'rss_feed'
+      icon: Rss
     },
     interface: {
       name: 'Interface',
-      icon: 'settings'
+      icon: AppWindow
     },
     app: {
       name: 'App',
-      icon: 'info'
+      icon: Settings
     },
     changelog: {
       name: 'Changelog',
-      icon: 'description'
+      icon: Logs
     }
   }
   function pathListener (data) {
@@ -86,28 +87,28 @@
       <div class='px-20 py-15 font-size-24 font-weight-semi-bold'>Settings</div>
       {#each Object.values(groups) as group}
         <TabLabel>
-          <div class='px-20 py-10 d-flex'>
-            <span class='material-symbols-outlined font-size-24 pr-10 d-inline-flex justify-content-center align-items-center'>{group.icon}</span>
-            <div class='font-size-16'>{group.name}</div>
+          <div class='px-20 py-10 d-flex align-items-center'>
+            <svelte:component this={group.icon} class='pr-10 d-inline-flex' size='3.1rem' fill={group.icon === Play ? 'currentColor' : 'transparent'} />
+            <div class='font-size-16 line-height-normal'>{group.name}</div>
           </div>
         </TabLabel>
       {/each}
       <div class='pointer my-5 rounded' tabindex='0' role='button' use:click={() => IPC.emit('open', 'https://github.com/sponsors/ThaUnknown/')}>
-        <div class='px-20 py-10 d-flex'>
-          <span class='material-symbols-outlined font-size-24 pr-10 d-inline-flex justify-content-center align-items-center'>favorite</span>
-          <div class='font-size-16'>Donate</div>
+        <div class='px-20 py-10 d-flex align-items-center'>
+          <Heart class='pr-10 d-inline-flex' size='3.1rem' />
+          <div class='font-size-16 line-height-normal'>Donate</div>
         </div>
       </div>
       <div class='pointer my-5 rounded' use:click={loginButton}>
-        <div class='px-20 py-10 d-flex'>
+        <div class='px-20 py-10 d-flex align-items-center'>
           {#if Helper.getUser()}
-            <span class='material-symbols-outlined rounded mr-10'>
+            <span class='rounded mr-10'>
               <img src={Helper.getUserAvatar()} class='h-30 rounded' alt='logo' />
             </span>
             <div class='font-size-16 login-image-text'>Profiles</div>
           {:else}
-            <span class='material-symbols-outlined font-size-24 pr-10 d-inline-flex justify-content-center align-items-center'>login</span>
-            <div class='font-size-16'>Login</div>
+            <LogIn class='pr-10 d-inline-flex' size='3.1rem' />
+            <div class='font-size-16 line-height-normal'>Login</div>
           {/if}
         </div>
       </div>
@@ -222,10 +223,6 @@
     justify-content: center;
     align-items: center;
   }
-  .h-30 {
-    width: 3rem;
-    height: 3rem;
-  }
   .settings :global(input:not(:focus):invalid) {
     box-shadow: 0 0 0 0.2rem var(--danger-color) !important;
   }
diff --git a/common/views/Settings/TorrentSettings.svelte b/common/views/Settings/TorrentSettings.svelte
index 8e40ca9..0d90baf 100644
--- a/common/views/Settings/TorrentSettings.svelte
+++ b/common/views/Settings/TorrentSettings.svelte
@@ -35,6 +35,7 @@
   import IPC from '@/modules/ipc.js'
   import SettingCard from './SettingCard.svelte'
   import { SUPPORTS } from '@/modules/support.js'
+  import { Trash2 } from 'lucide-svelte'
   export let settings
 
   function handleFolder () {
@@ -74,7 +75,7 @@
           <div class='input-group-prepend overflow-hidden w-full'>
             <span class='input-group-text bg-dark w-full'>{extension}</span>
           </div>
-          <button type='button' class='btn btn-danger btn-square px-5 material-symbols-outlined font-size-20' use:click={() => removeExtension(i)}>delete</button>
+          <button type='button' use:click={() => removeExtension(i)} class='btn btn-danger btn-square input-group-append px-5 d-flex align-items-center'><Trash2 size='1.8rem' /></button>
         </div>
       {/each}
     </div>
@@ -140,24 +141,24 @@
 {/if}
 
 <h4 class='mb-10 font-weight-bold'>Client Settings</h4>
-{#if SUPPORTS.torrentPath}
-  <SettingCard title='Torrent Download Location' description='Path to the folder used to store torrents. By default this is the TMP folder, which might lose data when your OS tries to reclaim storage.'>
-    <div class='input-group w-300 mw-full'>
-      <div class='input-group-prepend'>
-        <button type='button' use:click={handleFolder} class='btn btn-primary input-group-append'>Select Folder</button>
-      </div>
-      <input type='url' class='form-control bg-dark' readonly value={settings.torrentPathNew} placeholder='/tmp' />
+<SettingCard title='Torrent Download Location' description='Path to the folder used to store torrents. By default this is the TMP folder, which might lose data when your OS tries to reclaim storage.  {SUPPORTS.isAndroid ? "RESTART IS REQUIRED. /sdcard/ is internal storage, not external SD Cards. /storage/AB12-34CD/ is external storage, not internal. Thank you Android!" : ""}'>
+  <div class='input-group w-300 mw-full'>
+    <div class='input-group-prepend'>
+      <button type='button' use:click={handleFolder} class='btn btn-primary input-group-append'>Select Folder</button>
     </div>
-  </SettingCard>
-{/if}
-{#if SUPPORTS.torrentPersist}
-  <SettingCard title='Persist Files' description="Keeps torrents files instead of deleting them after a new torrent is played. This doesn't seed the files, only keeps them on your drive. This will quickly fill up your storage.">
-    <div class='custom-switch'>
-      <input type='checkbox' id='torrent-persist' bind:checked={settings.torrentPersist} />
-      <label for='torrent-persist'>{settings.torrentPersist ? 'On' : 'Off'}</label>
-    </div>
-  </SettingCard>
-{/if}
+    {#if !SUPPORTS.isAndroid}
+      <input type='url' class='form-control bg-dark' readonly bind:value={settings.torrentPathNew} placeholder='/tmp' />
+    {:else}
+      <input type='text' class='form-control bg-dark' bind:value={settings.torrentPathNew} placeholder='/tmp' />
+    {/if}
+  </div>
+</SettingCard>
+<SettingCard title='Persist Files' description="Keeps torrents files instead of deleting them after a new torrent is played. This doesn't seed the files, only keeps them on your drive. This will quickly fill up your storage.">
+  <div class='custom-switch'>
+    <input type='checkbox' id='torrent-persist' bind:checked={settings.torrentPersist} />
+    <label for='torrent-persist'>{settings.torrentPersist ? 'On' : 'Off'}</label>
+  </div>
+</SettingCard>
 <SettingCard title='Streamed Download' description="Only downloads the single file that's currently being watched, instead of downloading an entire batch of episodes. Saves bandwidth and reduces strain on the peer swarm.">
   <div class='custom-switch'>
     <input type='checkbox' id='torrent-streamed-download' bind:checked={settings.torrentStreamedDownload} />
@@ -175,22 +176,18 @@
 <SettingCard title='Max Number of Connections' description='Number of peers per torrent. Higher values will increase download speeds but might quickly fill up available ports if your ISP limits the maximum allowed number of open connections.'>
   <input type='number' inputmode='numeric' pattern='[0-9]*' bind:value={settings.maxConns} min='1' max='512' class='form-control text-right bg-dark w-100 mw-full' />
 </SettingCard>
-{#if SUPPORTS.torrentPort}
-  <SettingCard title='Torrent Port' description='Port used for Torrent connections. 0 is automatic.'>
-    <input type='number' inputmode='numeric' pattern='[0-9]*' bind:value={settings.torrentPort} min='0' max='65536' class='form-control text-right bg-dark w-150 mw-full' />
-  </SettingCard>
-{/if}
-{#if SUPPORTS.dht}
-  <SettingCard title='DHT Port' description='Port used for DHT connections. 0 is automatic.'>
-    <input type='number' inputmode='numeric' pattern='[0-9]*' bind:value={settings.dhtPort} min='0' max='65536' class='form-control text-right bg-dark w-150 mw-full' />
-  </SettingCard>
-  <SettingCard title='Disable DHT' description='Disables Distributed Hash Tables for use in private trackers to improve privacy. Might greatly reduce the amount of discovered peers.'>
-    <div class='custom-switch'>
-      <input type='checkbox' id='torrent-dht' bind:checked={settings.torrentDHT} />
-      <label for='torrent-dht'>{settings.torrentDHT ? 'On' : 'Off'}</label>
-    </div>
-  </SettingCard>
-{/if}
+<SettingCard title='Torrent Port' description='Port used for Torrent connections. 0 is automatic.'>
+  <input type='number' inputmode='numeric' pattern='[0-9]*' bind:value={settings.torrentPort} min='0' max='65536' class='form-control text-right bg-dark w-150 mw-full' />
+</SettingCard>
+<SettingCard title='DHT Port' description='Port used for DHT connections. 0 is automatic.'>
+  <input type='number' inputmode='numeric' pattern='[0-9]*' bind:value={settings.dhtPort} min='0' max='65536' class='form-control text-right bg-dark w-150 mw-full' />
+</SettingCard>
+<SettingCard title='Disable DHT' description='Disables Distributed Hash Tables for use in private trackers to improve privacy. Might greatly reduce the amount of discovered peers.'>
+  <div class='custom-switch'>
+    <input type='checkbox' id='torrent-dht' bind:checked={settings.torrentDHT} />
+    <label for='torrent-dht'>{settings.torrentDHT ? 'On' : 'Off'}</label>
+  </div>
+</SettingCard>
 <SettingCard title='Disable PeX' description='Disables Peer Exchange for use in private trackers to improve privacy. Might greatly reduce the amount of discovered peers.'>
   <div class='custom-switch'>
     <input type='checkbox' id='torrent-pex' bind:checked={settings.torrentPeX} />
diff --git a/common/views/TorrentSearch/TorrentCard.svelte b/common/views/TorrentSearch/TorrentCard.svelte
index 80f2973..b4a8af9 100644
--- a/common/views/TorrentSearch/TorrentCard.svelte
+++ b/common/views/TorrentSearch/TorrentCard.svelte
@@ -1,6 +1,7 @@
 <script context='module'>
   import { click } from '@/modules/click.js'
   import { fastPrettyBytes, since } from '@/modules/util.js'
+  import { Database, BadgeCheck } from 'lucide-svelte'
 
   /** @typedef {import('@thaunknown/ani-resourced/sources/types.d.ts').Result} Result */
   /** @typedef {import('anitomyscript').AnitomyResult} AnitomyResult */
@@ -86,13 +87,9 @@
     <div class='d-flex w-full'>
       <div class='font-size-22 font-weight-bold text-nowrap'>{result.parseObject?.release_group && result.parseObject.release_group.length < 20 ? result.parseObject.release_group : 'No Group'}</div>
       {#if result.type === 'batch'}
-        <div class='material-symbols-outlined card-title symbol-bold ml-auto' title='Batch'>
-          database
-        </div>
+        <Database size='2.6rem' class='ml-auto' />
       {:else if result.verified}
-        <div class='material-symbols-outlined card-title symbol-bold ml-auto' style='color: #53da33' title='Verified'>
-          verified
-        </div>
+        <BadgeCheck size='2.8rem' class='ml-auto' style='color: #53da33' />
       {/if}
     </div>
     <div class='font-size-14 text-muted text-truncate overflow-hidden'>{simplifyFilename(result.parseObject)}</div>
diff --git a/common/views/TorrentSearch/TorrentMenu.svelte b/common/views/TorrentSearch/TorrentMenu.svelte
index dd4fd29..8111e94 100644
--- a/common/views/TorrentSearch/TorrentMenu.svelte
+++ b/common/views/TorrentSearch/TorrentMenu.svelte
@@ -45,6 +45,7 @@
   import { add } from '@/modules/torrent.js'
   import TorrentSkeletonCard from './TorrentSkeletonCard.svelte'
   import { onDestroy } from 'svelte'
+  import { MagnifyingGlass } from 'svelte-radix'
 
   /** @type {{ media: Media, episode?: number }} */
   export let search
@@ -131,7 +132,7 @@
   {/await}
   <div class='input-group mt-20'>
     <div class='input-group-prepend'>
-      <span class='input-group-text d-flex material-symbols-outlined bg-dark pr-0 font-size-18'>search</span>
+      <MagnifyingGlass size='2.75rem' class='input-group-text bg-dark pr-0' />
     </div>
     <input
       type='search'
diff --git a/common/views/TorrentSearch/TorrentModal.svelte b/common/views/TorrentSearch/TorrentModal.svelte
index 144052d..e5c349d 100644
--- a/common/views/TorrentSearch/TorrentModal.svelte
+++ b/common/views/TorrentSearch/TorrentModal.svelte
@@ -2,7 +2,7 @@
   import { findInCurrent } from '../Player/MediaHandler.svelte'
   import { writable } from 'simple-store-svelte'
 
-  const rss = writable(null)
+  export const rss = writable(null)
 
   export function playAnime (media, episode = 1, force) {
     episode = Number(episode)
diff --git a/common/views/ViewAnime/Controls.svelte b/common/views/ViewAnime/Controls.svelte
deleted file mode 100644
index 14243e0..0000000
--- a/common/views/ViewAnime/Controls.svelte
+++ /dev/null
@@ -1,161 +0,0 @@
-<script>
-  import { alToken } from '../../views/Settings.svelte'
-  import { addToast } from '../../components/Toasts.svelte'
-  import IPC from '@/modules/ipc.js'
-  import { anilistClient } from '@/modules/anilist.js'
-  import { getContext } from 'svelte'
-  import { getMediaMaxEp } from '@/modules/anime.js'
-  import { playAnime } from '../RSSView.svelte'
-  import { click } from '@/modules/click.js'
-  export let media = null
-
-  const toggleStatusMap = {
-    CURRENT: 'DROPPED',
-    COMPLETED: 'REPEATING',
-    PAUSED: 'CURRENT',
-    REPEATING: 'CURRENT',
-    DROPPED: 'PLANNING',
-    PLANNING: 'remove'
-  }
-  async function toggleStatus () {
-    if (media.mediaListEntry?.status !== 'PLANNING') {
-      // add
-      await setStatus(toggleStatusMap[media.mediaListEntry?.status] || 'PLANNING')
-    } else {
-      await anilistClient.delete({ id: media.mediaListEntry.id })
-    }
-    update()
-  }
-  function getStatusText (media) {
-    if (media.mediaListEntry) {
-      const { status } = media.mediaListEntry
-      if (status === 'PLANNING') return 'Remove From List'
-      if (media.mediaListEntry?.status in toggleStatusMap) return 'Drop From Watching'
-    }
-    return 'Add To List'
-  }
-  function setStatus (status, other = {}) {
-    const variables = {
-      id: media.id,
-      status,
-      ...other
-    }
-    return anilistClient.entry(variables)
-  }
-  async function update () {
-    media = (await anilistClient.searchIDSingle({ id: media.id })).data.Media
-  }
-  async function score (media, score) {
-    const variables = {
-      id: media.id,
-      score: score * 10
-    }
-    await anilistClient.entry(variables)
-    media = (await anilistClient.searchIDSingle({ id: media.id })).data.Media
-  }
-  const trailer = getContext('trailer')
-  function viewTrailer (media) {
-    $trailer = media.trailer.id
-  }
-  function copyToClipboard (text) {
-    navigator.clipboard.writeText(text)
-    addToast({
-      title: 'Copied to clipboard',
-      text: 'Copied share URL to clipboard',
-      type: 'primary',
-      duration: '5000'
-    })
-  }
-  function openInBrowser (url) {
-    IPC.emit('open', url)
-  }
-  function getPlayText (media) {
-    if (media.mediaListEntry) {
-      const { status, progress } = media.mediaListEntry
-      if (progress) {
-        if (status === 'COMPLETED') return 'Rewatch'
-        return 'Continue ' + Math.min(getMediaMaxEp(media, true), progress + 1)
-      }
-    }
-    return 'Play'
-  }
-  async function play (media) {
-    let ep = 1
-    if (media.mediaListEntry) {
-      const { status, progress } = media.mediaListEntry
-      if (progress) {
-        if (status === 'COMPLETED') {
-          await setStatus('REPEATING', { episode: 0 })
-        } else {
-          ep = Math.min(getMediaMaxEp(media, true), progress + 1)
-        }
-      }
-    }
-    playAnime(media, ep, true)
-    media = null
-  }
-</script>
-
-<div class='col-md-4 d-flex justify-content-end flex-column'>
-  <div class='d-flex flex-column flex-wrap'>
-    <button
-      class='btn btn-primary d-flex align-items-center font-weight-bold font-size-24 h-50 mb-5'
-      type='button'
-      use:click={() => play(media)}>
-      <span class='material-symbols-outlined mr-10 font-size-24 w-30'> play_arrow </span>
-      <span>{getPlayText(media)}</span>
-    </button>
-    {#if alToken}
-      <button class='btn d-flex align-items-center mb-5 font-weight-bold font-size-16 btn-primary' use:click={toggleStatus}>
-        <span class='material-symbols-outlined mr-10 font-size-18 w-30'> {(media.mediaListEntry?.status in toggleStatusMap) ? 'remove' : 'add'} </span>
-        {getStatusText(media)}
-      </button>
-      <div class='input-group shadow-lg mb-5 font-size-16'>
-        <div class='input-group-prepend'>
-          <span class='input-group-text bg-tp pl-15 d-flex material-symbols-outlined font-size-18'>hotel_class</span>
-        </div>
-        <select class='form-control' required value={(media.mediaListEntry?.score || '').toString()} on:change={({ target }) => { score(media, Number(target.value)) }}>
-          <option value selected disabled hidden>Score</option>
-          <option>1</option>
-          <option>2</option>
-          <option>3</option>
-          <option>4</option>
-          <option>5</option>
-          <option>6</option>
-          <option>7</option>
-          <option>8</option>
-          <option>9</option>
-          <option>10</option>
-        </select>
-      </div>
-    {/if}
-    {#if media.trailer}
-      <button class='btn d-flex align-items-center mb-5 font-weight-bold font-size-16' use:click={() => viewTrailer(media)}>
-        <span class='material-symbols-outlined mr-15 font-size-18 w-30'> live_tv </span>
-        Trailer
-      </button>
-    {/if}
-    <div class='d-flex mb-5 w-full'>
-      <button class='btn flex-fill font-weight-bold font-size-16 d-flex align-items-center' use:click={() => { openInBrowser(`https://anilist.co/anime/${media.id}`) }}>
-        <span class='material-symbols-outlined mr-15 font-size-18 w-30'> open_in_new </span>
-        Open
-      </button>
-      <button class='btn flex-fill font-weight-bold font-size-16 ml-5 d-flex align-items-center' use:click={() => { copyToClipboard(`https://miru.watch/anime/${media.id}`) }}>
-        <span class='material-symbols-outlined mr-15 font-size-18 w-30'> share </span>
-        Share
-      </button>
-    </div>
-  </div>
-</div>
-
-<style>
-  select.form-control:invalid {
-    color: var(--dm-input-placeholder-text-color);
-  }
-  .bg-tp {
-    background-color: var(--dm-button-bg-color) !important;
-  }
-  .w-30 {
-    width: 3rem
-  }
-</style>
diff --git a/common/views/ViewAnime/Details.svelte b/common/views/ViewAnime/Details.svelte
index 3044c66..2a9dc24 100644
--- a/common/views/ViewAnime/Details.svelte
+++ b/common/views/ViewAnime/Details.svelte
@@ -1,16 +1,18 @@
 <script>
+  import { Building2, Earth, GraduationCap, FolderKanban, Languages, CalendarRange, MonitorPlay, Type } from 'lucide-svelte'
+
   export let media = null
   export let alt = null
 
   const detailsMap = [
-    { property: 'season', label: 'Season', icon: 'spa', custom: 'property' },
-    { property: 'status', label: 'Status', icon: 'live_tv' },
-    { property: 'studios', label: 'Studio', icon: 'business', custom: 'property' },
-    { property: 'source', label: 'Source', icon: 'source' },
-    { property: 'countryOfOrigin', label: 'Country', icon: 'public', custom: 'property' },
-    { property: 'isAdult', label: 'Adult', icon: '18_up_rating' },
-    { property: 'english', label: 'English', icon: 'title' },
-    { property: 'romaji', label: 'Romaji', icon: 'translate' },
+    { property: 'season', label: 'Season', icon: CalendarRange, custom: 'property' },
+    { property: 'status', label: 'Status', icon: MonitorPlay },
+    { property: 'studios', label: 'Studio', icon: Building2, custom: 'property' },
+    { property: 'source', label: 'Source', icon: FolderKanban },
+    { property: 'countryOfOrigin', label: 'Country', icon: Earth, custom: 'property' },
+    { property: 'isAdult', label: 'Adult', icon: GraduationCap },
+    { property: 'english', label: 'English', icon: Type },
+    { property: 'romaji', label: 'Romaji', icon: Languages },
     { property: 'native', label: 'Native', icon: '語', custom: 'icon' }
   ]
   async function getCustomProperty (detail, media) {
@@ -47,12 +49,16 @@
   {#each detailsMap as detail}
     {@const property = getProperty(detail.property, media)}
     {#if property}
-      <div class='d-flex flex-row mx-10 py-5'>
-        <div class={'mr-10 ' + (detail.custom === 'icon' ? 'd-flex align-items-center text-nowrap font-size-20 font-weight-bold' : 'material-symbols-outlined font-size-24')}>
-          {detail.icon}
-        </div>
+      <div class='d-flex flex-row mx-10 py-5 justify-content-center'>
+        {#if detail.custom !== 'icon'}
+          <svelte:component size='2rem' this={detail.icon} class='mr-10' />
+        {:else}
+          <div class='mr-10 d-flex align-items-center text-nowrap font-size-12 font-weight-bold line-height-normal'>
+            {detail.icon}
+          </div>
+        {/if}
         <div class='d-flex flex-column justify-content-center text-nowrap'>
-          <div class='font-weight-bold select-all'>
+          <div class='font-weight-bold select-all line-height-normal'>
             {#if detail.custom === 'property'}
               {#await getCustomProperty(detail, media)}
                 Fetching...
diff --git a/common/views/ViewAnime/EpisodeList.svelte b/common/views/ViewAnime/EpisodeList.svelte
index 8f80dd1..39ea142 100644
--- a/common/views/ViewAnime/EpisodeList.svelte
+++ b/common/views/ViewAnime/EpisodeList.svelte
@@ -1,3 +1,11 @@
+<script context='module'>
+  let fillerEpisodes = {}
+
+  fetch('https://raw.githubusercontent.com/ThaUnknown/filler-scrape/master/filler.json').then(async res => {
+    fillerEpisodes = await res.json()
+  })
+</script>
+
 <script>
   import { since } from '@/modules/util.js'
   import { click } from '@/modules/click.js'
@@ -25,12 +33,12 @@
   async function load () {
     // updates episodeList when clicking through relations / recommendations
     episodeList = Array.from({ length: episodeCount }, (_, i) => ({
-      episode: i + 1, image: null, summary: null, rating: null, title: null, length: null, airdate: null, airingAt: null
+      episode: i + 1, image: null, summary: null, rating: null, title: null, length: null, airdate: null, airingAt: null, filler: fillerEpisodes[id]?.includes(i + 1)
     }))
 
     const res = await fetch('https://api.ani.zip/mappings?anilist_id=' + id)
     const { episodes, specialCount, episodeCount: newEpisodeCount } = await res.json()
-    /** @type {{ airingAt: number; episode: number; }[]} */
+    /** @type {{ airingAt: number; episode: number; filler?: boolean }[]} */
     let alEpisodes = episodeList
 
     // fallback: pull episodes from airing schedule if anime doesn't have expected episode count
@@ -38,14 +46,14 @@
       const settled = (await anilistClient.episodes({ id })).data.Page?.airingSchedules
       if (settled?.length) alEpisodes = settled
     }
-    for (const { episode, airingAt } of alEpisodes) {
+    for (const { episode, airingAt, filler } of alEpisodes) {
       const alDate = new Date((airingAt || 0) * 1000)
 
       // validate by air date if the anime has specials AND doesn't have matching episode count
       const needsValidation = !(!specialCount || (media.episodes && media.episodes === newEpisodeCount && episodes && episodes[Number(episode)]))
       const { image, summary, rating, title, length, airdate } = needsValidation ? episodeByAirDate(alDate, episodes, episode) : ((episodes && episodes[Number(episode)]) || {})
 
-      episodeList[episode - 1] = { episode, image, summary, rating, title, length: length || duration, airdate: +alDate || airdate, airingAt: +alDate || airdate }
+      episodeList[episode - 1] = { episode, image, summary, rating, title, length: length || duration, airdate: +alDate || airdate, airingAt: +alDate || airdate, filler }
     }
   }
   $: if (media) load()
@@ -53,17 +61,22 @@
   const animeProgress = liveAnimeProgress(id)
 </script>
 
-{#each episodeOrder ? episodeList : [...episodeList].reverse() as { episode, image, summary, rating, title, length, airdate }}
+{#each episodeOrder ? episodeList : [...episodeList].reverse() as { episode, image, summary, rating, title, length, airdate, filler }}
   {@const completed = !watched && userProgress >= episode}
   {@const target = userProgress + 1 === episode}
   {@const progress = !watched && ($animeProgress?.[episode] ?? 0)}
   <div class='w-full my-20 content-visibility-auto scale' class:opacity-half={completed} class:px-20={!target} class:h-150={image || summary}>
-    <div class='rounded w-full h-full overflow-hidden d-flex flex-xsm-column flex-row pointer' class:border={target} class:bg-black={completed} class:bg-dark={!completed} use:click={() => play(episode)}>
+    <div class='rounded w-full h-full overflow-hidden d-flex flex-xsm-column flex-row pointer position-relative' class:border={target || filler} class:bg-black={completed} class:border-secondary={filler} class:bg-dark={!completed} use:click={() => play(episode)}>
       {#if image}
         <div class='h-full'>
           <img alt='thumbnail' src={image} class='img-cover h-full' />
         </div>
       {/if}
+      {#if filler}
+        <div class='position-absolute bottom-0 right-0 bg-secondary py-5 px-10 text-dark rounded-top rounded-left font-weight-bold'>
+          Filler
+        </div>
+      {/if}
       <div class='h-full w-full px-20 py-15 d-flex flex-column'>
         <div class='w-full d-flex flex-row mb-15'>
           <div class='text-white font-weight-bold font-size-16 overflow-hidden title'>
diff --git a/common/views/ViewAnime/Following.svelte b/common/views/ViewAnime/Following.svelte
index e990b0f..697372d 100644
--- a/common/views/ViewAnime/Following.svelte
+++ b/common/views/ViewAnime/Following.svelte
@@ -2,6 +2,7 @@
   import { anilistClient } from '@/modules/anilist.js'
   import { click } from '@/modules/click.js'
   import IPC from '@/modules/ipc.js'
+  import { ExternalLink } from 'lucide-svelte'
 
   /** @type {import('@/modules/al.d.ts').Media} */
   export let media
@@ -22,7 +23,9 @@
           <img src={friend.user.avatar.medium} alt='avatar' class='w-50 h-50 img-fluid rounded cover-img' />
           <span class='my-0 pl-20 mr-auto text-truncate'>{friend.user.name}</span>
           <span class='my-0 px-10 text-capitalize'>{friend.status.toLowerCase()}</span>
-          <span class='material-symbols-outlined pointer text-primary font-size-18' use:click={() => IPC.emit('open', 'https://anilist.co/user/' + friend.user.name)}> open_in_new </span>
+          <span class='pointer text-primary d-flex align-items-center' use:click={() => IPC.emit('open', 'https://anilist.co/user/' + friend.user.name)}>
+            <ExternalLink size='1.8rem' />
+          </span>
         </div>
       {/each}
     </div>
diff --git a/common/views/ViewAnime/ViewAnime copy.svelte b/common/views/ViewAnime/ViewAnime copy.svelte
deleted file mode 100644
index 2b22161..0000000
--- a/common/views/ViewAnime/ViewAnime copy.svelte	
+++ /dev/null
@@ -1,199 +0,0 @@
-<script>
-  import { playAnime } from '../RSSView.svelte'
-  import { anilistClient } from '@/modules/anilist.js'
-  import { getMediaMaxEp } from '@/modules/anime.js'
-  import { getContext } from 'svelte'
-  import Details from './Details.svelte'
-  import Following from './Following.svelte'
-  import Controls from './Controls.svelte'
-  import ToggleList from './ToggleList.svelte'
-  import { click } from '@/modules/click.js'
-
-  const view = getContext('view')
-  const trailer = getContext('trailer')
-  function close () {
-    $view = null
-  }
-  $: media = $view
-  let modal
-  $: media && modal?.focus()
-  $: !$trailer && modal?.focus()
-  $: maxPlayEp = getMediaMaxEp($view || {}, true)
-  function checkClose ({ keyCode }) {
-    if (keyCode === 27) close()
-  }
-</script>
-
-<div class='modal modal-full z-40' class:show={media} on:keydown={checkClose} tabindex='-1' role='button' bind:this={modal}>
-  {#if media}
-    <div class='h-full modal-content bg-very-dark p-0 overflow-y-auto'>
-      <button class='close pointer z-30 bg-dark top-20 right-0 position-absolute' type='button' use:click={close}> &times; </button>
-      <div class='h-md-half w-full position-relative z-20'>
-        <div class='h-full w-full position-absolute bg-dark-light banner' style:--bannerurl={`url('${media.bannerImage || ''}')`} />
-        <div class='d-flex h-full top w-full'>
-          <div class='container-xl w-full'>
-            <div class='row d-flex justify-content-end flex-row h-full px-20 pt-20 px-xl-0'>
-              <div class='col-md-3 col-4 d-flex h-full justify-content-end flex-column pb-15 align-items-center'>
-                <img class='contain-img rounded mw-full mh-full shadow' alt='cover' src={media.coverImage?.extraLarge || media.coverImage?.medium} />
-              </div>
-              <div class='col-md-9 col-8 row align-content-end'>
-                <div class='col-md-8 col-12 d-flex justify-content-end flex-column pl-20'>
-                  <div class='px-md-20 d-flex flex-column font-size-12'>
-                    <span class='title font-weight-bold pb-sm-15 text-white select-all'>
-                      {media.title.userPreferred}
-                    </span>
-                    <div class='d-flex flex-row font-size-18 pb-sm-15'>
-                      {#if media.averageScore}
-                        <span class='material-symbols-outlined mr-10 font-size-24'> trending_up </span>
-                        <span class='mr-20'>
-                          Rating: {media.averageScore + '%'}
-                        </span>
-                      {/if}
-                      {#if media.format}
-                        <span class='material-symbols-outlined mx-10 font-size-24'> monitor </span>
-                        <span class='mr-20 text-capitalize'>
-                          Format: {media.format === 'TV' ? media.format : media.format?.replace(/_/g, ' ').toLowerCase()}
-                        </span>
-                      {/if}
-                      {#if media.episodes !== 1 && getMediaMaxEp(media)}
-                        <span class='material-symbols-outlined mx-10 font-size-24'> theaters </span>
-                        <span class='mr-20'>
-                          Episodes: {getMediaMaxEp(media)}
-                        </span>
-                      {:else if media.duration}
-                        <span class='material-symbols-outlined mx-10 font-size-24'> timer </span>
-                        <span class='mr-20'>
-                          Length: {media.duration + ' min'}
-                        </span>
-                      {/if}
-                    </div>
-                    <div class='pb-15 pt-5 px-5 overflow-x-auto text-nowrap font-weight-bold'>
-                      {#each media.genres as genre}
-                        <div class='badge badge-pill shadow'>
-                          {genre}
-                        </div>
-                      {/each}
-                    </div>
-                  </div>
-                </div>
-                <Controls bind:media={$view} />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class='container-xl bg-very-dark z-10'>
-        <div class='row p-20 px-xl-0 flex-column-reverse flex-md-row'>
-          <div class='col-md-9 pr-50'>
-            <h1 class='title font-weight-bold text-white'>Synopsis</h1>
-            <div class='font-size-16 pre-wrap select-all card m-0'>
-              {media.description?.replace(/<[^>]*>/g, '') || ''}
-            </div>
-            <ToggleList list={media.relations?.edges?.filter(({ node }) => node.type === 'ANIME')} let:item title='Relations'>
-              <div class='w-150 mx-15 my-10 rel pointer'
-                use:click={async () => { $view = null; $view = (await anilistClient.searchIDSingle({ id: item.node.id })).data.Media }}>
-                <img loading='lazy' src={item.node.coverImage.medium || ''} alt='cover' class='cover-img w-full h-200 rel-img rounded' />
-                <div class='pt-5'>{item.relationType.replace(/_/g, ' ').toLowerCase()}</div>
-                <h5 class='font-weight-bold text-white mb-5'>{item.node.title.userPreferred}</h5>
-              </div>
-            </ToggleList>
-            {#if maxPlayEp}
-              <h1 class='title font-weight-bold text-white pt-20'>Episodes</h1>
-              <div class='card m-0 d-inline-block'>
-                <table class='table table-hover w-500 table-auto '>
-                  <tbody>
-                    {#each Array(maxPlayEp) as _, i}
-                      {@const ep = maxPlayEp - i}
-                      <tr class="font-size-20 py-10 pointer {ep <= media.mediaListEntry?.progress ? 'text-muted' : 'text-white'}"
-                        use:click={() => {
-                          playAnime(media, ep)
-                          close()
-                        }}>
-                        <td class='w-full font-weight-semi-bold'>Episode {ep}</td>
-                        <td class='material-symbols-outlined text-right h-full d-table-cell'>play_arrow</td>
-                      </tr>
-                    {/each}
-                  </tbody>
-                </table>
-              </div>
-            {/if}
-            <ToggleList list={media.recommendations.edges.filter(edge => edge.node.mediaRecommendation)} let:item title='Recommendations'>
-              <div class='w-150 mx-15 my-10 rel pointer'
-                use:click={async () => { $view = null; $view = (await anilistClient.searchIDSingle({ id: item.node.mediaRecommendation.id })).data.Media }}>
-                <img loading='lazy' src={item.node.mediaRecommendation.coverImage.medium || ''} alt='cover' class='cover-img w-full h-200 rel-img rounded' />
-                <h5 class='font-weight-bold text-white mb-5'>{item.node.mediaRecommendation.title.userPreferred}</h5>
-              </div>
-            </ToggleList>
-          </div>
-          <div class='col-md-3 px-sm-0 px-20'>
-            {#if media.mediaListEntry?.progress}
-              <h1 class='title font-weight-bold text-white'>Progress</h1>
-              <div class='card m-0 pt-20 pb-15 d-flex flex-md-column flex-row text-capitalize align-items-start'>
-                <div class='progress w-full'>
-                  <div class='progress-bar' role='progressbar' style='width: {media.mediaListEntry?.progress / getMediaMaxEp(media) * 100}%;' />
-                </div>
-                <div class='font-weight-bold pt-10'>
-                  {media.mediaListEntry?.progress} / {getMediaMaxEp(media)} Available Episodes
-                </div>
-              </div>
-            {/if}
-            <Details {media} />
-            <Following {media} />
-          </div>
-        </div>
-      </div>
-    </div>
-  {/if}
-</div>
-
-<style>
-  .pre-wrap {
-    white-space: pre-wrap
-  }
-  .banner {
-    background: no-repeat center center;
-    background-size: cover;
-    background-image: linear-gradient(0deg, rgba(17, 20, 23, 1) 0%, rgba(17, 20, 23, 0.8) 25%, rgba(17, 20, 23, 0.4) 50%, rgba(37, 40, 44, 0) 100%), var(--bannerurl) !important;
-  }
-
-  .d-table-cell {
-    display: table-cell !important;
-  }
-
-  .top {
-    backdrop-filter: blur(10px);
-  }
-  .title {
-    font-size: 4rem;
-  }
-  .pr-50 {
-    padding-right: 5rem;
-  }
-  .close {
-    top: 4rem !important;
-    left: unset !important;
-    right: 2.5rem !important;
-  }
-  .badge {
-    background-color: var(--dm-button-bg-color) !important;
-    padding: 0.6rem 2rem;
-    font-size: 1.4rem;
-    border: none;
-    margin-right: 0.6rem;
-  }
-  .rel-img{
-    height: 27rem;
-    width: 17rem
-  }
-
-  .cover-img {
-    object-fit: cover;
-  }
-
-  .rel {
-    transition: transform 0.2s ease;
-  }
-  .rel:hover {
-    transform: scale(1.05);
-  }
-</style>
diff --git a/common/views/ViewAnime/ViewAnime.svelte b/common/views/ViewAnime/ViewAnime.svelte
index ad86e28..b27d640 100644
--- a/common/views/ViewAnime/ViewAnime.svelte
+++ b/common/views/ViewAnime/ViewAnime.svelte
@@ -16,6 +16,7 @@
   import SmallCard from "@/components/cards/SmallCard.svelte"
   import SkeletonCard from "@/components/cards/SkeletonCard.svelte"
   import Helper from "@/modules/helper.js"
+  import { ArrowLeft, Clapperboard, ExternalLink, Users, Heart, Play, Share2, Timer, TrendingUp, Tv } from 'lucide-svelte'
 
   export let overlay
   const view = getContext('view')
@@ -92,13 +93,24 @@
       close()
     }
   })
+
+// async function score (media, score) {
+    //   const variables = {
+    //     id: media.id,
+    //     score: score * 10
+    //   }
+    //   await anilistClient.entry(variables)
+    //   media = (await anilistClient.searchIDSingle({ id: media.id })).data.Media
+    // }
 </script>
 
 <div class='modal modal-full z-50' class:show={media} on:keydown={checkClose} tabindex='-1' role='button' bind:this={modal}>
   {#if media}
     <div class='h-full modal-content bg-very-dark p-0 overflow-y-auto position-relative' bind:this={container} use:smoothScroll>
       {#if mediaList.length > 1}
-        <button class='close back pointer z-30 bg-dark top-20 left-0 position-fixed material-symbols-outlined filled' type='button' use:click={back}>arrow_back</button>
+        <button class='close back pointer z-30 bg-dark top-20 left-0 position-fixed' use:click={back}>
+          <ArrowLeft size='1.8rem' />
+        </button>
       {/if}
       <button class='close pointer z-30 bg-dark top-20 right-0 position-fixed' type='button' use:click={() => close()}> &times; </button>
       <img class='w-full cover-img banner position-absolute' alt='banner' src={media.bannerImage || ' '} />
@@ -113,7 +125,7 @@
               <div class='d-flex flex-row font-size-18 flex-wrap mt-5'>
                 {#if media.averageScore}
                   <div class='d-flex flex-row mt-10' title='{media.averageScore / 10} by {anilistClient.reviews(media)} reviews'>
-                    <span class='material-symbols-outlined mx-10 font-size-24'> trending_up </span>
+                    <TrendingUp class='mx-10' size='2.2rem' />
                     <span class='mr-20'>
                       Rating: {media.averageScore + '%'}
                     </span>
@@ -121,7 +133,7 @@
                 {/if}
                 {#if media.format}
                   <div class='d-flex flex-row mt-10'>
-                    <span class='material-symbols-outlined mx-10 font-size-24'> monitor </span>
+                    <Tv class='mx-10' size='2.2rem' />
                     <span class='mr-20 text-capitalize'>
                       Format: {formatMap[media.format]}
                     </span>
@@ -129,14 +141,14 @@
                 {/if}
                 {#if media.episodes !== 1 && getMediaMaxEp(media)}
                   <div class='d-flex flex-row mt-10'>
-                    <span class='material-symbols-outlined mx-10 font-size-24'> theaters </span>
+                    <Clapperboard class='mx-10' size='2.2rem' />
                     <span class='mr-20'>
                       Episodes: {getMediaMaxEp(media)}
                     </span>
                   </div>
                 {:else if media.duration}
                   <div class='d-flex flex-row mt-10'>
-                    <span class='material-symbols-outlined mx-10 font-size-24'> timer </span>
+                    <Timer class='mx-10' size='2.2rem' />
                     <span class='mr-20'>
                       Length: {media.duration + ' min'}
                     </span>
@@ -144,7 +156,7 @@
                 {/if}
                 {#if media.stats?.scoreDistribution}
                   <div class='d-flex flex-row mt-10'>
-                    <span class='material-symbols-outlined mx-10 font-size-24'> group </span>
+                    <Users class='mx-10' size='2.2rem' />
                     <span class='mr-20' title='{media.averageScore / 10} by {anilistClient.reviews(media)} reviews'>
                       Reviews: {anilistClient.reviews(media)}
                     </span>
@@ -158,22 +170,38 @@
                 <button class='btn btn-lg btn-secondary w-250 text-dark font-weight-bold shadow-none border-0 d-flex align-items-center justify-content-center mr-10 mt-20'
                   use:click={() => play()}
                   disabled={media.status === 'NOT_YET_RELEASED'}>
-                  <span class='material-symbols-outlined font-size-24 filled pr-10'>
-                    play_arrow
-                  </span>
+                  <Play class='mr-10' fill='currentColor' size='1.6rem' />
                   {playButtonText}
                 </button>
-                <div class='mt-20'>
-                  <button class='btn bg-dark btn-lg btn-square material-symbols-outlined font-size-20 shadow-none border-0' class:filled={media.isFavourite} use:click={toggleFavourite} disabled={!Helper.isAniAuth()}>
-                    favorite
+                <div class='mt-20 d-flex'>
+                  <button class='btn bg-dark btn-lg btn-square d-flex align-items-center justify-content-center shadow-none border-0' use:click={toggleFavourite} disabled={!Helper.isAniAuth()}>
+                    <Heart fill={media.isFavourite ? 'currentColor' : 'transparent'} size='1.7rem' />
                   </button>
                   <Scoring {media} viewAnime={true} />
-                  <button class='btn bg-dark btn-lg btn-square ml-10 material-symbols-outlined font-size-20 shadow-none border-0' use:click={() => copyToClipboard(`https://miru.watch/anime/${media.id}`)}>
-                    share
+                  <button class='btn bg-dark btn-lg btn-square d-flex align-items-center justify-content-center shadow-none border-0 ml-10' use:click={() => copyToClipboard(`https://miru.watch/anime/${media.id}`)}>
+                    <Share2 size='1.7rem' />
                   </button>
-                  <button class='btn bg-dark btn-lg btn-square ml-10 material-symbols-outlined font-size-20 shadow-none border-0' use:click={() => openInBrowser(`https://anilist.co/anime/${media.id}`)}>
-                    open_in_new
+                  <button class='btn bg-dark btn-lg btn-square d-flex align-items-center justify-content-center shadow-none border-0 ml-10' use:click={() => openInBrowser(`https://anilist.co/anime/${media.id}`)}>
+                    <ExternalLink size='1.7rem' />
                   </button>
+                  <!-- <div class='input-group shadow-lg mb-5 font-size-16'>
+                    <div class='input-group-prepend'>
+                      <span class='input-group-text bg-tp pl-15 d-flex font-size-18'>hotel_class</span> stars
+                    </div>
+                    <select class='form-control' required value={(media.mediaListEntry?.score || '').toString()} on:change={({ target }) => { score(media, Number(target.value)) }}>
+                      <option value selected disabled hidden>Score</option>
+                      <option>1</option>
+                      <option>2</option>
+                      <option>3</option>
+                      <option>4</option>
+                      <option>5</option>
+                      <option>6</option>
+                      <option>7</option>
+                      <option>8</option>
+                      <option>9</option>
+                      <option>10</option>
+                    </select>
+                  </div> -->
                 </div>
               </div>
             </div>
diff --git a/common/views/WatchTogether/Lobby.svelte b/common/views/WatchTogether/Lobby.svelte
index 1ac9bf5..df0a297 100644
--- a/common/views/WatchTogether/Lobby.svelte
+++ b/common/views/WatchTogether/Lobby.svelte
@@ -1,6 +1,7 @@
 <script>
   import { click } from '@/modules/click.js'
   import IPC from '@/modules/ipc.js'
+  import { ExternalLink, User } from 'lucide-svelte'
   export let peers
   export let invite
   export let cleanup
@@ -17,15 +18,12 @@
       {#if peer.user?.avatar?.medium}
         <img src={peer.user?.avatar?.medium} alt='avatar' class='w-50 h-50 img-fluid rounded' />
       {:else}
-        <span class='material-symbols-outlined w-50 h-50 anon'> person </span>
+        <span class='w-50 h-50 anon d-flex align-items-center'><User size='4rem' /></span>
       {/if}
-      <h4 class='my-0 pl-20 mr-auto'>{peer.user?.name || 'Anonymous'}</h4>
+      <h4 class='my-0 pl-20 mr-auto line-height-normal'>{peer.user?.name || 'Anonymous'}</h4>
       {#if peer.user?.name}
-        <span class='material-symbols-outlined pointer text-primary' use:click={() => IPC.emit('open', 'https://anilist.co/user/' + peer.user?.name)}> open_in_new </span>
+        <span class='pointer text-primary d-flex align-items-center' use:click={() => IPC.emit('open', 'https://anilist.co/user/' + peer.user?.name)}><ExternalLink size='2.5rem' /></span>
       {/if}
-      <!-- {#if state === 'host'}
-        <span class='material-symbols-outlined ml-15 pointer text-danger' use:click={() => peer.peer.pc.close()}> logout </span>
-      {/if} -->
     </div>
   {/each}
 </div>
diff --git a/common/views/WatchTogether/WatchTogether.svelte b/common/views/WatchTogether/WatchTogether.svelte
index a2adbf3..0a17d05 100644
--- a/common/views/WatchTogether/WatchTogether.svelte
+++ b/common/views/WatchTogether/WatchTogether.svelte
@@ -158,6 +158,7 @@
 
 <script>
   import Lobby from './Lobby.svelte'
+  import { Plus, UserPlus } from 'lucide-svelte'
 
   let joinText
 
@@ -179,11 +180,11 @@
   {#if !$state}
     <div class='d-flex flex-row flex-wrap justify-content-center align-items-center h-full mb-20 pb-20 root'>
       <div class='card d-flex flex-column align-items-center w-300 h-300 justify-content-end'>
-        <span class='font-size-80 material-symbols-outlined d-flex align-items-center h-full'>add</span>
+        <Plus size='6rem' class='d-flex align-items-center h-full' />
         <button class='btn btn-primary btn-lg mt-10 btn-block' type='button' use:click={() => joinLobby()}>Create Lobby</button>
       </div>
       <div class='card d-flex flex-column align-items-center w-300 h-300 justify-content-end'>
-        <span class='font-size-80 material-symbols-outlined d-flex align-items-center h-full'>group_add</span>
+        <UserPlus size='6rem' class='d-flex align-items-center h-full' />
         <h2 class='font-weight-bold'>Join Lobby</h2>
         <input
           type='text'
@@ -203,7 +204,4 @@
   .font-size-50 {
     font-size: 5rem;
   }
-  .font-size-80 {
-    font-size: 8rem;
-  }
 </style>
diff --git a/common/webpack.config.cjs b/common/webpack.config.cjs
index 2b14639..d2f911b 100644
--- a/common/webpack.config.cjs
+++ b/common/webpack.config.cjs
@@ -60,6 +60,7 @@ module.exports = (parentDir, alias = {}, aliasFields = 'browser', filename = 'ap
       module: false,
       url: false,
       debug: resolve(__dirname, './modules/debug.js'),
+      'svelte-radix': resolve(__dirname, '../node_modules/svelte-radix/dist/index.js'),
       'bittorrent-tracker/lib/client/websocket-tracker.js': resolve('../node_modules/bittorrent-tracker/lib/client/websocket-tracker.js')
     },
     extensions: ['.mjs', '.js', '.svelte']
diff --git a/electron/package.json b/electron/package.json
index de7ec4a..03014b3 100644
--- a/electron/package.json
+++ b/electron/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Miru",
-  "version": "5.3.4",
+  "version": "5.4.1",
   "private": true,
   "author": "ThaUnknown_ <ThaUnknown@users.noreply.github.com>",
   "description": "Stream anime torrents, real-time with no waiting for downloads.",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0fa5be4..fa0c908 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -67,35 +67,44 @@ importers:
   capacitor:
     dependencies:
       '@capacitor/android':
-        specifier: ^6.1.1
-        version: 6.1.1(@capacitor/core@6.1.1)
+        specifier: ^6.1.2
+        version: 6.1.2(@capacitor/core@6.1.2)
       '@capacitor/app':
-        specifier: ^6.0.0
-        version: 6.0.0(@capacitor/core@6.1.1)
-      '@capacitor/browser':
         specifier: ^6.0.1
-        version: 6.0.1(@capacitor/core@6.1.1)
+        version: 6.0.1(@capacitor/core@6.1.2)
+      '@capacitor/app-launcher':
+        specifier: ^6.0.2
+        version: 6.0.2(@capacitor/core@6.1.2)
+      '@capacitor/browser':
+        specifier: ^6.0.2
+        version: 6.0.2(@capacitor/core@6.1.2)
       '@capacitor/core':
-        specifier: ^6.1.1
-        version: 6.1.1
+        specifier: ^6.1.2
+        version: 6.1.2
       '@capacitor/device':
         specifier: ^6.0.1
-        version: 6.0.1(@capacitor/core@6.1.1)
+        version: 6.0.1(@capacitor/core@6.1.2)
       '@capacitor/ios':
-        specifier: ^6.1.1
-        version: 6.1.1(@capacitor/core@6.1.1)
+        specifier: ^6.1.2
+        version: 6.1.2(@capacitor/core@6.1.2)
       '@capacitor/local-notifications':
-        specifier: ^6.0.0
-        version: 6.0.0(@capacitor/core@6.1.1)
+        specifier: ^6.1.0
+        version: 6.1.0(@capacitor/core@6.1.2)
       '@capacitor/status-bar':
-        specifier: ^6.0.0
-        version: 6.0.0(@capacitor/core@6.1.1)
+        specifier: ^6.0.1
+        version: 6.0.1(@capacitor/core@6.1.2)
+      capacitor-folder-picker:
+        specifier: ^0.0.2
+        version: 0.0.2(@capacitor/core@6.1.2)
+      capacitor-intent-uri:
+        specifier: ^0.0.1
+        version: 0.0.1(@capacitor/core@6.1.2)
       capacitor-nodejs:
         specifier: https://github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz
-        version: '@github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz(@capacitor/core@6.1.1)'
+        version: '@github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz(@capacitor/core@6.1.2)'
       capacitor-plugin-safe-area:
-        specifier: ^2.0.6
-        version: 2.0.6(@capacitor/core@6.1.1)
+        specifier: ^3.0.3
+        version: 3.0.3(@capacitor/core@6.1.2)
       common:
         specifier: workspace:*
         version: link:../common
@@ -114,16 +123,16 @@ importers:
     devDependencies:
       '@capacitor/assets':
         specifier: github:thaunknown/capacitor-assets
-        version: github.com/thaunknown/capacitor-assets/6b1034e757096615badc49119cb25e34ed7942ad(@types/node@22.1.0)(typescript@5.5.4)
+        version: github.com/thaunknown/capacitor-assets/6b1034e757096615badc49119cb25e34ed7942ad(@types/node@22.5.0)(typescript@5.5.4)
       '@capacitor/cli':
-        specifier: ^6.1.1
-        version: 6.1.1
+        specifier: ^6.1.2
+        version: 6.1.2
       cordova-res:
         specifier: ^0.15.4
         version: 0.15.4
       nodejs-mobile-gyp:
-        specifier: ^0.3.1
-        version: 0.3.1
+        specifier: ^0.4.0
+        version: 0.4.0
       npm-run-all:
         specifier: ^4.1.5
         version: 4.1.5
@@ -131,20 +140,14 @@ importers:
         specifier: ^5.1.4
         version: 5.1.4(webpack-dev-server@5.0.2)(webpack@5.93.0)
       webpack-merge:
-        specifier: ^5.10.0
-        version: 5.10.0
+        specifier: ^6.0.1
+        version: 6.0.1
 
   common:
     dependencies:
-      '@fontsource-variable/material-symbols-outlined':
-        specifier: ^5.0.24
-        version: 5.0.24
       '@fontsource-variable/nunito':
         specifier: ^5.0.18
         version: 5.0.18
-      '@fontsource/roboto':
-        specifier: ^5.0.12
-        version: 5.0.12
       '@thaunknown/ani-resourced':
         specifier: ^1.0.3
         version: 1.0.3
@@ -166,6 +169,9 @@ importers:
       js-levenshtein:
         specifier: ^1.1.6
         version: 1.1.6
+      lucide-svelte:
+        specifier: ^0.429.0
+        version: 0.429.0(svelte@4.2.12)
       p2pt:
         specifier: github:ThaUnknown/p2pt#modernise
         version: github.com/ThaUnknown/p2pt/9ad7a56ed6ee43f5664ebad33b803702ee349316
@@ -185,8 +191,8 @@ importers:
         specifier: ^4.2.12
         version: 4.2.12
       svelte-keybinds:
-        specifier: ^1.0.6
-        version: 1.0.6
+        specifier: ^1.0.9
+        version: 1.0.9
       svelte-loader:
         specifier: ^3.1.9
         version: 3.1.9(svelte@4.2.12)
@@ -196,6 +202,9 @@ importers:
       svelte-persisted-store:
         specifier: ^0.11.0
         version: 0.11.0(svelte@4.2.12)
+      svelte-radix:
+        specifier: ^1.1.0
+        version: 1.1.0(svelte@4.2.12)
       svelte-sonner:
         specifier: ^0.3.19
         version: 0.3.19(svelte@4.2.12)
@@ -326,32 +335,40 @@ packages:
       regenerator-runtime: 0.14.1
     dev: false
 
-  /@capacitor/android@6.1.1(@capacitor/core@6.1.1):
-    resolution: {integrity: sha512-rhO/nH6NJizGV5KizoIoGxCmkos3HnyUzI9TNv8IVy/C8h6lPM5Gt9cxGclb6k0OBTtgv6iJVo654+m4kzv0Qg==}
+  /@capacitor/android@6.1.2(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-Yh0gQDY1bgRrL25J6ecIlvvs2kF8iNSwIPXjyw6Yz9mnwYxBazF5KZbjpKtGPnJgicJhFkYGsqOkEtxrve0EoQ==}
     peerDependencies:
       '@capacitor/core': ^6.1.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
-  /@capacitor/app@6.0.0(@capacitor/core@6.1.1):
-    resolution: {integrity: sha512-X5UGd90Jh5p9rmoPyMqFyFWqOypdJgVJhYcM5X1YyDVJJGzmJ5MuYv1+ajj5DW9Qyh+5a3th9WYptdGby8jidA==}
+  /@capacitor/app-launcher@6.0.2(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-g1hLHTnb7240HYcM28TBN3HbCkc6HV4242sj5/xxQyQ4N4R61DfJLpZDLtp0Wq9WkLlFCJ2B2svHU7ZvA3Tvgg==}
     peerDependencies:
       '@capacitor/core': ^6.0.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
-  /@capacitor/browser@6.0.1(@capacitor/core@6.1.1):
-    resolution: {integrity: sha512-KBK0PKfmUj0if+gYWEh0+LG70l1gcLGbDCWJt2Ig3naXHGlrLoWBqVArCgbwBzwJZL+VlwW7iEhAzGOWpg2jhw==}
+  /@capacitor/app@6.0.1(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-0kXbOl7LPPMFVcAii3u/7Ps0DvXlr7dtHT97r9J1faDlgdQLQUvtGp48tjvFm48gqHI0aOPRJnTBr5JXW4ETYg==}
     peerDependencies:
       '@capacitor/core': ^6.0.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
-  /@capacitor/cli@5.7.7:
-    resolution: {integrity: sha512-JVSka1KZuZzVWmljkxpqr9X5fjl3G+A/F2JAwl6h9lHOnukFioXMPgsnovJMtoUeMbMqWnuFnJmg7Xrn9mAClQ==}
+  /@capacitor/browser@6.0.2(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-mJjdKbpdCAaaDVZD/vjzpJJxL1VvwsGTcEGn+4PpCQyPu3+yNQO7vgjwBV7ZYS6+mZIKeYn5swWq0BFuAcDqFg==}
+    peerDependencies:
+      '@capacitor/core': ^6.0.0
+    dependencies:
+      '@capacitor/core': 6.1.2
+    dev: false
+
+  /@capacitor/cli@5.7.8:
+    resolution: {integrity: sha512-qN8LDlREMhrYhOvVXahoJVNkP8LP55/YPRJrzTAFrMqlNJC18L3CzgWYIblFPnuwfbH/RxbfoZT/ydkwgVpMrw==}
     engines: {node: '>=16.0.0'}
     hasBin: true
     dependencies:
@@ -376,8 +393,8 @@ packages:
       - supports-color
     dev: true
 
-  /@capacitor/cli@6.1.1:
-    resolution: {integrity: sha512-rsRqEadfnBSUX90RZj59oXvi30bpSusLMfIcgbOIArOloTgfaaWr9R471F6m3gGWF7BhNoskJpZcCgSUsfywwA==}
+  /@capacitor/cli@6.1.2:
+    resolution: {integrity: sha512-HKCNGE0RP8U7aiEF2vg5wTivJROS8BVfu8a3yYJb1mRQvzv+czpmtHNsTWS/WukvwoxUjyjRmsNQSAACHfMTmQ==}
     engines: {node: '>=18.0.0'}
     hasBin: true
     dependencies:
@@ -403,42 +420,42 @@ packages:
       - supports-color
     dev: true
 
-  /@capacitor/core@6.1.1:
-    resolution: {integrity: sha512-b1s4WDMy3Y1/owTG2/XNGCI6G5SDpF2NT1JMAgcShue13fiAuHA+Ans7Wfei6McvR0KdopAE6tMHmDAfL5PM8Q==}
+  /@capacitor/core@6.1.2:
+    resolution: {integrity: sha512-xFy1/4qLFLp5WCIzIhtwUuVNNoz36+V7/BzHmLqgVJcvotc4MMjswW/TshnPQaLLujEOaLkA4h8ZJ0uoK3ImGg==}
     dependencies:
       tslib: 2.6.3
     dev: false
 
-  /@capacitor/device@6.0.1(@capacitor/core@6.1.1):
+  /@capacitor/device@6.0.1(@capacitor/core@6.1.2):
     resolution: {integrity: sha512-Tlz67DAO5GKb5YAfupXiENZxDww6mHnG9iKI+8D5SVF82VLpEv5r9qwKtiounuQB2y2HWiHV8tlOk7DqnLVUqQ==}
     peerDependencies:
       '@capacitor/core': ^6.0.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
-  /@capacitor/ios@6.1.1(@capacitor/core@6.1.1):
-    resolution: {integrity: sha512-he6+Fhj6x1dSnOzM98xaPvioOU8MNO+qpodCJwnHE3mIRonTpFutXJK8DP8fnNhjDPk2km9VafLSfOeiZXNv3Q==}
+  /@capacitor/ios@6.1.2(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-HaeW68KisBd/7TmavzPDlL2bpoDK5AjR2ZYrqU4TlGwM88GtQfvduBCAlSCj20X0w/4+rWMkseD9dAAkacjiyQ==}
     peerDependencies:
       '@capacitor/core': ^6.1.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
-  /@capacitor/local-notifications@6.0.0(@capacitor/core@6.1.1):
-    resolution: {integrity: sha512-a/g/ZlPgaBXue374oNzGvvNZWNpnclfcLzfE/P/PjhHxdHsM7J3OK0IfmjrEsRiON4AEIga+dkHi5yBjNAHCFw==}
+  /@capacitor/local-notifications@6.1.0(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-EjEnbApdFiZYeJgxKIDtgFRNSmeHySnyAeyoTn6HUTYMkTOaHFGAd7NU964k7gbX4al/CBp0cMA8iMG0c7kh1w==}
     peerDependencies:
       '@capacitor/core': ^6.0.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
-  /@capacitor/status-bar@6.0.0(@capacitor/core@6.1.1):
-    resolution: {integrity: sha512-Wo0ILugYlmENegKDgTzVCPjbvP8h1ObgHslLdgeVG643ViMS/diausHIq8e104WIKCXtKIELmQeYVp9mX7932g==}
+  /@capacitor/status-bar@6.0.1(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-Usd9hZZQVAqy+jJfL7jRcYI7dcsxN09Na1yttwdl+F1bk3Ztoukk7CGPDm5VgKUSs53ihQBOy1+sczCACxhNiw==}
     peerDependencies:
       '@capacitor/core': ^6.0.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
   /@cloudflare/workers-types@4.20240222.0:
@@ -1170,6 +1187,26 @@ packages:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.17.1
 
+  /@npmcli/agent@2.2.2:
+    resolution: {integrity: sha512-OrcNPXdpSl9UX7qPVRWbmWMCSXrcDa2M9DvrbOTj7ao1S4PlqVFYv9/yLKMkrJKZ/V5A/kDBC690or307i26Og==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+    dependencies:
+      agent-base: 7.1.1
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.5
+      lru-cache: 10.4.3
+      socks-proxy-agent: 8.0.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@npmcli/fs@3.1.1:
+    resolution: {integrity: sha512-q9CRWjpHCMIh5sVyefoD1cA7PkvILqCZsnSOEUUivORLjxCO/Irmue2DprETiNgEqktDBZaM1Bi+jrarx1XdCg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      semver: 7.6.3
+    dev: true
+
   /@paymoapp/electron-shutdown-handler@1.1.2:
     resolution: {integrity: sha512-/MIC+wdRlVw1Sm56qJcT17O/KBpQARP2tOcAgg1OKB4W83B9IyBBtIoLXkRlpCOEJnGEleuv5HiSBryUgwbFvQ==}
     requiresBuild: true
@@ -1514,7 +1551,7 @@ packages:
     resolution: {integrity: sha512-k822Is3jGroqOTKF0gAFm80LmhFJWBAyZvNtyuXq6uQUzDDe2fj/gHwixP6VFzlpaWKLP7IuR609Xv8gwJCXyg==}
     dev: true
 
-  /@trapezedev/project@7.0.10(@types/node@22.1.0)(typescript@5.5.4):
+  /@trapezedev/project@7.0.10(@types/node@22.5.0)(typescript@5.5.4):
     resolution: {integrity: sha512-UjwsStjhHq/+D1bWREmFDoyKql+qFIgJX93zQLg7R6CyWZUdtlGP2hU3l7tsVRtjJBVXpVu5mj8tdwJJoABO3A==}
     dependencies:
       '@ionic/utils-fs': 3.1.7
@@ -1539,7 +1576,7 @@ packages:
       replace: 1.2.2
       tempy: 1.0.1
       tmp: 0.2.3
-      ts-node: 10.9.2(@types/node@22.1.0)(typescript@5.5.4)
+      ts-node: 10.9.2(@types/node@22.5.0)(typescript@5.5.4)
       xcode: 3.0.1
       xml-js: 1.6.11
       xpath: 0.0.32
@@ -1573,7 +1610,7 @@ packages:
     resolution: {integrity: sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==}
     dependencies:
       '@types/connect': 3.4.38
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
 
   /@types/bonjour@3.5.13:
     resolution: {integrity: sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==}
@@ -1585,7 +1622,7 @@ packages:
     dependencies:
       '@types/http-cache-semantics': 4.0.4
       '@types/keyv': 3.1.4
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
       '@types/responselike': 1.0.3
     dev: true
 
@@ -1598,7 +1635,7 @@ packages:
   /@types/connect@3.4.38:
     resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
 
   /@types/cookie@0.6.0:
     resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
@@ -1628,7 +1665,7 @@ packages:
   /@types/express-serve-static-core@4.19.1:
     resolution: {integrity: sha512-ej0phymbFLoCB26dbbq5PGScsf2JAJ4IJHjG10LalgUV36XKTmA4GdA+PVllKvRk0sEKt64X8975qFnkSi0hqA==}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
       '@types/qs': 6.9.15
       '@types/range-parser': 1.2.7
       '@types/send': 0.17.4
@@ -1644,13 +1681,13 @@ packages:
   /@types/fs-extra@8.1.5:
     resolution: {integrity: sha512-0dzKcwO+S8s2kuF5Z9oUWatQJj5Uq/iqphEtE3GQJVRRYm/tD1LglU2UnXi2A8jLq5umkGouOXOR9y0n613ZwQ==}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
     dev: true
 
   /@types/fs-extra@9.0.13:
     resolution: {integrity: sha512-nEnwB++1u5lVDM2UI4c1+5R+FYaKfaAzS4OococimjVm3nQw3TuzH5UNsocrcTBbhnerblyHj4A49qXbIiZdpA==}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
     dev: true
 
   /@types/html-minifier-terser@6.1.0:
@@ -1667,7 +1704,7 @@ packages:
   /@types/http-proxy@1.17.14:
     resolution: {integrity: sha512-SSrD0c1OQzlFX7pGu1eXxSEjemej64aaNPRhhVYUGqXh0BtldAAx37MG8btcumvpgKyZp1F5Gn3JkktdxiFv6w==}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
 
   /@types/json-schema@7.0.15:
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
@@ -1679,7 +1716,7 @@ packages:
   /@types/keyv@3.1.4:
     resolution: {integrity: sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
     dev: true
 
   /@types/mime@1.3.5:
@@ -1696,7 +1733,7 @@ packages:
   /@types/node-forge@1.3.11:
     resolution: {integrity: sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
 
   /@types/node@20.14.14:
     resolution: {integrity: sha512-d64f00982fS9YoOgJkAMolK7MN8Iq3TDdVjchbYHdEmjth/DHowx82GnoA+tVUAN+7vxfYUgAzi+JXbKNd2SDQ==}
@@ -1709,6 +1746,11 @@ packages:
     dependencies:
       undici-types: 6.13.0
 
+  /@types/node@22.5.0:
+    resolution: {integrity: sha512-DkFrJOe+rfdHTqqMg0bSNlGlQ85hSoh2TPzZyhHsXnMtligRWpxUySiyw8FY14ITt24HVCiQPWxS3KO/QlGmWg==}
+    dependencies:
+      undici-types: 6.19.8
+
   /@types/normalize-package-data@2.4.4:
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
     dev: true
@@ -1717,7 +1759,7 @@ packages:
     resolution: {integrity: sha512-E6OCaRmAe4WDmWNsL/9RMqdkkzDCY1etutkflWk4c+AcjDU07Pcz1fQwTX0TQz+Pxqn9i4L1TU3UFpjnrcDgxA==}
     requiresBuild: true
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
       xmlbuilder: 15.1.1
     dev: true
     optional: true
@@ -1735,7 +1777,7 @@ packages:
   /@types/responselike@1.0.3:
     resolution: {integrity: sha512-H/+L+UkTV33uf49PH5pCAUBVPNj2nDBXTN+qS1dOwyyg24l3CcicicCA7ca+HMvJBZcFgl5r8e+RR6elsb4Lyw==}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
     dev: true
 
   /@types/retry@0.12.2:
@@ -1745,7 +1787,7 @@ packages:
     resolution: {integrity: sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==}
     dependencies:
       '@types/mime': 1.3.5
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
 
   /@types/serve-index@1.9.4:
     resolution: {integrity: sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==}
@@ -1783,7 +1825,7 @@ packages:
     resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
     requiresBuild: true
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
     dev: true
     optional: true
 
@@ -2056,8 +2098,9 @@ packages:
       through: 2.3.8
     dev: true
 
-  /abbrev@1.1.1:
-    resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
+  /abbrev@2.0.0:
+    resolution: {integrity: sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dev: true
 
   /abort-controller@3.0.0:
@@ -2132,6 +2175,15 @@ packages:
       - supports-color
     dev: true
 
+  /agent-base@7.1.1:
+    resolution: {integrity: sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==}
+    engines: {node: '>= 14'}
+    dependencies:
+      debug: 4.3.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /aggregate-error@3.1.0:
     resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
     engines: {node: '>=8'}
@@ -2186,11 +2238,6 @@ packages:
     engines: {'0': node >= 0.8.0}
     hasBin: true
 
-  /ansi-regex@2.1.1:
-    resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
@@ -2267,10 +2314,6 @@ packages:
       - supports-color
     dev: true
 
-  /aproba@1.2.0:
-    resolution: {integrity: sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==}
-    dev: true
-
   /archiver-utils@2.1.0:
     resolution: {integrity: sha512-bEL/yUb/fNNiNTuUz979Z0Yg5L+LzLxGJz8x79lYmR54fmTIb6ob/hNQgkQnIUDWIFjZVQwl9Xs356I6BAMHfw==}
     engines: {node: '>= 6'}
@@ -2308,7 +2351,7 @@ packages:
     engines: {node: '>= 10'}
     dependencies:
       archiver-utils: 2.1.0
-      async: 3.2.5
+      async: 3.2.6
       buffer-crc32: 0.2.13
       readable-stream: 3.6.2
       readdir-glob: 1.1.3
@@ -2316,14 +2359,6 @@ packages:
       zip-stream: 4.1.1
     dev: true
 
-  /are-we-there-yet@1.1.7:
-    resolution: {integrity: sha512-nxwy40TuMiUGqMyRHgCSWZ9FM4VAoRP4xUYSTv5ImRog+h9yISPbVH7H8fASCIzYn9wlEv4zvFL7uKDMCFQm3g==}
-    deprecated: This package is no longer supported.
-    dependencies:
-      delegates: 1.0.0
-      readable-stream: 2.3.8
-    dev: true
-
   /arg@4.1.3:
     resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
     dev: true
@@ -2420,17 +2455,12 @@ packages:
     resolution: {integrity: sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==}
     dev: true
 
-  /asn1@0.2.6:
-    resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==}
-    dependencies:
-      safer-buffer: 2.1.2
-    dev: true
-
   /assert-plus@1.0.0:
     resolution: {integrity: sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==}
     engines: {node: '>=0.8'}
     requiresBuild: true
     dev: true
+    optional: true
 
   /astral-regex@2.0.0:
     resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
@@ -2446,6 +2476,10 @@ packages:
     resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==}
     dev: true
 
+  /async@3.2.6:
+    resolution: {integrity: sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==}
+    dev: true
+
   /asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
     dev: true
@@ -2461,14 +2495,6 @@ packages:
     dependencies:
       possible-typed-array-names: 1.0.0
 
-  /aws-sign2@0.7.0:
-    resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==}
-    dev: true
-
-  /aws4@1.13.0:
-    resolution: {integrity: sha512-3AungXC4I8kKsS9PuS4JH2nc+0bVY/mjgrephHTIi8fpEeGsTHBUJeosp0Wc1myYMElmD0B3Oc4XL/HVJ4PV2g==}
-    dev: true
-
   /axobject-query@4.0.0:
     resolution: {integrity: sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==}
     dependencies:
@@ -2519,12 +2545,6 @@ packages:
   /batch@0.6.1:
     resolution: {integrity: sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==}
 
-  /bcrypt-pbkdf@1.0.2:
-    resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==}
-    dependencies:
-      tweetnacl: 0.14.5
-    dev: true
-
   /bencode@2.0.3:
     resolution: {integrity: sha512-D/vrAD4dLVX23NalHwb8dSvsUsxeRPO8Y7ToKA015JQYq69MLDOMkC0uGZYA/MPpltLO8rt8eqFC2j8DxjTZ/w==}
     dev: false
@@ -2646,8 +2666,8 @@ packages:
       - supports-color
     dev: false
 
-  /bittorrent-tracker@11.1.1:
-    resolution: {integrity: sha512-j5IMK80wWB44S/3TE+HwIRLYBmY00KvIoI/s7e37mVe5raBNPVTxXgXlOcvECMJvjhk1igta31d+JHTbM8c51A==}
+  /bittorrent-tracker@11.1.2:
+    resolution: {integrity: sha512-mzINNIJ3FjNBcqQPKPQoxpNzzqEVfbBohwdVxblaOKGQVxagMzipCWwbxiAt+J35WC3xs1wFeCDUXpzQ3TBA+A==}
     engines: {node: '>=16.0.0'}
     hasBin: true
     dependencies:
@@ -2793,8 +2813,8 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: 1.0.30001649
-      electron-to-chromium: 1.5.4
+      caniuse-lite: 1.0.30001651
+      electron-to-chromium: 1.5.13
       node-releases: 2.0.18
       update-browserslist-db: 1.1.0(browserslist@4.23.3)
     dev: true
@@ -2883,6 +2903,24 @@ packages:
     resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
     engines: {node: '>= 0.8'}
 
+  /cacache@18.0.4:
+    resolution: {integrity: sha512-B+L5iIa9mgcjLbliir2th36yEwPftrzteHYujzsx3dFP/31GCHcIeS8f5MGd80odLOjaOvSpU3EEAmRQptkxLQ==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+    dependencies:
+      '@npmcli/fs': 3.1.1
+      fs-minipass: 3.0.3
+      glob: 10.4.5
+      lru-cache: 10.4.3
+      minipass: 7.1.2
+      minipass-collect: 2.0.1
+      minipass-flush: 1.0.5
+      minipass-pipeline: 1.2.4
+      p-map: 4.0.0
+      ssri: 10.0.6
+      tar: 6.2.1
+      unique-filename: 3.0.0
+    dev: true
+
   /cache-chunk-store@3.2.2:
     resolution: {integrity: sha512-2lJdWbgHFFxcSth9s2wpId3CR3v1YC63KjP4T9WhpW7LWlY7Hiiei3QwwqzkWqlJTfR8lSy9F5kRQECeyj+yQA==}
     dependencies:
@@ -2946,21 +2984,33 @@ packages:
   /caniuse-lite@1.0.30001624:
     resolution: {integrity: sha512-0dWnQG87UevOCPYaOR49CBcLBwoZLpws+k6W37nLjWUhumP1Isusj0p2u+3KhjNloRWK9OKMgjBBzPujQHw4nA==}
 
-  /caniuse-lite@1.0.30001649:
-    resolution: {integrity: sha512-fJegqZZ0ZX8HOWr6rcafGr72+xcgJKI9oWfDW5DrD7ExUtgZC7a7R7ZYmZqplh7XDocFdGeIFn7roAxhOeYrPQ==}
+  /caniuse-lite@1.0.30001651:
+    resolution: {integrity: sha512-9Cf+Xv1jJNe1xPZLGuUXLNkE1BoDkqRqYyFJ9TDYSqhduqA4hu4oR9HluGoWYQC/aj8WHjsGVV+bwkh0+tegRg==}
     dev: true
 
-  /capacitor-plugin-safe-area@2.0.6(@capacitor/core@6.1.1):
-    resolution: {integrity: sha512-7arNdX72Zbx5GtP9XlJFOne13QM8/FibTuBqG2EPdqBMGdYNiMk4G8ivD/Ovt2/w9VGWahOBCWwo2S99UgT1VQ==}
+  /capacitor-folder-picker@0.0.2(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-mlRCh3+1DMf9yd8UIOQI3WJD+0bSI2rguJ+6I0D9ipTfPe/T/ogYbLzVOpxq1EV0QJ3V6aLxom5Wt3VFwsZ3pw==}
     peerDependencies:
       '@capacitor/core': ^5.0.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
-  /caseless@0.12.0:
-    resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
-    dev: true
+  /capacitor-intent-uri@0.0.1(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-5Yx1VOoCkHFCz7OrHgYpY5lUt6H+9sv7HU7bwQtW81c8cZJgX9kMnMsfGeTOly+RmTkv69+G5q3DZDlAgi0s0w==}
+    peerDependencies:
+      '@capacitor/core': ^6.0.0
+    dependencies:
+      '@capacitor/core': 6.1.2
+    dev: false
+
+  /capacitor-plugin-safe-area@3.0.3(@capacitor/core@6.1.2):
+    resolution: {integrity: sha512-pDM8GQIDC9xxKLZxoO4rrshDuzZqQo6jq7Ni18cYdp2JwmLvlhTYRrvriPAicY1En59UAZ574sIvGlgUBLH3Yw==}
+    peerDependencies:
+      '@capacitor/core': ^6.0.0
+    dependencies:
+      '@capacitor/core': 6.1.2
+    dev: false
 
   /chalk@2.4.2:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
@@ -3114,11 +3164,6 @@ packages:
     engines: {node: '>=0.8'}
     dev: false
 
-  /code-point-at@1.1.0:
-    resolution: {integrity: sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /code-red@1.0.4:
     resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
     dependencies:
@@ -3275,10 +3320,6 @@ packages:
     resolution: {integrity: sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==}
     engines: {node: '>=0.8'}
 
-  /console-control-strings@1.1.0:
-    resolution: {integrity: sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==}
-    dev: true
-
   /content-disposition@0.5.4:
     resolution: {integrity: sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==}
     engines: {node: '>= 0.6'}
@@ -3490,6 +3531,7 @@ packages:
     resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}
     requiresBuild: true
     dev: true
+    optional: true
 
   /core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
@@ -3644,13 +3686,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /dashdash@1.14.1:
-    resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
-    engines: {node: '>=0.10'}
-    dependencies:
-      assert-plus: 1.0.0
-    dev: true
-
   /data-uri-to-buffer@4.0.1:
     resolution: {integrity: sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==}
     engines: {node: '>= 12'}
@@ -3844,10 +3879,6 @@ packages:
     engines: {node: '>=0.4.0'}
     dev: true
 
-  /delegates@1.0.0:
-    resolution: {integrity: sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==}
-    dev: true
-
   /depd@1.1.2:
     resolution: {integrity: sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==}
     engines: {node: '>= 0.6'}
@@ -4051,13 +4082,6 @@ packages:
     resolution: {integrity: sha512-UsZ8EEk8vAIgYYX9a6Wqwy/cJEd/fKiCVHOXJIpwJBdcQxSHi9llKNxALl5mw2WaqZAhiir0feahWfEY5dj4+Q==}
     dev: false
 
-  /ecc-jsbn@0.1.2:
-    resolution: {integrity: sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==}
-    dependencies:
-      jsbn: 0.1.1
-      safer-buffer: 2.1.2
-    dev: true
-
   /ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
@@ -4124,8 +4148,8 @@ packages:
   /electron-to-chromium@1.4.783:
     resolution: {integrity: sha512-bT0jEz/Xz1fahQpbZ1D7LgmPYZ3iHVY39NcWWro1+hA2IvjiPeaXtfSqrQ+nXjApMvQRE2ASt1itSLRrebHMRQ==}
 
-  /electron-to-chromium@1.5.4:
-    resolution: {integrity: sha512-orzA81VqLyIGUEA77YkVA1D+N+nNfl2isJVjjmOyrlxuooZ19ynb+dOlaDTqd/idKRS9lDCSBmtzM+kyCsMnkA==}
+  /electron-to-chromium@1.5.13:
+    resolution: {integrity: sha512-lbBcvtIJ4J6sS4tb5TLp1b4LyfCdMkwStzXPyAgVgTRAsep4bvrAGaBOP7ZJtQMNJpSQ9SqG4brWOroNaQtm7Q==}
     dev: true
 
   /electron-updater@6.2.1:
@@ -4178,6 +4202,14 @@ packages:
     resolution: {integrity: sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==}
     engines: {node: '>= 0.8'}
 
+  /encoding@0.1.13:
+    resolution: {integrity: sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==}
+    requiresBuild: true
+    dependencies:
+      iconv-lite: 0.6.3
+    dev: true
+    optional: true
+
   /end-of-stream@1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
     dependencies:
@@ -4518,7 +4550,7 @@ packages:
       eslint-plugin-es-x: 7.8.0(eslint@8.57.0)
       get-tsconfig: 4.7.6
       globals: 13.24.0
-      ignore: 5.3.1
+      ignore: 5.3.2
       is-builtin-module: 3.2.1
       is-core-module: 2.15.0
       minimatch: 3.1.2
@@ -4708,6 +4740,10 @@ packages:
     resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
     engines: {node: '>=6'}
 
+  /exponential-backoff@3.1.1:
+    resolution: {integrity: sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==}
+    dev: true
+
   /express@4.19.2:
     resolution: {integrity: sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==}
     engines: {node: '>= 0.10.0'}
@@ -4746,10 +4782,6 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /extend@3.0.2:
-    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
-    dev: true
-
   /extract-zip@2.0.1:
     resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==}
     engines: {node: '>= 10.17.0'}
@@ -4764,11 +4796,6 @@ packages:
       - supports-color
     dev: true
 
-  /extsprintf@1.3.0:
-    resolution: {integrity: sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==}
-    engines: {'0': node >=0.6.0}
-    dev: true
-
   /extsprintf@1.4.1:
     resolution: {integrity: sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==}
     engines: {'0': node >=0.6.0}
@@ -4932,26 +4959,13 @@ packages:
     dependencies:
       is-callable: 1.2.7
 
-  /foreground-child@3.2.1:
-    resolution: {integrity: sha512-PXUUyLqrR2XCWICfv6ukppP96sdFwWbNEnfEMt7jNsISjMsvaLNinAHNDYyvkyU+SZG2BTSbT5NjG+vZslfGTA==}
+  /foreground-child@3.3.0:
+    resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
     engines: {node: '>=14'}
     dependencies:
       cross-spawn: 7.0.3
       signal-exit: 4.1.0
 
-  /forever-agent@0.6.1:
-    resolution: {integrity: sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==}
-    dev: true
-
-  /form-data@2.3.3:
-    resolution: {integrity: sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==}
-    engines: {node: '>= 0.12'}
-    dependencies:
-      asynckit: 0.4.0
-      combined-stream: 1.0.8
-      mime-types: 2.1.35
-    dev: true
-
   /form-data@4.0.0:
     resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
     engines: {node: '>= 6'}
@@ -5031,12 +5045,6 @@ packages:
       universalify: 2.0.1
     dev: true
 
-  /fs-minipass@1.2.7:
-    resolution: {integrity: sha512-GWSSJGFy4e9GUeCcbIkED+bgAoFyj7XF1mV8rma3QW4NIqX9Kyx79N/PF61H5udOV3aY1IaMLs6pGbH71nlCTA==}
-    dependencies:
-      minipass: 2.9.0
-    dev: true
-
   /fs-minipass@2.1.0:
     resolution: {integrity: sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==}
     engines: {node: '>= 8'}
@@ -5044,6 +5052,13 @@ packages:
       minipass: 3.3.6
     dev: true
 
+  /fs-minipass@3.0.3:
+    resolution: {integrity: sha512-XUBA9XClHbnJWSfBzjkm6RvPsyg3sryZt06BEQoXcF7EK/xpGaQYJgQKDJSUH5SGZ76Y7pFx1QBnXz09rU5Fbw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      minipass: 7.1.2
+    dev: true
+
   /fs-native-extensions@1.2.7:
     resolution: {integrity: sha512-IIWKE5oNTMNwp03daCbRgnCaiEdd0r/BPHwD3Ns4NlHH28FQgfwg0ntg8AgaPO236wN0szt2t1NM+VmCW2TcxQ==}
     requiresBuild: true
@@ -5088,20 +5103,6 @@ packages:
     resolution: {integrity: sha512-14F4hBIxqKvD4Zz/XjDc3y94mNZN6pRv3U13Udo0lNLCWRBUsrMv2xwcF/y/Z5sV6+FQW+/ow68cHpm4sunt8Q==}
     engines: {node: '>=10'}
 
-  /gauge@2.7.4:
-    resolution: {integrity: sha512-14x4kjc6lkD3ltw589k0NrPD6cCNTD6CWoVUNpB85+DrtONoZn+Rug6xZU5RvSC4+TZPxA5AnBibQYAvZn41Hg==}
-    deprecated: This package is no longer supported.
-    dependencies:
-      aproba: 1.2.0
-      console-control-strings: 1.1.0
-      has-unicode: 2.0.1
-      object-assign: 4.1.1
-      signal-exit: 3.0.7
-      string-width: 1.0.2
-      strip-ansi: 3.0.1
-      wide-align: 1.1.5
-    dev: true
-
   /get-browser-rtc@1.1.0:
     resolution: {integrity: sha512-MghbMJ61EJrRsDe7w1Bvqt3ZsBuqhce5nrn/XAwgwOXhcsz53/ltdxOse1h/8eKXj5slzxdsz56g5rzOFSGwfQ==}
     dev: false
@@ -5161,12 +5162,6 @@ packages:
       resolve-pkg-maps: 1.0.0
     dev: false
 
-  /getpass@0.1.7:
-    resolution: {integrity: sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==}
-    dependencies:
-      assert-plus: 1.0.0
-    dev: true
-
   /git-raw-commits@2.0.11:
     resolution: {integrity: sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==}
     engines: {node: '>=10'}
@@ -5225,7 +5220,7 @@ packages:
     resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
     hasBin: true
     dependencies:
-      foreground-child: 3.2.1
+      foreground-child: 3.3.0
       jackspeak: 3.4.3
       minimatch: 9.0.5
       minipass: 7.1.2
@@ -5292,7 +5287,7 @@ packages:
       array-union: 2.1.0
       dir-glob: 3.0.1
       fast-glob: 3.3.2
-      ignore: 5.3.1
+      ignore: 5.3.2
       merge2: 1.4.1
       slash: 3.0.0
 
@@ -5361,21 +5356,7 @@ packages:
       source-map: 0.6.1
       wordwrap: 1.0.0
     optionalDependencies:
-      uglify-js: 3.19.1
-    dev: true
-
-  /har-schema@2.0.0:
-    resolution: {integrity: sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /har-validator@5.1.5:
-    resolution: {integrity: sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==}
-    engines: {node: '>=6'}
-    deprecated: this library is no longer supported
-    dependencies:
-      ajv: 6.12.6
-      har-schema: 2.0.0
+      uglify-js: 3.19.2
     dev: true
 
   /hard-rejection@2.1.0:
@@ -5413,10 +5394,6 @@ packages:
     dependencies:
       has-symbols: 1.0.3
 
-  /has-unicode@2.0.1:
-    resolution: {integrity: sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==}
-    dev: true
-
   /hasown@2.0.2:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
@@ -5541,6 +5518,16 @@ packages:
       - supports-color
     dev: true
 
+  /http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
+    dependencies:
+      agent-base: 7.1.1
+      debug: 4.3.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /http-proxy-middleware@2.0.6(@types/express@4.17.21):
     resolution: {integrity: sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==}
     engines: {node: '>=12.0.0'}
@@ -5569,15 +5556,6 @@ packages:
     transitivePeerDependencies:
       - debug
 
-  /http-signature@1.2.0:
-    resolution: {integrity: sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==}
-    engines: {node: '>=0.8', npm: '>=1.3.7'}
-    dependencies:
-      assert-plus: 1.0.0
-      jsprim: 1.4.2
-      sshpk: 1.18.0
-    dev: true
-
   /http2-wrapper@1.0.3:
     resolution: {integrity: sha512-V+23sDMr12Wnz7iTcDeJr3O6AIxlnvT/bmaAAAP/Xda35C90p9599p0F1eHR/N1KILWSoWVAiOMFjBBXaXSMxg==}
     engines: {node: '>=10.19.0'}
@@ -5596,6 +5574,16 @@ packages:
       - supports-color
     dev: true
 
+  /https-proxy-agent@7.0.5:
+    resolution: {integrity: sha512-1e4Wqeblerz+tMKPIq2EMGiiWW1dIjZOksyHWSUm1rmuvw/how9hBHZ38lAGj5ID4Ik6EdkOw7NmWPy6LAwalw==}
+    engines: {node: '>= 14'}
+    dependencies:
+      agent-base: 7.1.1
+      debug: 4.3.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /human-signals@2.1.0:
     resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
     engines: {node: '>=10.17.0'}
@@ -5661,6 +5649,11 @@ packages:
   /ignore@5.3.1:
     resolution: {integrity: sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==}
     engines: {node: '>= 4'}
+    dev: false
+
+  /ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
 
   /immediate-chunk-store@2.2.0:
     resolution: {integrity: sha512-1bHBna0hCa6arRXicu91IiL9RvvkbNYLVq+mzWdaLGZC3hXvX4doh8e1dLhMKez5siu63CYgO5NrGJbRX5lbPA==}
@@ -5690,7 +5683,6 @@ packages:
   /imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
-    dev: false
 
   /indent-string@4.0.0:
     resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
@@ -5741,7 +5733,6 @@ packages:
     dependencies:
       jsbn: 1.1.0
       sprintf-js: 1.1.3
-    dev: false
 
   /ip-set@2.1.0:
     resolution: {integrity: sha512-JdHz4tSMx1IeFj8yEcQU0i58qiSkOlmZXkZ8+HJ0ROV5KcgLRDO9F703oJ1GeZCvqggrcCbmagD/V7hghY62wA==}
@@ -5853,13 +5844,6 @@ packages:
     resolution: {integrity: sha512-ZGMuc+xA8mRnrXtmtf2l/EkIW2zaD2LSBWlaOVEF6yH4RTndHob65V4SwWWdtGKVthQfXPVKsXqw4TDUjbVxVQ==}
     dev: false
 
-  /is-fullwidth-code-point@1.0.0:
-    resolution: {integrity: sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      number-is-nan: 1.0.1
-    dev: true
-
   /is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
@@ -5877,6 +5861,10 @@ packages:
     dependencies:
       is-docker: 3.0.0
 
+  /is-lambda@1.0.1:
+    resolution: {integrity: sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==}
+    dev: true
+
   /is-negative-zero@2.0.3:
     resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
     engines: {node: '>= 0.4'}
@@ -5971,10 +5959,6 @@ packages:
     dependencies:
       which-typed-array: 1.1.15
 
-  /is-typedarray@1.0.0:
-    resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
-    dev: true
-
   /is-weakref@1.0.2:
     resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
     dependencies:
@@ -6012,14 +5996,15 @@ packages:
   /isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
+  /isexe@3.1.1:
+    resolution: {integrity: sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==}
+    engines: {node: '>=16'}
+    dev: true
+
   /isobject@3.0.1:
     resolution: {integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==}
     engines: {node: '>=0.10.0'}
 
-  /isstream@0.1.2:
-    resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
-    dev: true
-
   /jackspeak@3.4.3:
     resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
     dependencies:
@@ -6048,7 +6033,7 @@ packages:
     resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
     engines: {node: '>= 10.13.0'}
     dependencies:
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
@@ -6071,13 +6056,8 @@ packages:
     dependencies:
       argparse: 2.0.1
 
-  /jsbn@0.1.1:
-    resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==}
-    dev: true
-
   /jsbn@1.1.0:
     resolution: {integrity: sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==}
-    dev: false
 
   /json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
@@ -6095,10 +6075,6 @@ packages:
   /json-schema-traverse@1.0.0:
     resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
 
-  /json-schema@0.4.0:
-    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
-    dev: true
-
   /json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
     dev: false
@@ -6138,16 +6114,6 @@ packages:
     engines: {'0': node >= 0.2.0}
     dev: true
 
-  /jsprim@1.4.2:
-    resolution: {integrity: sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==}
-    engines: {node: '>=0.6.0'}
-    dependencies:
-      assert-plus: 1.0.0
-      extsprintf: 1.3.0
-      json-schema: 0.4.0
-      verror: 1.10.0
-    dev: true
-
   /junk@4.0.1:
     resolution: {integrity: sha512-Qush0uP+G8ZScpGMZvHUiRfI0YBWuB3gVBYlI0v0vvOJt5FLicco+IkP0a50LqTTQhmts/m6tP5SWE+USyIvcQ==}
     engines: {node: '>=12.20'}
@@ -6376,6 +6342,14 @@ packages:
       - supports-color
     dev: false
 
+  /lucide-svelte@0.429.0(svelte@4.2.12):
+    resolution: {integrity: sha512-3LwbxQn5i9/zQwMg0ZWT875djOEQoR3eM8ytOGqk0eRk4wkoqqgZX0Gr+aQjkd+RSDEVMXkIEoyW/1zLyXr/6g==}
+    peerDependencies:
+      svelte: ^3 || ^4 || ^5.0.0-next.42
+    dependencies:
+      svelte: 4.2.12
+    dev: false
+
   /magic-string@0.30.10:
     resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
     dependencies:
@@ -6394,6 +6368,26 @@ packages:
     resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
     dev: true
 
+  /make-fetch-happen@13.0.1:
+    resolution: {integrity: sha512-cKTUFc/rbKUd/9meOvgrpJ2WrNzymt6jfRDdwg5UCnVzv9dTpEj9JS5m3wtziXVCjluIXyL8pcaukYqezIzZQA==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+    dependencies:
+      '@npmcli/agent': 2.2.2
+      cacache: 18.0.4
+      http-cache-semantics: 4.1.1
+      is-lambda: 1.0.1
+      minipass: 7.1.2
+      minipass-fetch: 3.0.5
+      minipass-flush: 1.0.5
+      minipass-pipeline: 1.2.4
+      negotiator: 0.6.3
+      proc-log: 4.2.0
+      promise-retry: 2.0.1
+      ssri: 10.0.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /map-obj@1.0.1:
     resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
     engines: {node: '>=0.10.0'}
@@ -6603,11 +6597,43 @@ packages:
   /minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
-  /minipass@2.9.0:
-    resolution: {integrity: sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==}
+  /minipass-collect@2.0.1:
+    resolution: {integrity: sha512-D7V8PO9oaz7PWGLbCACuI1qEOsq7UKfLotx/C0Aet43fCUB/wfQ7DYeq2oR/svFJGYDHPr38SHATeaj/ZoKHKw==}
+    engines: {node: '>=16 || 14 >=14.17'}
     dependencies:
-      safe-buffer: 5.2.1
-      yallist: 3.1.1
+      minipass: 7.1.2
+    dev: true
+
+  /minipass-fetch@3.0.5:
+    resolution: {integrity: sha512-2N8elDQAtSnFV0Dk7gt15KHsS0Fyz6CbYZ360h0WTYV1Ty46li3rAXVOQj1THMNLdmrD9Vt5pBPtWtVkpwGBqg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      minipass: 7.1.2
+      minipass-sized: 1.0.3
+      minizlib: 2.1.2
+    optionalDependencies:
+      encoding: 0.1.13
+    dev: true
+
+  /minipass-flush@1.0.5:
+    resolution: {integrity: sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==}
+    engines: {node: '>= 8'}
+    dependencies:
+      minipass: 3.3.6
+    dev: true
+
+  /minipass-pipeline@1.2.4:
+    resolution: {integrity: sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==}
+    engines: {node: '>=8'}
+    dependencies:
+      minipass: 3.3.6
+    dev: true
+
+  /minipass-sized@1.0.3:
+    resolution: {integrity: sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==}
+    engines: {node: '>=8'}
+    dependencies:
+      minipass: 3.3.6
     dev: true
 
   /minipass@3.3.6:
@@ -6631,12 +6657,6 @@ packages:
     resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
     engines: {node: '>=16 || 14 >=14.17'}
 
-  /minizlib@1.3.3:
-    resolution: {integrity: sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==}
-    dependencies:
-      minipass: 2.9.0
-    dev: true
-
   /minizlib@2.1.2:
     resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==}
     engines: {node: '>= 8'}
@@ -6837,22 +6857,23 @@ packages:
     resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
     dev: true
 
-  /nodejs-mobile-gyp@0.3.1:
-    resolution: {integrity: sha512-AcS4xbeWjOIfLQ+xZp0m7zEhd263v33O54OeJz/ObzpqvN1LXoph7ceeTQVrmp1YL0zSoUxX3s8AinotR8OgVg==}
-    engines: {node: '>= 4.0.0'}
+  /nodejs-mobile-gyp@0.4.0:
+    resolution: {integrity: sha512-10vkX/+msYevC66DE+OfvfLe0bfxjkHQpxc/HoaKP4P7BGuXygzNI8oz5F6pl23Lb9cxRr+fq2W6XjR53QriUQ==}
+    engines: {node: ^16.14.0 || >=18.0.0}
     hasBin: true
     dependencies:
-      glob: 7.2.3
+      env-paths: 2.2.1
+      exponential-backoff: 3.1.1
+      glob: 10.4.5
       graceful-fs: 4.2.11
-      mkdirp: 0.5.6
-      nopt: 3.0.6
-      npmlog: 4.1.2
-      osenv: 0.1.5
-      request: 2.88.2
-      rimraf: 2.7.1
-      semver: 5.3.0
-      tar: 4.4.19
-      which: 1.3.1
+      make-fetch-happen: 13.0.1
+      nopt: 7.2.1
+      proc-log: 3.0.0
+      semver: 7.6.3
+      tar: 6.2.1
+      which: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /nodemon@2.0.22:
@@ -6872,11 +6893,12 @@ packages:
       undefsafe: 2.0.5
     dev: true
 
-  /nopt@3.0.6:
-    resolution: {integrity: sha512-4GUt3kSEYmk4ITxzB/b9vaIDfUVWN/Ml1Fwl11IlnIG2iaJ9O6WXZ9SrYM9NLI8OCBieN2Y8SWC2oJV0RQ7qYg==}
+  /nopt@7.2.1:
+    resolution: {integrity: sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     hasBin: true
     dependencies:
-      abbrev: 1.1.1
+      abbrev: 2.0.0
     dev: true
 
   /normalize-package-data@2.5.0:
@@ -6937,35 +6959,11 @@ packages:
       through2: 4.0.2
     dev: true
 
-  /npmlog@4.1.2:
-    resolution: {integrity: sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==}
-    deprecated: This package is no longer supported.
-    dependencies:
-      are-we-there-yet: 1.1.7
-      console-control-strings: 1.1.0
-      gauge: 2.7.4
-      set-blocking: 2.0.0
-    dev: true
-
   /nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
     dependencies:
       boolbase: 1.0.0
 
-  /number-is-nan@1.0.1:
-    resolution: {integrity: sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /oauth-sign@0.9.0:
-    resolution: {integrity: sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==}
-    dev: true
-
-  /object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /object-inspect@1.13.1:
     resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
 
@@ -7068,24 +7066,6 @@ packages:
       word-wrap: 1.2.5
     dev: false
 
-  /os-homedir@1.0.2:
-    resolution: {integrity: sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /os-tmpdir@1.0.2:
-    resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /osenv@0.1.5:
-    resolution: {integrity: sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==}
-    deprecated: This package is no longer supported.
-    dependencies:
-      os-homedir: 1.0.2
-      os-tmpdir: 1.0.2
-    dev: true
-
   /p-cancelable@2.1.1:
     resolution: {integrity: sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg==}
     engines: {node: '>=8'}
@@ -7276,10 +7256,6 @@ packages:
     resolution: {integrity: sha512-J7ezVGl0B63j0l45YNTMUS9Z7Ld/LAaTtrIU5L1diOXLh8kRtW2zQ95xAlf0YsXVT+hndz/24NOLOOthnJHZgg==}
     dev: false
 
-  /performance-now@2.1.0:
-    resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==}
-    dev: true
-
   /periscopic@3.1.0:
     resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
     dependencies:
@@ -7465,6 +7441,16 @@ packages:
       renderkid: 3.0.0
     dev: false
 
+  /proc-log@3.0.0:
+    resolution: {integrity: sha512-++Vn7NS4Xf9NacaU9Xq3URUuqZETPsf8L4j5/ckhaRYsfPeRyzGw+iDjFhV/Jr3uNmTvvddEJFWh5R1gRgUH8A==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: true
+
+  /proc-log@4.2.0:
+    resolution: {integrity: sha512-g8+OnU/L2v+wyiVK+D5fA34J7EH8jZ8DDlvwhRCMxmMj7UCBvxiO1mGeN+36JXIKF4zevU4kRBd8lVgG9vLelA==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: true
+
   /process-nextick-args@2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
 
@@ -7496,10 +7482,6 @@ packages:
       forwarded: 0.2.0
       ipaddr.js: 1.9.1
 
-  /psl@1.9.0:
-    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
-    dev: true
-
   /pstree.remy@1.1.8:
     resolution: {integrity: sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==}
     dev: true
@@ -7529,11 +7511,6 @@ packages:
     dependencies:
       side-channel: 1.0.6
 
-  /qs@6.5.3:
-    resolution: {integrity: sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==}
-    engines: {node: '>=0.6'}
-    dev: true
-
   /quartermoon@1.2.3:
     resolution: {integrity: sha512-EYfaHqvBB1jN/7qzHEgabSC94d1sRaR4kfmDMjwNKA6XEHaGp0SlV6lSv12l9FzSSSZq9grqPvHbVIkQEzFerg==}
     dev: false
@@ -7748,33 +7725,6 @@ packages:
       yargs: 15.4.1
     dev: true
 
-  /request@2.88.2:
-    resolution: {integrity: sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==}
-    engines: {node: '>= 6'}
-    deprecated: request has been deprecated, see https://github.com/request/request/issues/3142
-    dependencies:
-      aws-sign2: 0.7.0
-      aws4: 1.13.0
-      caseless: 0.12.0
-      combined-stream: 1.0.8
-      extend: 3.0.2
-      forever-agent: 0.6.1
-      form-data: 2.3.3
-      har-validator: 5.1.5
-      http-signature: 1.2.0
-      is-typedarray: 1.0.0
-      isstream: 0.1.2
-      json-stringify-safe: 5.0.1
-      mime-types: 2.1.35
-      oauth-sign: 0.9.0
-      performance-now: 2.1.0
-      qs: 6.5.3
-      safe-buffer: 5.2.1
-      tough-cookie: 2.5.0
-      tunnel-agent: 0.6.0
-      uuid: 3.4.0
-    dev: true
-
   /require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
     engines: {node: '>=0.10.0'}
@@ -8024,11 +7974,6 @@ packages:
     dev: true
     optional: true
 
-  /semver@5.3.0:
-    resolution: {integrity: sha512-mfmm3/H9+67MCVix1h+IXTpDwL6710LyHuk7+cWC9T1mE0qz4iHhh6r4hU2wrIT9iTsAAC2XQRvfblL028cpLw==}
-    hasBin: true
-    dev: true
-
   /semver@5.7.2:
     resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
     hasBin: true
@@ -8322,13 +8267,23 @@ packages:
       uuid: 8.3.2
       websocket-driver: 0.7.4
 
+  /socks-proxy-agent@8.0.4:
+    resolution: {integrity: sha512-GNAq/eg8Udq2x0eNiFkr9gRg5bA7PXEWagQdeRX4cPSG+X/8V38v637gim9bjFptMk1QWsCTr0ttrJEiXbNnRw==}
+    engines: {node: '>= 14'}
+    dependencies:
+      agent-base: 7.1.1
+      debug: 4.3.6
+      socks: 2.8.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /socks@2.8.3:
     resolution: {integrity: sha512-l5x7VUUWbjVFbafGLxPWkYsHIhEvmF85tbIeFZWc8ZPtoMyybuEhL7Jye/ooC4/d48FgOjSJXgsF/AJPYCW8Zw==}
     engines: {node: '>= 10.0.0', npm: '>= 3.0.0'}
     dependencies:
       ip-address: 9.0.5
       smart-buffer: 4.2.0
-    dev: false
 
   /sonic-forest@1.0.3(tslib@2.6.3):
     resolution: {integrity: sha512-dtwajos6IWMEWXdEbW1IkEkyL2gztCAgDplRIX+OT5aRKnEd5e7r7YCxRgXZdhRP1FBdOBf8axeTPhzDv8T4wQ==}
@@ -8439,20 +8394,11 @@ packages:
   /sprintf-js@1.1.3:
     resolution: {integrity: sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==}
 
-  /sshpk@1.18.0:
-    resolution: {integrity: sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==}
-    engines: {node: '>=0.10.0'}
-    hasBin: true
+  /ssri@10.0.6:
+    resolution: {integrity: sha512-MGrFH9Z4NP9Iyhqn16sDtBpRRNJ0Y2hNa6D65h736fVSaPCHr4DM4sWUNvVaSuC+0OBGhwsrydQwmgfg5LncqQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
-      asn1: 0.2.6
-      assert-plus: 1.0.0
-      bcrypt-pbkdf: 1.0.2
-      dashdash: 1.14.1
-      ecc-jsbn: 0.1.2
-      getpass: 0.1.7
-      jsbn: 0.1.1
-      safer-buffer: 2.1.2
-      tweetnacl: 0.14.5
+      minipass: 7.1.2
     dev: true
 
   /stat-mode@1.0.0:
@@ -8491,15 +8437,6 @@ packages:
     optionalDependencies:
       bare-events: 2.4.2
 
-  /string-width@1.0.2:
-    resolution: {integrity: sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      code-point-at: 1.1.0
-      is-fullwidth-code-point: 1.0.0
-      strip-ansi: 3.0.1
-    dev: true
-
   /string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
@@ -8568,13 +8505,6 @@ packages:
     dependencies:
       safe-buffer: 5.2.1
 
-  /strip-ansi@3.0.1:
-    resolution: {integrity: sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      ansi-regex: 2.1.1
-    dev: true
-
   /strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -8707,8 +8637,8 @@ packages:
       svelte: 4.2.12
     dev: true
 
-  /svelte-keybinds@1.0.6:
-    resolution: {integrity: sha512-mqXn6wfj5Ft7w6UUSVtRLYaeo5SpfkafrZILtqRiMoz0rBg9VlP0DSIdTmbXzR7MOLYoCqfza0IYZ4lBesK64A==}
+  /svelte-keybinds@1.0.9:
+    resolution: {integrity: sha512-bQt9azkXX4SgMJpJzYWQB6D0hj45+Ro2+2Awr4YNtjmuRuKdio+Rxuhky5JJyBBfyRQ7YT63nSR3whH4FACv1A==}
     dev: false
 
   /svelte-loader@3.1.9(svelte@4.2.12):
@@ -8783,6 +8713,14 @@ packages:
       typescript: 5.3.3
     dev: true
 
+  /svelte-radix@1.1.0(svelte@4.2.12):
+    resolution: {integrity: sha512-kyE9wZiJV937INGb+wiBkAjmGtQUUYRPkVL2Q+/gj+9Vog1Ewd2wNvNmpNMUd+c+euxoc5u5YZMuCUgky9EUPw==}
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0 || ^5.0.0
+    dependencies:
+      svelte: 4.2.12
+    dev: false
+
   /svelte-sonner@0.3.19(svelte@4.2.12):
     resolution: {integrity: sha512-jpPOgLtHwRaB6Vqo2dUQMv15/yUV/BQWTjKpEqQ11uqRSHKjAYUKZyGrHB2cQsGmyjR0JUzBD58btpgNqINQ/Q==}
     peerDependencies:
@@ -8850,19 +8788,6 @@ packages:
       streamx: 2.18.0
     dev: true
 
-  /tar@4.4.19:
-    resolution: {integrity: sha512-a20gEsvHnWe0ygBY8JbxoM4w3SJdhc7ZAuxkLqh+nvNQN2IOt0B5lLgM490X5Hl8FF0dl0tOf2ewFYAlIFgzVA==}
-    engines: {node: '>=4.5'}
-    dependencies:
-      chownr: 1.1.4
-      fs-minipass: 1.2.7
-      minipass: 2.9.0
-      minizlib: 1.3.3
-      mkdirp: 0.5.6
-      safe-buffer: 5.2.1
-      yallist: 3.1.1
-    dev: true
-
   /tar@6.2.1:
     resolution: {integrity: sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==}
     engines: {node: '>=10'}
@@ -9046,7 +8971,7 @@ packages:
     dependencies:
       bittorrent-dht: 11.0.6
       bittorrent-lsd: 2.0.0
-      bittorrent-tracker: 11.1.1
+      bittorrent-tracker: 11.1.2
       debug: 4.3.6
       run-parallel: 1.2.0
     transitivePeerDependencies:
@@ -9070,14 +8995,6 @@ packages:
     hasBin: true
     dev: true
 
-  /tough-cookie@2.5.0:
-    resolution: {integrity: sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==}
-    engines: {node: '>=0.8'}
-    dependencies:
-      psl: 1.9.0
-      punycode: 2.3.1
-    dev: true
-
   /tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
     dev: true
@@ -9114,7 +9031,7 @@ packages:
       typescript: 5.5.4
     dev: false
 
-  /ts-node@10.9.2(@types/node@22.1.0)(typescript@5.5.4):
+  /ts-node@10.9.2(@types/node@22.5.0)(typescript@5.5.4):
     resolution: {integrity: sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==}
     hasBin: true
     peerDependencies:
@@ -9133,7 +9050,7 @@ packages:
       '@tsconfig/node12': 1.0.11
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.4
-      '@types/node': 22.1.0
+      '@types/node': 22.5.0
       acorn: 8.12.1
       acorn-walk: 8.3.3
       arg: 4.1.3
@@ -9166,10 +9083,6 @@ packages:
     dependencies:
       safe-buffer: 5.2.1
 
-  /tweetnacl@0.14.5:
-    resolution: {integrity: sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==}
-    dev: true
-
   /type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -9266,8 +9179,8 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
-  /uglify-js@3.19.1:
-    resolution: {integrity: sha512-y/2wiW+ceTYR2TSSptAhfnEtpLaQ4Ups5zrjB2d3kuVxHj16j/QJwPl5PvuGy9uARb39J0+iKxcRPvtpsx4A4A==}
+  /uglify-js@3.19.2:
+    resolution: {integrity: sha512-S8KA6DDI47nQXJSi2ctQ629YzwOVs+bQML6DAtvy0wgNdpi+0ySpQK0g2pxBq2xfF2z3YCscu7NNA8nXT9PlIQ==}
     engines: {node: '>=0.8.0'}
     hasBin: true
     requiresBuild: true
@@ -9299,11 +9212,28 @@ packages:
   /undici-types@6.13.0:
     resolution: {integrity: sha512-xtFJHudx8S2DSoujjMd1WeWvn7KKWFRESZTMeL1RptAYERu29D6jphMjjY+vn96jvN3kVPDNxU/E13VTaXj6jg==}
 
+  /undici-types@6.19.8:
+    resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
+
   /unicorn-magic@0.1.0:
     resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
     engines: {node: '>=18'}
     dev: false
 
+  /unique-filename@3.0.0:
+    resolution: {integrity: sha512-afXhuC55wkAmZ0P18QsVE6kp8JaxrEokN2HGIoIVv2ijHQd419H0+6EigAFcIzXeMIkcIkNBpB3L/DXB3cTS/g==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      unique-slug: 4.0.0
+    dev: true
+
+  /unique-slug@4.0.0:
+    resolution: {integrity: sha512-WrcA6AyEfqDX5bWige/4NQfPZMtASNVxdmWR76WESYQVAACSgWcR6e9i0mofqqBxYFtL4oAxPIptY73/0YE1DQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      imurmurhash: 0.1.4
+    dev: true
+
   /unique-string@2.0.0:
     resolution: {integrity: sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==}
     engines: {node: '>=8'}
@@ -9429,12 +9359,6 @@ packages:
       unordered-set: 2.0.1
     dev: false
 
-  /uuid@3.4.0:
-    resolution: {integrity: sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==}
-    deprecated: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
-    hasBin: true
-    dev: true
-
   /uuid@7.0.3:
     resolution: {integrity: sha512-DPSke0pXhTZgoF/d+WSt2QaKMCFSfx7QegxEWT+JOuHF5aWrKEn0G+ztjuJg/gG8/ItK+rbPCD/yNv8yyih6Cg==}
     hasBin: true
@@ -9459,15 +9383,6 @@ packages:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
 
-  /verror@1.10.0:
-    resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==}
-    engines: {'0': node >=0.6.0}
-    dependencies:
-      assert-plus: 1.0.0
-      core-util-is: 1.0.2
-      extsprintf: 1.3.0
-    dev: true
-
   /verror@1.10.1:
     resolution: {integrity: sha512-veufcmxri4e3XSrT0xwfUR7kguIkaxBeosDg00yDWhk49wdwkSUrvvsm7nc75e1PUyvIeZj6nS8VQRYz2/S4Xg==}
     engines: {node: '>=0.6.0'}
@@ -9539,6 +9454,14 @@ packages:
       glob-to-regexp: 0.4.1
       graceful-fs: 4.2.11
 
+  /watchpack@2.4.2:
+    resolution: {integrity: sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==}
+    engines: {node: '>=10.13.0'}
+    dependencies:
+      glob-to-regexp: 0.4.1
+      graceful-fs: 4.2.11
+    dev: true
+
   /wbuf@1.7.3:
     resolution: {integrity: sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==}
     dependencies:
@@ -9786,7 +9709,7 @@ packages:
       schema-utils: 3.3.0
       tapable: 2.2.1
       terser-webpack-plugin: 5.3.10(webpack@5.93.0)
-      watchpack: 2.4.1
+      watchpack: 2.4.2
       webpack-cli: 5.1.4(webpack-dev-server@5.0.2)(webpack@5.93.0)
       webpack-sources: 3.2.3
     transitivePeerDependencies:
@@ -9908,10 +9831,12 @@ packages:
     dependencies:
       isexe: 2.0.0
 
-  /wide-align@1.1.5:
-    resolution: {integrity: sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==}
+  /which@4.0.0:
+    resolution: {integrity: sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==}
+    engines: {node: ^16.13.0 || >=18.0.0}
+    hasBin: true
     dependencies:
-      string-width: 4.2.3
+      isexe: 3.1.1
     dev: true
 
   /wildcard@2.0.1:
@@ -10085,10 +10010,6 @@ packages:
     resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
     engines: {node: '>=10'}
 
-  /yallist@3.1.1:
-    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
-    dev: true
-
   /yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
     dev: true
@@ -10183,7 +10104,7 @@ packages:
       readable-stream: 3.6.2
     dev: true
 
-  '@github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz(@capacitor/core@6.1.1)':
+  '@github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz(@capacitor/core@6.1.2)':
     resolution: {tarball: https://github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz}
     id: '@github.com/funniray/Capacitor-NodeJS/releases/download/nodejs-18/capacitor-nodejs-1.0.0-beta.6.tgz'
     name: capacitor-nodejs
@@ -10191,7 +10112,7 @@ packages:
     peerDependencies:
       '@capacitor/core': ^5.0.0
     dependencies:
-      '@capacitor/core': 6.1.1
+      '@capacitor/core': 6.1.2
     dev: false
 
   github.com/ThaUnknown/anitomyscript/42290c4b3f256893be08a4e89051f448ff5e9d00:
@@ -10224,7 +10145,7 @@ packages:
     dev: true
     optional: true
 
-  github.com/thaunknown/capacitor-assets/6b1034e757096615badc49119cb25e34ed7942ad(@types/node@22.1.0)(typescript@5.5.4):
+  github.com/thaunknown/capacitor-assets/6b1034e757096615badc49119cb25e34ed7942ad(@types/node@22.5.0)(typescript@5.5.4):
     resolution: {tarball: https://codeload.github.com/thaunknown/capacitor-assets/tar.gz/6b1034e757096615badc49119cb25e34ed7942ad}
     id: github.com/thaunknown/capacitor-assets/6b1034e757096615badc49119cb25e34ed7942ad
     name: '@capacitor/assets'
@@ -10234,10 +10155,10 @@ packages:
     prepare: true
     requiresBuild: true
     dependencies:
-      '@capacitor/cli': 5.7.7
+      '@capacitor/cli': 5.7.8
       '@ionic/utils-array': 2.1.6
       '@ionic/utils-fs': 3.1.7
-      '@trapezedev/project': 7.0.10(@types/node@22.1.0)(typescript@5.5.4)
+      '@trapezedev/project': 7.0.10(@types/node@22.5.0)(typescript@5.5.4)
       commander: 8.3.0
       debug: 4.3.4
       fs-extra: 10.1.0
diff --git a/web/src/lib/components/PreviewCard.svelte b/web/src/lib/components/PreviewCard.svelte
index e976f66..ced58d2 100644
--- a/web/src/lib/components/PreviewCard.svelte
+++ b/web/src/lib/components/PreviewCard.svelte
@@ -1,7 +1,6 @@
 <script>
   import { formatMap } from './anime.js'
   import { click } from '@/modules/click.js'
-  import { alToken } from '@/modules/settings.js'
   export let media
 
   let hide = true
@@ -21,9 +20,6 @@
   }
   const playButtonText = getPlayButtonText(media)
 
-  function volume (video) {
-    video.volume = 0.1
-  }
   let muted = true
   function toggleMute () {
     muted = !muted
@@ -32,19 +28,19 @@
   function play () {
     open('miru://anime/' + media.id)
   }
-  function lazyload (video) {
+  function lazyload (iframe) {
     if ('IntersectionObserver' in window) {
       const lazyVideoObserver = new IntersectionObserver(entries => {
         for (const { target, isIntersecting } of entries) {
           if (isIntersecting) {
-            video.src = video.dataset.src
+            iframe.src = iframe.dataset.src
             lazyVideoObserver.unobserve(target)
           }
         }
       })
-      lazyVideoObserver.observe(video.parentNode)
+      lazyVideoObserver.observe(iframe.parentNode)
     } else {
-      video.src = video.dataset.src
+      iframe.src = iframe.dataset.src
     }
   }
 </script>
@@ -56,18 +52,15 @@
       <div class='material-symbols-outlined filled position-absolute z-10 top-0 right-0 p-15 font-size-22' class:d-none={hide} use:click={toggleMute}>{muted ? 'volume_off' : 'volume_up'}</div>
       <!-- for now we use some invidious instance, would be nice to somehow get these links outselves, this redirects straight to some google endpoint -->
       <!-- eslint-disable-next-line svelte/valid-compile -->
-      <video data-src={`https://inv.tux.pizza/latest_version?id=${media.trailer.id}&itag=18`}
-        class='w-full h-full position-absolute left-0'
+      <iframe
+        class='w-full border-0 position-absolute left-0'
         class:d-none={hide}
-        playsinline
-        preload='none'
-        loading='lazy'
+        title={media.title.userPreferred}
+        allow='autoplay'
         use:lazyload
-        loop
-        use:volume
-        bind:muted
-        on:loadeddata={() => { hide = false }}
-        autoplay />
+        on:load={() => { hide = false }}
+        data-src={`https://www.youtube-nocookie.com/embed/${media.trailer?.id}?autoplay=1&controls=0&mute=${muted ? 1 : 0}&disablekb=1&loop=1&vq=medium&playlist=${media.trailer?.id}&cc_lang_pref=ja`}
+      />
     {/if}
   </div>
   <div class='w-full px-20'>
@@ -83,10 +76,10 @@
         </span>
         {playButtonText}
       </button>
-      <button class='btn btn-square ml-10 material-symbols-outlined font-size-16 shadow-none border-0' class:filled={media.isFavourite} use:click={noop} disabled={!alToken}>
+      <button class='btn btn-square ml-10 material-symbols-outlined font-size-16 shadow-none border-0' class:filled={media.isFavourite} use:click={noop}>
         favorite
       </button>
-      <button class='btn btn-square ml-10 material-symbols-outlined font-size-16 shadow-none border-0' class:filled={media.mediaListEntry} use:click={noop} disabled={!alToken}>
+      <button class='btn btn-square ml-10 material-symbols-outlined font-size-16 shadow-none border-0' class:filled={media.mediaListEntry} use:click={noop}>
         bookmark
       </button>
     </div>
diff --git a/web/src/lib/css.css b/web/src/lib/css.css
index cdb4a48..bb2c771 100644
--- a/web/src/lib/css.css
+++ b/web/src/lib/css.css
@@ -1,3 +1,28 @@
+@import '@fontsource-variable/material-symbols-outlined/full.css';
+
+.material-symbols-outlined {
+  font-family: "Material Symbols Outlined Variable";
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+  font-feature-settings: "liga";
+  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 64;
+}
+
+.filled {
+  font-variation-settings: 'FILL' 1;
+}
+
 .dark-mode {
   background-color: #101113 !important;
 }