Add show theme feature for themed episodes

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/css/style.css

@@ -113,6 +113,69 @@ header button:hover {
     border-color: rgba(232, 121, 29, 0.3);
 }
 
+.theme-bar {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 4px 12px;
+    background: rgba(255, 255, 255, 0.05);
+    border-radius: 6px;
+}
+
+.theme-label {
+    font-size: 0.8rem;
+    color: #aaa;
+    white-space: nowrap;
+}
+
+.theme-input {
+    background: rgba(255, 255, 255, 0.08);
+    border: 1px solid rgba(255, 255, 255, 0.15);
+    border-radius: 4px;
+    color: #fff;
+    padding: 4px 8px;
+    font-size: 0.85rem;
+    width: 200px;
+}
+
+.theme-input:focus {
+    outline: none;
+    border-color: #f5a623;
+}
+
+.theme-input.active {
+    border-color: #f5a623;
+    background: rgba(245, 166, 35, 0.1);
+}
+
+.theme-btn {
+    padding: 4px 10px;
+    border-radius: 4px;
+    border: none;
+    cursor: pointer;
+    font-size: 0.8rem;
+}
+
+.theme-btn.set {
+    background: #f5a623;
+    color: #000;
+}
+
+.theme-btn.set:hover {
+    background: #e6991a;
+}
+
+.theme-btn.clear {
+    background: rgba(255, 255, 255, 0.1);
+    color: #aaa;
+    padding: 4px 6px;
+}
+
+.theme-btn.clear:hover {
+    background: rgba(255, 80, 80, 0.3);
+    color: #ff5050;
+}
+
 .on-air-btn {
     font-weight: 700;
     text-transform: uppercase;