Add fish easter egg

frontend/src/styles/app.css

@@ -239,7 +239,9 @@ button.outline {
     padding: 1rem 1.1rem;
     border: 1px dashed rgba(234, 179, 8, 0.45);
     background: linear-gradient(160deg, rgba(234, 179, 8, 0.1), rgba(234, 179, 8, 0.02));
-    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), 0 16px 32px rgba(0, 0, 0, 0.22);
+    box-shadow:
+        inset 0 0 0 1px rgba(255, 255, 255, 0.03),
+        0 16px 32px rgba(0, 0, 0, 0.22);
     color: #fef9c3;
     display: flex;
     flex-direction: column;
@@ -493,7 +495,9 @@ li {
     border-radius: 12px;
     background: rgba(255, 255, 255, 0.02);
     overflow: hidden;
-    transition: border-color 160ms ease, box-shadow 160ms ease;
+    transition:
+        border-color 160ms ease,
+        box-shadow 160ms ease;
 }
 
 .history-item summary {
@@ -606,3 +610,48 @@ li {
     color: #fecdd3;
     border: 1px solid rgba(248, 113, 113, 0.4);
 }
+
+.fish {
+    cursor: pointer;
+    position: relative;
+}
+
+.toast {
+    position: fixed;
+    bottom: 1.5rem;
+    right: 1.5rem;
+
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+
+    background: linear-gradient(135deg, #1f1f1f, #2a2a2a);
+    color: #fff;
+
+    padding: 0.75rem 1rem;
+    border-radius: 10px;
+
+    box-shadow:
+        0 10px 30px rgba(0, 0, 0, 0.35),
+        inset 0 0 0 1px rgba(255, 255, 255, 0.05);
+
+    z-index: 1000;
+    max-width: 260px;
+
+    backdrop-filter: blur(6px);
+}
+
+.toast-icon {
+    font-size: 1.4rem;
+    line-height: 1;
+}
+
+.toast-title {
+    font-weight: 600;
+    font-size: 0.9rem;
+}
+
+.toast-text {
+    font-size: 0.8rem;
+    opacity: 0.85;
+}