Polish project detail modals and data flows

templates/base.html

@@ -28,6 +28,16 @@
             padding: 0;
         }
 
+        ::selection {
+            background: rgba(59, 130, 246, 0.18);
+            color: var(--ink);
+        }
+
+        ::-moz-selection {
+            background: rgba(59, 130, 246, 0.18);
+            color: var(--ink);
+        }
+
         body {
             font-family: "SUIT", "Noto Sans KR", "Malgun Gothic", sans-serif;
             color: var(--ink);
@@ -241,6 +251,19 @@
             box-shadow: inset 0 1px 2px rgba(16, 24, 40, 0.03);
         }
 
+        select option {
+            color: var(--ink);
+            background: #ffffff;
+        }
+
+        select option:checked,
+        select option:hover,
+        select option:focus {
+            color: var(--ink);
+            background: #eef2f6;
+            box-shadow: inset 0 0 0 999px #eef2f6;
+        }
+
         textarea {
             min-height: 96px;
             resize: vertical;
@@ -293,6 +316,15 @@
             box-shadow: none;
         }
 
+        .button-secondary:hover,
+        .button-secondary:focus-visible {
+            background: #eef2f6;
+            color: #111827;
+            border-color: #d6dde5;
+            transform: none;
+            box-shadow: none;
+        }
+
         .button-icon {
             width: 38px;
             height: 38px;
@@ -646,6 +678,9 @@
         }
 
         async function pollHealth() {
+            if (document.hidden) {
+                return;
+            }
             try {
                 const response = await fetch(`/health?ts=${Date.now()}`, { cache: "no-store" });
                 if (!response.ok) throw new Error(`HTTP ${response.status}`);
@@ -675,7 +710,11 @@
                 pollHealth();
             }
         });
-        window.setInterval(pollHealth, 15000);
+        window.setInterval(() => {
+            if (!document.hidden) {
+                pollHealth();
+            }
+        }, 15000);
     })();
 </script>
 </body>