feat: add footer with copyright notice

css/styles.css

@@ -587,6 +587,25 @@ html, body {
     margin-right: 8px;
 }
 
+/* ===== Footer ===== */
+.footer {
+    position: fixed;
+    bottom: 20px;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 998;
+    pointer-events: none;
+}
+
+.footer p {
+    margin: 0;
+    font-size: 13px;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+    color: rgba(255, 255, 255, 0.5);
+    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+    font-weight: 400;
+}
+
 /* ===== Responsive Design ===== */
 @media (max-width: 768px) {
     .logo {
@@ -627,6 +646,10 @@ html, body {
     .help-content {
         padding: 16px 20px;
     }
+
+    .footer p {
+        font-size: 12px;
+    }
 }
 
 @media (max-width: 480px) {
@@ -682,6 +705,14 @@ html, body {
         font-size: 11px;
         padding: 10px;
     }
+
+    .footer {
+        bottom: 12px;
+    }
+
+    .footer p {
+        font-size: 11px;
+    }
 }
 
 /* ===== Accessibility ===== */

index.html

@@ -76,6 +76,10 @@
         </div>
     </div>
 
+    <footer class="footer">
+        <p>&copy; shadoll</p>
+    </footer>
+
     <script src="js/app.js"></script>
 </body>
 </html>