chore: sync all remaining changes

- Remove android build directory (moved to CI) - Update package dependencies - Misc server and client improvements
fix: include lesson stepper styles in build, restrict scramble to locale changes only
2026-04-18 22:40:25 +02:00 · 2026-04-18 22:38:08 +02:00 · 2026-04-18 22:19:36 +02:00 · 2026-02-28 00:03:50 +01:00
115 changed files with 1430 additions and 1457 deletions
@@ -1,101 +0,0 @@
-# Using Android gitignore template: https://github.com/github/gitignore/blob/HEAD/Android.gitignore
-
-# Built application files
-*.apk
-*.aar
-*.ap_
-*.aab
-
-# Files for the ART/Dalvik VM
-*.dex
-
-# Java class files
-*.class
-
-# Generated files
-bin/
-gen/
-out/
-#  Uncomment the following line in case you need and you don't have the release build type files in your app
-# release/
-
-# Gradle files
-.gradle/
-build/
-
-# Local configuration file (sdk path, etc)
-local.properties
-
-# Proguard folder generated by Eclipse
-proguard/
-
-# Log Files
-*.log
-
-# Android Studio Navigation editor temp files
-.navigation/
-
-# Android Studio captures folder
-captures/
-
-# IntelliJ
-*.iml
-.idea/workspace.xml
-.idea/tasks.xml
-.idea/gradle.xml
-.idea/assetWizardSettings.xml
-.idea/dictionaries
-.idea/libraries
-# Android Studio 3 in .gitignore file.
-.idea/caches
-.idea/modules.xml
-# Comment next line if keeping position of elements in Navigation Editor is relevant for you
-.idea/navEditor.xml
-
-# Keystore files
-# Uncomment the following lines if you do not want to check your keystore files in.
-#*.jks
-#*.keystore
-
-# External native build folder generated in Android Studio 2.2 and later
-.externalNativeBuild
-.cxx/
-
-# Google Services (e.g. APIs or Firebase)
-# google-services.json
-
-# Freeline
-freeline.py
-freeline/
-freeline_project_description.json
-
-# fastlane
-fastlane/report.xml
-fastlane/Preview.html
-fastlane/screenshots
-fastlane/test_output
-fastlane/readme.md
-
-# Version control
-vcs.xml
-
-# lint
-lint/intermediates/
-lint/generated/
-lint/outputs/
-lint/tmp/
-# lint/reports/
-
-# Android Profiling
-*.hprof
-
-# Cordova plugins for Capacitor
-capacitor-cordova-android-plugins
-
-# Copied web assets
-app/src/main/assets/public
-
-# Generated Config files
-app/src/main/assets/capacitor.config.json
-app/src/main/assets/capacitor.plugins.json
-app/src/main/res/xml/config.xml
@@ -1,2 +0,0 @@
-/build/*
-!/build/.npmkeep
@@ -1,90 +0,0 @@
-apply plugin: 'com.android.application'
-
-android {
-    namespace "com.zenkanji.app"
-    compileSdk rootProject.ext.compileSdkVersion
-    defaultConfig {
-        applicationId "com.zenkanji.app"
-        minSdkVersion rootProject.ext.minSdkVersion
-        targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 1
-        versionName "1.0"
-        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
-        aaptOptions {
-            ignoreAssetsPattern '!.svn:!.git:!.ds_store:!*.scc:.*:!CVS:!thumbs.db:!picasa.ini:!*~'
-        }
-    }
-    signingConfigs {
-        release {
-        if (file("my-release-key.jks").exists()) {
-            storeFile file("my-release-key.jks")
-            if (project.hasProperty("RELEASE_KEY_PASSWORD")) {
-                storePassword RELEASE_KEY_PASSWORD
-                keyPassword RELEASE_KEY_PASSWORD
-            } else if (System.getenv("RELEASE_KEY_PASSWORD") != null) {
-                storePassword System.getenv("RELEASE_KEY_PASSWORD")
-                keyPassword System.getenv("RELEASE_KEY_PASSWORD")
-            } else {
-                storePassword "missing_password"
-                keyPassword "missing_password"
-            }
-            if (project.hasProperty("RELEASE_KEY_ALIAS")) {
-                keyAlias RELEASE_KEY_ALIAS
-            } else if (System.getenv("RELEASE_KEY_ALIAS") != null) {
-                keyAlias System.getenv("RELEASE_KEY_ALIAS")
-            } else {
-                keyAlias "my-key-alias"
-            }
-        }
-    }
-    }
-    buildTypes {
-        release {
-            signingConfig signingConfigs.release
-            minifyEnabled true
-            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
-        }
-    }
-    applicationVariants.all { variant ->
-        variant.outputs.all {
-            outputFileName = "ZenKanji-${variant.versionName}.apk"
-        }
-    }
-}
-
-repositories {
-    flatDir{
-        dirs '../capacitor-cordova-android-plugins/src/main/libs', 'libs'
-    }
-}
-
-dependencies {
-    implementation fileTree(include: ['*.jar'], dir: 'libs')
-    implementation "androidx.appcompat:appcompat:$androidxAppCompatVersion"
-    implementation "androidx.coordinatorlayout:coordinatorlayout:$androidxCoordinatorLayoutVersion"
-    implementation "androidx.core:core-splashscreen:$coreSplashScreenVersion"
-    implementation project(':capacitor-android')
-    testImplementation "junit:junit:$junitVersion"
-    androidTestImplementation "androidx.test.ext:junit:$androidxJunitVersion"
-    androidTestImplementation "androidx.test.espresso:espresso-core:$androidxEspressoCoreVersion"
-    implementation project(':capacitor-cordova-android-plugins')
-}
-
-apply from: 'capacitor.build.gradle'
-
-try {
-    def servicesJSON = file('google-services.json')
-    if (servicesJSON.text) {
-        apply plugin: 'com.google.gms.google-services'
-    }
-} catch(Exception e) {
-    logger.info("google-services.json not found, google-services plugin not applied. Push Notifications won't work")
-}
-
-configurations.all {
-    resolutionStrategy {
-        force 'org.jetbrains.kotlin:kotlin-stdlib:1.8.22'
-        force 'org.jetbrains.kotlin:kotlin-stdlib-jdk7:1.8.22'
-        force 'org.jetbrains.kotlin:kotlin-stdlib-jdk8:1.8.22'
-    }
-}
@@ -1,20 +0,0 @@
-// DO NOT EDIT THIS FILE! IT IS GENERATED EACH TIME "capacitor update" IS RUN
-
-android {
-  compileOptions {
-      sourceCompatibility JavaVersion.VERSION_21
-      targetCompatibility JavaVersion.VERSION_21
-  }
-}
-
-apply from: "../capacitor-cordova-android-plugins/cordova.variables.gradle"
-dependencies {
-    implementation project(':capacitor-app')
-    implementation project(':capgo-capacitor-updater')
-
-}
-
-
-if (hasProperty('postBuildExtras')) {
-  postBuildExtras()
-}
@@ -1,21 +0,0 @@
-# Add project specific ProGuard rules here.
-# You can control the set of applied configuration files using the
-# proguardFiles setting in build.gradle.
-#
-# For more details, see
-#   http://developer.android.com/guide/developing/tools/proguard.html
-
-# If your project uses WebView with JS, uncomment the following
-# and specify the fully qualified class name to the JavaScript interface
-# class:
-#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
-#   public *;
-#}
-
-# Uncomment this to preserve the line number information for
-# debugging stack traces.
-#-keepattributes SourceFile,LineNumberTable
-
-# If you keep the line number information, uncomment this to
-# hide the original source file name.
-#-renamesourcefileattribute SourceFile
@@ -1,26 +0,0 @@
-package com.getcapacitor.myapp;
-
-import static org.junit.Assert.*;
-
-import android.content.Context;
-import androidx.test.ext.junit.runners.AndroidJUnit4;
-import androidx.test.platform.app.InstrumentationRegistry;
-import org.junit.Test;
-import org.junit.runner.RunWith;
-
-/**
- * Instrumented test, which will execute on an Android device.
- *
- * @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
- */
-@RunWith(AndroidJUnit4.class)
-public class ExampleInstrumentedTest {
-
-    @Test
-    public void useAppContext() throws Exception {
-        // Context of the app under test.
-        Context appContext = InstrumentationRegistry.getInstrumentation().getTargetContext();
-
-        assertEquals("com.getcapacitor.app", appContext.getPackageName());
-    }
-}
@@ -1,36 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<manifest xmlns:android="http://schemas.android.com/apk/res/android">
-    <application
-        android:allowBackup="true"
-        android:icon="@mipmap/ic_launcher"
-        android:label="@string/app_name"
-        android:roundIcon="@mipmap/ic_launcher_round"
-        android:supportsRtl="true"
-        android:theme="@style/AppTheme"
-        android:usesCleartextTraffic="true">
-        <activity
-            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode|navigation"
-            android:name=".MainActivity"
-            android:label="@string/title_activity_main"
-            android:theme="@style/AppTheme.NoActionBarLaunch"
-            android:launchMode="singleTask"
-            android:exported="true">
-            <intent-filter>
-                <action android:name="android.intent.action.MAIN" />
-                <category android:name="android.intent.category.LAUNCHER" />
-            </intent-filter>
-        </activity>
-
-        <provider
-            android:name="androidx.core.content.FileProvider"
-            android:authorities="${applicationId}.fileprovider"
-            android:exported="false"
-            android:grantUriPermissions="true">
-            <meta-data android:name="android.support.FILE_PROVIDER_PATHS" android:resource="@xml/file_paths" />
-        </provider>
-    </application>
-
-    <!-- Permissions -->
-
-    <uses-permission android:name="android.permission.INTERNET" />
-</manifest>
@@ -1,5 +0,0 @@
-package com.zenkanji.app;
-
-import com.getcapacitor.BridgeActivity;
-
-public class MainActivity extends BridgeActivity {}
@@ -1,34 +0,0 @@
-<vector xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:aapt="http://schemas.android.com/aapt"
-    android:width="108dp"
-    android:height="108dp"
-    android:viewportHeight="108"
-    android:viewportWidth="108">
-    <path
-        android:fillType="evenOdd"
-        android:pathData="M32,64C32,64 38.39,52.99 44.13,50.95C51.37,48.37 70.14,49.57 70.14,49.57L108.26,87.69L108,109.01L75.97,107.97L32,64Z"
-        android:strokeColor="#00000000"
-        android:strokeWidth="1">
-        <aapt:attr name="android:fillColor">
-            <gradient
-                android:endX="78.5885"
-                android:endY="90.9159"
-                android:startX="48.7653"
-                android:startY="61.0927"
-                android:type="linear">
-                <item
-                    android:color="#44000000"
-                    android:offset="0.0" />
-                <item
-                    android:color="#00000000"
-                    android:offset="1.0" />
-            </gradient>
-        </aapt:attr>
-    </path>
-    <path
-        android:fillColor="#FFFFFF"
-        android:fillType="nonZero"
-        android:pathData="M66.94,46.02L66.94,46.02C72.44,50.07 76,56.61 76,64L32,64C32,56.61 35.56,50.11 40.98,46.06L36.18,41.19C35.45,40.45 35.45,39.3 36.18,38.56C36.91,37.81 38.05,37.81 38.78,38.56L44.25,44.05C47.18,42.57 50.48,41.71 54,41.71C57.48,41.71 60.78,42.57 63.68,44.05L69.11,38.56C69.84,37.81 70.98,37.81 71.71,38.56C72.44,39.3 72.44,40.45 71.71,41.19L66.94,46.02ZM62.94,56.92C64.08,56.92 65,56.01 65,54.88C65,53.76 64.08,52.85 62.94,52.85C61.8,52.85 60.88,53.76 60.88,54.88C60.88,56.01 61.8,56.92 62.94,56.92ZM45.06,56.92C46.2,56.92 47.13,56.01 47.13,54.88C47.13,53.76 46.2,52.85 45.06,52.85C43.92,52.85 43,53.76 43,54.88C43,56.01 43.92,56.92 45.06,56.92Z"
-        android:strokeColor="#00000000"
-        android:strokeWidth="1" />
-</vector>
@@ -1,170 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<vector xmlns:android="http://schemas.android.com/apk/res/android"
-    android:width="108dp"
-    android:height="108dp"
-    android:viewportHeight="108"
-    android:viewportWidth="108">
-    <path
-        android:fillColor="#26A69A"
-        android:pathData="M0,0h108v108h-108z" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M9,0L9,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,0L19,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M29,0L29,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M39,0L39,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M49,0L49,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M59,0L59,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M69,0L69,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M79,0L79,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M89,0L89,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M99,0L99,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,9L108,9"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,19L108,19"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,29L108,29"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,39L108,39"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,49L108,49"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,59L108,59"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,69L108,69"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,79L108,79"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,89L108,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,99L108,99"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,29L89,29"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,39L89,39"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,49L89,49"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,59L89,59"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,69L89,69"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,79L89,79"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M29,19L29,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M39,19L39,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M49,19L49,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M59,19L59,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M69,19L69,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M79,19L79,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-</vector>
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto"
-    xmlns:tools="http://schemas.android.com/tools"
-    android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    tools:context=".MainActivity">
-
-    <WebView
-        android:layout_width="match_parent"
-        android:layout_height="match_parent" />
-</androidx.coordinatorlayout.widget.CoordinatorLayout>
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-    <background>
-        <inset android:drawable="@mipmap/ic_launcher_background" android:inset="16.7%" />
-    </background>
-    <foreground>
-        <inset android:drawable="@mipmap/ic_launcher_foreground" android:inset="16.7%" />
-    </foreground>
-</adaptive-icon>
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-    <background>
-        <inset android:drawable="@mipmap/ic_launcher_background" android:inset="16.7%" />
-    </background>
-    <foreground>
-        <inset android:drawable="@mipmap/ic_launcher_foreground" android:inset="16.7%" />
-    </foreground>
-</adaptive-icon>
@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<resources>
-    <color name="ic_launcher_background">#FFFFFF</color>
-</resources>
@@ -1,7 +0,0 @@
-<?xml version='1.0' encoding='utf-8'?>
-<resources>
-    <string name="app_name">Zen Kanji</string>
-    <string name="title_activity_main">Zen Kanji</string>
-    <string name="package_name">com.zenkanji.app</string>
-    <string name="custom_url_scheme">com.zenkanji.app</string>
-</resources>
@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<resources>
-
-    <!-- Base application theme. -->
-    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
-        <!-- Customize your theme here. -->
-        <item name="colorPrimary">@color/colorPrimary</item>
-        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
-        <item name="colorAccent">@color/colorAccent</item>
-    </style>
-
-    <style name="AppTheme.NoActionBar" parent="Theme.AppCompat.DayNight.NoActionBar">
-        <item name="windowActionBar">false</item>
-        <item name="windowNoTitle">true</item>
-        <item name="android:background">@null</item>
-    </style>
-
-
-    <style name="AppTheme.NoActionBarLaunch" parent="Theme.SplashScreen">
-        <item name="android:background">@drawable/splash</item>
-    </style>
-</resources>
@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<paths xmlns:android="http://schemas.android.com/apk/res/android">
-    <external-path name="my_images" path="." />
-    <cache-path name="my_cache_images" path="." />
-</paths>
@@ -1,18 +0,0 @@
-package com.getcapacitor.myapp;
-
-import static org.junit.Assert.*;
-
-import org.junit.Test;
-
-/**
- * Example local unit test, which will execute on the development machine (host).
- *
- * @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
- */
-public class ExampleUnitTest {
-
-    @Test
-    public void addition_isCorrect() throws Exception {
-        assertEquals(4, 2 + 2);
-    }
-}
@@ -1,24 +0,0 @@
-buildscript {
-    
-    repositories {
-        google()
-        mavenCentral()
-    }
-    dependencies {
-        classpath 'com.android.tools.build:gradle:8.7.2'
-        classpath 'com.google.gms:google-services:4.4.2'
-    }
-}
-
-apply from: "variables.gradle"
-
-allprojects {
-    repositories {
-        google()
-        mavenCentral()
-    }
-}
-
-task clean(type: Delete) {
-    delete rootProject.buildDir
-}
@@ -1,9 +0,0 @@
-// DO NOT EDIT THIS FILE! IT IS GENERATED EACH TIME "capacitor update" IS RUN
-include ':capacitor-android'
-project(':capacitor-android').projectDir = new File('../node_modules/@capacitor/android/capacitor')
-
-include ':capacitor-app'
-project(':capacitor-app').projectDir = new File('../node_modules/@capacitor/app/android')
-
-include ':capgo-capacitor-updater'
-project(':capgo-capacitor-updater').projectDir = new File('../node_modules/@capgo/capacitor-updater/android')
@@ -1,2 +0,0 @@
-org.gradle.jvmargs=-Xmx1536m
-android.useAndroidX=true
@@ -1,7 +0,0 @@
-distributionBase=GRADLE_USER_HOME
-distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.11.1-all.zip
-networkTimeout=10000
-validateDistributionUrl=true
-zipStoreBase=GRADLE_USER_HOME
-zipStorePath=wrapper/dists
@@ -1,252 +0,0 @@
-#!/bin/sh
-
-#
-# Copyright © 2015-2021 the original authors.
-#
-# Licensed under the Apache License, Version 2.0 (the "License");
-# you may not use this file except in compliance with the License.
-# You may obtain a copy of the License at
-#
-#      https://www.apache.org/licenses/LICENSE-2.0
-#
-# Unless required by applicable law or agreed to in writing, software
-# distributed under the License is distributed on an "AS IS" BASIS,
-# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-# See the License for the specific language governing permissions and
-# limitations under the License.
-#
-# SPDX-License-Identifier: Apache-2.0
-#
-
-##############################################################################
-#
-#   Gradle start up script for POSIX generated by Gradle.
-#
-#   Important for running:
-#
-#   (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
-#       noncompliant, but you have some other compliant shell such as ksh or
-#       bash, then to run this script, type that shell name before the whole
-#       command line, like:
-#
-#           ksh Gradle
-#
-#       Busybox and similar reduced shells will NOT work, because this script
-#       requires all of these POSIX shell features:
-#         * functions;
-#         * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
-#           «${var#prefix}», «${var%suffix}», and «$( cmd )»;
-#         * compound commands having a testable exit status, especially «case»;
-#         * various built-in commands including «command», «set», and «ulimit».
-#
-#   Important for patching:
-#
-#   (2) This script targets any POSIX shell, so it avoids extensions provided
-#       by Bash, Ksh, etc; in particular arrays are avoided.
-#
-#       The "traditional" practice of packing multiple parameters into a
-#       space-separated string is a well documented source of bugs and security
-#       problems, so this is (mostly) avoided, by progressively accumulating
-#       options in "$@", and eventually passing that to Java.
-#
-#       Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
-#       and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
-#       see the in-line comments for details.
-#
-#       There are tweaks for specific operating systems such as AIX, CygWin,
-#       Darwin, MinGW, and NonStop.
-#
-#   (3) This script is generated from the Groovy template
-#       https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
-#       within the Gradle project.
-#
-#       You can find Gradle at https://github.com/gradle/gradle/.
-#
-##############################################################################
-
-# Attempt to set APP_HOME
-
-# Resolve links: $0 may be a link
-app_path=$0
-
-# Need this for daisy-chained symlinks.
-while
-    APP_HOME=${app_path%"${app_path##*/}"}  # leaves a trailing /; empty if no leading path
-    [ -h "$app_path" ]
-do
-    ls=$( ls -ld "$app_path" )
-    link=${ls#*' -> '}
-    case $link in             #(
-      /*)   app_path=$link ;; #(
-      *)    app_path=$APP_HOME$link ;;
-    esac
-done
-
-# This is normally unused
-# shellcheck disable=SC2034
-APP_BASE_NAME=${0##*/}
-# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
-APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s
-' "$PWD" ) || exit
-
-# Use the maximum available, or set MAX_FD != -1 to use that value.
-MAX_FD=maximum
-
-warn () {
-    echo "$*"
-} >&2
-
-die () {
-    echo
-    echo "$*"
-    echo
-    exit 1
-} >&2
-
-# OS specific support (must be 'true' or 'false').
-cygwin=false
-msys=false
-darwin=false
-nonstop=false
-case "$( uname )" in                #(
-  CYGWIN* )         cygwin=true  ;; #(
-  Darwin* )         darwin=true  ;; #(
-  MSYS* | MINGW* )  msys=true    ;; #(
-  NONSTOP* )        nonstop=true ;;
-esac
-
-CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
-
-
-# Determine the Java command to use to start the JVM.
-if [ -n "$JAVA_HOME" ] ; then
-    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
-        # IBM's JDK on AIX uses strange locations for the executables
-        JAVACMD=$JAVA_HOME/jre/sh/java
-    else
-        JAVACMD=$JAVA_HOME/bin/java
-    fi
-    if [ ! -x "$JAVACMD" ] ; then
-        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
-
-Please set the JAVA_HOME variable in your environment to match the
-location of your Java installation."
-    fi
-else
-    JAVACMD=java
-    if ! command -v java >/dev/null 2>&1
-    then
-        die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-
-Please set the JAVA_HOME variable in your environment to match the
-location of your Java installation."
-    fi
-fi
-
-# Increase the maximum file descriptors if we can.
-if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
-    case $MAX_FD in #(
-      max*)
-        # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
-        # shellcheck disable=SC2039,SC3045
-        MAX_FD=$( ulimit -H -n ) ||
-            warn "Could not query maximum file descriptor limit"
-    esac
-    case $MAX_FD in  #(
-      '' | soft) :;; #(
-      *)
-        # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
-        # shellcheck disable=SC2039,SC3045
-        ulimit -n "$MAX_FD" ||
-            warn "Could not set maximum file descriptor limit to $MAX_FD"
-    esac
-fi
-
-# Collect all arguments for the java command, stacking in reverse order:
-#   * args from the command line
-#   * the main class name
-#   * -classpath
-#   * -D...appname settings
-#   * --module-path (only if needed)
-#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
-
-# For Cygwin or MSYS, switch paths to Windows format before running java
-if "$cygwin" || "$msys" ; then
-    APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
-    CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" )
-
-    JAVACMD=$( cygpath --unix "$JAVACMD" )
-
-    # Now convert the arguments - kludge to limit ourselves to /bin/sh
-    for arg do
-        if
-            case $arg in                                #(
-              -*)   false ;;                            # don't mess with options #(
-              /?*)  t=${arg#/} t=/${t%%/*}              # looks like a POSIX filepath
-                    [ -e "$t" ] ;;                      #(
-              *)    false ;;
-            esac
-        then
-            arg=$( cygpath --path --ignore --mixed "$arg" )
-        fi
-        # Roll the args list around exactly as many times as the number of
-        # args, so each arg winds up back in the position where it started, but
-        # possibly modified.
-        #
-        # NB: a `for` loop captures its iteration list before it begins, so
-        # changing the positional parameters here affects neither the number of
-        # iterations, nor the values presented in `arg`.
-        shift                   # remove old arg
-        set -- "$@" "$arg"      # push replacement arg
-    done
-fi
-
-
-# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
-
-# Collect all arguments for the java command:
-#   * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
-#     and any embedded shellness will be escaped.
-#   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
-#     treated as '${Hostname}' itself on the command line.
-
-set -- \
-        "-Dorg.gradle.appname=$APP_BASE_NAME" \
-        -classpath "$CLASSPATH" \
-        org.gradle.wrapper.GradleWrapperMain \
-        "$@"
-
-# Stop when "xargs" is not available.
-if ! command -v xargs >/dev/null 2>&1
-then
-    die "xargs is not available"
-fi
-
-# Use "xargs" to parse quoted args.
-#
-# With -n1 it outputs one arg per line, with the quotes and backslashes removed.
-#
-# In Bash we could simply go:
-#
-#   readarray ARGS < <( xargs -n1 <<<"$var" ) &&
-#   set -- "${ARGS[@]}" "$@"
-#
-# but POSIX shell has neither arrays nor command substitution, so instead we
-# post-process each arg (as a line of input to sed) to backslash-escape any
-# character that might be a shell metacharacter, then use eval to reverse
-# that process (while maintaining the separation between arguments), and wrap
-# the whole thing up as a single "set" statement.
-#
-# This will of course break if any of these variables contains a newline or
-# an unmatched quote.
-#
-
-eval "set -- $(
-        printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
-        xargs -n1 |
-        sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
-        tr '\n' ' '
-    )" '"$@"'
-
-exec "$JAVACMD" "$@"
@@ -1,94 +0,0 @@
-@rem
-@rem Copyright 2015 the original author or authors.
-@rem
-@rem Licensed under the Apache License, Version 2.0 (the "License");
-@rem you may not use this file except in compliance with the License.
-@rem You may obtain a copy of the License at
-@rem
-@rem      https://www.apache.org/licenses/LICENSE-2.0
-@rem
-@rem Unless required by applicable law or agreed to in writing, software
-@rem distributed under the License is distributed on an "AS IS" BASIS,
-@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-@rem See the License for the specific language governing permissions and
-@rem limitations under the License.
-@rem
-@rem SPDX-License-Identifier: Apache-2.0
-@rem
-
-@if "%DEBUG%"=="" @echo off
-@rem ##########################################################################
-@rem
-@rem  Gradle startup script for Windows
-@rem
-@rem ##########################################################################
-
-@rem Set local scope for the variables with windows NT shell
-if "%OS%"=="Windows_NT" setlocal
-
-set DIRNAME=%~dp0
-if "%DIRNAME%"=="" set DIRNAME=.
-@rem This is normally unused
-set APP_BASE_NAME=%~n0
-set APP_HOME=%DIRNAME%
-
-@rem Resolve any "." and ".." in APP_HOME to make it shorter.
-for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
-
-@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
-
-@rem Find java.exe
-if defined JAVA_HOME goto findJavaFromJavaHome
-
-set JAVA_EXE=java.exe
-%JAVA_EXE% -version >NUL 2>&1
-if %ERRORLEVEL% equ 0 goto execute
-
-echo. 1>&2
-echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
-echo. 1>&2
-echo Please set the JAVA_HOME variable in your environment to match the 1>&2
-echo location of your Java installation. 1>&2
-
-goto fail
-
-:findJavaFromJavaHome
-set JAVA_HOME=%JAVA_HOME:"=%
-set JAVA_EXE=%JAVA_HOME%/bin/java.exe
-
-if exist "%JAVA_EXE%" goto execute
-
-echo. 1>&2
-echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
-echo. 1>&2
-echo Please set the JAVA_HOME variable in your environment to match the 1>&2
-echo location of your Java installation. 1>&2
-
-goto fail
-
-:execute
-@rem Setup the command line
-
-set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
-
-
-@rem Execute Gradle
-"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
-
-:end
-@rem End local scope for the variables with windows NT shell
-if %ERRORLEVEL% equ 0 goto mainEnd
-
-:fail
-rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
-rem the _cmd.exe /c_ return code!
-set EXIT_CODE=%ERRORLEVEL%
-if %EXIT_CODE% equ 0 set EXIT_CODE=1
-if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
-exit /b %EXIT_CODE%
-
-:mainEnd
-if "%OS%"=="Windows_NT" endlocal
-
-:omega
@@ -1,5 +0,0 @@
-include ':app'
-include ':capacitor-cordova-android-plugins'
-project(':capacitor-cordova-android-plugins').projectDir = new File('./capacitor-cordova-android-plugins/')
-
-apply from: 'capacitor.settings.gradle'
@@ -1,16 +0,0 @@
-ext {
-    minSdkVersion = 23
-    compileSdkVersion = 35
-    targetSdkVersion = 35
-    androidxActivityVersion = '1.9.2'
-    androidxAppCompatVersion = '1.7.0'
-    androidxCoordinatorLayoutVersion = '1.2.0'
-    androidxCoreVersion = '1.15.0'
-    androidxFragmentVersion = '1.8.4'
-    coreSplashScreenVersion = '1.0.1'
-    androidxWebkitVersion = '1.12.1'
-    junitVersion = '4.13.2'
-    androidxJunitVersion = '1.2.1'
-    androidxEspressoCoreVersion = '3.6.1'
-    cordovaAndroidVersion = '10.1.1'
-}
@@ -15,7 +15,7 @@
        "@eslint/eslintrc": "^3.3.3",
        "@eslint/js": "^9.39.2",
        "@mdi/font": "^7.3.67",
