From 42f37753b8cf647a5661d51016b920dea79b288a Mon Sep 17 00:00:00 2001
From: vorotamoroz <vrtmrz@gmail.com>
Date: Fri, 31 Jul 2026 17:56:26 +0000
Subject: [PATCH] Address WebPeer CSS review warnings

---
 src/apps/webpeer/src/app.css   |  2 +-
 src/apps/webpeer/src/check.css |  4 ++--
 src/apps/webpeer/src/theme.css | 11 +++++------
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/apps/webpeer/src/app.css b/src/apps/webpeer/src/app.css
index b1106ff8..1349529c 100644
--- a/src/apps/webpeer/src/app.css
+++ b/src/apps/webpeer/src/app.css
@@ -396,7 +396,7 @@
     margin: 0;
     white-space: pre-wrap;
     overflow-wrap: anywhere;
-    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
+    font-family: "SFMono-Regular", Consolas, monospace;
     font-size: 0.72rem;
     line-height: 1.8rem;
     text-align: left;
diff --git a/src/apps/webpeer/src/check.css b/src/apps/webpeer/src/check.css
index 8f203a1d..c51a377c 100644
--- a/src/apps/webpeer/src/check.css
+++ b/src/apps/webpeer/src/check.css
@@ -275,7 +275,7 @@ footer {
     padding: 0.75rem 0.85rem;
     color: #213048;
     background: #ffffff;
-    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
+    font-family: "SFMono-Regular", Consolas, monospace;
     font-size: 0.86rem;
 }
 
@@ -371,7 +371,7 @@ footer {
     margin: 0.25rem 0 0;
     overflow-wrap: anywhere;
     color: var(--navy);
-    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
+    font-family: "SFMono-Regular", Consolas, monospace;
     font-size: 0.8rem;
 }
 
diff --git a/src/apps/webpeer/src/theme.css b/src/apps/webpeer/src/theme.css
index 39c3834e..860d92f7 100644
--- a/src/apps/webpeer/src/theme.css
+++ b/src/apps/webpeer/src/theme.css
@@ -1,7 +1,6 @@
 :root {
     font-family:
         Inter,
-        ui-sans-serif,
         system-ui,
         -apple-system,
         BlinkMacSystemFont,
@@ -162,10 +161,10 @@ summary {
 }
 
 @media (prefers-reduced-motion: reduce) {
-    *,
-    *::before,
-    *::after {
-        scroll-behavior: auto !important;
-        transition: none !important;
+    #app *,
+    #app *::before,
+    #app *::after {
+        scroll-behavior: auto;
+        transition: none;
     }
 }