changed reward on button

src/styles/layout.css

@@ -664,6 +664,58 @@
 .f-feed-scroll::-webkit-scrollbar-track { background: transparent; }
 .f-feed-scroll::-webkit-scrollbar-thumb { background: var(--muted2); border-radius: 2px; }
 
+/* ── Pull-to-refresh ──
+   Индикатор живёт внутри .f-feed-scroll первым элементом и своим
+   текущим ростом «вытягивает» ленту вниз. Чтобы он был виден на фоне
+   карточек во время жеста, на скролл-контейнер вешается класс
+   .f-ptr-active, снимающий mask (иначе верхняя зона «растворяется»). */
+.f-ptr {
+  height: 0;
+  overflow: hidden;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1);
+}
+/* Пока палец на экране — без transition, чтобы индикатор мгновенно
+   следовал за жестом и не «отставал» от толщины натяжения. */
+.f-ptr.f-ptr-dragging {
+  transition: none;
+}
+/* Пружинистое возвращение к состоянию обновления: лёгкий довод/перелёт */
+.f-ptr.f-ptr-refreshing {
+  transition: height 0.5s cubic-bezier(0.34, 1.3, 0.64, 1);
+}
+.f-ptr-scale {
+  flex-shrink: 0;
+  opacity: 0;
+  transform: scale(0.5);
+  transition:
+    transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.03s,
+    opacity 0.25s ease 0.03s;
+}
+.f-ptr-visible .f-ptr-scale {
+  opacity: 1;
+  transform: scale(1);
+}
+.f-ptr-spinner {
+  width: 26px;
+  height: 26px;
+  border: 3px solid rgba(var(--teal-rgb), 0.25);
+  border-top-color: var(--teal);
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+.f-ptr-refreshing .f-ptr-spinner {
+  animation: spin 0.7s linear infinite;
+  transition: transform 0.3s ease;
+}
+.f-feed-scroll.f-ptr-active {
+  -webkit-mask-image: none;
+  mask-image: none;
+}
+
 @media (min-width: 900px) {
   .f-main-feed .f-topbar {
     display: none;