-        "capacitor": "^0.5.6",
+        "capacitor": "^0.1.4",
        "eslint-plugin-jsonc": "^2.21.0",
        "eslint-plugin-vue": "^9.33.0",
        "globals": "^16.5.0",
@@ -651,9 +651,9 @@
      }
    },
    "node_modules/@capacitor/cli": {
-      "version": "7.4.4",
-      "resolved": "https://registry.npmjs.org/@capacitor/cli/-/cli-7.4.4.tgz",
-      "integrity": "sha512-J7ciBE7GlJ70sr2s8oz1+H4ZdNk4MGG41fsakUlDHWva5UWgFIZYMiEdDvGbYazAYTaxN3lVZpH9zil9FfZj+Q==",
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@capacitor/cli/-/cli-7.5.0.tgz",
+      "integrity": "sha512-mlohsvLZjWrO5eAVTn1+dABNQwQawcphVp6NQVJZ3I4x2BAoNmJj53QflX7PYGUipL9gF9EM9Yiku3m1McxFZg==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -665,13 +665,13 @@
        "env-paths": "^2.2.0",
        "fs-extra": "^11.2.0",
        "kleur": "^4.1.5",
-        "native-run": "^2.0.1",
+        "native-run": "^2.0.3",
        "open": "^8.4.0",
        "plist": "^3.1.0",
        "prompts": "^2.4.2",
        "rimraf": "^6.0.1",
        "semver": "^7.6.3",
-        "tar": "^6.1.11",
+        "tar": "^7.5.3",
        "tslib": "^2.8.1",
        "xml2js": "^0.6.2"
      },
