diff --git a/api/package.json b/api/package.json
index 2205e1c..fccbddf 100644
--- a/api/package.json
+++ b/api/package.json
@@ -1,7 +1,7 @@
 {
     "name": "@imput/cobalt-api",
     "description": "save what you love",
-    "version": "10.5.2",
+    "version": "10.5.4",
     "author": "imput",
     "exports": "./src/cobalt.js",
     "type": "module",
diff --git a/api/src/processing/match-action.js b/api/src/processing/match-action.js
index 5c72862..64f8683 100644
--- a/api/src/processing/match-action.js
+++ b/api/src/processing/match-action.js
@@ -102,6 +102,7 @@ export default function({ r, host, audioFormat, isAudioOnly, isAudioMuted, disab
                             filename: `${r.audioFilename}.${audioFormat}`,
                             isAudioOnly: true,
                             audioFormat,
+                            audioBitrate
                         })
                     }
                     break;
diff --git a/web/build.zip b/web/build.zip
new file mode 100644
index 0000000..0f82a49
Binary files /dev/null and b/web/build.zip differ
diff --git a/web/src/app.html b/web/src/app.html
index b60acb3..2c877be 100644
--- a/web/src/app.html
+++ b/web/src/app.html
@@ -1,35 +1,46 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
     <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="viewport-fit=cover, width=device-width, height=device-height, initial-scale=1, maximum-scale=1">
-        <meta name="application-name" content="cobalt">
-        <meta name="og:type" content="article">
-        <meta name="twitter:card" content="summary">
+        <meta charset="utf-8" />
+        <meta
+            name="viewport"
+            content="viewport-fit=cover, width=device-width, height=device-height, initial-scale=1, maximum-scale=1"
+        />
+        <meta name="application-name" content="cobalt" />
+        <meta name="og:type" content="article" />
+        <meta name="twitter:card" content="summary" />
 
         %sveltekit.head%
 
-        <meta name="mobile-web-app-capable" content="yes">
-        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-        <meta name="apple-mobile-web-app-title" content="cobalt">
+        <meta name="mobile-web-app-capable" content="yes" />
+        <meta
+            name="apple-mobile-web-app-status-bar-style"
+            content="black-translucent"
+        />
+        <meta name="apple-mobile-web-app-title" content="cobalt" />
 
-        <meta name="darkreader-lock">
-        <meta name="color-scheme" content="only light">
+        <meta name="darkreader-lock" />
+        <meta name="color-scheme" content="only light" />
 
-        <link rel="icon" href="%sveltekit.assets%/favicon.png">
-        <link rel="apple-touch-icon" sizes="180x180" href="%sveltekit.assets%/icons/apple-touch-icon.png">
+        <link rel="icon" href="%sveltekit.assets%/favicon.png" />
+        <link
+            rel="apple-touch-icon"
+            sizes="180x180"
+            href="%sveltekit.assets%/icons/apple-touch-icon.png"
+        />
         <link type="application/activity+json" href="" />
 
-        <link crossorigin="use-credentials" rel="manifest" href="%sveltekit.assets%/manifest.json">
-
         <noscript>
             <style>
-                #cobalt { opacity: 1 !important }
+                #cobalt {
+                    opacity: 1 !important;
+                }
             </style>
         </noscript>
 
         <style>
-            body, #body-dark {
+            body,
+            #body-dark {
                 background-color: black;
             }
 
@@ -49,21 +60,27 @@
 
             #cobalt.loaded {
                 opacity: 1;
-                transition: opacity .2s ease-out;
+                transition: opacity 0.2s ease-out;
             }
         </style>
         <script>
