fix: resolve bugs 01 through 08 and set Ollama TTL to 1h

app/static/css/dictionary.css

@@ -924,6 +924,54 @@
     .card-bottom {
         font-size: 11px;
     }
-
-
+}
+
+/* Grammar Hint Badge & Audio buttons in Cards */
+.grammar-hint-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    margin-left: 6px;
+    padding: 2px 7px;
+    border-radius: 9999px;
+    font-size: 11px;
+    background: var(--bg-hover, rgba(255, 255, 255, 0.08));
+    color: var(--text-muted, #94a3b8);
+    cursor: pointer;
+    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.12));
+    transition: all 0.2s ease;
+    user-select: none;
+}
+
+.grammar-hint-badge:hover {
+    background: var(--bg-active, rgba(59, 130, 246, 0.15));
+    color: var(--primary, #38bdf8);
+    border-color: var(--primary, #38bdf8);
+}
+
+.grammar-hint-badge .badge-body {
+    display: none;
+    font-style: italic;
+    color: var(--text-primary, #f1f5f9);
+}
+
+.grammar-hint-badge.active .badge-body,
+.grammar-hint-badge:hover .badge-body {
+    display: inline;
+}
+
+.grammar-hint-badge.active .badge-label {
+    opacity: 0.6;
+}
+
+.card-context .play-context-audio-btn {
+    padding: 1px 4px;
+    font-size: 12px;
+    vertical-align: middle;
+    margin-left: 6px;
+    opacity: 0.7;
+}
+
+.card-context .play-context-audio-btn:hover {
+    opacity: 1;
 }