@@ -1551,27 +1551,17 @@
        "node": ">=16.0.0"
      }
    },
-    "node_modules/@isaacs/balanced-match": {
+    "node_modules/@isaacs/fs-minipass": {
      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@isaacs/balanced-match/-/balanced-match-4.0.1.tgz",
-      "integrity": "sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==",
+      "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
+      "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "20 || >=22"
-      }
-    },
-    "node_modules/@isaacs/brace-expansion": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@isaacs/brace-expansion/-/brace-expansion-5.0.0.tgz",
-      "integrity": "sha512-ZT55BDLV0yv0RBm2czMiZ+SqCGO7AvmOM3G/w2xhVPH+te0aKgFjmBvGlL1dH+ql2tgGO3MVrbb3jCKyvpgnxA==",
-      "dev": true,
-      "license": "MIT",
+      "license": "ISC",
      "dependencies": {
-        "@isaacs/balanced-match": "^4.0.1"
+        "minipass": "^7.0.4"
      },
      "engines": {
-        "node": "20 || >=22"
+        "node": ">=18.0.0"
      }
    },
    "node_modules/@jridgewell/gen-mapping": {
@@ -2038,9 +2028,9 @@
      "license": "MIT"
    },
    "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.53.5.tgz",
-      "integrity": "sha512-iDGS/h7D8t7tvZ1t6+WPK04KD0MwzLZrG0se1hzBjSi5fyxlsiggoJHwh18PCFNn7tG43OWb6pdZ6Y+rMlmyNQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz",
+      "integrity": "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg==",
      "cpu": [
        "arm"
      ],
@@ -2051,9 +2041,9 @@
      ]
    },
    "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.53.5.tgz",
-      "integrity": "sha512-wrSAViWvZHBMMlWk6EJhvg8/rjxzyEhEdgfMMjREHEq11EtJ6IP6yfcCH57YAEca2Oe3FNCE9DSTgU70EIGmVw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.59.0.tgz",
+      "integrity": "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q==",
      "cpu": [
        "arm64"
      ],
@@ -2064,9 +2054,9 @@
      ]
    },
    "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.53.5.tgz",
-      "integrity": "sha512-S87zZPBmRO6u1YXQLwpveZm4JfPpAa6oHBX7/ghSiGH3rz/KDgAu1rKdGutV+WUI6tKDMbaBJomhnT30Y2t4VQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.59.0.tgz",
+      "integrity": "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg==",
      "cpu": [
        "arm64"
      ],
@@ -2077,9 +2067,9 @@
      ]
    },
    "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.53.5.tgz",
-      "integrity": "sha512-YTbnsAaHo6VrAczISxgpTva8EkfQus0VPEVJCEaboHtZRIb6h6j0BNxRBOwnDciFTZLDPW5r+ZBmhL/+YpTZgA==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.59.0.tgz",
+      "integrity": "sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w==",
      "cpu": [
        "x64"
      ],
@@ -2090,9 +2080,9 @@
      ]
    },
    "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.53.5.tgz",
-      "integrity": "sha512-1T8eY2J8rKJWzaznV7zedfdhD1BqVs1iqILhmHDq/bqCUZsrMt+j8VCTHhP0vdfbHK3e1IQ7VYx3jlKqwlf+vw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.59.0.tgz",
+      "integrity": "sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA==",
      "cpu": [
        "arm64"
      ],
@@ -2103,9 +2093,9 @@
      ]
    },
    "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.53.5.tgz",
-      "integrity": "sha512-sHTiuXyBJApxRn+VFMaw1U+Qsz4kcNlxQ742snICYPrY+DDL8/ZbaC4DVIB7vgZmp3jiDaKA0WpBdP0aqPJoBQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.59.0.tgz",
+      "integrity": "sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg==",
      "cpu": [
        "x64"
      ],
@@ -2116,9 +2106,9 @@
      ]
    },
    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.53.5.tgz",
-      "integrity": "sha512-dV3T9MyAf0w8zPVLVBptVlzaXxka6xg1f16VAQmjg+4KMSTWDvhimI/Y6mp8oHwNrmnmVl9XxJ/w/mO4uIQONA==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.59.0.tgz",
+      "integrity": "sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw==",
      "cpu": [
        "arm"
      ],
@@ -2129,9 +2119,9 @@
      ]
    },
    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.53.5.tgz",
-      "integrity": "sha512-wIGYC1x/hyjP+KAu9+ewDI+fi5XSNiUi9Bvg6KGAh2TsNMA3tSEs+Sh6jJ/r4BV/bx/CyWu2ue9kDnIdRyafcQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.59.0.tgz",
+      "integrity": "sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA==",
      "cpu": [
        "arm"
      ],
@@ -2142,9 +2132,9 @@
      ]
    },
    "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.53.5.tgz",
-      "integrity": "sha512-Y+qVA0D9d0y2FRNiG9oM3Hut/DgODZbU9I8pLLPwAsU0tUKZ49cyV1tzmB/qRbSzGvY8lpgGkJuMyuhH7Ma+Vg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.59.0.tgz",
+      "integrity": "sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA==",
      "cpu": [
        "arm64"
      ],
@@ -2155,9 +2145,9 @@
      ]
    },
    "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.53.5.tgz",
-      "integrity": "sha512-juaC4bEgJsyFVfqhtGLz8mbopaWD+WeSOYr5E16y+1of6KQjc0BpwZLuxkClqY1i8sco+MdyoXPNiCkQou09+g==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.59.0.tgz",
+      "integrity": "sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA==",
      "cpu": [
        "arm64"
      ],
@@ -2168,9 +2158,22 @@
      ]
    },
    "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.53.5.tgz",
-      "integrity": "sha512-rIEC0hZ17A42iXtHX+EPJVL/CakHo+tT7W0pbzdAGuWOt2jxDFh7A/lRhsNHBcqL4T36+UiAgwO8pbmn3dE8wA==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.59.0.tgz",
+      "integrity": "sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.59.0.tgz",
+      "integrity": "sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q==",
      "cpu": [
        "loong64"
      ],
@@ -2181,9 +2184,22 @@
      ]
    },
    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.53.5.tgz",
-      "integrity": "sha512-T7l409NhUE552RcAOcmJHj3xyZ2h7vMWzcwQI0hvn5tqHh3oSoclf9WgTl+0QqffWFG8MEVZZP1/OBglKZx52Q==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.59.0.tgz",
+      "integrity": "sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.59.0.tgz",
+      "integrity": "sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA==",
      "cpu": [
        "ppc64"
      ],
@@ -2194,9 +2210,9 @@
      ]
    },
    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.53.5.tgz",
-      "integrity": "sha512-7OK5/GhxbnrMcxIFoYfhV/TkknarkYC1hqUw1wU2xUN3TVRLNT5FmBv4KkheSG2xZ6IEbRAhTooTV2+R5Tk0lQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.59.0.tgz",
+      "integrity": "sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg==",
      "cpu": [
        "riscv64"
      ],
@@ -2207,9 +2223,9 @@
      ]
    },
    "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.53.5.tgz",
-      "integrity": "sha512-GwuDBE/PsXaTa76lO5eLJTyr2k8QkPipAyOrs4V/KJufHCZBJ495VCGJol35grx9xryk4V+2zd3Ri+3v7NPh+w==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.59.0.tgz",
+      "integrity": "sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg==",
      "cpu": [
        "riscv64"
      ],
@@ -2220,9 +2236,9 @@
      ]
    },
    "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.53.5.tgz",
-      "integrity": "sha512-IAE1Ziyr1qNfnmiQLHBURAD+eh/zH1pIeJjeShleII7Vj8kyEm2PF77o+lf3WTHDpNJcu4IXJxNO0Zluro8bOw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.59.0.tgz",
+      "integrity": "sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w==",
      "cpu": [
        "s390x"
      ],
@@ -2233,9 +2249,9 @@
      ]
    },
    "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.53.5.tgz",
-      "integrity": "sha512-Pg6E+oP7GvZ4XwgRJBuSXZjcqpIW3yCBhK4BcsANvb47qMvAbCjR6E+1a/U2WXz1JJxp9/4Dno3/iSJLcm5auw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.59.0.tgz",
+      "integrity": "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==",
      "cpu": [
        "x64"
      ],
@@ -2246,9 +2262,9 @@
      ]
    },
    "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.53.5.tgz",
-      "integrity": "sha512-txGtluxDKTxaMDzUduGP0wdfng24y1rygUMnmlUJ88fzCCULCLn7oE5kb2+tRB+MWq1QDZT6ObT5RrR8HFRKqg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.59.0.tgz",
+      "integrity": "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==",
      "cpu": [
        "x64"
      ],
@@ -2258,10 +2274,23 @@
        "linux"
      ]
    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.59.0.tgz",
+      "integrity": "sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
    "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.53.5.tgz",
-      "integrity": "sha512-3DFiLPnTxiOQV993fMc+KO8zXHTcIjgaInrqlG8zDp1TlhYl6WgrOHuJkJQ6M8zHEcntSJsUp1XFZSY8C1DYbg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.59.0.tgz",
+      "integrity": "sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA==",
      "cpu": [
        "arm64"
      ],
@@ -2272,9 +2301,9 @@
      ]
    },
    "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.53.5.tgz",
-      "integrity": "sha512-nggc/wPpNTgjGg75hu+Q/3i32R00Lq1B6N1DO7MCU340MRKL3WZJMjA9U4K4gzy3dkZPXm9E1Nc81FItBVGRlA==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.59.0.tgz",
+      "integrity": "sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A==",
      "cpu": [
        "arm64"
      ],
@@ -2285,9 +2314,9 @@
      ]
    },
    "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.53.5.tgz",
