Fix v1.1.0: Analytics, Sessions, and Error Handling Improvements

public/badges.css

@@ -57,6 +57,61 @@
   font-weight: 700;
 }
 
+.badge-showcase {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+
+.badge-item {
+  display: flex;
+  background-color: var(--bg-card, #f5f5f5);
+  border-radius: 12px;
+  padding: 1rem;
+  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+  width: 100%;
+  max-width: 450px;
+  animation: badge-popup 0.5s forwards;
+  align-items: center;
+}
+
+@keyframes badge-popup {
+  0% { transform: scale(0.8); opacity: 0; }
+  70% { transform: scale(1.05); opacity: 1; }
+  100% { transform: scale(1); opacity: 1; }
+}
+
+.badge-icon {
+  font-size: 3rem;
+  margin-right: 1rem;
+  padding: 0.5rem;
+  background-color: rgba(255,255,255,0.2);
+  border-radius: 50%;
+  width: 4.5rem;
+  height: 4.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.badge-info {
+  flex: 1;
+}
+
+.badge-info h4 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  color: var(--text-primary, #333);
+}
+
+.badge-info p {
+  margin: 0;
+  font-size: 0.9rem;
+  color: var(--text-secondary, #666);
+}
+
 .badge-count {
   display: inline-block;
   background: linear-gradient(135deg, #ff9a8b 0%, #ff6a88 55%, #ff99ac 100%);