feat: colored tag categories division like e621/gelbooru/rule34 and fix search for tags with parentheses

README.md

@@ -10,7 +10,7 @@
 </p>
 
 <p align="center">
-  <a href="https://github.com/RarDog/Lunaris/releases"><img src="https://img.shields.io/badge/Version-3.0.5-8A2BE2?style=for-the-badge&logo=semver&logoColor=white" alt="Version 3.0.5" /></a>
+  <a href="https://github.com/RarDog/Lunaris/releases"><img src="https://img.shields.io/badge/Version-3.1.1-8A2BE2?style=for-the-badge&logo=semver&logoColor=white" alt="Version 3.1.1" /></a>
   <img src="https://img.shields.io/badge/Flutter-3.47+-02569B?style=for-the-badge&logo=flutter&logoColor=white" alt="Flutter" />
   <img src="https://img.shields.io/badge/Platform-Android%20%7C%20Linux%20%7C%20Windows-00C853?style=for-the-badge" alt="Platforms" />
   <a href="https://github.com/RarDog/Lunaris/wiki"><img src="https://img.shields.io/badge/Wiki-Documentation-FF6F00?style=for-the-badge&logo=gitbook&logoColor=white" alt="Wiki" /></a>

lib/app/app_version.dart

@@ -1,3 +1,3 @@
-const appDisplayVersion = '3.0.5';
+const appDisplayVersion = '3.1.1';
-const appBuildNumber = 56;
+const appBuildNumber = 62;
 const appReleaseChannel = 'Stable';

lib/app/changelog.dart