-      "integrity": "sha512-U/54pTbdQpPLBdEzCT6NBCFAfSZMvmjr0twhnD9f4EIvlm9wy3jjQ38yQj1AGznrNO65EWQMgm/QUjuIVrYF9w==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.59.0.tgz",
+      "integrity": "sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA==",
      "cpu": [
        "ia32"
      ],
@@ -2298,9 +2327,9 @@
      ]
    },
    "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.53.5.tgz",
-      "integrity": "sha512-2NqKgZSuLH9SXBBV2dWNRCZmocgSOx8OJSdpRaEcRlIfX8YrKxUT6z0F1NpvDVhOsl190UFTRh2F2WDWWCYp3A==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.59.0.tgz",
+      "integrity": "sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA==",
      "cpu": [
        "x64"
      ],
@@ -2311,9 +2340,9 @@
      ]
    },
    "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.53.5.tgz",
-      "integrity": "sha512-JRpZUhCfhZ4keB5v0fe02gQJy05GqboPOaxvjugW04RLSYYoB/9t2lx2u/tMs/Na/1NXfY8QYjgRljRpN+MjTQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.59.0.tgz",
+      "integrity": "sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==",
      "cpu": [
        "x64"
      ],
@@ -2693,9 +2722,9 @@
      }
    },
    "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
+      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
      "license": "MIT",
      "dependencies": {
        "fast-deep-equal": "^3.1.1",
@@ -3286,14 +3315,24 @@
      "license": "CC-BY-4.0"
    },
    "node_modules/capacitor": {
-      "version": "0.5.6",
-      "resolved": "https://registry.npmjs.org/capacitor/-/capacitor-0.5.6.tgz",
-      "integrity": "sha512-xjyv2ztJxD1VayTMGIkh+TNfpdJU9BT3jO4Y5kEsh5MpF+zEdBQYLC/pFD9lNyS6mi8Pm3b/bj0ZUSOKblkfcw==",
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/capacitor/-/capacitor-0.1.4.tgz",
+      "integrity": "sha512-wJjJmi0h0Rcob3WiaZTSEj50W2AhiZH+7C+7nE6zqrxb4rBLZDcvZ+i568LR7ioWCsI+8TAiIKYVKQ0uScmYUw==",
      "dependencies": {
-        "immutable": "^3.7.3",
-        "lodash": "^4.17.21"
+        "lodash": "^2.4.1",
+        "signals": "=1.0.0"
      }
    },
+    "node_modules/capacitor/node_modules/lodash": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-2.4.2.tgz",
+      "integrity": "sha512-Kak1hi6/hYHGVPmdyiZijoQyz5x2iGVzs6w9GYB/HiXEtylY7tIoYEROMjvM1d9nXJqPOrG2MNPMn01bJ+S0Rw==",
+      "engines": [
+        "node",
+        "rhino"
+      ],
+      "license": "MIT"
+    },
    "node_modules/chalk": {
      "version": "4.1.2",
      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -3336,13 +3375,13 @@
      }
    },
    "node_modules/chownr": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
-      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+      "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
      "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
      "engines": {
-        "node": ">=10"
+        "node": ">=18"
      }
    },
    "node_modules/color-convert": {
@@ -5067,32 +5106,6 @@
        "node": ">=14.14"
      }
    },
-    "node_modules/fs-minipass": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
-      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "minipass": "^3.0.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/fs-minipass/node_modules/minipass": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
-      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
    "node_modules/fs.realpath": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -5258,17 +5271,40 @@
        "node": ">=10.13.0"
      }
    },
+    "node_modules/glob/node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.4.tgz",
+      "integrity": "sha512-h+DEnpVvxmfVefa4jFbCf5HdH5YMDXRsmKflpf1pILZWRFlTbJpxeU55nJl4Smt5HQaGzg1o6RHFPJaOqnmBDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
    "node_modules/glob/node_modules/minimatch": {
-      "version": "10.1.1",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.1.1.tgz",
-      "integrity": "sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==",
+      "version": "10.2.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.4.tgz",
+      "integrity": "sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==",
      "dev": true,
      "license": "BlueOak-1.0.0",
      "dependencies": {
-        "@isaacs/brace-expansion": "^5.0.0"
+        "brace-expansion": "^5.0.2"
      },
      "engines": {
-        "node": "20 || >=22"
+        "node": "18 || 20 || >=22"
      },
      "funding": {
        "url": "https://github.com/sponsors/isaacs"
@@ -5584,13 +5620,11 @@
      }
    },
    "node_modules/immutable": {
-      "version": "3.8.2",
-      "resolved": "https://registry.npmjs.org/immutable/-/immutable-3.8.2.tgz",
-      "integrity": "sha512-15gZoQ38eYjEjxkorfbcgBKBL6R7T459OuK+CpcWt7O3KF4uPCx2tD0uFETlUDIyo+1789crbMhTvQBSR5yBMg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.5.tgz",
+      "integrity": "sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A==",
+      "devOptional": true,
+      "license": "MIT"
    },
    "node_modules/import-fresh": {
      "version": "3.3.1",
@@ -6480,9 +6514,9 @@
      }
    },
    "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "version": "4.17.23",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
+      "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
      "license": "MIT"
    },
    "node_modules/lodash.merge": {
@@ -6617,9 +6651,9 @@
      }
    },
    "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
      "license": "ISC",
      "dependencies": {
        "brace-expansion": "^1.1.7"
@@ -6649,30 +6683,16 @@
      }
    },
    "node_modules/minizlib": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
-      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.1.0.tgz",
+      "integrity": "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
-        "minipass": "^3.0.0",
-        "yallist": "^4.0.0"
+        "minipass": "^7.1.2"
      },
      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/minizlib/node_modules/minipass": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
-      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
+        "node": ">= 18"
      }
    },
    "node_modules/mitt": {
@@ -6681,19 +6701,6 @@
      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
      "license": "MIT"
    },
-    "node_modules/mkdirp": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
-      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "mkdirp": "bin/cmd.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
    "node_modules/moo": {
      "version": "0.5.2",
      "resolved": "https://registry.npmjs.org/moo/-/moo-0.5.2.tgz",
@@ -6744,9 +6751,9 @@
      }
    },
    "node_modules/native-run": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/native-run/-/native-run-2.0.1.tgz",
-      "integrity": "sha512-XfG1FBZLM50J10xH9361whJRC9SHZ0Bub4iNRhhI61C8Jv0e1ud19muex6sNKB51ibQNUJNuYn25MuYET/rE6w==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/native-run/-/native-run-2.0.3.tgz",
+      "integrity": "sha512-U1PllBuzW5d1gfan+88L+Hky2eZx+9gv3Pf6rNBxKbORxi7boHzqiA6QFGSnqMem4j0A9tZ08NMIs5+0m/VS1Q==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -7722,9 +7729,9 @@
      }
    },
    "node_modules/rollup": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.53.5.tgz",
-      "integrity": "sha512-iTNAbFSlRpcHeeWu73ywU/8KuU/LZmNCSxp6fjQkJBD3ivUb8tpDrXhIxEzA05HlYMEwmtaUnb3RP+YNv162OQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
+      "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==",
      "license": "MIT",
      "dependencies": {
        "@types/estree": "1.0.8"
@@ -7737,28 +7744,31 @@
        "npm": ">=8.0.0"
      },
      "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.53.5",
-        "@rollup/rollup-android-arm64": "4.53.5",
-        "@rollup/rollup-darwin-arm64": "4.53.5",
-        "@rollup/rollup-darwin-x64": "4.53.5",
-        "@rollup/rollup-freebsd-arm64": "4.53.5",
-        "@rollup/rollup-freebsd-x64": "4.53.5",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.53.5",
-        "@rollup/rollup-linux-arm-musleabihf": "4.53.5",
-        "@rollup/rollup-linux-arm64-gnu": "4.53.5",
-        "@rollup/rollup-linux-arm64-musl": "4.53.5",
-        "@rollup/rollup-linux-loong64-gnu": "4.53.5",
-        "@rollup/rollup-linux-ppc64-gnu": "4.53.5",
-        "@rollup/rollup-linux-riscv64-gnu": "4.53.5",
-        "@rollup/rollup-linux-riscv64-musl": "4.53.5",
-        "@rollup/rollup-linux-s390x-gnu": "4.53.5",
-        "@rollup/rollup-linux-x64-gnu": "4.53.5",
-        "@rollup/rollup-linux-x64-musl": "4.53.5",
-        "@rollup/rollup-openharmony-arm64": "4.53.5",
-        "@rollup/rollup-win32-arm64-msvc": "4.53.5",
-        "@rollup/rollup-win32-ia32-msvc": "4.53.5",
-        "@rollup/rollup-win32-x64-gnu": "4.53.5",
-        "@rollup/rollup-win32-x64-msvc": "4.53.5",
+        "@rollup/rollup-android-arm-eabi": "4.59.0",
+        "@rollup/rollup-android-arm64": "4.59.0",
+        "@rollup/rollup-darwin-arm64": "4.59.0",
+        "@rollup/rollup-darwin-x64": "4.59.0",
+        "@rollup/rollup-freebsd-arm64": "4.59.0",
+        "@rollup/rollup-freebsd-x64": "4.59.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.59.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.59.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.59.0",
+        "@rollup/rollup-linux-arm64-musl": "4.59.0",
+        "@rollup/rollup-linux-loong64-gnu": "4.59.0",
+        "@rollup/rollup-linux-loong64-musl": "4.59.0",
+        "@rollup/rollup-linux-ppc64-gnu": "4.59.0",
+        "@rollup/rollup-linux-ppc64-musl": "4.59.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.59.0",
+        "@rollup/rollup-linux-riscv64-musl": "4.59.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.59.0",
+        "@rollup/rollup-linux-x64-gnu": "4.59.0",
+        "@rollup/rollup-linux-x64-musl": "4.59.0",
+        "@rollup/rollup-openbsd-x64": "4.59.0",
+        "@rollup/rollup-openharmony-arm64": "4.59.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.59.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.59.0",
+        "@rollup/rollup-win32-x64-gnu": "4.59.0",
+        "@rollup/rollup-win32-x64-msvc": "4.59.0",
        "fsevents": "~2.3.2"
      }
    },
@@ -7901,13 +7911,6 @@
        "@parcel/watcher": "^2.4.1"
      }
    },
-    "node_modules/sass/node_modules/immutable": {
-      "version": "5.1.4",
-      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.4.tgz",
-      "integrity": "sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==",
-      "devOptional": true,
-      "license": "MIT"
-    },
    "node_modules/sax": {
      "version": "1.1.4",
      "resolved": "https://registry.npmjs.org/sax/-/sax-1.1.4.tgz",
@@ -8080,6 +8083,11 @@
      "dev": true,
      "license": "ISC"
    },
+    "node_modules/signals": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/signals/-/signals-1.0.0.tgz",
+      "integrity": "sha512-dE3lBiqgrgIvpGHYBy6/kiYKfh0HXRmbg0ocakBKiOefbal6ZeTtNlQlxsu9ADkNzv5OmRwRKu+IaTPSqJdZDg=="
+    },
    "node_modules/sirv": {
      "version": "3.0.2",
      "resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
@@ -8741,9 +8749,9 @@
      }
    },
    "node_modules/table/node_modules/ajv": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz",
+      "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -8765,31 +8773,20 @@
      "license": "MIT"
    },
    "node_modules/tar": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
-      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.10.tgz",
+      "integrity": "sha512-8mOPs1//5q/rlkNSPcCegA6hiHJYDmSLEI8aMH/CdSQJNWztHC9WHNam5zdQlfpTwB9Xp7IBEsHfV5LKMJGVAw==",
      "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
      "dependencies": {
-        "chownr": "^2.0.0",
-        "fs-minipass": "^2.0.0",
-        "minipass": "^5.0.0",
-        "minizlib": "^2.1.1",
-        "mkdirp": "^1.0.3",
-        "yallist": "^4.0.0"
+        "@isaacs/fs-minipass": "^4.0.0",
+        "chownr": "^3.0.0",
+        "minipass": "^7.1.2",
+        "minizlib": "^3.1.0",
+        "yallist": "^5.0.0"
      },
      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/tar/node_modules/minipass": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
-      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=8"
+        "node": ">=18"
      }
    },
    "node_modules/text-table": {
@@ -9815,11 +9812,14 @@
      }
    },
    "node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
+      "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
      "dev": true,
-      "license": "ISC"
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
    },
    "node_modules/yauzl": {
      "version": "2.10.0",
@@ -20,7 +20,7 @@
    "@eslint/eslintrc": "^3.3.3",
    "@eslint/js": "^9.39.2",
    "@mdi/font": "^7.3.67",
-    "capacitor": "^0.5.6",
+    "capacitor": "^0.1.4",
    "eslint-plugin-jsonc": "^2.21.0",
    "eslint-plugin-vue": "^9.33.0",
    "globals": "^16.5.0",
@@ -12,7 +12,8 @@
      .d-flex.flex-column.h-100.pa-4
        .d-flex.align-center.mb-6.px-2
          img.mr-3(:src="logo" height="32" width="32" alt="Logo")
-          span.text-h6.font-weight-bold {{ $t('nav.menu') }}
+          span.text-h6.font-weight-bold
+            ScrambleText(:text="$t('nav.menu')")

        v-list.pa-0(nav bg-color="transparent")
          v-list-item.mb-2(
@@ -22,7 +23,8 @@
          )
            template(v-slot:prepend)
              v-icon(color="#00cec9" icon="mdi-view-dashboard")
-            v-list-item-title.font-weight-bold {{ $t('nav.dashboard') }}
+            v-list-item-title.font-weight-bold
+              ScrambleText(:text="$t('nav.dashboard')")

          v-list-item.mb-2(
            to="/collection"
@@ -31,7 +33,8 @@
          )
            template(v-slot:prepend)
              v-icon(color="#00cec9" icon="mdi-bookshelf")
-            v-list-item-title.font-weight-bold {{ $t('nav.collection') }}
+            v-list-item-title.font-weight-bold
+              ScrambleText(:text="$t('nav.collection')")

        v-divider.my-4.border-subtle

@@ -43,7 +46,7 @@
            @click="showSettings = true; drawer = false"
          )
            v-icon(start icon="mdi-cog")
