add in twitch integration

static/css/style.css

@@ -1170,6 +1170,49 @@ blockquote {
 .nav-hire { color: var(--accent) !important; }
 .nav-hire:hover { color: var(--accent-dim) !important; }
 
+.nav-live {
+  color: #e53935 !important;
+  font-weight: 600;
+  animation: live-pulse 2s ease-in-out infinite;
+}
+.nav-live:hover { opacity: 0.8; text-decoration: none !important; }
+
+@keyframes live-pulse {
+  0%, 100% { opacity: 1; }
+  50%       { opacity: 0.55; }
+}
+
+/* === Stream Page === */
+
+.stream-player {
+  height: 75vh;
+  margin-top: 1.5rem;
+  margin-left: calc(50% - 50vw + 1.25rem);
+  margin-right: calc(50% - 50vw + 1.25rem);
+  border-radius: 6px;
+  overflow: hidden;
+  border: 1px solid var(--border);
+}
+
+.live-badge {
+  display: inline-block;
+  background: #e53935;
+  color: #fff;
+  font-size: 0.78rem;
+  font-weight: 600;
+  padding: 0.15em 0.5em;
+  border-radius: 3px;
+  margin-right: 0.3rem;
+}
+
+@media (max-width: 800px) {
+  .stream-wrap {
+    grid-template-columns: 1fr;
+    height: auto;
+  }
+  .stream-player { height: 56vw; }
+}
+
 .hire-page { max-width: var(--max-w); }
 
 .hire-intro {