@@ -1,4 +1,65 @@
 const lunarisChangelog = [
+  LunarisChange(
+    version: '3.1.1',
+    title: 'Деление тегов по стилю e621/Gelbooru/Rule34 и исправление поиска тегов со скобками',
+    bullets: [
+      'Цветное деление тегов по категориям (e621, Rule34, Gelbooru): теги авторов (Artist) подсвечиваются кораллово-красным, персонажи (Character) — мятно-зелёным, серии/копирайты (Copyright) — пурпурным, виды (Species) — янтарно-оранжевым, мета (Meta) — ледяным голубым, а общие теги (General) — нейтральным стилем.',
+      'Liquid Glass чипы тегов: компоненты TagChip получили полупрозрачный фон с BackdropFilter размытием, цветной светодиодный индикатор-точку со свечением и зеркальный контур.',
+      'Индикаторы в заголовках категорий: заголовки блоков тегов дополнены цветными точками категорий со свечением и стильными капсулами счётчиков.',
+      'Исправление поиска тегов со скобками: исправлена проблема, из-за которой теги с круглыми скобками (например, tyson_(password), touhou_(series)) очищались от скобок при поиске и не находили постов в ленте.',
+      'Поддержка скобок в подсказках и локальном кэше: автодополнение теперь корректно выдает теги со скобками, фильтруя только внешние скобки группировки and-веток.',
+      'Liquid Glass оформление блока тегов в детальном просмотре поста на мобильных и десктоп устройствах.',
+    ],
+  ),
+  LunarisChange(
+    version: '3.1.0',
+    title: 'iPhone Liquid Glass — Поиск, Избранное, История и исправление доступности',
+    bullets: [
+      'Liquid Glass редизайн разделов «Поиск», «Избранное» и «История»: матовые стеклянные карточки (BackdropFilter blur), полупрозрачные градиенты, зеркальные контуры и сквиркл-бейджи иконок в стиле iOS.',
+      'Исправление шпаргалки по поиску: увеличен нижний отступ прокрутки во всех списках и сетках до 140px + safe area, благодаря чему блок операторов и шпаргалка по поиску больше не перекрываются парящей навигационной панелью и легко нажимаются.',
+      'Исправление модального окна проверки обновлений: панель с выбором источников (GitHub и Gitea) открывается через корневой навигатор поверх всей навигации с безопасным отступом снизу, обеспечивая беспрепятственный доступ к обеим кнопкам.',
+      'Тактильный отклик и стеклянные пилюли: быстрые операторы, категории, недавние запросы, фильтры медиа и переключатели разделов получили матовое оформление и вибрационный отклик Haptic Feedback.',
+    ],
+  ),
+  LunarisChange(
+    version: '3.0.9',
+    title: 'Коррекция позиции кнопки настроек и отображения кнопок JSON и бэкапа',
+    bullets: [
+      'Оптимальная позиция кнопки настроек: парящая стеклянная кнопка опущена прямо к нижней навигационной панели, без избыточного завышения над карточками контента.',
+      'Полная видимость кнопок JSON и бэкапа: добавлен увеличенный нижний отступ прокрутки в настройках, чтобы панель навигации не перекрывала кнопки при скролле до конца.',
+      'Улучшенный дизайн и сетка кнопок экспорта/импорта: кнопки бэкапа и JSON организованы в симметричные аккуратные строки с яркими акцентными бейджами.',
+    ],
+  ),
+  LunarisChange(
+    version: '3.0.8',
+    title: 'iPhone Liquid Glass — раздел «Настройки» и парящая стеклянная кнопка',
+    bullets: [
+      'Парящая стеклянная кнопка настроек (Liquid Glass Floating Button): круглая сфера из матового стекла с эффектом BackdropFilter blur, зеркальным радиальным градиентом, подсветкой ободка, пружинящей анимацией масштабирования и вращения при нажатии.',
+      'Карточки настроек в стиле Liquid Glass (1:1 iOS): группы настроек переработаны в матовые стеклянные карточки с мягким градиентом, зеркальной рамкой и многослойными тенями глубины.',
+      'Иконки разделов и пунктов в стиле iOS: яркие сквиркл-бейджи с акцентными градиентами, мягким свечением и четкими белыми иконками, как в нативных настройках iPhone.',
+      'Стеклянная быстрая навигация по категориям: зафиксированная панель категорий с размытием фона и тактильным откликом при переключении разделов.',
+    ],
+  ),
+  LunarisChange(
+    version: '3.0.7',
+    title: 'Liquid Glass Navigation Bar — парящая стеклянная панель и анимированная пилюля',
+    bullets: [
+      'Парящая панель Liquid Glass: нижняя панель навигации преобразована в парящий стеклянный док со скруглением, полупрозрачным градиентом и размытием фона (BackdropFilter blur).',
+      'Плавающая пилюля-индикатор (Liquid Pill): плавный анимированный бегунок перетекает под активную вкладку со сглаженной пружинящей физикой (easeOutBack).',
+      'Микроанимации нажатия и тактильный отклик: иконки мягко сжимаются при тапе и отпружинивают назад с легким тактильным виброоткликом (Haptic Feedback).',
+      'Глубина контента: контент ленты, поиска и галереи плавно просвечивает и размывается под стеклянной панелью при прокрутке.',
+    ],
+  ),
+  LunarisChange(
+    version: '3.0.6',
+    title: 'Улучшение недавних запросов и отображения тегов',
+    bullets: [
+      'Полная видимость тегов и запросов: сняты тесные ограничения ширины (140px), теги и поисковые запросы теперь отображаются целиком без усечения.',
+      'Устранение дубликатов в истории: автоматическая дедупликация поисковых запросов в базе данных и интерфейсе. Устранены повторяющиеся пары запросов с пустыми счетчиками.',
+      'Исправление заголовка карточки поиска: заголовок «Недавние запросы» и счетчик больше не обрезаются на экранах смартфонов.',
+      'Удобное удаление: увеличенная область нажатия для кнопки удаления (крестика) предотвращает случайные нажатия на сам запрос.',
+    ],
+  ),
   LunarisChange(
     version: '3.0.5',
     title: 'Интерактивные ссылки на соцсети и авторов в объявлениях и описаниях',

lib/backend/providers/provider_manager.dart

@@ -169,7 +169,16 @@ class ProviderManager {
 
     for (final raw in rawTags) {
       var token = raw.trim();
-      token = token.replaceAll(RegExp(r'^[\(\)]+|[\(\)]+$'), '').trim();
+      if (token.isEmpty) continue;
+
+      // Only strip parentheses if they are grouping delimiters (unbalanced in the token, e.g. '(cat' or 'dog)')
+      // but preserve tags that have internal paired parentheses like 'tyson_(password)'.
+      if (token.startsWith('(') && !token.contains(')')) {
+        token = token.substring(1).trim();
+      }
+      if (token.endsWith(')') && !token.contains('(')) {
+        token = token.substring(0, token.length - 1).trim();
+      }
       if (token.isEmpty) continue;
 
       if (token.toLowerCase() == 'and') {

lib/backend/repositories/search_repository.dart

@@ -12,6 +12,15 @@ class SearchRepository {
 
   Future<Result<void>> save(SearchHistory history, {int maxItems = 500}) {
     return _databaseService.safeWrite((isar) async {
+      final norm = history.query.trim().toLowerCase();
+      // Remove any existing duplicate records with same query
+      final all = await isar.searchHistoryEntitys.where().findAll();
+      for (final item in all) {
+        if (item.query.trim().toLowerCase() == norm) {
+          await isar.searchHistoryEntitys.delete(item.isarId);
+        }
+      }
+
       await isar.searchHistoryEntitys.put(
         SearchHistoryEntity()
           ..historyId = history.id
@@ -42,13 +51,40 @@ class SearchRepository {
     return _databaseService.safeRead((isar) async {
       final items = await isar.searchHistoryEntitys.where().findAll();
       items.sort((a, b) => b.searchedAt.compareTo(a.searchedAt));
-      final limited = limit == null ? items : items.take(limit);
+
+      final seen = <String>{};
+      final deduplicated = <SearchHistoryEntity>[];
+      for (final item in items) {
+        final key = item.query.trim().toLowerCase();
+        if (key.isEmpty) continue;
+        if (seen.add(key)) {
+          deduplicated.add(item);
+        }
+      }
+
+      final limited = limit == null ? deduplicated : deduplicated.take(limit);
       return limited.map((entity) => entity.toModel()).toList();
     });
   }
 
   Future<Result<bool>> delete(String historyId) {
     return _databaseService.safeWrite((isar) async {
+      final target = await isar.searchHistoryEntitys
+          .where()
+          .filter()
+          .historyIdEqualTo(historyId)
+          .findFirst();
+      if (target != null) {
+        final norm = target.query.trim().toLowerCase();
+        final all = await isar.searchHistoryEntitys.where().findAll();
+        for (final item in all) {
+          if (item.query.trim().toLowerCase() == norm ||
+              item.historyId == historyId) {
+            await isar.searchHistoryEntitys.delete(item.isarId);
+          }
+        }
+        return true;
+      }
       return await isar.searchHistoryEntitys.deleteByHistoryId(historyId);
     });
   }

lib/backend/services/search_service.dart

@@ -21,10 +21,7 @@ class SearchService {
   TagCacheService? get tagCacheService => _tagCacheService;
 
   static String sanitizeToken(String raw) {
-    return raw
+    return raw.trim().toLowerCase();
-        .replaceAll(RegExp(r'^[\(\)]+|[\(\)]+$'), '')
-        .trim()
-        .toLowerCase();
   }
 
   List<String> parseTags(String query) {

lib/backend/services/tag_cache_service.dart

@@ -66,10 +66,11 @@ class TagCacheService {
     int limit = 16,
     Iterable<String>? priorityTags,
   }) {
-    final cleanPrefix = prefix
+    var cleanPrefix = prefix.trim().toLowerCase();
-        .replaceAll(RegExp(r'^[\(\)]+|[\(\)]+$'), '')
+    // If the prefix has an unbalanced opening parenthesis at the start (e.g. '(cat'), strip it
-        .trim()
+    if (cleanPrefix.startsWith('(') && !cleanPrefix.contains(')')) {
-        .toLowerCase();
+      cleanPrefix = cleanPrefix.substring(1).trim();
+    }
     if (cleanPrefix.isEmpty) return const [];
 
     final prioritySet = priorityTags

lib/features/favorites/presentation/favorites_screen.dart

@@ -1,5 +1,8 @@
+import 'dart:ui';
+
 import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
 
@@ -176,7 +179,25 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
               // Search input bar if active
               if (_isSearching)
                 Padding(
-                  padding: const EdgeInsets.fromLTRB(16, 8, 16, 4),
+                  padding: const EdgeInsets.fromLTRB(16, 6, 16, 6),
+                  child: ClipRRect(
+                    borderRadius: BorderRadius.circular(18),
+                    child: BackdropFilter(
+                      filter: ImageFilter.blur(sigmaX: 16, sigmaY: 16),
+                      child: Container(
+                        decoration: BoxDecoration(
+                          color: Theme.of(context).brightness == Brightness.dark
+                              ? Theme.of(context).colorScheme.surfaceContainerHigh
+                                  .withValues(alpha: 0.55)
+                              : Colors.white.withValues(alpha: 0.80),
+                          borderRadius: BorderRadius.circular(18),
+                          border: Border.all(
+                            color: Theme.of(context).brightness == Brightness.dark
+                                ? Colors.white.withValues(alpha: 0.14)
+                                : Colors.white.withValues(alpha: 0.85),
+                            width: 1.1,
+                          ),
+                        ),
                         child: TextField(
                           controller: _searchController,
                           autofocus: true,
@@ -189,49 +210,97 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
                                 ? IconButton(
                                     icon: const Icon(Icons.clear_rounded),
                                     onPressed: () {
+                                      HapticFeedback.lightImpact();
                                       _searchController.clear();
                                       setState(() => _searchQuery = '');
                                     },
                                   )
                                 : null,
                             isDense: true,
-                      filled: true,
+                            filled: false,
                             contentPadding: const EdgeInsets.symmetric(
                               horizontal: 16,
                               vertical: 10,
                             ),
-                      border: OutlineInputBorder(
+                            border: InputBorder.none,
-                        borderRadius: BorderRadius.circular(16),
+                          ),
-                        borderSide: BorderSide.none,
+                          onChanged: (val) =>
+                              setState(() => _searchQuery = val.trim()),
+                        ),
                       ),
                     ),
-                    onChanged: (val) => setState(() => _searchQuery = val.trim()),
                   ),
                 ),
 
-              // Navigation Tabs
+              // Navigation Tabs with Liquid Glass container
               Padding(
-                padding: const EdgeInsets.fromLTRB(16, 8, 16, 6),
+                padding: const EdgeInsets.fromLTRB(16, 6, 16, 6),
+                child: Container(
+                  decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(22),
+                    boxShadow: [
+                      BoxShadow(
+                        color: Colors.black.withValues(
+                          alpha: Theme.of(context).brightness == Brightness.dark
+                              ? 0.20
+                              : 0.04,
+                        ),
+                        blurRadius: 10,
+                        offset: const Offset(0, 2),
+                      ),
+                    ],
+                  ),
+                  child: ClipRRect(
+                    borderRadius: BorderRadius.circular(22),
+                    child: BackdropFilter(
+                      filter: ImageFilter.blur(sigmaX: 16, sigmaY: 16),
+                      child: Container(
+                        decoration: BoxDecoration(
+                          borderRadius: BorderRadius.circular(22),
+                          color: Theme.of(context).brightness == Brightness.dark
+                              ? Theme.of(context)
+                                  .colorScheme
+                                  .surfaceContainerHigh
+                                  .withValues(alpha: 0.50)
+                              : Colors.white.withValues(alpha: 0.72),
+                          border: Border.all(
+                            color: Theme.of(context).brightness == Brightness.dark
+                                ? Colors.white.withValues(alpha: 0.12)
+                                : Colors.white.withValues(alpha: 0.85),
+                            width: 1.1,
+                          ),
+                        ),
                         child: SizedBox(
                           width: double.infinity,
                           child: SegmentedButton<int>(
                             showSelectedIcon: false,
+                            style: ButtonStyle(
+                              visualDensity: VisualDensity.compact,
+                              shape: WidgetStatePropertyAll(
+                                RoundedRectangleBorder(
+                                  borderRadius: BorderRadius.circular(20),
+                                ),
+                              ),
+                            ),
                             segments: [
                               ButtonSegment(
                                 value: 0,
                                 icon: const Icon(Icons.favorite_rounded, size: 18),
                                 label: Text(
                                   '${isRu ? 'Все' : 'All'} (${allPosts.length})',
-                          style: const TextStyle(fontSize: 12),
+                                  style: const TextStyle(
+                                      fontSize: 12, fontWeight: FontWeight.w600),
                                   overflow: TextOverflow.ellipsis,
                                 ),
                               ),
                               ButtonSegment(
                                 value: 1,
-                        icon: const Icon(Icons.offline_pin_rounded, size: 18),
+                                icon: const Icon(Icons.offline_pin_rounded,
+                                    size: 18),
                                 label: Text(
                                   '${isRu ? 'Офлайн' : 'Offline'} (${offlinePosts.length})',
-                          style: const TextStyle(fontSize: 12),
+                                  style: const TextStyle(
+                                      fontSize: 12, fontWeight: FontWeight.w600),
                                   overflow: TextOverflow.ellipsis,
                                 ),
                               ),
@@ -240,13 +309,15 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
                                 icon: const Icon(Icons.groups_rounded, size: 18),
                                 label: Text(
                                   '${isRu ? 'Авторы' : 'Artists'} (${artistGroups.length})',
-                          style: const TextStyle(fontSize: 12),
+                                  style: const TextStyle(
+                                      fontSize: 12, fontWeight: FontWeight.w600),
                                   overflow: TextOverflow.ellipsis,
                                 ),
                               ),
                             ],
                             selected: {_tabIndex},
                             onSelectionChanged: (value) {
+                              HapticFeedback.selectionClick();
                               setState(() {
                                 _tabIndex = value.first;
                                 _selectedArtist = null;
@@ -255,6 +326,10 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
                           ),
                         ),
                       ),
+                    ),
+                  ),
+                ),
+              ),
 
               // Media Type Filter Chips (for Tab 0 and Tab 1)
               if (_tabIndex != 2)
@@ -265,9 +340,12 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
                       FilterChip(
                         label: Text(isRu ? 'Все' : 'All'),
                         selected: _mediaFilter == FavoriteMediaType.all,
-                        onSelected: (_) => setState(
+                        onSelected: (_) {
+                          HapticFeedback.selectionClick();
+                          setState(
                             () => _mediaFilter = FavoriteMediaType.all,
-                        ),
+                          );
+                        },
                         visualDensity: VisualDensity.compact,
                       ),
                       const SizedBox(width: 8),
@@ -275,9 +353,12 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
                         avatar: const Icon(Icons.videocam_rounded, size: 16),
                         label: Text(isRu ? 'Видео' : 'Videos'),
                         selected: _mediaFilter == FavoriteMediaType.video,
-                        onSelected: (_) => setState(
+                        onSelected: (_) {
+                          HapticFeedback.selectionClick();
+                          setState(
                             () => _mediaFilter = FavoriteMediaType.video,
-                        ),
+                          );
+                        },
                         visualDensity: VisualDensity.compact,
                       ),
                       const SizedBox(width: 8),
@@ -285,9 +366,12 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
                         avatar: const Icon(Icons.image_rounded, size: 16),
                         label: Text(isRu ? 'Фото' : 'Images'),
                         selected: _mediaFilter == FavoriteMediaType.image,
-                        onSelected: (_) => setState(
+                        onSelected: (_) {
+                          HapticFeedback.selectionClick();
+                          setState(
                             () => _mediaFilter = FavoriteMediaType.image,
-                        ),
+                          );
+                        },
                         visualDensity: VisualDensity.compact,
                       ),
                     ],
@@ -490,33 +574,42 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
   }) {
     final scheme = Theme.of(context).colorScheme;
 
-    return Container(
+    return _FavoritesLiquidCard(
       margin: const EdgeInsets.fromLTRB(16, 4, 16, 8),
       padding: const EdgeInsets.all(14),
-      decoration: BoxDecoration(
+      glowColor: scheme.primary,
-        color: scheme.surfaceContainerHigh,
-        borderRadius: BorderRadius.circular(18),
-        border: Border.all(
-          color: scheme.outlineVariant.withValues(alpha: 0.35),
-        ),
-      ),
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
           Row(
             children: [
               Container(
-                padding: const EdgeInsets.all(10),
+                width: 40,
+                height: 40,
                 decoration: BoxDecoration(
-                  color: scheme.primaryContainer.withValues(alpha: 0.7),
+                  gradient: LinearGradient(
-                  borderRadius: BorderRadius.circular(12),
+                    colors: [
+                      scheme.primary,
+                      scheme.primary.withValues(alpha: 0.85),
+                    ],
                   ),
+                  borderRadius: BorderRadius.circular(12),
+                  boxShadow: [
+                    BoxShadow(
+                      color: scheme.primary.withValues(alpha: 0.35),
+                      blurRadius: 7,
+                      offset: const Offset(0, 2.5),
+                    ),
+                  ],
+                ),
+                child: const Center(
                   child: Icon(
                     Icons.offline_pin_rounded,
-                  color: scheme.onPrimaryContainer,
+                    color: Colors.white,
                     size: 22,
                   ),
                 ),
+              ),
               const SizedBox(width: 12),
               Expanded(
                 child: Column(
@@ -526,6 +619,7 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
                       '$downloadedCount ${isRu ? 'из' : 'of'} $totalCount ${isRu ? 'офлайн' : 'saved'}',
                       style: Theme.of(context).textTheme.titleSmall?.copyWith(
                             fontWeight: FontWeight.bold,
+                            letterSpacing: -0.2,
                           ),
                     ),
                     const SizedBox(height: 2),
@@ -553,6 +647,7 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
               if (pendingCount > 0)
                 FilledButton.tonalIcon(
                   onPressed: () async {
+                    HapticFeedback.mediumImpact();
                     final dm = ref.read(downloadManagerServiceProvider);
                     for (final p in pendingPosts) {
                       await dm.start(p);
@@ -594,7 +689,7 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
                     vertical: 6,
                   ),
                   decoration: BoxDecoration(
-                    color: scheme.secondaryContainer.withValues(alpha: 0.5),
+                    color: scheme.primary.withValues(alpha: 0.12),
                     borderRadius: BorderRadius.circular(12),
                   ),
                   child: Row(
@@ -610,8 +705,8 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
                         isRu ? 'Всё готово' : 'Synced',
                         style:
                             Theme.of(context).textTheme.labelSmall?.copyWith(
-                                  color: scheme.onSecondaryContainer,
+                                  color: scheme.primary,
-                                  fontWeight: FontWeight.w600,
+                                  fontWeight: FontWeight.w700,
                                 ),
                       ),
                     ],
@@ -666,27 +761,36 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
                 ChoiceChip(
                   label: Text(isRu ? 'По дате' : 'Date'),
                   selected: _offlineSort == OfflineSortOption.dateAddedDesc,
-                  onSelected: (_) => setState(
+                  onSelected: (_) {
+                    HapticFeedback.selectionClick();
+                    setState(
                       () => _offlineSort = OfflineSortOption.dateAddedDesc,
-                  ),
+                    );
+                  },
                   visualDensity: VisualDensity.compact,
                 ),
                 const SizedBox(width: 6),
                 ChoiceChip(
                   label: Text(isRu ? 'По размеру' : 'Size'),
                   selected: _offlineSort == OfflineSortOption.sizeDesc,
-                  onSelected: (_) => setState(
+                  onSelected: (_) {
+                    HapticFeedback.selectionClick();
+                    setState(
                       () => _offlineSort = OfflineSortOption.sizeDesc,
-                  ),
+                    );
+                  },
                   visualDensity: VisualDensity.compact,
                 ),
                 const SizedBox(width: 6),
                 ChoiceChip(
                   label: Text(isRu ? 'По автору' : 'Artist'),
                   selected: _offlineSort == OfflineSortOption.artist,
-                  onSelected: (_) => setState(
+                  onSelected: (_) {
+                    HapticFeedback.selectionClick();
+                    setState(
                       () => _offlineSort = OfflineSortOption.artist,
-                  ),
+                    );
+                  },
                   visualDensity: VisualDensity.compact,
                 ),
               ],
@@ -712,38 +816,50 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
 
       return Column(
         children: [
-          // Artist Header Banner
+          // Artist Header Banner (Liquid Glass)
-          Container(
+          _FavoritesLiquidCard(
             margin: const EdgeInsets.fromLTRB(16, 4, 16, 8),
             padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
-            decoration: BoxDecoration(
-              color: Theme.of(context)
-                  .colorScheme
-                  .surfaceContainerLow,
-              borderRadius: BorderRadius.circular(16),
-              border: Border.all(
-                color: Theme.of(context)
-                    .colorScheme
-                    .outlineVariant
-                    .withValues(alpha: 0.3),
-              ),
-            ),
             child: Row(
               children: [
                 IconButton(
-                  onPressed: () => setState(() => _selectedArtist = null),
+                  onPressed: () {
+                    HapticFeedback.selectionClick();
+                    setState(() => _selectedArtist = null);
+                  },
                   icon: const Icon(Icons.arrow_back_rounded),
                   tooltip: isRu ? 'Все авторы' : 'All artists',
                 ),
                 const SizedBox(width: 8),
-                CircleAvatar(
+                Container(
-                  radius: 18,
+                  width: 38,
-                  backgroundColor: Theme.of(context).colorScheme.primaryContainer,
+                  height: 38,
+                  decoration: BoxDecoration(
+                    gradient: LinearGradient(
+                      colors: [
+                        Theme.of(context).colorScheme.primary,
+                        Theme.of(context).colorScheme.tertiary,
+                      ],
+                    ),
+                    borderRadius: BorderRadius.circular(12),
+                    boxShadow: [
+                      BoxShadow(
+                        color: Theme.of(context)
+                            .colorScheme
+                            .primary
+                            .withValues(alpha: 0.35),
+                        blurRadius: 6,
+                        offset: const Offset(0, 2),
+                      ),
+                    ],
+                  ),
+                  child: Center(
                     child: Text(
                       selected.isNotEmpty ? selected[0].toUpperCase() : '?',
-                    style: TextStyle(
+                      style: const TextStyle(
                         fontWeight: FontWeight.bold,
-                      color: Theme.of(context).colorScheme.onPrimaryContainer,
+                        color: Colors.white,
+                      ),
                     ),
                   ),
                 ),
@@ -756,6 +872,7 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
                         selected,
                         style: Theme.of(context).textTheme.titleMedium?.copyWith(
                               fontWeight: FontWeight.bold,
+                              letterSpacing: -0.2,
                             ),
                         maxLines: 1,
                         overflow: TextOverflow.ellipsis,
@@ -776,6 +893,7 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
                     visualDensity: VisualDensity.compact,
                   ),
                   onPressed: () {
+                    HapticFeedback.selectionClick();
                     context.push('/search?q=${Uri.encodeComponent('artist:$selected')}');
                   },
                   icon: const Icon(Icons.search_rounded, size: 16),
@@ -808,7 +926,9 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
     }
 
     return ListView.separated(
-      padding: const EdgeInsets.fromLTRB(16, 8, 16, 24),
+      // Extended bottom padding so the last artist cards scroll comfortably above the floating dock
+      padding: EdgeInsets.fromLTRB(
+          16, 8, 16, 140 + MediaQuery.paddingOf(context).bottom),
       itemCount: entries.length,
       separatorBuilder: (_, __) => const SizedBox(height: 10),
       itemBuilder: (context, index) {
@@ -863,6 +983,83 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
   }
 }
 
+class _FavoritesLiquidCard extends StatelessWidget {
+  const _FavoritesLiquidCard({
+    required this.child,
+    this.padding,
+    this.glowColor,
+    this.margin,
+  });
+
+  final Widget child;
+  final EdgeInsetsGeometry? padding;
+  final EdgeInsetsGeometry? margin;
+  final Color? glowColor;
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final isDark = theme.brightness == Brightness.dark;
+    final accent = glowColor ?? theme.colorScheme.primary;
+
+    return Container(
+      margin: margin,
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(22),
+        boxShadow: [
+          BoxShadow(
+            color: isDark
+                ? Colors.black.withValues(alpha: 0.30)
+                : accent.withValues(alpha: 0.07),
+            blurRadius: 16,
+            offset: const Offset(0, 5),
+            spreadRadius: -2,
+          ),
+          BoxShadow(
+            color: accent.withValues(alpha: isDark ? 0.05 : 0.02),
+            blurRadius: 8,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(22),
+        child: BackdropFilter(
+          filter: ImageFilter.blur(sigmaX: 18, sigmaY: 18),
+          child: Container(
+            padding: padding ?? const EdgeInsets.all(16),
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(22),
+              gradient: LinearGradient(
+                begin: Alignment.topLeft,
+                end: Alignment.bottomRight,
+                colors: isDark
+                    ? [
+                        theme.colorScheme.surfaceContainerHigh
+                            .withValues(alpha: 0.60),
+                        theme.colorScheme.surfaceContainerLow
+                            .withValues(alpha: 0.38),
+                      ]
+                    : [
+                        Colors.white.withValues(alpha: 0.88),
+                        Colors.white.withValues(alpha: 0.72),
+                      ],
+              ),
+              border: Border.all(
+                color: isDark
+                    ? Colors.white.withValues(alpha: 0.14)
+                    : Colors.white.withValues(alpha: 0.85),
+                width: 1.2,
+              ),
+            ),
+            child: child,
+          ),
+        ),
+      ),
+    );
+  }
+}
+
 class _ArtistCard extends StatelessWidget {
   const _ArtistCard({
     required this.artistName,
@@ -881,45 +1078,91 @@ class _ArtistCard extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final scheme = Theme.of(context).colorScheme;
+    final isDark = Theme.of(context).brightness == Brightness.dark;
 
-    return Card(
+    return Container(
-      elevation: 0,
+      decoration: BoxDecoration(
-      color: scheme.surfaceContainerLow,
+        borderRadius: BorderRadius.circular(22),
-      shape: RoundedRectangleBorder(
+        boxShadow: [
-        borderRadius: BorderRadius.circular(16),
+          BoxShadow(
-        side: BorderSide(
+            color: isDark
-          color: scheme.outlineVariant.withValues(alpha: 0.3),
+                ? Colors.black.withValues(alpha: 0.28)
+                : scheme.primary.withValues(alpha: 0.06),
+            blurRadius: 14,
+            offset: const Offset(0, 4),
+            spreadRadius: -2,
           ),
+        ],
       ),
-      clipBehavior: Clip.antiAlias,
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(22),
+        child: BackdropFilter(
+          filter: ImageFilter.blur(sigmaX: 16, sigmaY: 16),
+          child: Material(
+            color: Colors.transparent,
             child: InkWell(
-        onTap: onTap,
+              borderRadius: BorderRadius.circular(22),
-        child: Padding(
+              onTap: () {
+                HapticFeedback.selectionClick();
+                onTap();
+              },
+              child: Container(
                 padding: const EdgeInsets.all(12),
+                decoration: BoxDecoration(
+                  borderRadius: BorderRadius.circular(22),
+                  gradient: LinearGradient(
+                    begin: Alignment.topLeft,
+                    end: Alignment.bottomRight,
+                    colors: isDark
+                        ? [
+                            scheme.surfaceContainerHigh
+                                .withValues(alpha: 0.58),
+                            scheme.surfaceContainerLow
+                                .withValues(alpha: 0.36),
+                          ]
+                        : [
+                            Colors.white.withValues(alpha: 0.88),
+                            Colors.white.withValues(alpha: 0.72),
+                          ],
+                  ),
+                  border: Border.all(
+                    color: isDark
+                        ? Colors.white.withValues(alpha: 0.13)
+                        : Colors.white.withValues(alpha: 0.85),
+                    width: 1.1,
+                  ),
+                ),
                 child: Row(
                   children: [
-              // Artist Avatar
+                    // Artist Squircle Avatar
                     Container(
                       width: 48,
                       height: 48,
                       decoration: BoxDecoration(
                         gradient: LinearGradient(
                           colors: [
-                      scheme.primaryContainer,
+                            scheme.primary,
-                      scheme.tertiaryContainer,
+                            scheme.tertiary,
                           ],
                           begin: Alignment.topLeft,
                           end: Alignment.bottomRight,
                         ),
-                  borderRadius: BorderRadius.circular(14),
+                        borderRadius: BorderRadius.circular(15),
+                        boxShadow: [
+                          BoxShadow(
+                            color: scheme.primary.withValues(alpha: 0.35),
+                            blurRadius: 8,
+                            offset: const Offset(0, 2.5),
+                          ),
+                        ],
                       ),
                       child: Center(
                         child: Text(
                           artistName.isNotEmpty ? artistName[0].toUpperCase() : '?',
-                    style: TextStyle(
+                          style: const TextStyle(
                             fontSize: 20,
                             fontWeight: FontWeight.bold,
-                      color: scheme.onPrimaryContainer,
+                            color: Colors.white,
                           ),
                         ),
                       ),
@@ -934,25 +1177,26 @@ class _ArtistCard extends StatelessWidget {
                             artistName,
                             style: Theme.of(context).textTheme.titleMedium?.copyWith(
                                   fontWeight: FontWeight.bold,
+                                  letterSpacing: -0.2,
                                 ),
                             maxLines: 1,
                             overflow: TextOverflow.ellipsis,
                           ),
-                    const SizedBox(height: 2),
+                          const SizedBox(height: 3),
                           Container(
                             padding: const EdgeInsets.symmetric(
                               horizontal: 8,
                               vertical: 2,
                             ),
                             decoration: BoxDecoration(
-                        color: scheme.secondaryContainer.withValues(alpha: 0.5),
+                              color: scheme.primary.withValues(alpha: 0.12),
                               borderRadius: BorderRadius.circular(8),
                             ),
                             child: Text(
                               '$postsCount ${isRu ? 'работ' : 'posts'}',
                               style: Theme.of(context).textTheme.labelSmall?.copyWith(
-                              color: scheme.onSecondaryContainer,
+                                    color: scheme.primary,
-                              fontWeight: FontWeight.w600,
+                                    fontWeight: FontWeight.w700,
                                   ),
                             ),
                           ),
@@ -966,12 +1210,20 @@ class _ArtistCard extends StatelessWidget {
                         children: [
                           for (final url in previewUrls)
                             Padding(
-                        padding: const EdgeInsets.only(left: 4),
+                              padding: const EdgeInsets.only(left: 5),
                               child: ClipRRect(
-                          borderRadius: BorderRadius.circular(8),
+                                borderRadius: BorderRadius.circular(10),
-                          child: SizedBox(
+                                child: Container(
                                   width: 44,
                                   height: 44,
+                                  decoration: BoxDecoration(
+                                    border: Border.all(
+                                      color: isDark
+                                          ? Colors.white.withValues(alpha: 0.10)
+                                          : scheme.outlineVariant.withValues(alpha: 0.25),
+                                    ),
+                                    borderRadius: BorderRadius.circular(10),
+                                  ),
                                   child: CachedNetworkImage(
                                     imageUrl: url,
                                     fit: BoxFit.cover,
@@ -992,15 +1244,19 @@ class _ArtistCard extends StatelessWidget {
                         ],
                       ),
                     ],
-              const SizedBox(width: 6),
+                    const SizedBox(width: 4),
                     Icon(
                       Icons.chevron_right_rounded,
-                color: scheme.onSurfaceVariant.withValues(alpha: 0.6),
+                      size: 20,
+                      color: scheme.onSurfaceVariant.withValues(alpha: 0.5),
                     ),
                   ],
                 ),
               ),
             ),
+          ),
+        ),
+      ),
     );
   }
 }

lib/features/feed/presentation/feed_controller.dart

@@ -123,14 +123,18 @@ class FeedController extends AsyncNotifier<FeedState> {
     final settingsRes = await ref.read(settingsServiceProvider).getSettings();
     final settings =
         settingsRes is Success<AppSettings> ? settingsRes.data : AppSettings.defaults;
-    await ref
+    try {
-        .read(searchServiceProvider)
-        .saveSearch(query, 0, maxHistory: settings.searchHistoryLimit);
       await refresh();
       final count = state.value?.posts.length ?? 0;
       await ref
           .read(searchServiceProvider)
           .saveSearch(query, count, maxHistory: settings.searchHistoryLimit);
+    } catch (_) {
+      await ref
+          .read(searchServiceProvider)
+          .saveSearch(query, 0, maxHistory: settings.searchHistoryLimit);
+      rethrow;
+    }
   }
 
   Future<void> updateTagSuggestions(String query) async {

lib/features/post/presentation/post_details_screen.dart

@@ -314,16 +314,21 @@ class PostDetailsScreen extends ConsumerWidget {
                       ),
                     ],
                     const SizedBox(height: 16),
-                    Container(
+                    ClipRRect(
+                      borderRadius: BorderRadius.circular(20),
+                      child: BackdropFilter(
+                        filter: ImageFilter.blur(sigmaX: 16, sigmaY: 16),
+                        child: Container(
                           decoration: BoxDecoration(
-                        color:
+                            color: Theme.of(context).brightness == Brightness.dark
-                            Theme.of(context).colorScheme.surfaceContainerLow,
+                                ? Theme.of(context).colorScheme.surfaceContainerHigh.withValues(alpha: 0.55)
-                        borderRadius: BorderRadius.circular(18),
+                                : Colors.white.withValues(alpha: 0.85),
+                            borderRadius: BorderRadius.circular(20),
                             border: Border.all(
-                          color: Theme.of(context)
+                              color: Theme.of(context).brightness == Brightness.dark
-                              .colorScheme
+                                  ? Colors.white.withValues(alpha: 0.12)
-                              .outlineVariant
+                                  : Colors.white.withValues(alpha: 0.8),
-                              .withValues(alpha: 0.35),
+                              width: 1.1,
                             ),
                           ),
                           padding: const EdgeInsets.all(16),
@@ -352,6 +357,8 @@ class PostDetailsScreen extends ConsumerWidget {
                             ],
                           ),
                         ),
+                      ),
+                    ),
                     const SizedBox(height: 16),
                     _CommentsSection(post: post),
                   ],
@@ -491,18 +498,23 @@ class PostDetailsScreen extends ConsumerWidget {
             ),
           ],
           const SizedBox(height: 12),
-          Container(
+          ClipRRect(
+            borderRadius: BorderRadius.circular(20),
+            child: BackdropFilter(
+              filter: ImageFilter.blur(sigmaX: 16, sigmaY: 16),
+              child: Container(
                 decoration: BoxDecoration(
-              color: Theme.of(context).colorScheme.surfaceContainerLow,
+                  color: Theme.of(context).brightness == Brightness.dark
-              borderRadius: BorderRadius.circular(18),
+                      ? Theme.of(context).colorScheme.surfaceContainerHigh.withValues(alpha: 0.55)
+                      : Colors.white.withValues(alpha: 0.85),
+                  borderRadius: BorderRadius.circular(20),
                   border: Border.all(
-                color: Theme.of(context)
+                    color: Theme.of(context).brightness == Brightness.dark
-                    .colorScheme
+                        ? Colors.white.withValues(alpha: 0.12)
-                    .outlineVariant
+                        : Colors.white.withValues(alpha: 0.8),
-                    .withValues(alpha: 0.35),
+                    width: 1.1,
                   ),
                 ),
-            clipBehavior: Clip.antiAlias,
                 child: ExpansionTile(
                   tilePadding:
                       const EdgeInsets.symmetric(horizontal: 14, vertical: 2),
@@ -528,6 +540,8 @@ class PostDetailsScreen extends ConsumerWidget {
                   ],
                 ),
               ),
+            ),
+          ),
           const SizedBox(height: 12),
           _CommentsSection(post: post),
         ],

lib/features/post/presentation/widgets/post_tags_panel.dart

@@ -320,14 +320,52 @@ class _TagGroupBlock extends StatelessWidget {
         children: [
           Row(
             children: [
-              Text(label, style: Theme.of(context).textTheme.labelLarge),
+              Container(
-              const SizedBox(width: 8),
+                width: 8,
+                height: 8,
+                margin: const EdgeInsets.only(right: 8),
+                decoration: BoxDecoration(
+                  color: _headerDotColor(group, Theme.of(context)),
+                  shape: BoxShape.circle,
+                  boxShadow: [
+                    BoxShadow(
+                      color: _headerDotColor(group, Theme.of(context))
+                          .withValues(alpha: 0.55),
+                      blurRadius: 5,
+                      spreadRadius: 1,
+                    ),
+                  ],
+                ),
+              ),
               Text(
+                label,
+                style: Theme.of(context).textTheme.titleSmall?.copyWith(
+                      fontWeight: FontWeight.w700,
+                      letterSpacing: -0.1,
+                    ),
+              ),
+              const SizedBox(width: 8),
+              Container(
+                padding: const EdgeInsets.symmetric(horizontal: 7, vertical: 1.5),
+                decoration: BoxDecoration(
+                  color: Theme.of(context).brightness == Brightness.dark
+                      ? Colors.white.withValues(alpha: 0.08)
+                      : Colors.black.withValues(alpha: 0.05),
+                  borderRadius: BorderRadius.circular(8),
+                  border: Border.all(
+                    color: Theme.of(context).brightness == Brightness.dark
+                        ? Colors.white.withValues(alpha: 0.12)
+                        : Colors.black.withValues(alpha: 0.08),
+                  ),
+                ),
+                child: Text(
                   '${tags.length}',
-                style: Theme.of(context).textTheme.labelMedium?.copyWith(
+                  style: Theme.of(context).textTheme.labelSmall?.copyWith(
+                        fontWeight: FontWeight.bold,
                         color: Theme.of(context).colorScheme.onSurfaceVariant,
                       ),
                 ),
+              ),
             ],
           ),
           const SizedBox(height: 7),
@@ -338,6 +376,7 @@ class _TagGroupBlock extends StatelessWidget {
               for (final tag in visibleTags)
                 TagChip(
                   tag: tag,
+                  group: group,
                   onTap: () => onTap(tag),
                   onLongPress: () => onLongPress(tag),
                 ),
@@ -360,4 +399,17 @@ class _TagGroupBlock extends StatelessWidget {
       ),
     );
   }
+
+  static Color _headerDotColor(String group, ThemeData theme) {
+    return switch (group.toLowerCase()) {
+      'artist' => const Color(0xFFFF4757),
+      'character' => const Color(0xFF2ED573),
+      'copyright' => const Color(0xFFA55EEA),
+      'species' => const Color(0xFFFFA502),
+      'meta' => const Color(0xFF1E90FF),
+      _ => theme.colorScheme.primary,
+    };
   }
+}
+
+

lib/features/search/presentation/search_screen.dart

@@ -1,4 +1,7 @@
+import 'dart:ui';
+
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
 
@@ -47,6 +50,7 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
     final strings = AppStrings(settings.languageCode);
     final isRu = strings.ru;
     final theme = Theme.of(context);
+    final bottomInset = MediaQuery.paddingOf(context).bottom;
 
     return AdaptiveScaffold(
       title: strings.search,
@@ -78,19 +82,12 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
           child: ConstrainedBox(
             constraints: const BoxConstraints(maxWidth: 860),
             child: ListView(
-              padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
+              // Extended bottom padding so the cheat sheet card is never obscured by the floating dock
+              padding: EdgeInsets.fromLTRB(16, 14, 16, 140 + bottomInset),
               children: [
                 // 1. Search Bar with Quick Operators
-                Container(
+                _SearchLiquidCard(
-                  padding: const EdgeInsets.all(16),
+                  glowColor: theme.colorScheme.primary,
-                  decoration: BoxDecoration(
-                    color: theme.colorScheme.surfaceContainerLow,
-                    borderRadius: BorderRadius.circular(20),
-                    border: Border.all(
-                      color: theme.colorScheme.outlineVariant
-                          .withValues(alpha: 0.3),
-                    ),
-                  ),
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.stretch,
                     children: [
@@ -171,17 +168,71 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
                 const SizedBox(height: 16),
 
                 // 2. Recent Searches Card
-                _SearchSectionCard(
+                _SearchLiquidCard(
+                  glowColor: const Color(0xFF6366F1),
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Row(
+                        children: [
+                          const _SearchIconBadge(
                             icon: Icons.history_rounded,
-                  accentColor: const Color(0xFF6366F1),
+                            color: Color(0xFF6366F1),
-                  title: isRu ? 'Недавние запросы' : 'Recent searches',
+                          ),
-                  badgeCount: data.recent.length,
+                          const SizedBox(width: 12),
-                  trailing: data.recent.isEmpty
+                          Expanded(
-                      ? null
+                            child: Row(
-                      : TextButton(
+                              mainAxisSize: MainAxisSize.min,
-                          onPressed: () => ref
+                              children: [
+                                Flexible(
+                                  child: Text(
+                                    isRu ? 'Недавние запросы' : 'Recent searches',
+                                    maxLines: 1,
+                                    overflow: TextOverflow.ellipsis,
+                                    style: theme.textTheme.titleMedium?.copyWith(
+                                      fontWeight: FontWeight.w700,
+                                      fontSize: 15,
+                                      letterSpacing: -0.2,
+                                    ),
+                                  ),
+                                ),
+                                if (data.recent.isNotEmpty) ...[
+                                  const SizedBox(width: 8),
+                                  Container(
+                                    padding: const EdgeInsets.symmetric(
+                                        horizontal: 7, vertical: 2),
+                                    decoration: BoxDecoration(
+                                      color: const Color(0xFF6366F1)
+                                          .withValues(alpha: 0.16),
+                                      borderRadius: BorderRadius.circular(10),
+                                    ),
+                                    child: Text(
+                                      '${data.recent.map((e) => e.query.trim().toLowerCase()).where((q) => q.isNotEmpty).toSet().length}',
+                                      style: theme.textTheme.labelSmall?.copyWith(
+                                        fontWeight: FontWeight.bold,
+                                        color: const Color(0xFF6366F1),
+                                      ),
+                                    ),
+                                  ),
+                                ],
+                              ],
+                            ),
+                          ),
+                          if (data.recent.isNotEmpty)
+                            TextButton(
+                              style: TextButton.styleFrom(
+                                visualDensity: VisualDensity.compact,
+                                padding: const EdgeInsets.symmetric(
+                                    horizontal: 10, vertical: 4),
+                                minimumSize: Size.zero,
+                                tapTargetSize: MaterialTapTargetSize.shrinkWrap,
+                              ),
+                              onPressed: () {
+                                HapticFeedback.selectionClick();
+                                ref
                                     .read(searchControllerProvider.notifier)
-                              .clearHistory(),
+                                    .clearHistory();
+                              },
                               child: Text(
                                 isRu ? 'Очистить' : 'Clear',
                                 style: TextStyle(
@@ -191,7 +242,10 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
                                 ),
                               ),
                             ),
-                  child: RecentSearches(
+                        ],
+                      ),
+                      const SizedBox(height: 14),
+                      RecentSearches(
                         items: data.recent,
                         onTap: (query) =>
                             context.go('/?q=${Uri.encodeQueryComponent(query)}'),
@@ -199,17 +253,39 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
                             .read(searchControllerProvider.notifier)
                             .deleteHistory(id),
                       ),
+                    ],
+                  ),
                 ),
                 const SizedBox(height: 16),
 
                 // 3. Explore Popular Categories & Tags
-                _SearchSectionCard(
+                _SearchLiquidCard(
-                  icon: Icons.explore_rounded,
+                  glowColor: const Color(0xFF10B981),
-                  accentColor: const Color(0xFF10B981),
-                  title: isRu ? 'Популярные категории' : 'Explore categories',
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
+                      Row(
+                        children: [
+                          const _SearchIconBadge(
+                            icon: Icons.explore_rounded,
+                            color: Color(0xFF10B981),
+                          ),
+                          const SizedBox(width: 12),
+                          Expanded(
+                            child: Text(
+                              isRu ? 'Популярные категории' : 'Explore categories',
+                              maxLines: 1,
+                              overflow: TextOverflow.ellipsis,
+                              style: theme.textTheme.titleMedium?.copyWith(
+                                fontWeight: FontWeight.w700,
+                                fontSize: 15,
+                                letterSpacing: -0.2,
+                              ),
+                            ),
+                          ),
+                        ],
+                      ),
+                      const SizedBox(height: 16),
                       _CategoryTagRow(
                         categoryName: isRu ? 'Тематика' : 'Theme & Ambience',
                         color: const Color(0xFF0EA5E9),
@@ -223,7 +299,7 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
                         ],
                         onTap: (tag) => _onTagTap(tag, data.query),
                       ),
-                      const SizedBox(height: 14),
+                      const SizedBox(height: 16),
                       _CategoryTagRow(
                         categoryName:
                             isRu ? 'Персонажи и детали' : 'Characters & Attire',
@@ -239,7 +315,7 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
                         ],
                         onTap: (tag) => _onTagTap(tag, data.query),
                       ),
-                      const SizedBox(height: 14),
+                      const SizedBox(height: 16),
                       _CategoryTagRow(
                         categoryName: isRu ? 'Провайдеры' : 'Providers',
                         color: const Color(0xFF8B5CF6),
@@ -257,40 +333,33 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
                 ),
                 const SizedBox(height: 16),
 
-                // 4. Search Tips / Cheat Sheet Card
+                // 4. Search Tips / Cheat Sheet Card (Full Liquid Glass Container)
-                Container(
+                _SearchLiquidCard(
-                  decoration: BoxDecoration(
+                  padding: EdgeInsets.zero,
-                    color: theme.colorScheme.surfaceContainerLow,
+                  glowColor: const Color(0xFFF59E0B),
-                    borderRadius: BorderRadius.circular(20),
+                  child: Theme(
-                    border: Border.all(
+                    data: theme.copyWith(dividerColor: Colors.transparent),
-                      color: theme.colorScheme.outlineVariant
-                          .withValues(alpha: 0.3),
-                    ),
-                  ),
                     child: ExpansionTile(
                       shape: const Border(),
                       collapsedShape: const Border(),
-                    leading: Container(
+                      tilePadding: const EdgeInsets.symmetric(
-                      width: 32,
+                          horizontal: 16, vertical: 4),
-                      height: 32,
+                      leading: const _SearchIconBadge(
-                      decoration: BoxDecoration(
+                        icon: Icons.lightbulb_rounded,
-                        color: const Color(0xFFF59E0B).withValues(alpha: 0.15),
-                        borderRadius: BorderRadius.circular(10),
-                      ),
-                      child: const Icon(
-                        Icons.lightbulb_outline_rounded,
-                        size: 18,
                         color: Color(0xFFF59E0B),
                       ),
-                    ),
                       title: Text(
                         isRu ? 'Шпаргалка по поиску' : 'Search tips & operators',
                         style: theme.textTheme.titleSmall?.copyWith(
                           fontWeight: FontWeight.w700,
+                          letterSpacing: -0.2,
                         ),
                       ),
                       initiallyExpanded: _showTips,
-                    onExpansionChanged: (exp) => setState(() => _showTips = exp),
+                      onExpansionChanged: (exp) {
+                        HapticFeedback.selectionClick();
+                        setState(() => _showTips = exp);
+                      },
                       children: [
                         Padding(
                           padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
@@ -337,6 +406,7 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
                       ],
                     ),
                   ),
+                ),
                 const SizedBox(height: 24),
               ],
             ),
@@ -347,90 +417,116 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
   }
 }
 
-class _SearchSectionCard extends StatelessWidget {
+class _SearchLiquidCard extends StatelessWidget {
-  const _SearchSectionCard({
+  const _SearchLiquidCard({
-    required this.icon,
-    required this.accentColor,
-    required this.title,
     required this.child,
-    this.badgeCount,
+    this.padding,
-    this.trailing,
+    this.glowColor,
   });
 
-  final IconData icon;
-  final Color accentColor;
-  final String title;
   final Widget child;
-  final int? badgeCount;
+  final EdgeInsetsGeometry? padding;
-  final Widget? trailing;
+  final Color? glowColor;
 
   @override
   Widget build(BuildContext context) {
     final theme = Theme.of(context);
+    final isDark = theme.brightness == Brightness.dark;
+    final accent = glowColor ?? theme.colorScheme.primary;
+
     return Container(
       decoration: BoxDecoration(
-        color: theme.colorScheme.surfaceContainerLow,
+        borderRadius: BorderRadius.circular(24),
-        borderRadius: BorderRadius.circular(20),
+        boxShadow: [
+          BoxShadow(
+            color: isDark
+                ? Colors.black.withValues(alpha: 0.35)
+                : accent.withValues(alpha: 0.08),
+            blurRadius: 18,
+            offset: const Offset(0, 6),
+            spreadRadius: -2,
+          ),
+          BoxShadow(
+            color: accent.withValues(alpha: isDark ? 0.06 : 0.03),
+            blurRadius: 10,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(24),
+        child: BackdropFilter(
+          filter: ImageFilter.blur(sigmaX: 18, sigmaY: 18),
+          child: Container(
+            padding: padding ?? const EdgeInsets.all(16),
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(24),
+              gradient: LinearGradient(
+                begin: Alignment.topLeft,
+                end: Alignment.bottomRight,
+                colors: isDark
+                    ? [
+                        theme.colorScheme.surfaceContainerHigh
+                            .withValues(alpha: 0.60),
+                        theme.colorScheme.surfaceContainerLow
+                            .withValues(alpha: 0.38),
+                      ]
+                    : [
+                        Colors.white.withValues(alpha: 0.88),
+                        Colors.white.withValues(alpha: 0.72),
+                      ],
+              ),
               border: Border.all(
-          color: theme.colorScheme.outlineVariant.withValues(alpha: 0.3),
+                color: isDark
+                    ? Colors.white.withValues(alpha: 0.14)
+                    : Colors.white.withValues(alpha: 0.85),
+                width: 1.2,
               ),
             ),
-      padding: const EdgeInsets.all(16),
+            child: child,
-      child: Column(
+          ),
-        crossAxisAlignment: CrossAxisAlignment.start,
+        ),
-        children: [
+      ),
-          Row(
+    );
-            children: [
+  }
-              Container(
+}
-                width: 32,
+
-                height: 32,
+class _SearchIconBadge extends StatelessWidget {
+  const _SearchIconBadge({
+    required this.icon,
+    required this.color,
+  });
+
+  final IconData icon;
+  final Color color;
+
+  @override
+  Widget build(BuildContext context) {
+    const size = 34.0;
+    const iconSize = 18.0;
+    return Container(
+      width: size,
+      height: size,
       decoration: BoxDecoration(
-                  color: accentColor.withValues(alpha: 0.14),
+        gradient: LinearGradient(
-                  borderRadius: BorderRadius.circular(10),
+          begin: Alignment.topLeft,
-                ),
+          end: Alignment.bottomRight,
-                child: Icon(icon, size: 18, color: accentColor),
+          colors: [
-              ),
+            color,
-              const SizedBox(width: 12),
+            color.withValues(alpha: 0.86),
-              Expanded(
-                child: Row(
-                  children: [
-                    Flexible(
-                      child: Text(
-                        title,
-                        maxLines: 1,
-                        overflow: TextOverflow.ellipsis,
-                        style: theme.textTheme.titleMedium?.copyWith(
-                          fontWeight: FontWeight.w700,
-                        ),
-                      ),
-                    ),
-                    if (badgeCount != null && badgeCount! > 0) ...[
-                      const SizedBox(width: 8),
-                      Container(
-                        padding: const EdgeInsets.symmetric(
-                            horizontal: 8, vertical: 2),
-                        decoration: BoxDecoration(
-                          color: accentColor.withValues(alpha: 0.15),
-                          borderRadius: BorderRadius.circular(10),
-                        ),
-                        child: Text(
-                          '$badgeCount',
-                          style: theme.textTheme.labelSmall?.copyWith(
-                            fontWeight: FontWeight.bold,
-                            color: accentColor,
-                          ),
-                        ),
-                      ),
-                    ],
           ],
         ),
+        borderRadius: BorderRadius.circular(size * 0.28),
+        boxShadow: [
+          BoxShadow(
+            color: color.withValues(alpha: 0.35),
+            blurRadius: 7,
+            offset: const Offset(0, 2.5),
           ),
-              if (trailing != null) trailing!,
         ],
       ),
-          const SizedBox(height: 14),
+      child: Center(
-          child,
+        child: Icon(icon, size: iconSize, color: Colors.white),
-        ],
       ),
     );
   }
@@ -452,19 +548,33 @@ class _QuickOperatorChip extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final theme = Theme.of(context);
+    final isDark = theme.brightness == Brightness.dark;
+
     return Material(
-      color: color.withValues(alpha: 0.12),
+      color: Colors.transparent,
-      borderRadius: BorderRadius.circular(12),
+      borderRadius: BorderRadius.circular(14),
       child: InkWell(
-        borderRadius: BorderRadius.circular(12),
+        borderRadius: BorderRadius.circular(14),
-        onTap: onTap,
+        onTap: () {
+          HapticFeedback.selectionClick();
+          onTap();
+        },
         child: Container(
           padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
           decoration: BoxDecoration(
-            borderRadius: BorderRadius.circular(12),
+            color: color.withValues(alpha: isDark ? 0.16 : 0.10),
+            borderRadius: BorderRadius.circular(14),
             border: Border.all(
-              color: color.withValues(alpha: 0.35),
+              color: color.withValues(alpha: isDark ? 0.40 : 0.32),
+              width: 1.1,
             ),
+            boxShadow: [
+              BoxShadow(
+                color: color.withValues(alpha: isDark ? 0.14 : 0.06),
+                blurRadius: 6,
+                offset: const Offset(0, 1.5),
+              ),
+            ],
           ),
           child: Row(
             mainAxisSize: MainAxisSize.min,
@@ -477,6 +587,7 @@ class _QuickOperatorChip extends StatelessWidget {
                   fontWeight: FontWeight.w700,
                   color: color,
                   fontFamily: 'monospace',
+                  letterSpacing: -0.2,
                 ),
               ),
             ],
@@ -503,44 +614,76 @@ class _CategoryTagRow extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final theme = Theme.of(context);
+    final isDark = theme.brightness == Brightness.dark;
+
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
+        Row(
+          children: [
+            Container(
+              width: 7,
+              height: 7,
+              decoration: BoxDecoration(
+                color: color,
+                shape: BoxShape.circle,
+                boxShadow: [
+                  BoxShadow(
+                    color: color.withValues(alpha: 0.6),
+                    blurRadius: 4,
+                  ),
+                ],
+              ),
+            ),
+            const SizedBox(width: 8),
             Text(
               categoryName,
               style: theme.textTheme.labelLarge?.copyWith(
-            fontWeight: FontWeight.w600,
+                fontWeight: FontWeight.w700,
-            color: theme.colorScheme.onSurfaceVariant,
+                color: theme.colorScheme.onSurface,
+                letterSpacing: -0.2,
               ),
             ),
-        const SizedBox(height: 8),
+          ],
+        ),
+        const SizedBox(height: 10),
         Wrap(
           spacing: 8,
           runSpacing: 8,
           children: [
             for (final tag in tags)
               Material(
-                color: theme.colorScheme.surfaceContainer,
+                color: Colors.transparent,
-                borderRadius: BorderRadius.circular(12),
+                borderRadius: BorderRadius.circular(14),
                 child: InkWell(
-                  borderRadius: BorderRadius.circular(12),
+                  borderRadius: BorderRadius.circular(14),
-                  onTap: () => onTap(tag),
+                  onTap: () {
+                    HapticFeedback.selectionClick();
+                    onTap(tag);
+                  },
                   child: Container(
                     padding: const EdgeInsets.symmetric(
-                        horizontal: 10, vertical: 5),
+                        horizontal: 11, vertical: 6),
                     decoration: BoxDecoration(
-                      borderRadius: BorderRadius.circular(12),
+                      color: isDark
+                          ? theme.colorScheme.surfaceContainerHighest
+                              .withValues(alpha: 0.45)
+                          : Colors.white.withValues(alpha: 0.60),
+                      borderRadius: BorderRadius.circular(14),
                       border: Border.all(
-                        color: theme.colorScheme.outlineVariant
+                        color: isDark
-                            .withValues(alpha: 0.3),
+                            ? Colors.white.withValues(alpha: 0.10)
+                            : theme.colorScheme.outlineVariant
+                                .withValues(alpha: 0.35),
+                        width: 1.0,
                       ),
                     ),
                     child: Row(
                       mainAxisSize: MainAxisSize.min,
                       children: [
                         Container(
-                          width: 6,
+                          width: 5,
-                          height: 6,
+                          height: 5,
                           decoration: BoxDecoration(
                             color: color,
                             shape: BoxShape.circle,
@@ -550,7 +693,8 @@ class _CategoryTagRow extends StatelessWidget {
                         Text(
                           tag,
                           style: theme.textTheme.bodySmall?.copyWith(
-                            fontWeight: FontWeight.w500,
+                            fontWeight: FontWeight.w600,
+                            letterSpacing: -0.1,
                           ),
                         ),
                       ],
@@ -574,14 +718,23 @@ class _TipRow extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final theme = Theme.of(context);
+    final isDark = theme.brightness == Brightness.dark;
+
     return Row(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
         Container(
-          padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
+          padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
           decoration: BoxDecoration(
-            color: theme.colorScheme.surfaceContainerHighest,
+            color: isDark
-            borderRadius: BorderRadius.circular(6),
+                ? theme.colorScheme.surfaceContainerHighest.withValues(alpha: 0.6)
+                : theme.colorScheme.surfaceContainerHighest.withValues(alpha: 0.8),
+            borderRadius: BorderRadius.circular(8),
+            border: Border.all(
+              color: isDark
+                  ? Colors.white.withValues(alpha: 0.08)
+                  : theme.colorScheme.outlineVariant.withValues(alpha: 0.25),
+            ),
           ),
           child: Text(
             code,
@@ -595,10 +748,14 @@ class _TipRow extends StatelessWidget {
         ),
         const SizedBox(width: 10),
         Expanded(
+          child: Padding(
+            padding: const EdgeInsets.only(top: 2),
             child: Text(
               description,
               style: theme.textTheme.bodySmall?.copyWith(
                 color: theme.colorScheme.onSurfaceVariant,
+                height: 1.35,
+              ),
             ),
           ),
         ),

lib/features/search/presentation/widgets/recent_searches.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 
 import '../../../../backend/backend.dart';
 
@@ -47,8 +48,44 @@ class _RecentSearchesState extends State<RecentSearches> {
       );
     }
 
+    // Deduplicate items by normalized query
+    final seen = <String>{};
+    final uniqueItems = <SearchHistory>[];
+    for (final item in widget.items) {
+      final key = item.query.trim().toLowerCase();
+      if (key.isEmpty) continue;
+      if (seen.add(key)) {
+        uniqueItems.add(item);
+      }
+    }
+
+    if (uniqueItems.isEmpty) {
+      return Container(
+        padding: const EdgeInsets.symmetric(vertical: 24, horizontal: 16),
+        alignment: Alignment.center,
+        child: Column(
+          children: [
+            Icon(
+              Icons.history_toggle_off_rounded,
+              size: 40,
+              color: theme.colorScheme.onSurfaceVariant.withValues(alpha: 0.5),
+            ),
+            const SizedBox(height: 10),
+            Text(
+              'История поиска пуста',
+              style: theme.textTheme.bodyMedium?.copyWith(
+                color: theme.colorScheme.onSurfaceVariant,
+              ),
+            ),
+          ],
+        ),
+      );
+    }
+
     final visibleItems =
-        _expanded ? widget.items : widget.items.take(20).toList();
+        _expanded ? uniqueItems : uniqueItems.take(20).toList();
+    final screenW = MediaQuery.sizeOf(context).width;
+    final maxQueryWidth = (screenW - 200).clamp(180.0, 480.0);
 
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
@@ -59,38 +96,62 @@ class _RecentSearchesState extends State<RecentSearches> {
           children: [
             for (final item in visibleItems)
               Material(
-                color: theme.colorScheme.surfaceContainer,
+                color: Colors.transparent,
                 borderRadius: BorderRadius.circular(16),
                 child: InkWell(
                   borderRadius: BorderRadius.circular(16),
-                  onTap: () => widget.onTap(item.query),
+                  onTap: () {
+                    HapticFeedback.selectionClick();
+                    widget.onTap(item.query);
+                  },
                   child: Container(
                     padding:
-                        const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+                        const EdgeInsets.only(left: 10, right: 6, top: 6, bottom: 6),
                     decoration: BoxDecoration(
+                      color: Theme.of(context).brightness == Brightness.dark
+                          ? theme.colorScheme.surfaceContainerHighest
+                              .withValues(alpha: 0.45)
+                          : Colors.white.withValues(alpha: 0.65),
                       borderRadius: BorderRadius.circular(16),
                       border: Border.all(
-                        color: theme.colorScheme.outlineVariant
+                        color: Theme.of(context).brightness == Brightness.dark
+                            ? Colors.white.withValues(alpha: 0.12)
+                            : theme.colorScheme.outlineVariant
                                 .withValues(alpha: 0.35),
+                        width: 1.0,
                       ),
+                      boxShadow: [
+                        BoxShadow(
+                          color: Colors.black.withValues(
+                              alpha: Theme.of(context).brightness == Brightness.dark
+                                  ? 0.15
+                                  : 0.04),
+                          blurRadius: 6,
+                          offset: const Offset(0, 1.5),
+                        ),
+                      ],
                     ),
                     child: Row(
                       mainAxisSize: MainAxisSize.min,
                       children: [
                         Icon(
                           Icons.history_rounded,
-                          size: 14,
+                          size: 15,
                           color: theme.colorScheme.primary,
                         ),
                         const SizedBox(width: 6),
                         ConstrainedBox(
-                          constraints: const BoxConstraints(maxWidth: 140),
+                          constraints: BoxConstraints(maxWidth: maxQueryWidth),
+                          child: Tooltip(
+                            message: item.query,
+                            waitDuration: const Duration(milliseconds: 600),
                             child: Text(
                               item.query,
                               maxLines: 1,
                               overflow: TextOverflow.ellipsis,
                               style: theme.textTheme.bodyMedium?.copyWith(
-                              fontWeight: FontWeight.w500,
+                                fontWeight: FontWeight.w600,
+                              ),
                             ),
                           ),
                         ),
@@ -100,14 +161,14 @@ class _RecentSearchesState extends State<RecentSearches> {
                             padding: const EdgeInsets.symmetric(
                                 horizontal: 6, vertical: 2),
                             decoration: BoxDecoration(
-                              color: theme.colorScheme.secondaryContainer,
+                              color: theme.colorScheme.primary.withValues(alpha: 0.14),
                               borderRadius: BorderRadius.circular(8),
                             ),
                             child: Text(
                               '${item.resultCount}',
                               style: theme.textTheme.labelSmall?.copyWith(
-                                color: theme.colorScheme.onSecondaryContainer,
+                                color: theme.colorScheme.primary,
-                                fontSize: 10,
+                                fontSize: 11,
                                 fontWeight: FontWeight.bold,
                               ),
                             ),
@@ -115,14 +176,24 @@ class _RecentSearchesState extends State<RecentSearches> {
                         ],
                         if (widget.onDelete != null) ...[
                           const SizedBox(width: 4),
-                          GestureDetector(
+                          Material(
-                            onTap: () => widget.onDelete!(item.id),
+                            color: Colors.transparent,
+                            shape: const CircleBorder(),
+                            clipBehavior: Clip.antiAlias,
+                            child: InkWell(
+                              customBorder: const CircleBorder(),
+                              onTap: () {
+                                HapticFeedback.lightImpact();
+                                widget.onDelete!(item.id);
+                              },
                               child: Padding(
-                              padding: const EdgeInsets.all(2),
+                                padding: const EdgeInsets.all(4),
                                 child: Icon(
                                   Icons.close_rounded,
-                                size: 14,
+                                  size: 15,
-                                color: theme.colorScheme.onSurfaceVariant,
+                                  color: theme.colorScheme.onSurfaceVariant
+                                      .withValues(alpha: 0.75),
+                                ),
                               ),
                             ),
                           ),
@@ -134,7 +205,7 @@ class _RecentSearchesState extends State<RecentSearches> {
               ),
           ],
         ),
-        if (widget.items.length > 20) ...[
+        if (uniqueItems.length > 20) ...[
           const SizedBox(height: 10),
           Center(
             child: TextButton.icon(
@@ -148,7 +219,7 @@ class _RecentSearchesState extends State<RecentSearches> {
               label: Text(
                 _expanded
                     ? 'Свернуть'
-                    : 'Показать все (${widget.items.length})',
+                    : 'Показать все (${uniqueItems.length})',
               ),
             ),
           ),

lib/features/settings/presentation/settings_screen.dart

@@ -1,4 +1,5 @@
 import 'dart:io';
+import 'dart:ui';
 
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart' hide appBuildNumber;
@@ -150,14 +151,21 @@ class _SettingsContentState extends ConsumerState<_SettingsContent> {
 
     return Column(
       children: [
-        // Pinned Top Category Quick Navigation
+        // Pinned Top Category Quick Navigation (Frosted Glass)
-        Container(
+        ClipRect(
+          child: BackdropFilter(
+            filter: ImageFilter.blur(sigmaX: 18, sigmaY: 18),
+            child: Container(
               padding: const EdgeInsets.symmetric(vertical: 8),
               decoration: BoxDecoration(
-            color: theme.scaffoldBackgroundColor,
+                color: theme.scaffoldBackgroundColor.withValues(
+                  alpha: theme.brightness == Brightness.dark ? 0.76 : 0.82,
+                ),
                 border: Border(
                   bottom: BorderSide(
-                color: theme.colorScheme.outlineVariant.withValues(alpha: 0.25),
+                    color: theme.brightness == Brightness.dark
+                        ? Colors.white.withValues(alpha: 0.08)
+                        : Colors.black.withValues(alpha: 0.06),
                   ),
                 ),
               ),
@@ -172,12 +180,19 @@ class _SettingsContentState extends ConsumerState<_SettingsContent> {
                 ),
               ),
             ),
+          ),
+        ),
 
         // Scrollable Settings Cards
         Expanded(
           child: SingleChildScrollView(
             controller: _scrollController,
-            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+            padding: EdgeInsets.fromLTRB(
+              16,
+              12,
+              16,
+              120 + MediaQuery.paddingOf(context).bottom,
+            ),
             child: Align(
               alignment: Alignment.topCenter,
               child: ConstrainedBox(
@@ -961,42 +976,69 @@ class _SettingsContentState extends ConsumerState<_SettingsContent> {
     final isRu = settings.languageCode == 'ru';
     final theme = Theme.of(context);
 
+    final isDark = theme.brightness == Brightness.dark;
+
     final selectedSource = await showModalBottomSheet<UpdateSource>(
       context: context,
+      useRootNavigator: true,
+      isScrollControlled: true,
       backgroundColor: Colors.transparent,
       builder: (sheetContext) {
-        return Container(
+        return ClipRRect(
-          decoration: BoxDecoration(
-            color: theme.colorScheme.surface,
           borderRadius: const BorderRadius.vertical(top: Radius.circular(28)),
+          child: BackdropFilter(
+            filter: ImageFilter.blur(sigmaX: 24, sigmaY: 24),
+            child: Container(
+              decoration: BoxDecoration(
+                color: isDark
+                    ? theme.colorScheme.surface.withValues(alpha: 0.88)
+                    : Colors.white.withValues(alpha: 0.94),
+                borderRadius: const BorderRadius.vertical(top: Radius.circular(28)),
+                border: Border(
+                  top: BorderSide(
+                    color: isDark
+                        ? Colors.white.withValues(alpha: 0.18)
+                        : Colors.white.withValues(alpha: 0.85),
+                    width: 1.2,
+                  ),
+                ),
+              ),
+              child: SafeArea(
+                top: false,
+                child: Padding(
+                  padding: EdgeInsets.fromLTRB(
+                    20,
+                    14,
+                    20,
+                    24 + MediaQuery.paddingOf(sheetContext).bottom,
                   ),
-          padding: const EdgeInsets.fromLTRB(20, 12, 20, 28),
                   child: Column(
                     mainAxisSize: MainAxisSize.min,
                     crossAxisAlignment: CrossAxisAlignment.stretch,
                     children: [
                       Center(
                         child: Container(
-                  width: 36,
+                          width: 38,
-                  height: 4,
+                          height: 4.5,
                           margin: const EdgeInsets.only(bottom: 16),
                           decoration: BoxDecoration(
-                    color: theme.colorScheme.onSurfaceVariant.withValues(alpha: 0.3),
+                            color: theme.colorScheme.onSurfaceVariant.withValues(alpha: 0.35),
-                    borderRadius: BorderRadius.circular(2),
+                            borderRadius: BorderRadius.circular(3),
                           ),
                         ),
                       ),
                       Text(
                         isRu ? 'Источник обновлений' : 'Update Source',
                         style: theme.textTheme.titleMedium?.copyWith(
-                  fontWeight: FontWeight.bold,
+                          fontWeight: FontWeight.w800,
+                          letterSpacing: -0.3,
                         ),
                         textAlign: TextAlign.center,
                       ),
                       const SizedBox(height: 6),
                       Text(
                         isRu
-                    ? 'Выберите сервер для загрузки обновлений'
+                            ? 'Выберите сервер для быстрой загрузки новой версии'
                             : 'Choose a server to download updates from',
                         style: theme.textTheme.bodySmall?.copyWith(
                           color: theme.colorScheme.onSurfaceVariant,
@@ -1007,28 +1049,55 @@ class _SettingsContentState extends ConsumerState<_SettingsContent> {
 
                       // Option 1: GitHub (Recommended for speed)
                       Material(
-                color: theme.colorScheme.primaryContainer.withValues(alpha: 0.35),
+                        color: isDark
-                borderRadius: BorderRadius.circular(16),
+                            ? theme.colorScheme.primaryContainer.withValues(alpha: 0.35)
+                            : theme.colorScheme.primary.withValues(alpha: 0.08),
+                        borderRadius: BorderRadius.circular(18),
                         child: InkWell(
-                  borderRadius: BorderRadius.circular(16),
+                          borderRadius: BorderRadius.circular(18),
-                  onTap: () => Navigator.pop(sheetContext, UpdateSource.github),
+                          onTap: () {
-                  child: Padding(
+                            HapticFeedback.selectionClick();
+                            Navigator.pop(sheetContext, UpdateSource.github);
+                          },
+                          child: Container(
                             padding: const EdgeInsets.all(16),
+                            decoration: BoxDecoration(
+                              borderRadius: BorderRadius.circular(18),
+                              border: Border.all(
+                                color: isDark
+                                    ? Colors.white.withValues(alpha: 0.15)
+                                    : theme.colorScheme.primary.withValues(alpha: 0.35),
+                                width: 1.2,
+                              ),
+                            ),
                             child: Row(
                               children: [
                                 Container(
                                   width: 44,
                                   height: 44,
                                   decoration: BoxDecoration(
-                            color: theme.colorScheme.primary.withValues(alpha: 0.15),
+                                    gradient: const LinearGradient(
-                            borderRadius: BorderRadius.circular(12),
+                                      colors: [Color(0xFF6366F1), Color(0xFF4F46E5)],
+                                      begin: Alignment.topLeft,
+                                      end: Alignment.bottomRight,
                                     ),
+                                    borderRadius: BorderRadius.circular(13),
+                                    boxShadow: [
+                                      BoxShadow(
+                                        color: const Color(0xFF6366F1).withValues(alpha: 0.40),
+                                        blurRadius: 10,
+                                        offset: const Offset(0, 3),
+                                      ),
+                                    ],
+                                  ),
+                                  child: const Center(
                                     child: Icon(
                                       Icons.bolt_rounded,
-                            color: theme.colorScheme.primary,
+                                      color: Colors.white,
                                       size: 24,
                                     ),
                                   ),
+                                ),
                                 const SizedBox(width: 14),
                                 Expanded(
                                   child: Column(
@@ -1039,24 +1108,24 @@ class _SettingsContentState extends ConsumerState<_SettingsContent> {
                                           Text(
                                             'GitHub',
                                             style: theme.textTheme.titleSmall?.copyWith(
-                                      fontWeight: FontWeight.bold,
+                                              fontWeight: FontWeight.w700,
                                             ),
                                           ),
                                           const SizedBox(width: 8),
                                           Container(
                                             padding: const EdgeInsets.symmetric(
-                                      horizontal: 6,
+                                              horizontal: 7,
-                                      vertical: 2,
+                                              vertical: 2.5,
                                             ),
                                             decoration: BoxDecoration(
-                                      color: Colors.green.withValues(alpha: 0.2),
+                                              color: Colors.green.withValues(alpha: 0.20),
                                               borderRadius: BorderRadius.circular(6),
                                             ),
                                             child: Text(
-                                      isRu ? 'Рекомендуется для скорости' : 'Recommended for speed',
+                                              isRu ? 'Рекомендуется' : 'Recommended',
                                               style: const TextStyle(
-                                        fontSize: 10,
+                                                fontSize: 10.5,
-                                        fontWeight: FontWeight.bold,
+                                                fontWeight: FontWeight.w700,
                                                 color: Colors.green,
                                               ),
                                             ),
@@ -1066,7 +1135,7 @@ class _SettingsContentState extends ConsumerState<_SettingsContent> {
                                       const SizedBox(height: 3),
                                       Text(
                                         isRu
-                                    ? 'Прямая быстрая загрузка без ограничений'
+                                            ? 'Прямая быстрая загрузка релизов без задержек'
                                             : 'Direct fast download without limits',
                                         style: theme.textTheme.bodySmall?.copyWith(
                                           color: theme.colorScheme.onSurfaceVariant,
@@ -1077,7 +1146,7 @@ class _SettingsContentState extends ConsumerState<_SettingsContent> {
                                 ),
                                 Icon(
                                   Icons.arrow_forward_ios_rounded,
-                          size: 14,
+                                  size: 15,
                                   color: theme.colorScheme.onSurfaceVariant,
                                 ),
                               ],
@@ -1087,49 +1156,75 @@ class _SettingsContentState extends ConsumerState<_SettingsContent> {
                       ),
                       const SizedBox(height: 12),
 
-              // Option 2: Gitea (Muted / neutral grey)
+                      // Option 2: Gitea
                       Material(
-                color: theme.colorScheme.surfaceContainerHighest.withValues(alpha: 0.25),
+                        color: isDark
-                borderRadius: BorderRadius.circular(16),
+                            ? theme.colorScheme.surfaceContainerHighest.withValues(alpha: 0.35)
+                            : theme.colorScheme.surfaceContainerHighest.withValues(alpha: 0.40),
+                        borderRadius: BorderRadius.circular(18),
                         child: InkWell(
-                  borderRadius: BorderRadius.circular(16),
+                          borderRadius: BorderRadius.circular(18),
-                  onTap: () => Navigator.pop(sheetContext, UpdateSource.gitea),
+                          onTap: () {
-                  child: Padding(
+                            HapticFeedback.selectionClick();
+                            Navigator.pop(sheetContext, UpdateSource.gitea);
+                          },
+                          child: Container(
                             padding: const EdgeInsets.all(16),
+                            decoration: BoxDecoration(
+                              borderRadius: BorderRadius.circular(18),
+                              border: Border.all(
+                                color: isDark
+                                    ? Colors.white.withValues(alpha: 0.12)
+                                    : theme.colorScheme.outlineVariant.withValues(alpha: 0.35),
+                                width: 1.2,
+                              ),
+                            ),
                             child: Row(
                               children: [
                                 Container(
                                   width: 44,
                                   height: 44,
                                   decoration: BoxDecoration(
-                            color: theme.colorScheme.onSurface.withValues(alpha: 0.08),
+                                    gradient: const LinearGradient(
-                            borderRadius: BorderRadius.circular(12),
+                                      colors: [Color(0xFF0EA5E9), Color(0xFF0284C7)],
+                                      begin: Alignment.topLeft,
+                                      end: Alignment.bottomRight,
                                     ),
+                                    borderRadius: BorderRadius.circular(13),
+                                    boxShadow: [
+                                      BoxShadow(
+                                        color: const Color(0xFF0EA5E9).withValues(alpha: 0.35),
+                                        blurRadius: 10,
+                                        offset: const Offset(0, 3),
+                                      ),
+                                    ],
+                                  ),
+                                  child: const Center(
                                     child: Icon(
                                       Icons.dns_rounded,
-                            color: theme.colorScheme.onSurfaceVariant,
+                                      color: Colors.white,
                                       size: 22,
                                     ),
                                   ),
+                                ),
                                 const SizedBox(width: 14),
                                 Expanded(
                                   child: Column(
                                     crossAxisAlignment: CrossAxisAlignment.start,
                                     children: [
                                       Text(
-                                'Gitea',
+                                        'Gitea (Synapse)',
                                         style: theme.textTheme.titleSmall?.copyWith(
-                                  fontWeight: FontWeight.w600,
+                                          fontWeight: FontWeight.w700,
-                                  color: theme.colorScheme.onSurfaceVariant,
                                         ),
                                       ),
                                       const SizedBox(height: 3),
                                       Text(
                                         isRu
-                                    ? 'Сервер релизов'
+                                            ? 'Альтернативный независимый сервер релизов'
-                                    : 'Release server',
+                                            : 'Alternative independent release mirror',
                                         style: theme.textTheme.bodySmall?.copyWith(
-                                  color: theme.colorScheme.onSurfaceVariant.withValues(alpha: 0.7),
+                                          color: theme.colorScheme.onSurfaceVariant,
                                         ),
                                       ),
                                     ],
@@ -1137,8 +1232,8 @@ class _SettingsContentState extends ConsumerState<_SettingsContent> {
                                 ),
                                 Icon(
                                   Icons.arrow_forward_ios_rounded,
-                          size: 14,
+                                  size: 15,
-                          color: theme.colorScheme.onSurfaceVariant.withValues(alpha: 0.5),
+                                  color: theme.colorScheme.onSurfaceVariant,
                                 ),
                               ],
                             ),
@@ -1147,6 +1242,10 @@ class _SettingsContentState extends ConsumerState<_SettingsContent> {
                       ),
                     ],
                   ),
+                ),
+              ),
+            ),
+          ),
         );
       },
     );
@@ -1297,6 +1396,49 @@ class _SettingsContentState extends ConsumerState<_SettingsContent> {
 // Settings 2.0 Modern Components
 // -----------------------------------------------------------------------------
 
+class _SettingsIconBadge extends StatelessWidget {
+  const _SettingsIconBadge({
+    required this.icon,
+    required this.color,
+    this.size = 34,
+    this.iconSize = 18,
+  });
+
+  final IconData icon;
+  final Color color;
+  final double size;
+  final double iconSize;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: size,
+      height: size,
+      decoration: BoxDecoration(
+        gradient: LinearGradient(
+          begin: Alignment.topLeft,
+          end: Alignment.bottomRight,
+          colors: [
+            color,
+            color.withValues(alpha: 0.86),
+          ],
+        ),
+        borderRadius: BorderRadius.circular(size * 0.28),
+        boxShadow: [
+          BoxShadow(
+            color: color.withValues(alpha: 0.35),
+            blurRadius: 7,
+            offset: const Offset(0, 2.5),
+          ),
+        ],
+      ),
+      child: Center(
+        child: Icon(icon, size: iconSize, color: Colors.white),
+      ),
+    );
+  }
+}
+
 class _CategoryQuickNav extends StatelessWidget {
   const _CategoryQuickNav({
     required this.categories,
@@ -1310,8 +1452,10 @@ class _CategoryQuickNav extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final theme = Theme.of(context);
+    final isDark = theme.brightness == Brightness.dark;
+
     return SizedBox(
-      height: 40,
+      height: 44,
       child: ListView.separated(
         padding: const EdgeInsets.symmetric(horizontal: 16),
         scrollDirection: Axis.horizontal,
@@ -1319,35 +1463,87 @@ class _CategoryQuickNav extends StatelessWidget {
         separatorBuilder: (_, __) => const SizedBox(width: 8),
         itemBuilder: (context, index) {
           final cat = categories[index];
-          return Material(
+          return Container(
-            color: theme.colorScheme.surfaceContainer,
-            borderRadius: BorderRadius.circular(20),
-            child: InkWell(
-              borderRadius: BorderRadius.circular(20),
-              onTap: () => onSelect(cat.key),
-              child: Container(
-                padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 8),
             decoration: BoxDecoration(
-                  borderRadius: BorderRadius.circular(20),
+              borderRadius: BorderRadius.circular(22),
+              boxShadow: [
+                BoxShadow(
+                  color: isDark
+                      ? Colors.black.withValues(alpha: 0.25)
+                      : cat.color.withValues(alpha: 0.12),
+                  blurRadius: 8,
+                  offset: const Offset(0, 2.5),
+                ),
+              ],
+            ),
+            child: ClipRRect(
+              borderRadius: BorderRadius.circular(22),
+              child: BackdropFilter(
+                filter: ImageFilter.blur(sigmaX: 16, sigmaY: 16),
+                child: Material(
+                  color: isDark
+                      ? theme.colorScheme.surfaceContainerHigh.withValues(alpha: 0.60)
+                      : Colors.white.withValues(alpha: 0.82),
+                  child: InkWell(
+                    borderRadius: BorderRadius.circular(22),
+                    onTap: () {
+                      HapticFeedback.selectionClick();
+                      onSelect(cat.key);
+                    },
+                    child: Container(
+                      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 7),
+                      decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(22),
                         border: Border.all(
-                    color: theme.colorScheme.outlineVariant.withValues(alpha: 0.35),
+                          color: isDark
+                              ? Colors.white.withValues(alpha: 0.18)
+                              : Colors.white.withValues(alpha: 0.85),
+                          width: 1.1,
                         ),
                       ),
                       child: Row(
                         mainAxisSize: MainAxisSize.min,
                         children: [
-                    Icon(cat.icon, size: 16, color: cat.color),
+                          Container(
+                            width: 24,
+                            height: 24,
+                            decoration: BoxDecoration(
+                              gradient: LinearGradient(
+                                begin: Alignment.topLeft,
+                                end: Alignment.bottomRight,
+                                colors: [
+                                  cat.color,
+                                  cat.color.withValues(alpha: 0.82),
+                                ],
+                              ),
+                              borderRadius: BorderRadius.circular(7),
+                              boxShadow: [
+                                BoxShadow(
+                                  color: cat.color.withValues(alpha: 0.35),
+                                  blurRadius: 5,
+                                  offset: const Offset(0, 1.5),
+                                ),
+                              ],
+                            ),
+                            child: Center(
+                              child: Icon(cat.icon, size: 14, color: Colors.white),
+                            ),
+                          ),
                           const SizedBox(width: 8),
                           Text(
                             cat.label,
                             style: theme.textTheme.labelLarge?.copyWith(
                               fontWeight: FontWeight.w600,
+                              letterSpacing: -0.2,
                             ),
                           ),
                         ],
                       ),
                     ),
                   ),
+                ),
+              ),
+            ),
           );
         },
       ),
@@ -1373,51 +1569,96 @@ class _SettingsCardGroup extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final theme = Theme.of(context);
+    final isDark = theme.brightness == Brightness.dark;
+
     return Container(
       key: sectionKey,
-      margin: const EdgeInsets.only(bottom: 16),
+      margin: const EdgeInsets.only(bottom: 18),
       decoration: BoxDecoration(
-        color: theme.colorScheme.surfaceContainerLow,
+        borderRadius: BorderRadius.circular(24),
-        borderRadius: BorderRadius.circular(20),
+        boxShadow: [
+          BoxShadow(
+            color: isDark
+                ? Colors.black.withValues(alpha: 0.40)
+                : accentColor.withValues(alpha: 0.08),
+            blurRadius: 20,
+            offset: const Offset(0, 6),
+            spreadRadius: -2,
+          ),
+          BoxShadow(
+            color: accentColor.withValues(alpha: isDark ? 0.08 : 0.04),
+            blurRadius: 10,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(24),
+        child: BackdropFilter(
+          filter: ImageFilter.blur(sigmaX: 20, sigmaY: 20),
+          child: Container(
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(24),
+              gradient: LinearGradient(
+                begin: Alignment.topLeft,
+                end: Alignment.bottomRight,
+                colors: isDark
+                    ? [
+                        theme.colorScheme.surfaceContainerHigh.withValues(alpha: 0.60),
+                        theme.colorScheme.surfaceContainerLow.withValues(alpha: 0.40),
+                      ]
+                    : [
+                        Colors.white.withValues(alpha: 0.88),
+                        Colors.white.withValues(alpha: 0.72),
+                      ],
+              ),
               border: Border.all(
-          color: theme.colorScheme.outlineVariant.withValues(alpha: 0.3),
+                color: isDark
+                    ? Colors.white.withValues(alpha: 0.15)
+                    : Colors.white.withValues(alpha: 0.85),
+                width: 1.2,
               ),
             ),
-      clipBehavior: Clip.antiAlias,
             child: Column(
               crossAxisAlignment: CrossAxisAlignment.stretch,
               children: [
-          // Header
+                // iOS Liquid Glass Card Header
                 Padding(
-            padding: const EdgeInsets.fromLTRB(16, 16, 16, 10),
+                  padding: const EdgeInsets.fromLTRB(16, 16, 16, 12),
                   child: Row(
                     children: [
-                Container(
+                      _SettingsIconBadge(
-                  width: 32,
+                        icon: icon,
-                  height: 32,
+                        color: accentColor,
-                  decoration: BoxDecoration(
+                        size: 34,
-                    color: accentColor.withValues(alpha: 0.14),
+                        iconSize: 19,
-                    borderRadius: BorderRadius.circular(10),
                       ),
-                  child: Icon(icon, size: 18, color: accentColor),
+                      const SizedBox(width: 14),
-                ),
-                const SizedBox(width: 12),
                       Expanded(
                         child: Text(
                           title,
                           style: theme.textTheme.titleMedium?.copyWith(
                             fontWeight: FontWeight.w700,
-                      letterSpacing: -0.2,
+                            letterSpacing: -0.3,
                           ),
                         ),
                       ),
                     ],
                   ),
                 ),
-          const Divider(height: 1, thickness: 1, indent: 0, endIndent: 0),
+                Container(
+                  height: 1,
+                  margin: const EdgeInsets.symmetric(horizontal: 16),
+                  color: isDark
+                      ? Colors.white.withValues(alpha: 0.08)
+                      : theme.colorScheme.outlineVariant.withValues(alpha: 0.25),
+                ),
                 ...children,
               ],
             ),
+          ),
+        ),
+      ),
     );
   }
 }
@@ -1427,12 +1668,15 @@ class _SettingsDivider extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final isDark = Theme.of(context).brightness == Brightness.dark;
     return Divider(
       height: 1,
       thickness: 0.7,
-      indent: 68,
+      indent: 64,
       endIndent: 16,
-      color: Theme.of(context).colorScheme.outlineVariant.withValues(alpha: 0.25),
+      color: isDark
+          ? Colors.white.withValues(alpha: 0.07)
+          : Theme.of(context).colorScheme.outlineVariant.withValues(alpha: 0.25),
     );
   }
 }
@@ -1463,14 +1707,11 @@ class _SettingsTile extends StatelessWidget {
         padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
         child: Row(
           children: [
-            Container(
+            _SettingsIconBadge(
-              width: 38,
+              icon: icon,
-              height: 38,
+              color: iconColor,
-              decoration: BoxDecoration(
+              size: 34,
-                color: iconColor.withValues(alpha: 0.12),
+              iconSize: 18,
-                borderRadius: BorderRadius.circular(12),
-              ),
-              child: Icon(icon, size: 20, color: iconColor),
             ),
             const SizedBox(width: 14),
             Expanded(
@@ -1536,14 +1777,11 @@ class _SettingsSegmentedTile<T> extends StatelessWidget {
         children: [
           Row(
             children: [
-              Container(
+              _SettingsIconBadge(
-                width: 38,
+                icon: icon,
-                height: 38,
+                color: iconColor,
-                decoration: BoxDecoration(
+                size: 34,
-                  color: iconColor.withValues(alpha: 0.12),
+                iconSize: 18,
-                  borderRadius: BorderRadius.circular(12),
-                ),
-                child: Icon(icon, size: 20, color: iconColor),
               ),
               const SizedBox(width: 14),
               Expanded(
@@ -1653,14 +1891,11 @@ class _SettingsStepperTile extends StatelessWidget {
       padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
       child: Row(
         children: [
-          Container(
+          _SettingsIconBadge(
-            width: 38,
+            icon: icon,
-            height: 38,
+            color: iconColor,
-            decoration: BoxDecoration(
+            size: 34,
-              color: iconColor.withValues(alpha: 0.12),
+            iconSize: 18,
-              borderRadius: BorderRadius.circular(12),
-            ),
-            child: Icon(icon, size: 20, color: iconColor),
           ),
           const SizedBox(width: 14),
           Expanded(
@@ -1753,18 +1988,11 @@ class _SettingsFolderStructureTile extends StatelessWidget {
           children: [
             Row(
               children: [
-                Container(
+                const _SettingsIconBadge(
-                  width: 38,
+                  icon: Icons.folder_copy_rounded,
-                  height: 38,
-                  decoration: BoxDecoration(
-                    color: const Color(0xFF0EA5E9).withValues(alpha: 0.12),
-                    borderRadius: BorderRadius.circular(12),
-                  ),
-                  child: const Icon(
-                    Icons.folder_copy_rounded,
-                    size: 20,
                   color: Color(0xFF0EA5E9),
-                  ),
+                  size: 34,
+                  iconSize: 18,
                 ),
                 const SizedBox(width: 14),
                 Expanded(
@@ -2408,35 +2636,64 @@ class _HeroBrandBanner extends StatelessWidget {
           Text(
             isRu ? 'Резервное копирование и экспорт' : 'Backup & JSON Export',
             style: theme.textTheme.titleSmall?.copyWith(
-              fontWeight: FontWeight.w600,
+              fontWeight: FontWeight.w700,
-              color: theme.colorScheme.onSurfaceVariant,
+              letterSpacing: -0.2,
             ),
           ),
           const SizedBox(height: 12),
-          Wrap(
+          Column(
-            spacing: 10,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
-            runSpacing: 10,
-            alignment: WrapAlignment.center,
             children: [
-              OutlinedButton.icon(
+              Row(
+                children: [
+                  Expanded(
+                    child: OutlinedButton.icon(
                       onPressed: onExportBackup,
                       icon: const Icon(Icons.file_upload_rounded, size: 18),
-                label: Text(isRu ? 'Экспорт бэкапа' : 'Export backup'),
+                      label: Text(
+                        isRu ? 'Экспорт бэкапа' : 'Export backup',
+                        overflow: TextOverflow.ellipsis,
                       ),
-              OutlinedButton.icon(
+                    ),
+                  ),
+                  const SizedBox(width: 10),
+                  Expanded(
+                    child: OutlinedButton.icon(
                       onPressed: onImportBackup,
                       icon: const Icon(Icons.file_download_rounded, size: 18),
-                label: Text(isRu ? 'Импорт бэкапа' : 'Import backup'),
+                      label: Text(
+                        isRu ? 'Импорт бэкапа' : 'Import backup',
+                        overflow: TextOverflow.ellipsis,
                       ),
-              OutlinedButton.icon(
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 10),
+              Row(
+                children: [
+                  Expanded(
+                    child: FilledButton.tonalIcon(
                       onPressed: onExportJson,
-                icon: const Icon(Icons.upload_file_rounded, size: 18),
+                      icon: const Icon(Icons.data_object_rounded, size: 18),
-                label: const Text('JSON Export'),
+                      label: Text(
+                        isRu ? 'JSON Экспорт' : 'JSON Export',
+                        overflow: TextOverflow.ellipsis,
                       ),
-              OutlinedButton.icon(
+                    ),
+                  ),
+                  const SizedBox(width: 10),
+                  Expanded(
+                    child: FilledButton.tonalIcon(
                       onPressed: onImportJson,
                       icon: const Icon(Icons.download_for_offline_rounded, size: 18),
-                label: const Text('JSON Import'),
+                      label: Text(
+                        isRu ? 'JSON Импорт' : 'JSON Import',
+                        overflow: TextOverflow.ellipsis,
+                      ),
+                    ),
+                  ),
+                ],
               ),
             ],
           ),

lib/features/viewed/presentation/viewed_screen.dart

@@ -1,5 +1,8 @@
+import 'dart:ui';
+
 import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
 
@@ -156,28 +159,56 @@ class _ViewedScreenState extends ConsumerState<ViewedScreen> {
             );
           }
 
+          final bottomInset = MediaQuery.paddingOf(context).bottom;
+
           return RefreshIndicator(
             onRefresh: () =>
                 ref.read(viewedControllerProvider.notifier).refresh(),
             child: ListView(
-              padding: const EdgeInsets.fromLTRB(16, 8, 16, 24),
+              padding: EdgeInsets.fromLTRB(16, 8, 16, 140 + bottomInset),
               children: [
                 for (final group in groups) ...[
                   Padding(
-                    padding: const EdgeInsets.fromLTRB(4, 16, 4, 10),
+                    padding: const EdgeInsets.fromLTRB(2, 16, 2, 10),
                     child: Row(
                       children: [
-                        Icon(
+                        Container(
-                          Icons.calendar_today_rounded,
+                          width: 28,
-                          size: 16,
+                          height: 28,
-                          color: Theme.of(context).colorScheme.primary,
+                          decoration: BoxDecoration(
+                            gradient: LinearGradient(
+                              colors: [
+                                Theme.of(context).colorScheme.primary,
+                                Theme.of(context).colorScheme.primary.withValues(alpha: 0.82),
+                              ],
                             ),
-                        const SizedBox(width: 8),
+                            borderRadius: BorderRadius.circular(9),
+                            boxShadow: [
+                              BoxShadow(
+                                color: Theme.of(context)
+                                    .colorScheme
+                                    .primary
+                                    .withValues(alpha: 0.32),
+                                blurRadius: 6,
+                                offset: const Offset(0, 2),
+                              ),
+                            ],
+                          ),
+                          child: const Center(
+                            child: Icon(
+                              Icons.calendar_today_rounded,
+                              size: 14,
+                              color: Colors.white,
+                            ),
+                          ),
+                        ),
+                        const SizedBox(width: 10),
                         Text(
                           _localizedGroupLabel(group.label, isRu),
                           style:
                               Theme.of(context).textTheme.titleSmall?.copyWith(
                                     fontWeight: FontWeight.bold,
+                                    letterSpacing: -0.2,
                                   ),
                         ),
                         const SizedBox(width: 8),
@@ -187,10 +218,24 @@ class _ViewedScreenState extends ConsumerState<ViewedScreen> {
                             vertical: 2,
                           ),
                           decoration: BoxDecoration(
-                            color: Theme.of(context)
+                            color: Theme.of(context).brightness == Brightness.dark
+                                ? Theme.of(context)
                                     .colorScheme
-                                .surfaceContainerHighest,
+                                    .surfaceContainerHighest
+                                    .withValues(alpha: 0.5)
+                                : Theme.of(context)
+                                    .colorScheme
+                                    .primary
+                                    .withValues(alpha: 0.12),
                             borderRadius: BorderRadius.circular(10),
+                            border: Border.all(
+                              color: Theme.of(context).brightness == Brightness.dark
+                                  ? Colors.white.withValues(alpha: 0.08)
+                                  : Theme.of(context)
+                                      .colorScheme
+                                      .primary
+                                      .withValues(alpha: 0.20),
+                            ),
                           ),
                           child: Text(
                             '${group.items.length}',
@@ -198,7 +243,10 @@ class _ViewedScreenState extends ConsumerState<ViewedScreen> {
                                 .textTheme
                                 .labelSmall
                                 ?.copyWith(
-                                  fontWeight: FontWeight.w600,
+                                  fontWeight: FontWeight.w700,
+                                  color: Theme.of(context).brightness == Brightness.dark
+                                      ? Theme.of(context).colorScheme.onSurfaceVariant
+                                      : Theme.of(context).colorScheme.primary,
                                 ),
                           ),
                         ),
@@ -299,40 +347,86 @@ class _ViewedPostTile extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final scheme = Theme.of(context).colorScheme;
+    final isDark = Theme.of(context).brightness == Brightness.dark;
     final image = MediaUrlSelector.preview(post).firstOrNull;
     final timeStr =
         '${viewedAt.hour.toString().padLeft(2, '0')}:${viewedAt.minute.toString().padLeft(2, '0')}';
 
-    return Card(
+    return Container(
-      elevation: 0,
+      margin: const EdgeInsets.only(bottom: 10),
-      color: scheme.surfaceContainerLow,
+      decoration: BoxDecoration(
-      margin: const EdgeInsets.only(bottom: 8),
+        borderRadius: BorderRadius.circular(20),
-      shape: RoundedRectangleBorder(
+        boxShadow: [
-        borderRadius: BorderRadius.circular(16),
+          BoxShadow(
-        side: BorderSide(
+            color: Colors.black.withValues(alpha: isDark ? 0.28 : 0.05),
-          color: scheme.outlineVariant.withValues(alpha: 0.3),
+            blurRadius: 14,
+            offset: const Offset(0, 4),
+            spreadRadius: -2,
           ),
+        ],
       ),
-      clipBehavior: Clip.antiAlias,
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(20),
+        child: BackdropFilter(
+          filter: ImageFilter.blur(sigmaX: 16, sigmaY: 16),
+          child: Material(
+            color: Colors.transparent,
             child: InkWell(
-        onTap: onOpen,
+              borderRadius: BorderRadius.circular(20),
-        child: Padding(
+              onTap: () {
+                HapticFeedback.selectionClick();
+                onOpen();
+              },
+              child: Container(
                 padding: const EdgeInsets.all(10),
+                decoration: BoxDecoration(
+                  borderRadius: BorderRadius.circular(20),
+                  gradient: LinearGradient(
+                    begin: Alignment.topLeft,
+                    end: Alignment.bottomRight,
+                    colors: isDark
+                        ? [
+                            scheme.surfaceContainerHigh
+                                .withValues(alpha: 0.58),
+                            scheme.surfaceContainerLow
+                                .withValues(alpha: 0.36),
+                          ]
+                        : [
+                            Colors.white.withValues(alpha: 0.88),
+                            Colors.white.withValues(alpha: 0.72),
+                          ],
+                  ),
+                  border: Border.all(
+                    color: isDark
+                        ? Colors.white.withValues(alpha: 0.13)
+                        : Colors.white.withValues(alpha: 0.85),
+                    width: 1.1,
+                  ),
+                ),
                 child: Row(
                   children: [
                     // Squircle Thumbnail
                     ClipRRect(
-                borderRadius: BorderRadius.circular(12),
+                      borderRadius: BorderRadius.circular(13),
-                child: SizedBox(
+                      child: Container(
                         width: 68,
                         height: 68,
+                        decoration: BoxDecoration(
+                          border: Border.all(
+                            color: isDark
+                                ? Colors.white.withValues(alpha: 0.10)
+                                : scheme.outlineVariant.withValues(alpha: 0.30),
+                          ),
+                          borderRadius: BorderRadius.circular(13),
+                        ),
                         child: Stack(
                           fit: StackFit.expand,
                           children: [
                             image == null
                                 ? Container(
                                     color: scheme.surfaceContainerHighest,
-                              child: const Icon(Icons.image_not_supported_rounded),
+                                    child: const Icon(
+                                        Icons.image_not_supported_rounded),
                                   )
                                 : CachedNetworkImage(
                                     imageUrl: image,
@@ -356,7 +450,7 @@ class _ViewedPostTile extends StatelessWidget {
                                   padding: const EdgeInsets.all(3),
                                   decoration: BoxDecoration(
                                     color: Colors.black.withValues(alpha: 0.65),
-                              borderRadius: BorderRadius.circular(4),
+                                    borderRadius: BorderRadius.circular(5),
                                   ),
                                   child: const Icon(
                                     Icons.play_arrow_rounded,
@@ -380,13 +474,17 @@ class _ViewedPostTile extends StatelessWidget {
                               Flexible(
                                 child: Container(
                                   padding: const EdgeInsets.symmetric(
-                              horizontal: 6,
+                                    horizontal: 7,
                                     vertical: 2,
                                   ),
                                   decoration: BoxDecoration(
-                              color:
+                                    color: scheme.primary
-                                  scheme.primaryContainer.withValues(alpha: 0.5),
+                                        .withValues(alpha: isDark ? 0.20 : 0.12),
                                     borderRadius: BorderRadius.circular(6),
+                                    border: Border.all(
+                                      color: scheme.primary.withValues(
+                                          alpha: isDark ? 0.30 : 0.20),
+                                    ),
                                   ),
                                   child: Text(
                                     post.providerName,
@@ -396,8 +494,8 @@ class _ViewedPostTile extends StatelessWidget {
                                         .textTheme
                                         .labelSmall
                                         ?.copyWith(
-                                    fontWeight: FontWeight.w600,
+                                          fontWeight: FontWeight.w700,
-                                    color: scheme.onPrimaryContainer,
+                                          color: scheme.primary,
                                         ),
                                   ),
                                 ),
@@ -410,6 +508,7 @@ class _ViewedPostTile extends StatelessWidget {
                                     .labelSmall
                                     ?.copyWith(
                                       color: scheme.onSurfaceVariant,
+                                      fontWeight: FontWeight.w500,
                                     ),
                               ),
                             ],
@@ -420,7 +519,8 @@ class _ViewedPostTile extends StatelessWidget {
                             maxLines: 1,
                             overflow: TextOverflow.ellipsis,
                             style: Theme.of(context).textTheme.bodyMedium?.copyWith(
-                            fontWeight: FontWeight.w500,
+                                  fontWeight: FontWeight.w600,
+                                  letterSpacing: -0.1,
                                 ),
                           ),
                           if (post.score != 0) ...[
@@ -440,6 +540,7 @@ class _ViewedPostTile extends StatelessWidget {
                                       .labelSmall
                                       ?.copyWith(
                                         color: scheme.outline,
+                                        fontWeight: FontWeight.w600,
                                       ),
                                 ),
                               ],
@@ -452,24 +553,35 @@ class _ViewedPostTile extends StatelessWidget {
                     IconButton(
                       visualDensity: VisualDensity.compact,
                       padding: EdgeInsets.zero,
-                constraints: const BoxConstraints(minWidth: 36, minHeight: 36),
+                      constraints:
+                          const BoxConstraints(minWidth: 36, minHeight: 36),
                       tooltip: isFavorite
                           ? (isRu ? 'В избранном' : 'In favorites')
                           : (isRu ? 'В избранное' : 'Add to favorites'),
-                onPressed: onFavorite,
+                      onPressed: () {
+                        HapticFeedback.selectionClick();
+                        onFavorite();
+                      },
                       icon: Icon(
                         isFavorite
                             ? Icons.favorite_rounded
                             : Icons.favorite_border_rounded,
-                  color: isFavorite ? Colors.redAccent : scheme.onSurfaceVariant,
+                        color: isFavorite
+                            ? Colors.redAccent
+                            : scheme.onSurfaceVariant,
                       ),
                     ),
                     IconButton(
                       visualDensity: VisualDensity.compact,
                       padding: EdgeInsets.zero,
-                constraints: const BoxConstraints(minWidth: 36, minHeight: 36),
+                      constraints:
-                tooltip: isRu ? 'Удалить из истории' : 'Delete from history',
+                          const BoxConstraints(minWidth: 36, minHeight: 36),
-                onPressed: onDelete,
+                      tooltip:
+                          isRu ? 'Удалить из истории' : 'Delete from history',
+                      onPressed: () {
+                        HapticFeedback.lightImpact();
+                        onDelete();
+                      },
                       icon: Icon(
                         Icons.close_rounded,
                         size: 20,
@@ -480,6 +592,9 @@ class _ViewedPostTile extends StatelessWidget {
                 ),
               ),
             ),
+          ),
+        ),
+      ),
     );
   }
 }

lib/shared/widgets/app_search_bar.dart

@@ -567,7 +567,7 @@ class _TagInputSearchBarState extends State<TagInputSearchBar> {
     final draft = _controller.text.trim().toLowerCase();
     if (draft.isEmpty) return '';
     final raw = draft.split(RegExp(r'\s+')).last;
-    return raw.replaceAll(RegExp(r'^[\(\)]+|[\(\)]+$'), '').trim();
+    return raw.trim();
   }
 
   bool get _isEditing => _focusNode.hasFocus || _localDirty;

lib/shared/widgets/app_shell.dart

@@ -1,3 +1,4 @@
+import 'dart:ui';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
@@ -281,30 +282,394 @@ class _MobileShell extends StatelessWidget {
           ? location == '/'
           : location.startsWith(item.location),
     );
+    final bottomInset = 76.0 + MediaQuery.paddingOf(context).bottom;
+
     return Scaffold(
-      body: child,
+      extendBody: true,
+      body: MediaQuery(
+        data: MediaQuery.of(context).copyWith(
+          padding: MediaQuery.of(context).padding.copyWith(
+                bottom: bottomInset,
+              ),
+        ),
+        child: child,
+      ),
       floatingActionButton: location == '/settings'
           ? null
-          : FloatingActionButton.small(
+          : Padding(
-              heroTag: 'mobile-settings',
+              padding: const EdgeInsets.only(bottom: 0, right: 2),
-              tooltip: ru
+              child: _LiquidGlassSettingsButton(
-                  ? '\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438'
+                ru: ru,
-                  : 'Settings',
+                onTap: () => context.go('/settings'),
-              onPressed: () => context.go('/settings'),
+              ),
-              child: const Icon(Icons.settings_rounded),
             ),
       floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,
-      bottomNavigationBar: NavigationBar(
+      bottomNavigationBar: _LiquidGlassBottomBar(
         selectedIndex: selected < 0 ? 0 : selected,
         onDestinationSelected: (index) => context.go(items[index].location),
-        destinations: [
+        items: items,
-          for (final item in items)
+        ru: ru,
-            NavigationDestination(
+      ),
-              icon: Icon(item.icon),
+    );
-              label: item.mobileLabelFor(ru),
+  }
+}
+
+class _LiquidGlassBottomBar extends StatefulWidget {
+  const _LiquidGlassBottomBar({
+    required this.selectedIndex,
+    required this.onDestinationSelected,
+    required this.items,
+    required this.ru,
+  });
+
+  final int selectedIndex;
+  final ValueChanged<int> onDestinationSelected;
+  final List<_Destination> items;
+  final bool ru;
+
+  @override
+  State<_LiquidGlassBottomBar> createState() => _LiquidGlassBottomBarState();
+}
+
+class _LiquidGlassBottomBarState extends State<_LiquidGlassBottomBar> {
+  int? _pressedIndex;
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final isDark = theme.brightness == Brightness.dark;
+    final scheme = theme.colorScheme;
+    final count = widget.items.length;
+    if (count == 0) return const SizedBox.shrink();
+
+    return SafeArea(
+      top: false,
+      left: false,
+      right: false,
+      child: Padding(
+        padding: const EdgeInsets.fromLTRB(14, 0, 14, 10),
+        child: LayoutBuilder(
+          builder: (context, constraints) {
+            final barWidth = constraints.maxWidth;
+            final itemWidth = barWidth / count;
+            final pillWidth = (itemWidth - 6).clamp(36.0, 64.0);
+            final pillLeft =
+                widget.selectedIndex * itemWidth + (itemWidth - pillWidth) / 2;
+
+            return Container(
+              height: 64,
+              decoration: BoxDecoration(
+                borderRadius: BorderRadius.circular(28),
+                boxShadow: [
+                  BoxShadow(
+                    color: Colors.black.withValues(alpha: isDark ? 0.38 : 0.09),
+                    blurRadius: 22,
+                    offset: const Offset(0, 8),
+                    spreadRadius: -2,
+                  ),
+                  if (isDark)
+                    BoxShadow(
+                      color: scheme.primary.withValues(alpha: 0.07),
+                      blurRadius: 18,
+                      offset: const Offset(0, 2),
                     ),
                 ],
               ),
+              child: ClipRRect(
+                borderRadius: BorderRadius.circular(28),
+                child: BackdropFilter(
+                  filter: ImageFilter.blur(sigmaX: 20, sigmaY: 20),
+                  child: Container(
+                    decoration: BoxDecoration(
+                      borderRadius: BorderRadius.circular(28),
+                      gradient: LinearGradient(
+                        begin: Alignment.topCenter,
+                        end: Alignment.bottomCenter,
+                        colors: isDark
+                            ? [
+                                scheme.surfaceContainerHigh
+                                    .withValues(alpha: 0.70),
+                                scheme.surface.withValues(alpha: 0.82),
+                              ]
+                            : [
+                                Colors.white.withValues(alpha: 0.84),
+                                Colors.white.withValues(alpha: 0.68),
+                              ],
+                      ),
+                      border: Border.all(
+                        color: isDark
+                            ? Colors.white.withValues(alpha: 0.16)
+                            : Colors.white.withValues(alpha: 0.75),
+                        width: 1.2,
+                      ),
+                    ),
+                    child: Stack(
+                      alignment: Alignment.centerLeft,
+                      children: [
+                        // Animated sliding liquid pill indicator
+                        AnimatedPositioned(
+                          duration: const Duration(milliseconds: 300),
+                          curve: Curves.easeOutBack,
+                          left: pillLeft,
+                          top: 7,
+                          child: Container(
+                            width: pillWidth,
+                            height: 32,
+                            decoration: BoxDecoration(
+                              color: scheme.primaryContainer.withValues(
+                                alpha: isDark ? 0.75 : 0.88,
+                              ),
+                              borderRadius: BorderRadius.circular(16),
+                              border: Border.all(
+                                color: scheme.primary.withValues(
+                                  alpha: isDark ? 0.35 : 0.22,
+                                ),
+                                width: 1,
+                              ),
+                              boxShadow: [
+                                BoxShadow(
+                                  color: scheme.primary.withValues(
+                                    alpha: isDark ? 0.22 : 0.12,
+                                  ),
+                                  blurRadius: 10,
+                                  offset: const Offset(0, 2),
+                                ),
+                              ],
+                            ),
+                          ),
+                        ),
+
+                        // Navigation item buttons
+                        Row(
+                          children: [
+                            for (var i = 0; i < count; i++)
+                              Expanded(
+                                child: _LiquidNavItem(
+                                  destination: widget.items[i],
+                                  label: widget.items[i]
+                                      .mobileLabelFor(widget.ru),
+                                  isSelected: widget.selectedIndex == i,
+                                  isPressed: _pressedIndex == i,
+                                  onTapDown: () =>
+                                      setState(() => _pressedIndex = i),
+                                  onTapUp: () =>
+                                      setState(() => _pressedIndex = null),
+                                  onTapCancel: () =>
+                                      setState(() => _pressedIndex = null),
+                                  onTap: () {
+                                    HapticFeedback.lightImpact();
+                                    widget.onDestinationSelected(i);
+                                  },
+                                ),
+                              ),
+                          ],
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+              ),
+            );
+          },
+        ),
+      ),
+    );
+  }
+}
+
+class _LiquidNavItem extends StatelessWidget {
+  const _LiquidNavItem({
+    required this.destination,
+    required this.label,
+    required this.isSelected,
+    required this.isPressed,
+    required this.onTapDown,
+    required this.onTapUp,
+    required this.onTapCancel,
+    required this.onTap,
+  });
+
+  final _Destination destination;
+  final String label;
+  final bool isSelected;
+  final bool isPressed;
+  final VoidCallback onTapDown;
+  final VoidCallback onTapUp;
+  final VoidCallback onTapCancel;
+  final VoidCallback onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final scheme = theme.colorScheme;
+    final isDark = theme.brightness == Brightness.dark;
+
+    final targetScale = isPressed ? 0.86 : (isSelected ? 1.05 : 1.0);
+
+    return GestureDetector(
+      behavior: HitTestBehavior.opaque,
+      onTapDown: (_) => onTapDown(),
+      onTapUp: (_) => onTapUp(),
+      onTapCancel: onTapCancel,
+      onTap: onTap,
+      child: Center(
+        child: AnimatedScale(
+          scale: targetScale,
+          duration: const Duration(milliseconds: 180),
+          curve: Curves.easeOutCubic,
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              SizedBox(
+                height: 32,
+                child: Center(
+                  child: AnimatedSwitcher(
+                    duration: const Duration(milliseconds: 200),
+                    transitionBuilder: (child, anim) => ScaleTransition(
+                      scale: anim,
+                      child: child,
+                    ),
+                    child: Icon(
+                      destination.icon,
+                      key: ValueKey('${destination.id}_$isSelected'),
+                      size: isSelected ? 22 : 20,
+                      color: isSelected
+                          ? scheme.onPrimaryContainer
+                          : (isDark
+                              ? scheme.onSurfaceVariant
+                                  .withValues(alpha: 0.78)
+                              : scheme.onSurfaceVariant
+                                  .withValues(alpha: 0.85)),
+                    ),
+                  ),
+                ),
+              ),
+              const SizedBox(height: 2),
+              AnimatedDefaultTextStyle(
+                duration: const Duration(milliseconds: 200),
+                style: TextStyle(
+                  fontSize: 10.5,
+                  fontWeight:
+                      isSelected ? FontWeight.w700 : FontWeight.w500,
+                  color: isSelected
+                      ? (isDark ? scheme.primary : scheme.onSurface)
+                      : scheme.onSurfaceVariant.withValues(alpha: 0.75),
+                  letterSpacing: -0.2,
+                ),
+                maxLines: 1,
+                overflow: TextOverflow.ellipsis,
+                child: Text(label),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class _LiquidGlassSettingsButton extends StatefulWidget {
+  const _LiquidGlassSettingsButton({
+    required this.ru,
+    required this.onTap,
+  });
+
+  final bool ru;
+  final VoidCallback onTap;
+
+  @override
+  State<_LiquidGlassSettingsButton> createState() =>
+      _LiquidGlassSettingsButtonState();
+}
+
+class _LiquidGlassSettingsButtonState extends State<_LiquidGlassSettingsButton> {
+  bool _pressed = false;
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final isDark = theme.brightness == Brightness.dark;
+    final scheme = theme.colorScheme;
+
+    return Tooltip(
+      message: widget.ru ? 'Настройки' : 'Settings',
+      child: GestureDetector(
+        behavior: HitTestBehavior.opaque,
+        onTapDown: (_) => setState(() => _pressed = true),
+        onTapUp: (_) => setState(() => _pressed = false),
+        onTapCancel: () => setState(() => _pressed = false),
+        onTap: () {
+          HapticFeedback.mediumImpact();
+          widget.onTap();
+        },
+        child: AnimatedScale(
+          scale: _pressed ? 0.88 : 1.0,
+          duration: const Duration(milliseconds: 160),
+          curve: Curves.easeOutCubic,
+          child: Container(
+            width: 48,
+            height: 48,
+            decoration: BoxDecoration(
+              shape: BoxShape.circle,
+              boxShadow: [
+                BoxShadow(
+                  color: Colors.black.withValues(alpha: isDark ? 0.38 : 0.12),
+                  blurRadius: 18,
+                  offset: const Offset(0, 6),
+                  spreadRadius: -1,
+                ),
+                BoxShadow(
+                  color: scheme.primary.withValues(alpha: isDark ? 0.20 : 0.12),
+                  blurRadius: 12,
+                  offset: const Offset(0, 2),
+                ),
+              ],
+            ),
+            child: ClipOval(
+              child: BackdropFilter(
+                filter: ImageFilter.blur(sigmaX: 20, sigmaY: 20),
+                child: Container(
+                  decoration: BoxDecoration(
+                    shape: BoxShape.circle,
+                    gradient: RadialGradient(
+                      center: const Alignment(-0.3, -0.4),
+                      radius: 1.1,
+                      colors: isDark
+                          ? [
+                              scheme.surfaceContainerHigh.withValues(alpha: 0.85),
+                              scheme.surface.withValues(alpha: 0.75),
+                            ]
+                          : [
+                              Colors.white.withValues(alpha: 0.92),
+                              Colors.white.withValues(alpha: 0.70),
+                            ],
+                    ),
+                    border: Border.all(
+                      color: isDark
+                          ? Colors.white.withValues(alpha: 0.24)
+                          : Colors.white.withValues(alpha: 0.85),
+                      width: 1.4,
+                    ),
+                  ),
+                  child: Center(
+                    child: AnimatedRotation(
+                      turns: _pressed ? 0.125 : 0.0,
+                      duration: const Duration(milliseconds: 250),
+                      curve: Curves.easeOutBack,
+                      child: Icon(
+                        Icons.settings_rounded,
+                        size: 23,
+                        color: scheme.primary,
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+            ),
+          ),
+        ),
+      ),
     );
   }
 }

lib/shared/widgets/post_masonry_grid.dart

@@ -28,6 +28,7 @@ class PostMasonryGrid extends StatelessWidget {
     this.loading = false,
     this.controller,
     this.gridMode = 'masonry',
+    this.padding,
     super.key,
   });
 
@@ -51,11 +52,19 @@ class PostMasonryGrid extends StatelessWidget {
   final bool loading;
   final ScrollController? controller;
   final String gridMode;
+  final EdgeInsetsGeometry? padding;
 
   @override
   Widget build(BuildContext context) {
     final mobile = Responsive.isMobile(context);
-    final pad = EdgeInsets.all(mobile ? 8 : 16);
+    final bottomInset = MediaQuery.paddingOf(context).bottom;
+    final pad = padding ??
+        EdgeInsets.fromLTRB(
+          mobile ? 8 : 16,
+          mobile ? 8 : 16,
+          mobile ? 8 : 16,
+          (mobile ? 8 : 16) + (mobile ? (120.0 + bottomInset) : 0.0),
+        );
     final spacing = mobile ? 8.0 : 12.0;
 
     Widget buildCard(Post post) {

lib/shared/widgets/tag_chip.dart

@@ -1,36 +1,142 @@
+import 'dart:ui';
 import 'package:flutter/material.dart';
 
+import '../../backend/models/tag_suggestion.dart';
+
 class TagChip extends StatelessWidget {
   const TagChip({
     required this.tag,
+    this.category,
+    this.group,
     this.onTap,
     this.onLongPress,
     super.key,
   });
 
   final String tag;
+  final TagCategory? category;
+  final String? group;
   final VoidCallback? onTap;
   final VoidCallback? onLongPress;
 
+  TagCategory get _resolvedCategory {
+    if (category != null) return category!;
+    final g = (group ?? '').toLowerCase();
+    return switch (g) {
+      'artist' => TagCategory.artist,
+      'character' => TagCategory.character,
+      'copyright' => TagCategory.copyright,
+      'species' => TagCategory.species,
+      'meta' => TagCategory.meta,
+      'general' => TagCategory.general,
+      _ => tagCategoryFromString(g),
+    };
+  }
+
   @override
   Widget build(BuildContext context) {
     final scheme = Theme.of(context).colorScheme;
-    final chip = ActionChip(
+    final isDark = Theme.of(context).brightness == Brightness.dark;
-      onPressed: onTap,
+    final cat = _resolvedCategory;
-      label: Text(tag),
+
-      labelStyle: TextStyle(
+    final (Color baseColor, Color textColor) = _colorsForCategory(cat, scheme, isDark);
-        color: scheme.onSecondaryContainer,
+
+    final chipWidget = ClipRRect(
+      borderRadius: BorderRadius.circular(10),
+      child: BackdropFilter(
+        filter: ImageFilter.blur(sigmaX: 8, sigmaY: 8),
+        child: Container(
+          decoration: BoxDecoration(
+            color: baseColor.withValues(alpha: isDark ? 0.18 : 0.12),
+            borderRadius: BorderRadius.circular(10),
+            border: Border.all(
+              color: baseColor.withValues(alpha: isDark ? 0.45 : 0.32),
+              width: 1.0,
+            ),
+          ),
+          child: Material(
+            color: Colors.transparent,
+            child: InkWell(
+              borderRadius: BorderRadius.circular(10),
+              onTap: onTap,
+              child: Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
+                child: Row(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    Container(
+                      width: 6,
+                      height: 6,
+                      margin: const EdgeInsets.only(right: 6),
+                      decoration: BoxDecoration(
+                        color: baseColor,
+                        shape: BoxShape.circle,
+                        boxShadow: [
+                          BoxShadow(
+                            color: baseColor.withValues(alpha: 0.6),
+                            blurRadius: 4,
+                            spreadRadius: 1,
+                          ),
+                        ],
+                      ),
+                    ),
+                    Text(
+                      tag,
+                      style: TextStyle(
+                        color: textColor,
                         fontWeight: FontWeight.w700,
+                        fontSize: 13,
+                        letterSpacing: -0.1,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ),
+        ),
       ),
-      backgroundColor: scheme.secondaryContainer.withValues(alpha: 0.62),
-      side: BorderSide(color: scheme.outlineVariant.withValues(alpha: 0.65)),
-      visualDensity: VisualDensity.compact,
     );
-    if (onLongPress == null) return chip;
+
+    if (onLongPress == null) return chipWidget;
     return GestureDetector(
       behavior: HitTestBehavior.opaque,
       onLongPress: onLongPress,
-      child: chip,
+      child: chipWidget,
     );
   }
+
+  static (Color, Color) _colorsForCategory(
+    TagCategory cat,
+    ColorScheme scheme,
+    bool isDark,
+  ) {
+    return switch (cat) {
+      TagCategory.artist => (
+          const Color(0xFFFF4757), // e621 / Gelbooru red/coral
+          isDark ? const Color(0xFFFF6B81) : const Color(0xFFD63031),
+        ),
+      TagCategory.character => (
+          const Color(0xFF2ED573), // Vibrant character green
+          isDark ? const Color(0xFF7BED9F) : const Color(0xFF10AC84),
+        ),
+      TagCategory.copyright => (
+          const Color(0xFFA55EEA), // Classic anime series purple
+          isDark ? const Color(0xFFD980FA) : const Color(0xFF8854D0),
+        ),
+      TagCategory.species => (
+          const Color(0xFFFFA502), // e621 species amber/orange
+          isDark ? const Color(0xFFFFC048) : const Color(0xFFE67E22),
+        ),
+      TagCategory.meta => (
+          const Color(0xFF1E90FF), // Meta / format cyan / ice blue
+          isDark ? const Color(0xFF70A1FF) : const Color(0xFF0984E3),
+        ),
+      TagCategory.general || TagCategory.unknown => (
+          isDark ? scheme.primary : scheme.primary,
+          isDark ? scheme.onSurface : scheme.onSurface,
+        ),
+    };
   }
+}
+

pubspec.yaml

@@ -1,7 +1,7 @@
 name: gel_rule_app
 description: Local backend/core layer for a Flutter booru browser app.
 publish_to: "none"
-version: 3.0.5+56
+version: 3.1.1+62
 
 environment:
   sdk: ">=3.3.0 <4.0.0"