-            | {{ $t('nav.settings') }}
+            ScrambleText(:text="$t('nav.settings')")

          v-btn.justify-start.px-4(
            variant="text"
@@ -53,7 +56,7 @@
            @click="manualSync"
          )
            v-icon(start icon="mdi-sync")
-            | {{ $t('nav.sync') }}
+            ScrambleText(:text="$t('nav.sync')")

          v-btn.justify-start.px-4.text-red-lighten-2(
            variant="text"
@@ -61,7 +64,7 @@
            @click="handleLogout"
          )
            v-icon(start icon="mdi-logout")
-            | {{ $t('nav.logout') }}
+            ScrambleText(:text="$t('nav.logout')")
    .parallax-bg(
      :style="parallaxStyle"
      :class="{ 'zooming': viewState === 'zooming' }"
@@ -103,13 +106,15 @@
              to="/"
              variant="text"
              :color="$route.path === '/' ? '#00cec9' : 'grey'"
-            ) {{ $t('nav.dashboard') }}
+            )
+              ScrambleText(:text="$t('nav.dashboard')")

            v-btn.mx-1(
              to="/collection"
              variant="text"
              :color="$route.path === '/collection' ? '#00cec9' : 'grey'"
-            ) {{ $t('nav.collection') }}
+            )
+              ScrambleText(:text="$t('nav.collection')")

            v-divider.mx-2.my-auto(vertical length="20" color="grey-darken-2")

@@ -169,8 +174,10 @@
        .login-content
          img.mb-4(:src="logo" height="64" width="64")

-          h1.text-h5.font-weight-bold.mb-2 {{ $t('hero.welcome') }}
-          p.text-grey-lighten-1.text-body-2.mb-6 {{ $t('login.instruction') }}
+          h1.text-h5.font-weight-bold.mb-2
+            ScrambleText(:text="$t('hero.welcome')")
+          p.text-grey-lighten-1.text-body-2.mb-6
+            ScrambleText(:text="$t('login.instruction')")

          v-text-field.mb-2(
            v-model="inputKey"
@@ -197,14 +204,17 @@
            height="44"
            :loading="viewState === 'authenticating'"
            @click="triggerLogin"
-          ) {{ $t('login.button') }}
+          )
+            ScrambleText(:text="$t('login.button')")

    v-dialog(v-model="showSettings" max-width="340")
      v-card.rounded-xl.pa-4.border-subtle(color="#1e1e24")
-        v-card-title.text-center.font-weight-bold {{ $t('settings.title') }}
+        v-card-title.text-center.font-weight-bold
+          ScrambleText(:text="$t('settings.title')")

        v-card-text.pt-4
-          .text-caption.text-grey.mb-2 {{ $t('settings.batchSize') }}
+          .text-caption.text-grey.mb-2
+            ScrambleText(:text="$t('settings.batchSize')")
          v-slider(
            v-model="tempBatchSize"
            :min="5"
@@ -215,9 +225,12 @@
            track-color="grey-darken-3"
          )
          .text-center.text-h5.font-weight-bold.text-teal-accent-3.mb-6
-            | {{ tempBatchSize }} {{ $t('settings.items') }}
+            | {{ tempBatchSize }}
+            |  
+            ScrambleText(:text="$t('settings.items')")

-          .text-caption.text-grey.mb-2 {{ $t('settings.drawingTolerance') }}
+          .text-caption.text-grey.mb-2
+            ScrambleText(:text="$t('settings.drawingTolerance')")
          v-slider(
            v-model="tempDrawingAccuracy"
            :min="1"
@@ -228,11 +241,16 @@
            track-color="grey-darken-3"
          )
          .d-flex.justify-space-between.text-caption.text-grey-lighten-1.mb-6.px-1
-            span {{ $t('settings.strict') }} (5)
+            span
+              ScrambleText(:text="$t('settings.strict')") 
+              |  (5)
            span.font-weight-bold.text-body-1(color="#00cec9") {{ tempDrawingAccuracy }}
-            span {{ $t('settings.loose') }} (20)
+            span
+              ScrambleText(:text="$t('settings.loose')")
+              |  (20)

-          .text-caption.text-grey.mb-2 {{ $t('settings.language') }}
+          .text-caption.text-grey.mb-2
+            ScrambleText(:text="$t('settings.language')")

          .lang-switch-wrapper.border-subtle.mb-2
            .lang-glider(:style="{ transform: `translateX(${localeIndex * 100}%)` }")
@@ -240,15 +258,29 @@
              v-for="l in availableLocales"
              :key="l"
              :class="{ 'active': tempLocale === l }"
-              @click="tempLocale = l"
+              @click="switchLocale(l)"
            ) {{ l.toUpperCase() }}

+          .d-flex.align-center.justify-space-between.mt-4.px-1
+            .text-caption.text-grey
+              ScrambleText(:text="$t('settings.soundEffects')")
+            v-switch(
+              v-model="soundEnabled"
+              color="cyan"
+              density="compact"
+              hide-details
+              inset
+            )
+              template(v-slot:label)
+                ScrambleText(:text="soundEnabled ? $t('settings.on') : $t('settings.off')")
+
        v-card-actions.mt-2
          v-btn.text-white(
            block
            color="#2f3542"
            @click="saveSettings"
-          ) {{ $t('settings.save') }}
+          )
+            ScrambleText(:text="$t('settings.save')")

    v-dialog(v-model="showLogoutDialog" max-width="320")
      v-card.rounded-xl.pa-4.border-subtle(color="#1e1e24")
@@ -256,10 +288,11 @@
          v-avatar.mb-3(color="red-darken-4" size="48")
            v-icon(icon="mdi-logout" size="24" color="red-lighten-1")

-          h3.text-h6.font-weight-bold.mb-2 {{ $t('nav.logout') }}?
+          h3.text-h6.font-weight-bold.mb-2
+            ScrambleText(:text="$t('nav.logout') + '?'")

          p.text-body-2.text-grey-lighten-1.px-2.mb-4
-            | {{ $t('alerts.logoutConfirm') }}
+            ScrambleText(:text="$t('alerts.logoutConfirm')")

        v-card-actions.d-flex.gap-2.pa-0.mt-2
          v-btn.flex-grow-1.text-capitalize(
@@ -267,19 +300,22 @@
            color="grey"
            height="40"
            @click="showLogoutDialog = false"
-          ) {{ $t('common.cancel') }}
+          )
+            ScrambleText(:text="$t('common.cancel')")

          v-btn.flex-grow-1.text-capitalize(
            color="red-accent-2"
            variant="flat"
            height="40"
            @click="confirmLogout"
-          ) {{ $t('nav.logout') }}
+          )
+            ScrambleText(:text="$t('nav.logout')")

    v-snackbar(v-model="snackbar.show" :color="snackbar.color" timeout="3000")
      | {{ snackbar.text }}
      template(v-slot:actions)
-        v-btn(variant="text" @click="snackbar.show = false") {{ $t('common.close') }}
+        v-btn(variant="text" @click="snackbar.show = false")
+          ScrambleText(:text="$t('common.close')")
 </template>

 <script setup>
@@ -291,6 +327,7 @@ import { useI18n } from 'vue-i18n';
 import { App as CapacitorApp } from '@capacitor/app';
 import { useAppStore } from '@/stores/appStore';
 import { checkForUpdates } from '@/utils/autoUpdate';
+import { SoundManager } from '@/utils/SoundManager';
 import logo from '@/assets/icon.svg';

 const drawer = ref(false);
@@ -313,6 +350,9 @@ const tempDrawingAccuracy = ref(store.drawingAccuracy);
 const availableLocales = ['en', 'de', 'ja'];
 const tempLocale = ref(locale.value);
 const localeIndex = computed(() => availableLocales.indexOf(tempLocale.value));