-            document.addEventListener('DOMContentLoaded', function() {
-                let settings = localStorage.getItem('settings'), appearance;
-                if (settings && ({ appearance } = JSON.parse(settings)) && appearance?.theme) {
+            document.addEventListener('DOMContentLoaded', function () {
+                let settings = localStorage.getItem('settings'),
+                    appearance;
+                if (
+                    settings &&
+                    ({ appearance } = JSON.parse(settings)) &&
+                    appearance?.theme
+                ) {
                     document.body.id = `body-${appearance.theme}`;
                 }
             });
         </script>
     </head>
-    <body data-sveltekit-preload-data="hover" data-sveltekit-preload-code="eager">
-        <div style="display: contents">
-            %sveltekit.body%
-        </div>
+    <body
+        data-sveltekit-preload-data="hover"
+        data-sveltekit-preload-code="eager"
+    >
+        <div style="display: contents">%sveltekit.body%</div>
     </body>
 </html>
diff --git a/web/src/components/sidebar/CobaltLogo.svelte b/web/src/components/sidebar/CobaltLogo.svelte
index 2de04b3..f3501ce 100644
--- a/web/src/components/sidebar/CobaltLogo.svelte
+++ b/web/src/components/sidebar/CobaltLogo.svelte
@@ -4,7 +4,7 @@
 
 <div id="cobalt-logo">
     <img
-        src="/logos/hydralogo.png"
+        src="logos/hydralogo.png"
         height="75"
         alt="Team Hydra Logo"
         aria-hidden="true"
diff --git a/web/src/routes/about/+layout.svelte b/web/src/routes/about/+layout.svelte
deleted file mode 100644
index e28df42..0000000
--- a/web/src/routes/about/+layout.svelte
+++ /dev/null
@@ -1,62 +0,0 @@
-<script lang="ts">
-    import { t } from "$lib/i18n/translations";
-
-    import PageNav from "$components/subnav/PageNav.svelte";
-
-    import PageNavTab from "$components/subnav/PageNavTab.svelte";
-    import PageNavSection from "$components/subnav/PageNavSection.svelte";
-
-    import IconLock from "@tabler/icons-svelte/IconLock.svelte";
-    import IconComet from "@tabler/icons-svelte/IconComet.svelte";
-    import IconLicense from "@tabler/icons-svelte/IconLicense.svelte";
-    import IconChecklist from "@tabler/icons-svelte/IconChecklist.svelte";
-    import IconUsersGroup from "@tabler/icons-svelte/IconUsersGroup.svelte";
-</script>
-
-<PageNav
-    pageName="about"
-    homeNavPath="/about"
-    homeTitle={$t("tabs.about")}
-    contentPadding
-    wideContent
->
-    <svelte:fragment slot="navigation">
-        <PageNavSection>
-            <PageNavTab
-                path="/about/general"
-                title={$t("about.page.general")}
-                icon={IconComet}
-                iconColor="blue"
-            />
-            <PageNavTab
-                path="/about/community"
-                title={$t("about.page.community")}
-                icon={IconUsersGroup}
-                iconColor="green"
-            />
-        </PageNavSection>
-
-        <PageNavSection>
-            <PageNavTab
-                path="/about/terms"
-                title={$t("about.page.terms")}
-                icon={IconChecklist}
-                iconColor="gray"
-            />
-            <PageNavTab
-                path="/about/privacy"
-                title={$t("about.page.privacy")}
-                icon={IconLock}
-                iconColor="gray"
-            />
-            <PageNavTab
-                path="/about/credits"
-                title={$t("about.page.credits")}
-                icon={IconLicense}
-                iconColor="gray"
-            />
-        </PageNavSection>
-    </svelte:fragment>
-
-    <slot slot="content"></slot>
-</PageNav>
diff --git a/web/src/routes/about/+page.svelte b/web/src/routes/about/+page.svelte
deleted file mode 100644
index ae86083..0000000
--- a/web/src/routes/about/+page.svelte
+++ /dev/null
@@ -1,4 +0,0 @@
-<!--
-    please don't remove this file
-    it's used to display page navigation on mobile, without a blank page it won't work
--->
diff --git a/web/src/routes/about/[page]/+page.svelte b/web/src/routes/about/[page]/+page.svelte
deleted file mode 100644
index 68bad42..0000000
--- a/web/src/routes/about/[page]/+page.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script lang="ts">
-	import type { PageData } from './$types';
-	export let data: PageData;
-</script>
-
-<svelte:component this={data.component} />
diff --git a/web/src/routes/about/[page]/+page.ts b/web/src/routes/about/[page]/+page.ts
deleted file mode 100644
index be5c7a3..0000000
--- a/web/src/routes/about/[page]/+page.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import type { ComponentType, SvelteComponent } from 'svelte';
-import { get } from 'svelte/store';
-import { error } from '@sveltejs/kit';
-
-import type { PageLoad } from './$types';
-
-import locale from '$lib/i18n/locale';
-import type { DefaultImport } from '$lib/types/generic';
-import { defaultLocale } from '$lib/i18n/translations';
-
-const pages = import.meta.glob('$i18n/*/about/*.md');
-
-export const load: PageLoad = async ({ params }) => {
-    const getPage = (locale: string) => Object.keys(pages).find(
-        file => file.endsWith(`${locale}/about/${params.page}.md`)
-    );
-
-    const componentPath = getPage(get(locale)) || getPage(defaultLocale);
-    if (componentPath) {
-        type Component = ComponentType<SvelteComponent>;
-        const componentImport = pages[componentPath] as DefaultImport<Component>;
-
-        return { component: (await componentImport()).default }
-    }
-
-	error(404, 'Not found');
-};
-
-export const prerender = true;
diff --git a/web/src/routes/about/community/+page.svelte b/web/src/routes/about/community/+page.svelte
deleted file mode 100644
index 77d382e..0000000
--- a/web/src/routes/about/community/+page.svelte
+++ /dev/null
@@ -1,83 +0,0 @@
-<script lang="ts">
-    import locale from "$lib/i18n/locale";
-
-    import { contacts } from "$lib/env";
-    import { t } from "$lib/i18n/translations";
-
-    import AboutSupport from "$components/about/AboutSupport.svelte";
-
-    let buttonContainerWidth: number;
-</script>
-
-<div id="support-page">
-    <div
-        id="support-buttons"
-        bind:offsetWidth={buttonContainerWidth}
-
-        class="two"
-        class:one={buttonContainerWidth < 500}
-    >
-        <AboutSupport
-            platform="github"
-            externalLink={contacts.github}
-        />
-
-        {#if $locale === "ru"}
-            <AboutSupport
-                platform="telegram"
-                externalLink={contacts.telegram_ru}
-            />
-        {:else}
-            <AboutSupport
-                platform="discord"
-                externalLink={contacts.discord}
-            />
-            <AboutSupport
-                platform="twitter"
-                externalLink={contacts.twitter}
-            />
-            <AboutSupport
-                platform="bluesky"
-                externalLink={contacts.bluesky}
-            />
-        {/if}
-    </div>
-
-    <div class="subtext support-note">
-        {$t("about.support.description.issue")}
-
-        {#if $locale !== "ru"}
-            {$t("about.support.description.help")}
-        {/if}
-
-        {$t("about.support.description.best-effort")}
-    </div>
-</div>
-
-<style>
-    #support-page {
-        display: flex;
-        flex-direction: column;
-        gap: 18px;
-    }
-
-    #support-buttons {
-        display: grid;
-        grid-template-columns: 1fr 1fr 1fr;
-        overflow-x: scroll;
-        gap: var(--padding);
-    }
-
-    #support-buttons.two {
-        grid-template-columns: 1fr 1fr;
-    }
-
-    #support-buttons.one {
-        grid-template-columns: 1fr;
-    }
-
-    .support-note {
-        text-align: start;
-        padding: 0;
-    }
-</style>
diff --git a/web/src/routes/settings/+layout.svelte b/web/src/routes/settings/+layout.svelte
index 0bd30a2..99c26fe 100644
--- a/web/src/routes/settings/+layout.svelte
+++ b/web/src/routes/settings/+layout.svelte
@@ -1,62 +1,68 @@
 <script lang="ts">
-    import settings from "$lib/state/settings";
+    import settings from '$lib/state/settings';
 
-    import { version } from "$lib/version";
-    import { t } from "$lib/i18n/translations";
+    import { version } from '$lib/version';
+    import { t } from '$lib/i18n/translations';
 
-    import PageNav from "$components/subnav/PageNav.svelte";
+    import PageNav from '$components/subnav/PageNav.svelte';
 
-    import PageNavTab from "$components/subnav/PageNavTab.svelte";
-    import PageNavSection from "$components/subnav/PageNavSection.svelte";
+    import PageNavTab from '$components/subnav/PageNavTab.svelte';
+    import PageNavSection from '$components/subnav/PageNavSection.svelte';
 
-    import IconLock from "@tabler/icons-svelte/IconLock.svelte";
-    import IconSunHigh from "@tabler/icons-svelte/IconSunHigh.svelte";
+    import IconLock from '@tabler/icons-svelte/IconLock.svelte';
+    import IconSunHigh from '@tabler/icons-svelte/IconSunHigh.svelte';
 
-    import IconMovie from "@tabler/icons-svelte/IconMovie.svelte";
-    import IconMusic from "@tabler/icons-svelte/IconMusic.svelte";
-    import IconFileDownload from "@tabler/icons-svelte/IconFileDownload.svelte";
+    import IconMovie from '@tabler/icons-svelte/IconMovie.svelte';
+    import IconMusic from '@tabler/icons-svelte/IconMusic.svelte';
+    import IconFileDownload from '@tabler/icons-svelte/IconFileDownload.svelte';
 
-    import IconBug from "@tabler/icons-svelte/IconBug.svelte";
-    import IconWorld from "@tabler/icons-svelte/IconWorld.svelte";
-    import IconAdjustmentsStar from "@tabler/icons-svelte/IconAdjustmentsStar.svelte";
+    import IconBug from '@tabler/icons-svelte/IconBug.svelte';
+    import IconWorld from '@tabler/icons-svelte/IconWorld.svelte';
+    import IconAdjustmentsStar from '@tabler/icons-svelte/IconAdjustmentsStar.svelte';
 
     $: versionText = $version
         ? `v${$version.version}-${$version.commit.slice(0, 8)}`
-        : "\xa0";
+        : '\xa0';
 </script>
 
 <PageNav
     pageName="settings"
     pageSubtitle={versionText}
     homeNavPath="/settings"
-    homeTitle={$t("tabs.settings")}
+    homeTitle={$t('tabs.settings')}
 >
     <svelte:fragment slot="navigation">
         <PageNavSection>
             <PageNavTab
                 path="/settings/appearance"
-                title={$t("settings.page.appearance")}
+                title={$t('settings.page.appearance')}
                 icon={IconSunHigh}
                 iconColor="blue"
             />
+            <PageNavTab
+                path="/settings/privacy"
+                title={$t('settings.page.privacy')}
+                icon={IconLock}
+                iconColor="blue"
+            />
         </PageNavSection>
 
         <PageNavSection>
             <PageNavTab
                 path="/settings/video"
-                title={$t("settings.page.video")}
+                title={$t('settings.page.video')}
                 icon={IconMovie}
                 iconColor="green"
             />
             <PageNavTab
                 path="/settings/audio"
-                title={$t("settings.page.audio")}
+                title={$t('settings.page.audio')}
                 icon={IconMusic}
                 iconColor="green"
             />
             <PageNavTab
                 path="/settings/download"
-                title={$t("settings.page.download")}
+                title={$t('settings.page.download')}
                 icon={IconFileDownload}
                 iconColor="green"
             />
diff --git a/web/src/routes/settings/advanced/+page.svelte b/web/src/routes/settings/advanced/+page.svelte
deleted file mode 100644
index f66ada3..0000000
--- a/web/src/routes/settings/advanced/+page.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-    import { t } from "$lib/i18n/translations";
-
-    import SettingsToggle from "$components/buttons/SettingsToggle.svelte";
-    import ManageSettings from "$components/settings/ManageSettings.svelte";
-    import SettingsCategory from "$components/settings/SettingsCategory.svelte";
-</script>
-
-<SettingsCategory sectionId="debug" title={$t("settings.advanced.debug")}>
-    <SettingsToggle
-        settingContext="advanced"
-        settingId="debug"
-        title={$t("settings.advanced.debug.title")}
-        description={$t("settings.advanced.debug.description")}
-    />
-</SettingsCategory>
-
-<SettingsCategory sectionId="data" title={$t("settings.advanced.data")}>
-    <ManageSettings />
-</SettingsCategory>
diff --git a/web/src/routes/settings/audio/+page.svelte b/web/src/routes/settings/audio/+page.svelte
index 5dfda46..a07438c 100644
--- a/web/src/routes/settings/audio/+page.svelte
+++ b/web/src/routes/settings/audio/+page.svelte
@@ -1,19 +1,21 @@
 <script lang="ts">
-    import settings from "$lib/state/settings";
-    import { t } from "$lib/i18n/translations";
-    import { namedYoutubeLanguages } from "$lib/settings/youtube-lang";
+    import settings from '$lib/state/settings';
+    import { t } from '$lib/i18n/translations';
+    import { namedYoutubeLanguages } from '$lib/settings/youtube-lang';
 
-    import { audioFormatOptions, audioBitrateOptions } from "$lib/types/settings";
+    import {
+        audioFormatOptions,
+        audioBitrateOptions,
+    } from '$lib/types/settings';
 
-    import SettingsCategory from "$components/settings/SettingsCategory.svelte";
-    import Switcher from "$components/buttons/Switcher.svelte";
-    import SettingsButton from "$components/buttons/SettingsButton.svelte";
-    import SettingsToggle from "$components/buttons/SettingsToggle.svelte";
-    import SettingsDropdown from "$components/settings/SettingsDropdown.svelte";
+    import SettingsCategory from '$components/settings/SettingsCategory.svelte';
+    import Switcher from '$components/buttons/Switcher.svelte';
+    import SettingsButton from '$components/buttons/SettingsButton.svelte';
+    import SettingsToggle from '$components/buttons/SettingsToggle.svelte';
+    import SettingsDropdown from '$components/settings/SettingsDropdown.svelte';
 
     const displayLangs = namedYoutubeLanguages();
 </script>
-
 <SettingsCategory sectionId="format" title={$t("settings.audio.format")}>
     <Switcher big={true} description={$t("settings.audio.format.description")}>
         {#each audioFormatOptions as value}
@@ -72,4 +74,4 @@
         title={$t("settings.audio.tiktok.original.title")}
         description={$t("settings.audio.tiktok.original.description")}
     />
-</SettingsCategory>
+</SettingsCategory>
\ No newline at end of file
diff --git a/web/static/_headers b/web/static/_headers
deleted file mode 100644
index cabbdca..0000000
--- a/web/static/_headers
+++ /dev/null
@@ -1,3 +0,0 @@
-/*
-    Cross-Origin-Opener-Policy: same-origin
-    Cross-Origin-Embedder-Policy: require-corp
diff --git a/web/static/settings/logos/hydralogo.png b/web/static/settings/logos/hydralogo.png
new file mode 100644
index 0000000..2c1cb87
Binary files /dev/null and b/web/static/settings/logos/hydralogo.png differ
