fix: safari specific fixes for video player and watch page

public/css/main.css

@@ -4,6 +4,10 @@
 
 /* CSS Variables */
 :root {
+  /* iOS Safari toolbar compensation (set dynamically by JS) */
+  --ios-ui-bottom: 0px;
+
+
   /* Colors */
   --color-bg-primary: #0a0a0f;
   --color-bg-secondary: #12121a;
@@ -314,6 +318,15 @@ h4 {
   position: relative;
 }
 
+/* Fix scroll sidebar on desktop (Safari / flex bug) */
+.main-content,
+.page,
+.home-layout,
+.channel-sidebar,
+.channel-list {
+  min-height: 0;
+}
+
 /* Floating Channel Toggle Button (Mobile) */
 .channel-toggle-btn {
   display: none;
@@ -673,6 +686,15 @@ h4 {
   /* Allow flex child to shrink */
 }
 
+/* Live TV player controls overlay - iOS Safari safe positioning */
+#player-controls-overlay {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: calc(env(safe-area-inset-bottom, 0px) + var(--ios-ui-bottom, 0px));
+  box-sizing: border-box;
+}
+
 /* Favorites */
 .group-header.favorites-group {
   background: linear-gradient(to right, rgba(239, 68, 68, 0.1), transparent);