+const soundEnabled = ref(true);
+
+watch(inputKey, () => { errorMsg.value = ''; });

 const backgroundKanjis = [
  {
@@ -391,6 +431,7 @@ const handleMouseMove = (e) => {
 };

 onMounted(() => {
+  SoundManager.init();
  CapacitorApp.addListener('appStateChange', ({ isActive }) => {
    if (isActive) checkForUpdates();
  });
@@ -421,6 +462,7 @@ watch(showSettings, (isOpen) => {
    tempBatchSize.value = store.batchSize;
    tempDrawingAccuracy.value = store.drawingAccuracy;
    tempLocale.value = locale.value;
+    soundEnabled.value = !SoundManager.isMuted;
  }
 });

@@ -464,20 +506,23 @@ async function triggerLogin() {
  }
 }

+function switchLocale(l) {
+  tempLocale.value = l;
+  locale.value = l;
+  localStorage.setItem('zen_locale', l);
+}
+
 function saveSettings() {
  showSettings.value = false;

  setTimeout(() => {
-    if (locale.value !== tempLocale.value) {
-      locale.value = tempLocale.value;
-      localStorage.setItem('zen_locale', locale.value);
-    }
-
    store.saveSettings({
      batchSize: tempBatchSize.value,
      drawingAccuracy: tempDrawingAccuracy.value,
    });

+    SoundManager.setMuted(!soundEnabled.value);
+
    store.fetchQueue();
  }, 300);
 }
@@ -0,0 +1,89 @@
+<template lang="pug">
+  span {{ displayText }}
+</template>
+
+<script setup>
+import { ref, watch, onBeforeUnmount } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const props = defineProps({
+  text: { type: String, required: true },
+});
+
+const { locale } = useI18n();
+const displayText = ref(props.text);
+let frameId = null;
+let lastLocale = locale.value;
+
+const CHARS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZアイウエオカキクケコ漢字書道';
+const DURATION = 400;
+const STEPS_PER_CHAR = 3;
+
+function scrambleTo(newText) {
+  if (frameId) cancelAnimationFrame(frameId);
+
+  const oldText = displayText.value;
+  const maxLen = Math.max(oldText.length, newText.length);
+  const startTime = performance.now();
+  const charDelay = DURATION / (maxLen || 1);
+
+  const tick = (now) => {
+    const elapsed = now - startTime;
+    let result = '';
+
+    for (let i = 0; i < maxLen; i++) {
+      const charSettleTime = i * charDelay;
+      const charElapsed = elapsed - charSettleTime;
+
+      if (i >= newText.length && elapsed > charSettleTime + charDelay) {
+        continue;
+      }
+
+      if (charElapsed >= charDelay) {
+        if (i < newText.length) result += newText[i];
+      } else if (charElapsed > 0) {
+        const step = Math.floor((charElapsed / charDelay) * STEPS_PER_CHAR);
+        if (step >= STEPS_PER_CHAR - 1 && i < newText.length) {
+          result += newText[i];
+        } else {
+          result += CHARS[Math.floor(Math.random() * CHARS.length)];
+        }
+      } else {
+        result += i < oldText.length ? oldText[i] : ' ';
+      }
+    }
+
+    displayText.value = result;
+
+    if (elapsed < DURATION + charDelay) {
+      frameId = requestAnimationFrame(tick);
+    } else {
+      displayText.value = newText;
+      frameId = null;
+    }
+  };
+
+  frameId = requestAnimationFrame(tick);
+}
+
+// Only scramble when locale changes, otherwise update silently
+watch(() => props.text, (newVal) => {
+  if (locale.value !== lastLocale) {
+    lastLocale = locale.value;
+    scrambleTo(newVal);
+  } else {
+    displayText.value = newVal;
+  }
+});
+
+// Also watch locale directly to catch the change
+watch(locale, () => {
+  // The text prop will update right after locale changes,
+  // so we just mark it and let the text watcher handle animation
+  lastLocale = '__pending__';
+});
+
+onBeforeUnmount(() => {
+  if (frameId) cancelAnimationFrame(frameId);
+});
+</script>
@@ -14,8 +14,10 @@
        div
          .text-subtitle-1.font-weight-bold.d-flex.align-center.text-white(
            style="line-height: 1.2"
-          ) {{ title }}
-          .text-caption.text-grey(v-if="subtitle") {{ subtitle }}
+          )
+            ScrambleText(:text="title")
+          .text-caption.text-grey(v-if="subtitle")
+            ScrambleText(:text="subtitle")

      div.d-flex.align-center
        slot(name="header-right")
@@ -7,9 +7,11 @@
      div
        .text-h3.font-weight-bold.text-white {{ accuracyPercent }}%
        .text-caption.text-grey.mt-1
-          | {{ accuracy?.correct || 0 }} {{ $t('stats.correct') }}
+          | {{ accuracy?.correct || 0 }} 
+          ScrambleText(:text="$t('stats.correct')")
          span.mx-1 /
-          | {{ accuracy?.total || 0 }} {{ $t('stats.total') }}
+          | {{ accuracy?.total || 0 }} 
+          ScrambleText(:text="$t('stats.total')")

      v-progress-circular(
        :model-value="accuracyPercent"
@@ -3,7 +3,7 @@
    .d-flex.align-center.justify-space-between.mb-4
      .text-subtitle-1.font-weight-bold.d-flex.align-center
        v-icon(color="secondary" start size="small") mdi-chart-bar
-        | {{ $t('stats.srsDistribution') }}
+        ScrambleText(:text="$t('stats.srsDistribution')")
      v-chip.font-weight-bold(
        size="x-small"
        color="white"
@@ -7,7 +7,7 @@
      div(v-for="(count, hour) in forecast" :key="hour")
        .d-flex.justify-space-between.align-center.mb-2.py-2.border-b-subtle(v-if="count > 0")
          span.text-body-2.text-grey-lighten-1
-            | {{ hour === 0 ? $t('stats.availableNow') : $t('stats.inHours', { n: hour }, hour) }}
+            ScrambleText(:text="hour === 0 ? $t('stats.availableNow') : $t('stats.inHours', { n: hour }, hour)")

          v-chip.font-weight-bold.text-primary(
            size="small"
@@ -15,7 +15,7 @@
          ) {{ count }}

    .fill-height.d-flex.align-center.justify-center.text-grey.text-center.pa-4(v-else)
-      | {{ $t('stats.noIncoming') }}
+      ScrambleText(:text="$t('stats.noIncoming')")
 </template>

 <script setup>
@@ -24,7 +24,7 @@ import { computed } from 'vue';
 import DashboardWidget from './DashboardWidget.vue';

 const props = defineProps({
-  forecast: { type: Object, default: () => ({}) },
+  forecast: { type: Array, default: () => [] },
 });

 const hasUpcoming = computed(() => props.forecast && props.forecast.some((c) => c > 0));
@@ -24,7 +24,7 @@
          ) {{ ghost.accuracy }}%

      .text-center.py-2.text-caption.text-grey(v-else)
-        | {{ $t('stats.noGhosts') }}
+        ScrambleText(:text="$t('stats.noGhosts')")
 </template>

 <script setup>
@@ -17,7 +17,8 @@
        )

        .text-caption.text-medium-emphasis.mt-2.text-right
-          | {{ masteredCount }} / {{ totalItems }} {{ $t('stats.items') }}
+          | {{ masteredCount }} / {{ totalItems }} 
+          ScrambleText(:text="$t('stats.items')")
 </template>

 <script setup>
@@ -33,7 +34,7 @@ const totalItems = computed(
  () => Object.values(props.distribution || {}).reduce((a, b) => a + b, 0),
 );
 const masteredCount = computed(
-  () => (props.distribution || {})[6] || 0,
+  () => [6, 7, 8, 9, 10].reduce((sum, lvl) => sum + ((props.distribution || {})[lvl] || 0), 0),
 );
 const masteryPercent = computed(
  () => (totalItems.value === 0 ? 0 : Math.round((masteredCount.value / totalItems.value) * 100)),
@@ -5,13 +5,15 @@
  )
    template(#header-right)
      .legend-container
-        span.text-caption.text-medium-emphasis.mr-1 {{ $t('stats.less') }}
+        span.text-caption.text-medium-emphasis.mr-1
+          ScrambleText(:text="$t('stats.less')")
        .legend-box.level-0
        .legend-box.level-1
        .legend-box.level-2
        .legend-box.level-3
        .legend-box.level-4
-        span.text-caption.text-medium-emphasis.ml-1 {{ $t('stats.more') }}
+        span.text-caption.text-medium-emphasis.ml-1
+          ScrambleText(:text="$t('stats.more')")

    .heatmap-container
      .heatmap-year
@@ -25,7 +27,8 @@
                )
              .text-center
                .font-weight-bold {{ formatDate(day.date) }}
-                div {{ $t('stats.reviewsCount', { count: day.count }) }}
+                div
+                  ScrambleText(:text="$t('stats.reviewsCount', { count: day.count })")
 </template>

 <script setup>
@@ -19,7 +19,8 @@
      .d-flex.align-end.mb-3
        .text-h3.font-weight-bold.text-white.mr-2(style="line-height: 1")
          | {{ streak?.current || 0 }}
-        .text-body-1.text-grey.mb-1 {{ $t('stats.days') }}
+        .text-body-1.text-grey.mb-1
+          ScrambleText(:text="$t('stats.days')")

      .d-flex.justify-space-between.align-center.px-1
        .d-flex.flex-column.align-center(
@@ -1,9 +1,11 @@
 <template lang="pug">
  .grid-area-full.text-center.mb-8.zen-wrapper
-    .text-h3.font-weight-bold.mb-2.text-white.letter-spacing-small {{ $t('hero.welcome') }}
+    .text-h3.font-weight-bold.mb-2.text-white.letter-spacing-small
+      ScrambleText(:text="$t('hero.welcome')")
    .text-subtitle-1.text-grey-lighten-1.mb-10(
      style="max-width: 600px; margin-inline: auto;"
-    ) {{ $t('hero.subtitle') }}
+    )
+      ScrambleText(:text="$t('hero.subtitle')")

    .d-flex.justify-center.align-stretch.flex-wrap.ga-6.mb-8

@@ -21,9 +23,9 @@

          .d-flex.flex-column.align-start.mr-auto
            .text-purple-lighten-1.text-h6.font-weight-bold.line-height-tight
-              | {{ $t('hero.lessons') }}
+              ScrambleText(:text="$t('hero.lessons')")
            .text-purple-accent-1.text-caption.font-weight-regular.opacity-80
-              | {{ $t('hero.newContent') }}
+              ScrambleText(:text="$t('hero.newContent')")

          .zen-counter.bg-purple-accent-2.text-black.ml-4
            | {{ lessonCount }}
@@ -43,9 +45,9 @@

            .d-flex.flex-column.align-start.mr-auto
              .text-cyan-lighten-1.text-h6.font-weight-bold.line-height-tight
-                | {{ queueLength > 0 ? $t('hero.start') : $t('hero.noReviews') }}
+                ScrambleText(:text="queueLength > 0 ? $t('hero.start') : $t('hero.noReviews')")
              .text-cyan-accent-1.text-caption.font-weight-regular.opacity-80
-                | {{ queueLength > 0 ? $t('hero.readyToReview') : $t('hero.allCaughtUp') }}
+                ScrambleText(:text="queueLength > 0 ? $t('hero.readyToReview') : $t('hero.allCaughtUp')")

            v-fade-transition
              .zen-counter.bg-cyan-accent-2.text-black.ml-4(v-if="queueLength > 0")
@@ -59,14 +61,16 @@
          variant="text"
          prepend-icon="mdi-sort-ascending"
          :ripple="false"
-        ) {{ $t('hero.prioritize', { count: lowerLevelCount }) }}
+        )
+          ScrambleText(:text="$t('hero.prioritize', { count: lowerLevelCount })")

      v-fade-transition
        .text-caption.text-grey-darken-1.font-weight-medium.d-flex.align-center.mt-2(
          v-if="queueLength === 0 && !hasLowerLevels && nextReviewTime"
        )
          v-icon.mr-2(size="small" icon="mdi-clock-outline")
-          span {{ $t('hero.nextIn') }} {{ nextReviewTime }}
+          span
+            ScrambleText(:text="$t('hero.nextIn') + ' ' + nextReviewTime")
 </template>

 <script setup>
