diff --git a/flake.lock b/flake.lock
index 330fc96..caa2ef8 100644
--- a/flake.lock
+++ b/flake.lock
@@ -3,11 +3,11 @@
     "beaker-src": {
       "flake": false,
       "locked": {
-        "lastModified": 1775244490,
-        "narHash": "sha256-4TJv7X6D0l4rEbTRKf47gU43L8G5uJgxxtsqMkVixQY=",
+        "lastModified": 1780436704,
+        "narHash": "sha256-3aMH1YblnpiXKdkQVMRLmMZ5/8G7vB4HAfLg7+izyHg=",
         "ref": "refs/heads/master",
-        "rev": "3fab89ecf8f4c664477a82add660d28db87357b4",
-        "revCount": 27,
+        "rev": "360d6271e1a20d128430e52637d5d35f4c706ca5",
+        "revCount": 34,
         "shallow": false,
         "type": "git",
         "url": "https://git.bwaaa.monster/beaker"
@@ -20,11 +20,11 @@
     },
     "nixpkgs": {
       "locked": {
-        "lastModified": 1773734432,
-        "narHash": "sha256-IF5ppUWh6gHGHYDbtVUyhwy/i7D261P7fWD1bPefOsw=",
+        "lastModified": 1780243769,
+        "narHash": "sha256-x5UQuRsH3MqI0U9afaXSNqzTPSeZlRLvFAav2Ux1pNw=",
         "owner": "NixOS",
         "repo": "nixpkgs",
-        "rev": "cda48547b432e8d3b18b4180ba07473762ec8558",
+        "rev": "331800de5053fcebacf6813adb5db9c9dca22a0c",
         "type": "github"
       },
       "original": {
diff --git a/static/main.css b/static/main.css
index adea1c5..10f21dc 100644
--- a/static/main.css
+++ b/static/main.css
@@ -1,21 +1,27 @@
-*, *::before, *::after {
-    box-sizing: border-box;
-    font-family: sans-serif;
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  font-family: system-ui;
 }
 
 html {
-    height:100%;
+  height: 100%;
 }
 
 body {
-    background-color:var(--bg-main);
-    background-image:radial-gradient(circle at top end, var(--bg-card) 0%, var(--bg-main) 100%);
-    background-attachment:fixed;
-    color:var(--text-primary);
-    margin:0;
-    padding:0;
-    min-height:100%;
-    -webkit-tap-highlight-color: transparent;
+  background-color: var(--bg-main);
+  background-image: radial-gradient(
+    circle at top end,
+    var(--bg-card) 0%,
+    var(--bg-main) 100%
+  );
+  background-attachment: fixed;
+  color: var(--text-primary);
+  margin: 0;
+  padding: 0;
+  min-height: 100%;
+  -webkit-tap-highlight-color: transparent;
 }
 
 img[src=""] {
@@ -28,20 +34,20 @@ img[src=""] {
 }
 
 .view-home {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 100vh;
-    padding: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  padding: 20px;
 }
 
 .view-home .container {
-    width: 100%;
-    max-width: 580px;
-    margin: 0 auto;
-    text-align: center;
-    display: flex;
-    flex-direction: column;
+  width: 100%;
+  max-width: 580px;
+  margin: 0 auto;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
 }
 
 .view-home .hero-logo {
@@ -87,85 +93,85 @@ img[src=""] {
   transform: translateY(-1px);
 }
 .view-home .btn-secondary {
-    background:var(--bg-card);
-    color:var(--text-primary);
-    border-color:var(--border);
-    text-decoration:none;
-    display:inline-flex;
-    align-items:center;
-    padding:10px 24px;
-    border-radius:8px;
-    font-weight:600;
-    font-size:0.9rem;
-    cursor:pointer;
-    transition:all 0.2s;
-    border:1px solid var(--border);
+  background: var(--bg-card);
+  color: var(--text-primary);
+  border-color: var(--border);
+  text-decoration: none;
+  display: inline-flex;
+  align-items: center;
+  padding: 10px 24px;
+  border-radius: 8px;
+  font-weight: 600;
+  font-size: 0.9rem;
+  cursor: pointer;
+  transition: all 0.2s;
+  border: 1px solid var(--border);
 }
 .view-home .btn-secondary:hover {
   background: var(--border);
   border-color: var(--text-secondary);
 }
 .home-settings-btn {
-    position:fixed;
-    top:27px;
-    inset-inline-end:60px;
-    width:24px;
-    height:24px;
-    background-color:var(--text-primary);
-    -webkit-mask-image:url('/static/settings.svg');
-    mask-image:url('/static/settings.svg');
-    mask-size:contain;
-    mask-repeat:no-repeat;
-    mask-position:center;
-    text-decoration:none;
+  position: fixed;
+  top: 27px;
+  inset-inline-end: 60px;
+  width: 24px;
+  height: 24px;
+  background-color: var(--text-primary);
+  -webkit-mask-image: url("/static/settings.svg");
+  mask-image: url("/static/settings.svg");
+  mask-size: contain;
+  mask-repeat: no-repeat;
+  mask-position: center;
+  text-decoration: none;
 }
 .home-footer {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    padding: 8px 24px;
-    font-size: 12px;
-    color: var(--text-muted);
-    text-align: center;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 8px 24px;
+  font-size: 12px;
+  color: var(--text-muted);
+  text-align: center;
 }
 .version-link {
-    color: var(--text-muted);
-    text-decoration: underline;
+  color: var(--text-muted);
+  text-decoration: underline;
 }
 .version-link:hover {
-    color: var(--text-primary);
+  color: var(--text-primary);
 }
 .nav-settings-icon {
-    width:24px;
-    height:24px;
-    flex-shrink:0;
-    margin-inline-start:auto;
-    margin-top:3px;
-    background-color:var(--text-secondary);
-    -webkit-mask-image:url('/static/settings.svg');
-    mask-image:url('/static/settings.svg');
-    mask-size:100% 100%;
-    transition:background-color 0.2s;
-    text-decoration:none;
+  width: 24px;
+  height: 24px;
+  flex-shrink: 0;
+  margin-inline-start: auto;
+  margin-top: 3px;
+  background-color: var(--text-secondary);
+  -webkit-mask-image: url("/static/settings.svg");
+  mask-image: url("/static/settings.svg");
+  mask-size: 100% 100%;
+  transition: background-color 0.2s;
+  text-decoration: none;
 }
 .nav-settings-icon:hover,
 .nav-settings-icon.active {
-    background-color:var(--text-primary);
+  background-color: var(--text-primary);
 }
 .nav-settings-link {
-    display:none;
-    margin-inline-start:auto;
+  display: none;
+  margin-inline-start: auto;
 }
 header {
-    display:flex;
-    align-items:center;
-    gap:20px;
-    padding-block:15px;
-    padding-inline:60px;
-    border-bottom:1px solid var(--border);
-    background:var(--bg-main);
-    width:100%;
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  padding-block: 15px;
+  padding-inline: 60px;
+  border-bottom: 1px solid var(--border);
+  background: var(--bg-main);
+  width: 100%;
 }
 .search-form {
   flex-grow: 1;
@@ -181,14 +187,14 @@ h1 span {
   color: var(--accent);
 }
 .logo-link {
-    text-decoration:none;
-    color:inherit;
+  text-decoration: none;
+  color: inherit;
 }
 header .logo-link {
-    transition:transform 0.2s;
+  transition: transform 0.2s;
 }
 header .logo-link:hover {
-    transform:scale(1.03);
+  transform: scale(1.03);
 }
 .search-box {
   width: 100%;
@@ -208,14 +214,14 @@ header .logo-link:hover {
   box-shadow: 0 0 0 4px var(--accent-glow);
 }
 .nav-tabs {
-    padding-inline:60px;
-    border-bottom:1px solid var(--border);
-    background:var(--bg-main);
-    width:100%;
+  padding-inline: 60px;
+  border-bottom: 1px solid var(--border);
+  background: var(--bg-main);
+  width: 100%;
 }
 .nav-container {
-    display:flex;
-    gap:30px;
+  display: flex;
+  gap: 30px;
 }
 .nav-tabs a {
   padding: 14px 0;
@@ -235,7 +241,7 @@ header .logo-link:hover {
   border-bottom-color: var(--accent);
 }
 .nav-right {
-    margin-inline-start:auto;
+  margin-inline-start: auto;
 }
 .image-results-container {
   padding: 30px 60px;
@@ -338,74 +344,73 @@ header .logo-link:hover {
   text-overflow: ellipsis;
 }
 .content-layout {
-    display:grid;
-    grid-template-columns:140px minmax(0,700px) 450px;
-    gap:60px;
-    padding-block:30px;
-    padding-inline:60px;
+  display: grid;
+  grid-template-columns: 140px minmax(0, 700px) 450px;
+  gap: 60px;
+  padding-block: 30px;
+  padding-inline: 60px;
 }
 .result-header {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    margin-bottom: 2px;
-    position: relative;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 2px;
+  position: relative;
 }
 .result-favicon {
-    width: 16px;
-    height: 16px;
-    flex-shrink: 0;
-    background-size: cover;
-    background-position: center;
-    position: absolute;
-    inset-inline-start: -24px;
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+  background-size: cover;
+  background-position: center;
+  position: absolute;
+  inset-inline-start: -24px;
 }
 .url {
-    color: var(--text-secondary);
-    font-size: 0.85rem;
-    display: block;
-    margin-bottom: 4px;
+  color: var(--text-secondary);
+  font-size: 0.85rem;
+  display: block;
+  margin-bottom: 4px;
 }
 
-
 @media (max-width: 768px) {
-    .result-favicon {
-        width: 14px;
-        height: 14px;
-        inset-inline-start: -20px;
-    }
+  .result-favicon {
+    width: 14px;
+    height: 14px;
+    inset-inline-start: -20px;
+  }
 }
 
 @media (max-width: 480px) {
-    .result-favicon {
-        width: 12px;
-        height: 12px;
-        inset-inline-start: -16px;
-    }
+  .result-favicon {
+    width: 12px;
+    height: 12px;
+    inset-inline-start: -16px;
+  }
 }
 .results-container {
   grid-column: 2;
 }
 .engine-filter-list {
-    display:flex;
-    flex-wrap:wrap;
-    gap:10px;
-    margin-bottom:24px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  margin-bottom: 24px;
 }
 .engine-filter {
-    background:var(--bg-card);
-    color:var(--text-secondary);
-    border:1px solid var(--border);
-    border-radius:999px;
-    padding:6px 12px;
-    text-decoration:none;
-    font-size:0.85rem;
-    font-weight:600;
+  background: var(--bg-card);
+  color: var(--text-secondary);
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  padding: 6px 12px;
+  text-decoration: none;
+  font-size: 0.85rem;
+  font-weight: 600;
 }
 .engine-filter.active {
-    background:var(--accent);
-    border-color:var(--accent);
-    color:var(--bg-main);
+  background: var(--accent);
+  border-color: var(--accent);
+  color: var(--bg-main);
 }
 .engine-warning-list {
   display: flex;
@@ -539,419 +544,418 @@ header .logo-link:hover {
 }
 
 .pagination-current {
-    background: var(--accent);
-    border-color: var(--accent);
-    color: var(--bg-main);
+  background: var(--accent);
+  border-color: var(--accent);
+  color: var(--bg-main);
 }
 
 .pagination-current:hover {
-    background: var(--accent);
-    border-color: var(--accent);
+  background: var(--accent);
+  border-color: var(--accent);
 }
 
 [dir="rtl"] .pagination-btn.prev {
-    transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 [dir="rtl"] .pagination-btn.next {
-    transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
-
-@media (max-width:1200px) {
-    .content-layout {
-        grid-template-columns:1fr;
-        padding-block:20px;
-        padding-inline:30px;
-        gap:20px;
-    }
-    header {
-        gap:20px;
-    }
-    .results-container,.infobox-sidebar {
-        grid-column:1;
-        max-width:100%;
-    }
-    .settings-layout {
-        padding-block:20px;
-        padding-inline:30px;
-        display:flex;
-        justify-content:center;
-    }
-    .infobox-sidebar {
-        order:-1;
-    }
-    .nav-tabs,.image-results-container {
-        padding-inline:30px;
-    }
-    header {
-        padding-block:15px;
-        padding-inline:30px;
-    }
-}
-
-@media (max-width:768px) {
-    .nav-settings-icon {
-        display:none;
-    }
-    .nav-settings-link {
-        display:inline;
-    }
-    header {
-        flex-direction:column;
-        gap:12px;
-        padding-block:12px;
-        padding-inline:16px;
-        text-align:center;
-    }
-    h1 {
-        font-size:1.3rem;
-    }
-    .search-form {
-        width:100%;
-        max-width:100%;
-    }
-    .search-form .search-box {
-        width:100%;
-    }
-    .nav-tabs {
-        overflow-x:auto;
-        -webkit-overflow-scrolling:touch;
-        padding-inline:16px;
-    }
-    .nav-container {
-        gap:24px;
-        min-width:max-content;
-    }
-    .nav-tabs a {
-        padding:12px 0;
-        font-size:0.95rem;
-    }
-    .content-layout {
-        padding-inline-start:40px;
-        padding-inline-end:16px;
-        padding-block:16px;
-        gap:16px;
-    }
-    .result {
-        margin-bottom:24px;
-    }
-    .engine-warning {
-        padding:12px 14px;
-    }
-    .result > a {
-        font-size:1.1rem;
-        word-break:break-word;
-    }
-    .url {
-        font-size:0.8rem;
-        word-break:break-all;
-    }
-    .desc {
-        font-size:0.9rem;
-    }
-    .cached {
-        font-size:0.8rem;
-    }
-    .infobox {
-        margin-bottom:16px;
-    }
-    .infobox-header {
-        padding:16px;
-    }
-    .infobox-title {
-        font-size:1.2rem;
-    }
-    .infobox-main {
-        flex-direction:column;
-        padding:16px;
-        gap:12px;
-    }
-    .infobox-image {
-        width:100%;
-        height:auto;
-        min-width:unset;
-        max-width:200px;
-    }
-    .image-results-container {
-        padding-inline:16px;
-    }
-    .pagination {
-        flex-wrap:wrap;
-        gap:8px;
-        padding:0 8px;
-    }
-    .pagination-btn {
-        padding:10px 14px;
-        font-size:0.85rem;
-    }
-    .view-home {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        padding:20px 16px;
-        min-height: 100vh;
-    }
-    .view-home .container {
-        padding:0;
-        width:100%;
-        max-width:580px;
-    }
-    .view-home .hero-logo {
-        font-size:3rem;
-        margin-bottom:24px;
-    }
-    .view-home .search-input-wrapper {
-        margin-bottom:16px;
-    }
-    .view-home .search-box {
-        width:100%;
-        font-size:1rem;
-        padding:14px 20px;
-    }
-    .view-home .buttons {
-        gap:10px;
-    }
-    .view-home button {
-        padding:12px 20px;
-    }
-}
-
-@media (max-width:600px) {
-    .content-layout {
-        padding-inline-start:28px;
-        padding-inline-end:16px;
-        padding-block:16px;
-    }
-    .settings-layout {
-        padding:0;
-    }
-    header {
-        padding-inline:12px;
-        padding-block:12px;
-    }
-    .search-box {
-        font-size:0.95rem;
-    }
-    .view-home .search-box {
-        width:100%;
-    }
-    .view-home {
-        padding:20px 16px;
-    }
-    .image-grid {
-        grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
-        gap:10px;
-    }
-    .image-card {
-        border-radius:8px;
-    }
-    .image-info {
-        padding:8px 10px;
-    }
-    .image-caption {
-        font-size:0.8rem;
-    }
-    .image-source {
-        font-size:0.7rem;
-    }
-    .overlay-buttons {
-        width:80%;
-    }
-    .overlay-btn {
-        padding:6px 12px;
-        font-size:0.75rem;
-    }
-}
-
-.settings-layout {
-    padding-block: 30px;
-    padding-inline-start: 260px;
-    padding-inline-end: 60px;
-}
-
-.settings-container {
-    max-width:700px;
-}
-
-.settings-title {
-    font-size:1.8rem;
-    font-weight:700;
-    margin:0 0 32px 0;
-    letter-spacing:-0.5px;
-}
-
-.settings-section {
-    background:var(--bg-card);
-    border:1px solid var(--border);
-    border-radius:12px;
-    padding:24px;
-    margin-bottom:32px;
-}
-
-.settings-section-title {
-    font-size:1.1rem;
-    font-weight:700;
-    margin:0 0 4px 0;
-}
-
-.settings-section-desc {
-    color:var(--text-secondary);
-    font-size:0.9rem;
-    margin:0 0 20px 0;
-    line-height:1.4;
-}
-
-.settings-field {
-    display:flex;
-    align-items:center;
-    justify-content:space-between;
-    padding:10px 0;
-}
-
-.settings-field + .settings-field {
-    border-top:1px solid var(--border);
-}
-
-.settings-label {
-    font-size:0.95rem;
-    color:var(--text-primary);
-}
-
-.settings-select {
-    padding:8px 12px;
-    border-radius:8px;
-    border:1px solid var(--border);
-    background:var(--bg-main);
-    color:var(--text-primary);
-    font-size:0.9rem;
-    outline:none;
-    cursor:pointer;
-    transition:border-color 0.2s;
-}
-
-.settings-select:focus {
-    border-color:var(--accent);
-}
-
-.settings-checkbox {
-    width:18px;
-    height:18px;
-    accent-color:var(--accent);
-    cursor:pointer;
-}
-
-.settings-actions {
-    display:flex;
-    gap:12px;
-    margin-top:8px;
-    padding-bottom:40px;
-    justify-content:flex-start;
-}
-
-.settings-actions .btn-primary {
-    background:var(--accent);
-    color:var(--bg-main);
-    border:1px solid transparent;
-    padding:10px 24px;
-    border-radius:8px;
-    font-weight:600;
-    font-size:0.9rem;
-    cursor:pointer;
-    transition:all 0.2s;
-    touch-action:manipulation;
-}
-
-.settings-actions .btn-primary:hover {
-    filter:brightness(1.1);
-    transform:translateY(-1px);
-}
-
-.settings-actions .btn-secondary {
-    background:var(--bg-card);
-    color:var(--text-primary);
-    border:1px solid var(--border);
-    padding:10px 24px;
-    border-radius:8px;
-    font-weight:600;
-    font-size:0.9rem;
-    cursor:pointer;
-    transition:all 0.2s;
-    touch-action:manipulation;
-}
-
-.settings-actions .btn-secondary:hover {
-    background:var(--border);
-    border-color:var(--text-secondary);
-}
-
-@media (max-width:768px) {
-    .settings-layout {
-        padding:12px;
-        display:block;
-    }
-    .settings-container {
-        max-width:100%;
-    }
-    .settings-title {
-        font-size:1.4rem;
-        margin-bottom:24px;
-    }
-    .settings-section {
-        padding:16px;
-    }
-    .settings-field {
-        flex-direction:column;
-        align-items:stretch;
-        gap:8px;
-    }
-    .settings-actions {
-        flex-direction:column;
-    }
-    .settings-actions .btn-primary,
-    .settings-actions .btn-secondary {
-        width:100%;
-        text-align:center;
-    }
-}
-
-[dir="rtl"] {
-    direction: rtl;
-    unicode-bidi: embed;
-}
-
-[dir="rtl"] header {
-    flex-direction: row-reverse;
-    direction: ltr;
-}
-
-[dir="rtl"] .nav-container {
-    flex-direction: row-reverse;
-    direction: ltr;
-}
-
-[dir="rtl"] .search-box {
-    text-align: right;
-    direction: rtl;
-}
-
-[dir="rtl"] .url {
-    text-align: end;
-}
-
-[dir="rtl"] .nav-settings-icon {
-    margin-inline-start: unset;
-    margin-inline-end: auto;
-}
-
-[dir="rtl"] .settings-actions .btn-primary {
-    margin-inline-end: auto;
+@media (max-width: 1200px) {
+  .content-layout {
+    grid-template-columns: 1fr;
+    padding-block: 20px;
+    padding-inline: 30px;
+    gap: 20px;
+  }
+  header {
+    gap: 20px;
+  }
+  .results-container,
+  .infobox-sidebar {
+    grid-column: 1;
+    max-width: 100%;
+  }
+  .settings-layout {
+    padding-block: 20px;
+    padding-inline: 30px;
+    display: flex;
+    justify-content: center;
+  }
+  .infobox-sidebar {
+    order: -1;
+  }
+  .nav-tabs,
+  .image-results-container {
+    padding-inline: 30px;
+  }
+  header {
+    padding-block: 15px;
+    padding-inline: 30px;
+  }
 }
 
 @media (max-width: 768px) {
-    [dir="rtl"] header {
-        flex-direction: column;
-    }
+  .nav-settings-icon {
+    display: none;
+  }
+  .nav-settings-link {
+    display: inline;
+  }
+  header {
+    flex-direction: column;
+    gap: 12px;
+    padding-block: 12px;
+    padding-inline: 16px;
+    text-align: center;
+  }
+  h1 {
+    font-size: 1.3rem;
+  }
+  .search-form {
+    width: 100%;
+    max-width: 100%;
+  }
+  .search-form .search-box {
+    width: 100%;
+  }
+  .nav-tabs {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    padding-inline: 16px;
+  }
+  .nav-container {
+    gap: 24px;
+    min-width: max-content;
+  }
+  .nav-tabs a {
+    padding: 12px 0;
+    font-size: 0.95rem;
+  }
+  .content-layout {
+    padding-inline-start: 40px;
+    padding-inline-end: 16px;
+    padding-block: 16px;
+    gap: 16px;
+  }
+  .result {
+    margin-bottom: 24px;
+  }
+  .engine-warning {
+    padding: 12px 14px;
+  }
+  .result > a {
+    font-size: 1.1rem;
+    word-break: break-word;
+  }
+  .url {
+    font-size: 0.8rem;
+    word-break: break-all;
+  }
+  .desc {
+    font-size: 0.9rem;
+  }
+  .cached {
+    font-size: 0.8rem;
+  }
+  .infobox {
+    margin-bottom: 16px;
+  }
+  .infobox-header {
+    padding: 16px;
+  }
+  .infobox-title {
+    font-size: 1.2rem;
+  }
+  .infobox-main {
+    flex-direction: column;
+    padding: 16px;
+    gap: 12px;
+  }
+  .infobox-image {
+    width: 100%;
+    height: auto;
+    min-width: unset;
+    max-width: 200px;
+  }
+  .image-results-container {
+    padding-inline: 16px;
+  }
+  .pagination {
+    flex-wrap: wrap;
+    gap: 8px;
+    padding: 0 8px;
+  }
+  .pagination-btn {
+    padding: 10px 14px;
+    font-size: 0.85rem;
+  }
+  .view-home {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 20px 16px;
+    min-height: 100vh;
+  }
+  .view-home .container {
+    padding: 0;
+    width: 100%;
+    max-width: 580px;
+  }
+  .view-home .hero-logo {
+    font-size: 3rem;
+    margin-bottom: 24px;
+  }
+  .view-home .search-input-wrapper {
+    margin-bottom: 16px;
+  }
+  .view-home .search-box {
+    width: 100%;
+    font-size: 1rem;
+    padding: 14px 20px;
+  }
+  .view-home .buttons {
+    gap: 10px;
+  }
+  .view-home button {
+    padding: 12px 20px;
+  }
 }
 
+@media (max-width: 600px) {
+  .content-layout {
+    padding-inline-start: 28px;
+    padding-inline-end: 16px;
+    padding-block: 16px;
+  }
+  .settings-layout {
+    padding: 0;
+  }
+  header {
+    padding-inline: 12px;
+    padding-block: 12px;
+  }
+  .search-box {
+    font-size: 0.95rem;
+  }
+  .view-home .search-box {
+    width: 100%;
+  }
+  .view-home {
+    padding: 20px 16px;
+  }
+  .image-grid {
+    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+    gap: 10px;
+  }
+  .image-card {
+    border-radius: 8px;
+  }
+  .image-info {
+    padding: 8px 10px;
+  }
+  .image-caption {
+    font-size: 0.8rem;
+  }
+  .image-source {
+    font-size: 0.7rem;
+  }
+  .overlay-buttons {
+    width: 80%;
+  }
+  .overlay-btn {
+    padding: 6px 12px;
+    font-size: 0.75rem;
+  }
+}
 
+.settings-layout {
+  padding-block: 30px;
+  padding-inline-start: 260px;
+  padding-inline-end: 60px;
+}
+
+.settings-container {
+  max-width: 700px;
+}
+
+.settings-title {
+  font-size: 1.8rem;
+  font-weight: 700;
+  margin: 0 0 32px 0;
+  letter-spacing: -0.5px;
+}
+
+.settings-section {
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 24px;
+  margin-bottom: 32px;
+}
+
+.settings-section-title {
+  font-size: 1.1rem;
+  font-weight: 700;
+  margin: 0 0 4px 0;
+}
+
+.settings-section-desc {
+  color: var(--text-secondary);
+  font-size: 0.9rem;
+  margin: 0 0 20px 0;
+  line-height: 1.4;
+}
+
+.settings-field {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 0;
+}
+
+.settings-field + .settings-field {
+  border-top: 1px solid var(--border);
+}
+
+.settings-label {
+  font-size: 0.95rem;
+  color: var(--text-primary);
+}
+
+.settings-select {
+  padding: 8px 12px;
+  border-radius: 8px;
+  border: 1px solid var(--border);
+  background: var(--bg-main);
+  color: var(--text-primary);
+  font-size: 0.9rem;
+  outline: none;
+  cursor: pointer;
+  transition: border-color 0.2s;
+}
+
+.settings-select:focus {
+  border-color: var(--accent);
+}
+
+.settings-checkbox {
+  width: 18px;
+  height: 18px;
+  accent-color: var(--accent);
+  cursor: pointer;
+}
+
+.settings-actions {
+  display: flex;
+  gap: 12px;
+  margin-top: 8px;
+  padding-bottom: 40px;
+  justify-content: flex-start;
+}
+
+.settings-actions .btn-primary {
+  background: var(--accent);
+  color: var(--bg-main);
+  border: 1px solid transparent;
+  padding: 10px 24px;
+  border-radius: 8px;
+  font-weight: 600;
+  font-size: 0.9rem;
+  cursor: pointer;
+  transition: all 0.2s;
+  touch-action: manipulation;
+}
+
+.settings-actions .btn-primary:hover {
+  filter: brightness(1.1);
+  transform: translateY(-1px);
+}
+
+.settings-actions .btn-secondary {
+  background: var(--bg-card);
+  color: var(--text-primary);
+  border: 1px solid var(--border);
+  padding: 10px 24px;
+  border-radius: 8px;
+  font-weight: 600;
+  font-size: 0.9rem;
+  cursor: pointer;
+  transition: all 0.2s;
+  touch-action: manipulation;
+}
+
+.settings-actions .btn-secondary:hover {
+  background: var(--border);
+  border-color: var(--text-secondary);
+}
+
+@media (max-width: 768px) {
+  .settings-layout {
+    padding: 12px;
+    display: block;
+  }
+  .settings-container {
+    max-width: 100%;
+  }
+  .settings-title {
+    font-size: 1.4rem;
+    margin-bottom: 24px;
+  }
+  .settings-section {
+    padding: 16px;
+  }
+  .settings-field {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 8px;
+  }
+  .settings-actions {
+    flex-direction: column;
+  }
+  .settings-actions .btn-primary,
+  .settings-actions .btn-secondary {
+    width: 100%;
+    text-align: center;
+  }
+}
+
+[dir="rtl"] {
+  direction: rtl;
+  unicode-bidi: embed;
+}
+
+[dir="rtl"] header {
+  flex-direction: row-reverse;
+  direction: ltr;
+}
+
+[dir="rtl"] .nav-container {
+  flex-direction: row-reverse;
+  direction: ltr;
+}
+
+[dir="rtl"] .search-box {
+  text-align: right;
+  direction: rtl;
+}
+
+[dir="rtl"] .url {
+  text-align: end;
+}
+
+[dir="rtl"] .nav-settings-icon {
+  margin-inline-start: unset;
+  margin-inline-end: auto;
+}
+
+[dir="rtl"] .settings-actions .btn-primary {
+  margin-inline-end: auto;
+}
+
+@media (max-width: 768px) {
+  [dir="rtl"] header {
+    flex-direction: column;
+  }
+}
diff --git a/static/themes/catppuccin mocha.css b/static/themes/catppuccin mocha.css
index c2d5ea0..1bda86c 100644
--- a/static/themes/catppuccin mocha.css	
+++ b/static/themes/catppuccin mocha.css	
@@ -1,10 +1,10 @@
 :root {
-    --bg-main: #181825;
-    --bg-card: #1e1e2e;
-    --border: #313244;
-    --text-primary: #cdd6f4;
-    --text-secondary: #a6adc8;
-    --text-muted: #6c7086;
-    --accent: #cba6f7;
-    --accent-glow: rgba(255,255,255,0.1);
+  --bg-main: #1e1e2e;
+  --bg-card: #313244;
+  --border: #6c7086;
+  --text-primary: #cdd6f4;
+  --text-secondary: #a6adc8;
+  --text-muted: #6c7086;
+  --accent: #cba6f7;
+  --accent-glow: rgba(255, 255, 255, 0.1);
 }
diff --git a/templates/results.html b/templates/results.html
index bea337f..0570ee1 100644
--- a/templates/results.html
+++ b/templates/results.html
@@ -18,7 +18,7 @@
     <body class="results-view">
         <header>
             <a href="/" class="logo-link"><h1>
-                Omni<span>Search</span>
+                VOID<span>ARC</span>
             </h1></a>
             <form action="/search" method="GET" class="search-form">
                 <input name="engine" type="hidden" value="{{selected_engine}}">