diff --git a/static/index.html b/static/index.html
index c2e9b39..a338741 100644
--- a/static/index.html
+++ b/static/index.html
@@ -6,7 +6,7 @@
     <meta name="color-scheme" content="dark" />
     <meta name="theme-color" content="#111111" />
     <title>Пожитки</title>
-    <link rel="stylesheet" href="./styles.css?v=5" />
+    <link rel="stylesheet" href="./styles.css?v=6" />
     <script src="./telegram-web-app.js"></script>
     <script src="./app.js?v=4" defer></script>
   </head>
diff --git a/static/styles.css b/static/styles.css
index 1407983..8fc4ee9 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,7 +1,7 @@
 :root {
   --bg: #111111;
-  --surface: rgba(0, 0, 0, .1);
-  --surface-active: rgba(0, 0, 0, .28);
+  --surface: rgba(0, 0, 0, .25);
+  --surface-active: rgba(0, 0, 0, .42);
   --text: #ffffff;
   --muted: rgba(255, 255, 255, .68);
   --accent: #f0d28a;
@@ -72,9 +72,8 @@ h2 { margin: 0; font-size: 23px; letter-spacing: -.025em; }
 .user-chip { display: flex; align-items: center; gap: 8px; max-width: 48%; padding: 5px 11px 5px 5px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); font-size: 12px; font-weight: 650; white-space: nowrap; overflow: hidden; }
 .mini-avatar { display: grid; flex: 0 0 auto; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: rgba(0, 0, 0, .28); color: var(--text); }
 
-.view { display: none; animation: reveal .25s ease; }
+.view { display: none; padding-top: clamp(120px, 17vh, 175px); }
 .view.active { display: block; }
-@keyframes reveal { from { opacity: 0; transform: translateY(5px); } }
 
 .hero-card {
   min-height: 210px;