@@ -79,14 +83,14 @@ const props = defineProps({
  lessonCount: { type: Number, default: 0 },
  hasLowerLevels: { type: Boolean, default: false },
  lowerLevelCount: { type: Number, default: 0 },
-  forecast: { type: Object, default: () => ({}) },
+  forecast: { type: Array, default: () => [] },
 });
 defineEmits(['start']);

 const { t } = useI18n();

 const nextReviewTime = computed(() => {
-  if (!props.forecast || Object.keys(props.forecast).length === 0) return null;
+  if (!props.forecast || props.forecast.length === 0) return null;
  try {
    const idx = props.forecast.findIndex((c) => c > 0);
    if (idx === -1) return null;
@@ -79,7 +79,9 @@ function handlePointerUp(e) {
  if (!controller) return;
  if (e.cancelable) e.preventDefault();

-  e.target.releasePointerCapture(e.pointerId);
+  try {
+    e.target.releasePointerCapture(e.pointerId);
+  } catch (_) { /* pointer was never captured */ }

  controller.endStroke();
 }
@@ -110,7 +112,10 @@ onMounted(() => {
 });

 onBeforeUnmount(() => {
-  controller = null;
+  if (controller) {
+    controller.reset();
+    controller = null;
+  }
 });

 watch(() => props.char, (newChar) => {
@@ -136,6 +141,10 @@ watch(() => store.drawingAccuracy, (newVal) => {
 defineExpose({
  reset: () => controller?.reset(),
  showHint: () => controller?.showHint(),
-  drawGuide: () => controller?.showHint(),
+  drawGuide: (enableAutoHint) => {
+    if (!controller) return;
+    if (enableAutoHint) controller.setAutoHint(true);
+    controller.showHint();
+  },
 });
 </script>
@@ -51,8 +51,11 @@ const vuetify = createVuetify({
  icons: { defaultSet: 'mdi', aliases, sets: { mdi } },
 });

+import ScrambleText from '@/components/ScrambleText.vue';
+
 app.use(pinia);
 app.use(router);
 app.use(vuetify);
 app.use(i18n);
+app.component('ScrambleText', ScrambleText);
 app.mount('#app');
@@ -44,8 +44,13 @@ const messages = {
      learned: "You've learned {n} new kanji.",
      components: 'Components',
      observe: 'Observe Stroke Order',
+      replay: 'Replay',
      trace: 'Trace',
      drawStep: 'Draw ({n}/{total})',
+      sectionMeaning: 'Meaning',
+      sectionMnemonic: 'Memory Aid',
+      sectionReadings: 'Readings',
+      learnedKanji: 'Kanji Learned',
      backToDashboard: 'Back to Dashboard',
    },
    hero: {
@@ -70,6 +75,7 @@ const messages = {
      next24: 'Next 24h',
      availableNow: 'Available Now',
      inHours: 'In {n} hour | In {n} hours',
+      inDays: 'In {n} day | In {n} days',
      noIncoming: 'No reviews incoming for 24 hours.',
      items: 'items',
      reviewsCount: '{count} reviews',
@@ -96,6 +102,9 @@ const messages = {
      strict: 'Strict',
      loose: 'Loose',
      save: 'Save & Close',
+      soundEffects: 'Sound Effects',
+      on: 'On',
+      off: 'Off',
    },
    review: {
      meaning: 'Meaning',
@@ -109,6 +118,9 @@ const messages = {
      next: 'NEXT',
      sessionComplete: 'Session Complete!',
      levelup: 'You leveled up your Kanji skills.',
+      levelsUp: '{n} leveled up',
+      levelsDown: '{n} leveled down',
+      results: 'Results',
      back: 'Back to Collection',
      caughtUp: 'All Caught Up!',
      noReviews: 'No reviews available right now.',
@@ -174,8 +186,13 @@ const messages = {
      learned: 'Du hast {n} neue Kanji gelernt.',
      components: 'Komponenten',
      observe: 'Strichfolge beobachten',
+      replay: 'Wiederholen',
      trace: 'Nachzeichnen',
      drawStep: 'Zeichnen ({n}/{total})',
+      sectionMeaning: 'Bedeutung',
+      sectionMnemonic: 'Merkhilfe',
+      sectionReadings: 'Lesungen',
+      learnedKanji: 'Gelernte Kanji',
      backToDashboard: 'Zurück zur Übersicht',
    },
    hero: {
@@ -200,6 +217,7 @@ const messages = {
      next24: 'Nächste 24h',
      availableNow: 'Jetzt verfügbar',
      inHours: 'In {n} Stunde | In {n} Stunden',
+      inDays: 'In {n} Tag | In {n} Tagen',
      noIncoming: 'Keine Reviews in den nächsten 24h.',
      items: 'Einträge',
      reviewsCount: '{count} Reviews',
@@ -226,6 +244,9 @@ const messages = {
      strict: 'Strikt',
      loose: 'Locker',
      save: 'Speichern & Schließen',
+      soundEffects: 'Soundeffekte',
+      on: 'An',
+      off: 'Aus',
    },
    review: {
      meaning: 'Bedeutung',
@@ -239,6 +260,9 @@ const messages = {
      next: 'WEITER',
      sessionComplete: 'Sitzung beendet!',
      levelup: 'Du hast deine Kanji-Skills verbessert.',
+      levelsUp: '{n} aufgestiegen',
+      levelsDown: '{n} abgestiegen',
+      results: 'Ergebnisse',
      back: 'Zurück zur Sammlung',
      caughtUp: 'Alles erledigt!',
      noReviews: 'Gerade keine Reviews verfügbar.',
@@ -304,8 +328,13 @@ const messages = {
      learned: '{n}個の新しい漢字を覚えました。',
      components: '構成要素',
      observe: '書き順を見る',
+      replay: 'もう一度',
      trace: 'なぞる',
      drawStep: '書く ({n}/{total})',
+      sectionMeaning: '意味',
+      sectionMnemonic: '覚え方',
+      sectionReadings: '読み方',
+      learnedKanji: '学んだ漢字',
      backToDashboard: 'ダッシュボードに戻る',
    },
    hero: {
@@ -330,6 +359,7 @@ const messages = {
      next24: '今後24時間',
      availableNow: '今すぐ可能',
      inHours: '{n}時間後',
+      inDays: '{n}日後',
      noIncoming: '24時間以内のレビューはありません。',
      items: '個',
      reviewsCount: '{count} レビュー',
@@ -356,6 +386,9 @@ const messages = {
      strict: '厳しい',
      loose: '甘い',
      save: '保存して閉じる',
+      soundEffects: '効果音',
+      on: 'オン',
+      off: 'オフ',
    },
    review: {
      meaning: '意味',
@@ -369,6 +402,9 @@ const messages = {
      next: '次へ',
      sessionComplete: 'セッション完了！',
      levelup: '漢字力がアップしました。',
+      levelsUp: '{n}個昇格',
+      levelsDown: '{n}個降格',
+      results: '結果',
      back: 'コレクションに戻る',
      caughtUp: '完了しました！',
      noReviews: '現在レビューするものはありません。',
@@ -70,7 +70,17 @@ export const useAppStore = defineStore('app', {
      this.token = '';
      this.user = null;
      this.queue = [];
-      this.stats = {};
+      this.lessonQueue = [];
+      this.collection = [];
+      this.stats = {
+        distribution: {},
+        forecast: [],
+        queueLength: 0,
+        lessonCount: 0,
+        streak: {},
+        accuracy: {},
+        ghosts: [],
+      };
      localStorage.removeItem('zen_token');
      localStorage.removeItem('zen_batch_size');
      localStorage.removeItem('zen_drawing_accuracy');
@@ -67,3 +67,10 @@ html,
 	opacity: 0;
 	transform: translateY(-15px);
 }
+
+// Fix for flickering on mobile during transitions
+.v-navigation-drawer--temporary,
+.v-dialog > .v-card {
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+}
@@ -99,7 +99,7 @@

 .readings-container {
 	display: grid;
-	grid-template-columns: 1fr 1fr;
+	grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
 	gap: $spacing-sm;
 	text-align: left;

@@ -19,3 +19,151 @@
 .lesson-canvas-wrapper {
 	margin: 0 auto;
 }
+
+// ── Phase Stepper ──────────────────────────────────
+
+.lesson-stepper {
+	display: flex;
+	align-items: flex-start;
+	gap: 0;
+}
+
+.lesson-stepper__step {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 0.25rem;
+	flex-shrink: 0;
+}
+
+.lesson-stepper__dot {
+	width: 1.75rem;
+	height: 1.75rem;
+	border-radius: $radius-circle;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: $font-xs;
+	font-weight: $weight-bold;
+	background: $color-surface-light;
+	color: $color-text-grey;
+	border: $border-width-md solid transparent;
+	transition: all $duration-normal $ease-default;
+
+	.is-active & {
+		background: $color-primary;
+		color: $color-text-dark;
+		border-color: $color-primary;
+		box-shadow: $shadow-glow-base;
+	}
+
+	.is-done & {
+		background: $color-success;
+		color: $color-text-white;
+		border-color: $color-success;
+	}
+}
+
+.lesson-stepper__label {
+	font-size: 0.6rem;
+	text-transform: uppercase;
+	letter-spacing: 0.05em;
+	font-weight: $weight-bold;
+	color: $color-text-grey;
+	opacity: $opacity-inactive;
+	transition: opacity $duration-normal $ease-default;
+	white-space: nowrap;
+
+	.is-active & {
+		opacity: $opacity-active;
+		color: $color-primary;
+	}
+
+	.is-done & {
+		opacity: 0.6;
+		color: $color-success;
+	}
+}
+
+.lesson-stepper__line {
+	flex: 1;
+	height: $border-width-md;
+	background: $color-surface-light;
+	border-radius: $radius-pill;
+	transition: background $duration-normal $ease-default;
+	margin: 0.875rem $spacing-xs 0;
+
+	&.is-done {
+		background: $color-success;
+	}
+}
+
+// ── Practice Dots ──────────────────────────────────
+
+.practice-dots {
+	display: flex;
+	gap: $spacing-sm;
+	justify-content: center;
+}
+
+.practice-dot {
+	width: 0.625rem;
+	height: 0.625rem;
+	border-radius: $radius-circle;
+	background: $color-surface-light;
+	transition: all $duration-normal $ease-out-back;
+
+	&.is-filled {
+		background: $color-primary;
+		box-shadow: 0 0 0.5rem $color-primary;
+		transform: scale(1.2);
+	}
+}
+
+// ── Mnemonic Box ───────────────────────────────────
+
+.mnemonic-box {
+	width: 100%;
+	background: $bg-glass-subtle;
+	border: $border-width-sm solid $color-border;
+}
+
+// ── Lesson Summary ─────────────────────────────────
+
+.lesson-summary-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));
+	gap: $spacing-sm;
+}
+
+.lesson-summary-item {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: $spacing-md $spacing-sm;
+	background: $bg-glass-subtle;
+	border-radius: $radius-lg;
+	border: $border-width-sm solid $color-border;
+	transition: border-color $duration-normal $ease-default;
+
+	&:hover {
+		border-color: $color-primary;
+	}
+}
+
+.lesson-summary-char {
+	font-size: $font-xl;
+	font-weight: $weight-bold;
+	margin-bottom: $spacing-xs;
+}
+
+.lesson-summary-meaning {
+	font-size: $font-xs;
+	text-align: center;
+}
+
+// ── Utility ────────────────────────────────────────
+
+.stepper-spacer {
+	width: 2.5rem;
+}
@@ -1,3 +1,5 @@
+import { SoundManager } from './SoundManager.js';
+
 export const KANJI_CONSTANTS = {
  BASE_SIZE: 109,
  SVG_NS: 'http://www.w3.org/2000/svg',
@@ -11,7 +13,7 @@ export const KANJI_CONSTANTS = {
  SAMPLE_POINTS: 60,

  VALIDATION: {
-    SAMPLES: 10,
+    SAMPLES: 20,
  },

  COLORS: {
@@ -323,12 +325,16 @@ export class KanjiController {
        this.clearCanvas(this.ctx.hint);

        if (this.currentStrokeIdx >= this.paths.length) {
+          SoundManager.playDrawingComplete();
          this.onComplete();
-        } else if (this.autoHint) {
-          this.showHint();
+        } else {
+          if (this.autoHint) {
+            this.showHint();
+          }
        }
      });
    } else {
+      SoundManager.playStrokeError();
      this.mistakes += 1;
      this.animateErrorFade(this.userPath, () => {
        this.redrawAllPerfectStrokes();
@@ -346,27 +352,171 @@ export class KanjiController {
    const len = pathEl.getTotalLength();
    const { SAMPLES } = KANJI_CONSTANTS.VALIDATION;

-    const avgDistThreshold = this.accuracy * 0.8;
-    const startEndThreshold = this.accuracy * 2.5;
-
-    const targetStart = pathEl.getPointAtLength(0);
-    const targetEnd = pathEl.getPointAtLength(len);
-
    const dist = (p1, p2) => Math.hypot(p1.x - p2.x, p1.y - p2.y);

-    if (dist(userPts[0], targetStart) > startEndThreshold) return false;
-    if (dist(userPts[userPts.length - 1], targetEnd) > startEndThreshold) return false;
+    // ── 1. Start / end point check ──────────────────
+    const targetStart = pathEl.getPointAtLength(0);
+    const targetEnd = pathEl.getPointAtLength(len);
+    const userStart = userPts[0];
+    const userEnd = userPts[userPts.length - 1];

+    const isFirstStroke = this.currentStrokeIdx === 0;
+    const startThreshold = this.accuracy * (isFirstStroke ? 3.5 : 2.5);
+    // End tolerance scales with stroke length — long strokes get more forgiveness
+    const lengthBonus = Math.min(len / 30, 1.5);
+    const endThreshold = this.accuracy * (2.5 + lengthBonus);
+
+    if (dist(userStart, targetStart) > startThreshold) return false;
+    if (dist(userEnd, targetEnd) > endThreshold) return false;
+
+    // ── 2. Overall direction check ──────────────────
+    const userAngle = Math.atan2(userEnd.y - userStart.y, userEnd.x - userStart.x);
+    const targetAngle = Math.atan2(targetEnd.y - targetStart.y, targetEnd.x - targetStart.x);
+    const angleDiff = KanjiController.normalizeAngle(userAngle - targetAngle);
+
+    // Reject if direction is off by more than 90 degrees
+    if (angleDiff > Math.PI / 2) return false;
+
+    // ── 3. Orientation classification guard ─────────
+    const userOrientation = KanjiController.classifyOrientation(userStart, userEnd);
+    const targetOrientation = KanjiController.classifyOrientation(targetStart, targetEnd);
+
+    // Only block if both strokes are clearly H or V (not diagonal or dot)
+    if (userOrientation !== 'other' && targetOrientation !== 'other'
+        && userOrientation !== targetOrientation) {
+      return false;
+    }
+
+    // ── 4. Sequential sample comparison ─────────────
+    const userResampled = KanjiController.resamplePoints(userPts, SAMPLES + 1);
    let totalError = 0;
-    const sampleCount = SAMPLES + 1;
+    let maxError = 0;

-    totalError = Array.from({ length: sampleCount }).reduce((acc, _, i) => {
-      const targetPt = pathEl.getPointAtLength((i / SAMPLES) * len);
-      const minD = userPts.reduce((min, up) => Math.min(min, dist(targetPt, up)), Infinity);
-      return acc + minD;
-    }, 0);
+    for (let i = 0; i <= SAMPLES; i++) {
+      const t = i / SAMPLES;
+      const targetPt = pathEl.getPointAtLength(t * len);
+      const userPt = userResampled[i];
+      const d = dist(targetPt, userPt);
+      totalError += d;
+      if (d > maxError) maxError = d;
+    }

-    return (totalError / sampleCount) < avgDistThreshold;
+    const avgError = totalError / (SAMPLES + 1);
+    const avgDistThreshold = this.accuracy * 1.0;
+    const maxDistThreshold = this.accuracy * 3.5;
+
+    if (avgError > avgDistThreshold) return false;
+    // No single point should be wildly off — catches "right average, wrong shape"
+    if (maxError > maxDistThreshold) return false;
+
+    // ── 4b. Stroke length ratio ─────────────────────
+    let userLen = 0;
+    for (let i = 1; i < userPts.length; i++) {
+      userLen += dist(userPts[i - 1], userPts[i]);
+    }
+    const lengthRatio = userLen / len;
+    // User stroke should be between 30% and 300% of target length
+    // Long straight strokes especially benefit from the upper bound
+    if (lengthRatio < 0.3 || lengthRatio > 3.0) return false;
+
+    // ── 4c. Curvature similarity ────────────────────
+    const targetCurvature = KanjiController.measureCurvature(
+      userResampled.map((_, i) => {
+        const t = i / SAMPLES;
+        const pt = pathEl.getPointAtLength(t * len);
+        return { x: pt.x, y: pt.y };
+      }),
+    );
+    const userCurvature = KanjiController.measureCurvature(userPts);
+
+    // If target is clearly curved but user drew straight (or vice versa)
+    const curvatureDiff = Math.abs(targetCurvature - userCurvature);
+    // Scale threshold: strict = 0.2, loose = 0.5
+    const curvatureThreshold = 0.15 + (this.accuracy / 20) * 0.35;
+    if (curvatureDiff > curvatureThreshold) return false;
+
+    // ── 5. Endpoint direction check (hook detection) ─
+    const tailFraction = 0.2;
+    const targetTailStart = pathEl.getPointAtLength(len * (1 - tailFraction));
+    const targetTailAngle = Math.atan2(
+      targetEnd.y - targetTailStart.y,
+      targetEnd.x - targetTailStart.x,
+    );
+
+    // Check if target has a significant direction change at the end (hook)
+    const mainTargetAngle = Math.atan2(
+      targetEnd.y - targetStart.y,
+      targetEnd.x - targetStart.x,
+    );
+    const targetHookAngle = KanjiController.normalizeAngle(targetTailAngle - mainTargetAngle);
+    const hasHook = targetHookAngle > Math.PI / 6; // > 30 degrees = hook
+
+    if (hasHook) {
+      // User must also have a direction change in the last portion
+      const tailIdx = Math.max(0, Math.floor(userPts.length * (1 - tailFraction)));
+      const userTailStart = userPts[tailIdx];
+      const userTailAngle = Math.atan2(
+        userEnd.y - userTailStart.y,
+        userEnd.x - userTailStart.x,
+      );
+      const mainUserAngle = Math.atan2(
+        userEnd.y - userStart.y,
+        userEnd.x - userStart.x,
+      );
+      const userHookAngle = KanjiController.normalizeAngle(userTailAngle - mainUserAngle);
+
+      // User's hook should be at least half as pronounced as the target's
+      // but use a generous threshold scaled by accuracy
+      const hookThreshold = Math.max(Math.PI / 12, targetHookAngle * 0.4);
+      if (userHookAngle < hookThreshold) {
+        // Only reject on strict accuracy (< 12), forgive on loose settings
+        if (this.accuracy < 12) return false;
+      }
+    }
+
+    return true;
+  }
+
+  // ── Static helpers for stroke validation ────────────
+
+  static normalizeAngle(angle) {
+    let a = Math.abs(angle);
+    if (a > Math.PI) a = 2 * Math.PI - a;
+    return a;
+  }
+
+  static classifyOrientation(start, end) {
+    const dx = Math.abs(end.x - start.x);
+    const dy = Math.abs(end.y - start.y);
+    const totalDist = Math.hypot(dx, dy);
+
+    // Very short strokes (dots) — don't classify
+    if (totalDist < 5) return 'other';
+
+    const ratio = dx / (dy || 0.001);
+    if (ratio > 2.5) return 'horizontal';
+    if (ratio < 0.4) return 'vertical';
+    return 'other'; // diagonal or ambiguous
+  }
+
+  static measureCurvature(points) {
+    if (points.length < 3) return 0;
+
+    // Curvature = ratio of actual path length to straight-line distance
+    // A perfectly straight line = 0, a semicircle ≈ 0.57
+    let pathLen = 0;
+    for (let i = 1; i < points.length; i++) {
+      pathLen += Math.hypot(points[i].x - points[i - 1].x, points[i].y - points[i - 1].y);
+    }
+
+    const straightDist = Math.hypot(
+      points[points.length - 1].x - points[0].x,
+      points[points.length - 1].y - points[0].y,
+    );
+
+    if (straightDist < 1) return 0; // dot-like stroke
+    // Returns 0 for straight, >0 for curved (ratio - 1)
+    return Math.max(0, (pathLen / straightDist) - 1);
  }

  animateErrorFade(userPath, onComplete) {
@@ -0,0 +1,177 @@
+/**
+ * SoundManager — Web Audio API synthesized sounds for ZenKanji.
+ *
+ * All sounds are generated programmatically (no external files).
+ * Designed to be subtle, smooth, and non-annoying.
+ */
+
+let audioCtx = null;
+let muted = false;
+const MASTER_VOLUME = 0.15;
+
+function getCtx() {
+  if (!audioCtx) {
+    audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+  }
+  return audioCtx;
+}
+
+function ensureResumed() {
+  const ctx = getCtx();
+  if (ctx.state === 'suspended') ctx.resume();
+  return ctx;
+}
+
+/**
+ * Play a soft "pop" — stroke accepted.
+ * Short sine wave with quick pitch drop, very gentle.
+ */
+function playStrokeCorrect() {
+  if (muted) return;
+  const ctx = ensureResumed();
+  const now = ctx.currentTime;
+
+  const osc = ctx.createOscillator();
+  const gain = ctx.createGain();
+
+  osc.type = 'sine';
+  osc.frequency.setValueAtTime(880, now);
+  osc.frequency.exponentialRampToValueAtTime(440, now + 0.08);
+
+  gain.gain.setValueAtTime(MASTER_VOLUME * 0.6, now);
+  gain.gain.exponentialRampToValueAtTime(0.001, now + 0.12);
+
+  osc.connect(gain);
+  gain.connect(ctx.destination);
+
+  osc.start(now);
+  osc.stop(now + 0.12);
+}
+
+/**
+ * Play a soft low thud — stroke rejected.
+ * Very short, low frequency, barely audible. Not jarring.
+ */
+function playStrokeError() {
+  if (muted) return;
+  const ctx = ensureResumed();
+  const now = ctx.currentTime;
+
+  const osc = ctx.createOscillator();
+  const gain = ctx.createGain();
+
+  osc.type = 'sine';
+  osc.frequency.setValueAtTime(200, now);
+  osc.frequency.exponentialRampToValueAtTime(120, now + 0.15);
+
+  gain.gain.setValueAtTime(MASTER_VOLUME * 0.4, now);
+  gain.gain.exponentialRampToValueAtTime(0.001, now + 0.15);
+
+  osc.connect(gain);
+  gain.connect(ctx.destination);
+
+  osc.start(now);
+  osc.stop(now + 0.15);
+}
+
+/**
+ * Play a pleasant ascending two-tone chime — drawing complete (all strokes done).
+ */
+function playDrawingComplete() {
+  if (muted) return;
+  const ctx = ensureResumed();
+  const now = ctx.currentTime;
+
+  [523.25, 659.25].forEach((freq, i) => {
+    const osc = ctx.createOscillator();
+    const gain = ctx.createGain();
+
+    osc.type = 'sine';
+    osc.frequency.value = freq;
+
+    const start = now + i * 0.1;
+    gain.gain.setValueAtTime(0, start);
+    gain.gain.linearRampToValueAtTime(MASTER_VOLUME * 0.7, start + 0.03);
+    gain.gain.exponentialRampToValueAtTime(0.001, start + 0.3);
+
+    osc.connect(gain);
+    gain.connect(ctx.destination);
+
+    osc.start(start);
+    osc.stop(start + 0.3);
+  });
+}
+
+/**
+ * Play a gentle three-tone ascending arpeggio — session/lesson complete.
+ * C5 → E5 → G5, soft and satisfying.
+ */
+function playSessionComplete() {
+  if (muted) return;
+  const ctx = ensureResumed();
+  const now = ctx.currentTime;
+
+  [523.25, 659.25, 783.99].forEach((freq, i) => {
+    const osc = ctx.createOscillator();
+    const gain = ctx.createGain();
+
+    osc.type = 'triangle';
+    osc.frequency.value = freq;
+
+    const start = now + i * 0.12;
+    gain.gain.setValueAtTime(0, start);
+    gain.gain.linearRampToValueAtTime(MASTER_VOLUME * 0.8, start + 0.04);
+    gain.gain.exponentialRampToValueAtTime(0.001, start + 0.5);
+
+    osc.connect(gain);
+    gain.connect(ctx.destination);
+
+    osc.start(start);
+    osc.stop(start + 0.5);
+  });
+}
+
+/**
+ * Play a subtle click — button press / UI interaction.
+ */
+function playClick() {
+  if (muted) return;
+  const ctx = ensureResumed();
+  const now = ctx.currentTime;
+
+  const osc = ctx.createOscillator();
+  const gain = ctx.createGain();
+
+  osc.type = 'sine';
+  osc.frequency.value = 1000;
+
+  gain.gain.setValueAtTime(MASTER_VOLUME * 0.3, now);
+  gain.gain.exponentialRampToValueAtTime(0.001, now + 0.05);
+
+  osc.connect(gain);
+  gain.connect(ctx.destination);
+
+  osc.start(now);
+  osc.stop(now + 0.05);
+}
+
+export const SoundManager = {
+  playStrokeCorrect,
+  playStrokeError,
+  playDrawingComplete,
+  playSessionComplete,
+  playClick,
+
+  get isMuted() {
+    return muted;
+  },
+
+  setMuted(val) {
+    muted = val;
+    localStorage.setItem('zen_sound_muted', val ? '1' : '0');
+  },
+
+  init() {
+    muted = localStorage.getItem('zen_sound_muted') === '1';
+  },
+};
@@ -13,14 +13,17 @@
      clearable
    )

-    .text-center.mt-10(v-if="loading") {{ $t('collection.loading') }}
+    .text-center.mt-10(v-if="loading")
+      ScrambleText(:text="$t('collection.loading')")

    .text-center.mt-10.text-grey-lighten-1(
      v-else-if="!loading && Object.keys(groupedItems).length === 0"
    )
      v-icon.mb-4(size="64" color="grey-darken-2") mdi-text-search-variant
-      .text-h6 {{ $t('collection.noMatches') }}
-      .text-body-2 {{ $t('collection.tryDifferent') }}
+      .text-h6
+        ScrambleText(:text="$t('collection.noMatches')")
+      .text-body-2
+        ScrambleText(:text="$t('collection.tryDifferent')")

    .mb-6.fade-slide-up(
      v-else
@@ -28,7 +31,7 @@
      :key="level"
    )
      .text-subtitle-2.text-grey.mb-2.font-weight-bold.ml-1
-        | {{ $t('collection.levelHeader') }} {{ level }}
+        ScrambleText(:text="$t('collection.levelHeader') + ' ' + level")

      .kanji-grid
        .kanji-card(
@@ -76,7 +79,8 @@
    )
      v-card.pa-4.pt-6.text-center.rounded-xl.border-subtle(color="#1e1e24")
        .d-flex.justify-space-between.align-center.px-2.mb-2
-          .text-caption.text-grey {{ $t('review.level') }} {{ selectedItem?.level }}
+          .text-caption.text-grey
+            ScrambleText(:text="$t('review.level') + ' ' + selectedItem?.level")
          v-chip.font-weight-bold(
            size="x-small"
            :color="getSRSColor(selectedItem?.srsLevel)"
@@ -94,7 +98,7 @@

        .radical-section.mb-4(v-if="selectedItem?.radicals?.length")
          .text-caption.text-grey-darken-1.text-uppercase.mb-3.font-weight-bold
-            |{{ $t('lesson.components') }}
+            ScrambleText(:text="$t('lesson.components')")
          .d-flex.flex-wrap.gap-3.justify-center
            v-sheet.radical-chip(
              v-for="rad in selectedItem.radicals" :key="rad.meaning")
@@ -106,20 +110,24 @@

        .readings-container.mb-4
          .reading-group(v-if="hasReading(selectedItem?.onyomi)")
-            .reading-label {{ $t('collection.onyomi') }}
+            .reading-label
+              ScrambleText(:text="$t('collection.onyomi')")
            .reading-value {{ selectedItem?.onyomi.join(', ') }}

          .reading-group(v-if="hasReading(selectedItem?.kunyomi)")
-            .reading-label {{ $t('collection.kunyomi') }}
+            .reading-label
+              ScrambleText(:text="$t('collection.kunyomi')")
            .reading-value {{ selectedItem?.kunyomi.join(', ') }}

          .reading-group(v-if="hasReading(selectedItem?.nanori)")
-            .reading-label {{ $t('collection.nanori') }}
+            .reading-label
+              ScrambleText(:text="$t('collection.nanori')")
            .reading-value {{ selectedItem?.nanori.join(', ') }}

        .px-2.mb-4(v-if="selectedItem?.stats?.total > 0")
          .d-flex.justify-space-between.align-center.mb-1
-            .text-caption.text-grey {{ $t('stats.accuracy') }}
+            .text-caption.text-grey
+              ScrambleText(:text="$t('stats.accuracy')")
            .text-caption.font-weight-bold {{ accuracyStats.text }}
          v-progress-linear(
            :model-value="accuracyStats.percent"
@@ -134,16 +142,15 @@
               block
               color="#2f3542"
               @click="showModal = false"
-             ) {{ $t('collection.close') }}
+             )
+               ScrambleText(:text="$t('collection.close')")
          v-col.pl-2(cols="6")
             v-btn.text-black(
               block
               color="purple-accent-2"
               @click="redoLesson"
             )
-              | {{ selectedItem?.srsLevel === 0
-              |    ? $t('collection.startLesson')
-              |    : $t('collection.redoLesson') }}
+              ScrambleText(:text="selectedItem?.srsLevel === 0 ? $t('collection.startLesson') : $t('collection.redoLesson')")
 </template>

 <script setup>
@@ -264,6 +271,6 @@ const getNextReviewText = (dateStr, srsLvl) => {
  if (diffHrs < 24) return t('stats.inHours', { n: diffHrs }, diffHrs);

  const diffDays = Math.floor(diffHrs / 24);
-  return `Next: ${diffDays}d`;
+  return t('stats.inDays', { n: diffDays }, diffDays);
 };
 </script>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Crylia	c1651550d1	chore: sync all remaining changes Release Build / build-docker (push) Successful in 52s Details Release Build / build-android-and-release (push) Failing after 1m1s Details - Remove android build directory (moved to CI) - Update package dependencies - Misc server and client improvements	2026-04-18 22:40:25 +02:00
Crylia	64368b1f29	fix: include lesson stepper styles in build, restrict scramble to locale changes only - Lesson stepper CSS was not committed (only in working tree), causing vertical layout in production - ScrambleText now only animates when locale changes, not on any text prop change (e.g. on/off toggle)	2026-04-18 22:38:08 +02:00
Crylia	049eaa1807	feat: add sound effects, improved stroke recognition, instant locale switching with scramble text animation Release Build / build-docker (push) Successful in 1m9s Details Release Build / build-android-and-release (push) Successful in 7m14s Details - Add SoundManager with Web Audio API synthesized sounds (stroke error, drawing complete, session complete) - Add sound effects toggle in settings (persisted via localStorage) - Improve stroke recognition: curvature similarity, max point deviation, stroke length ratio checks - Loosen thresholds for long strokes and first-stroke positioning - Implement instant locale switching (no save required) - Add ScrambleText component with character-by-character morphing animation - Apply ScrambleText globally across all views, widgets, and dialogs - Add i18n keys for sound effects settings (EN/DE/JA)	2026-04-18 22:19:36 +02:00
Crylia	979f8fc5e1	update review timing Release Build / build-docker (push) Successful in 1m4s Details Release Build / build-android-and-release (push) Successful in 4m16s Details	2026-02-28 00:03:50 +01:00