update

src/css/style.css

@@ -1,4 +1,3 @@
-```css
 /* css/style.css */
 
 :root {
@@ -26,19 +25,19 @@ header {
   padding: 1rem 0;
   display: flex;
   justify-content: flex-start;
-  }
+}
 
 header img {
   height: 6rem;
   width: auto;
   max-width: none;
-  }
-   
-   .container {
-    max-width: 1480px;
-    margin: 0 auto;
-    padding: 1rem;
-   }
+}
+
+.container {
+  max-width: 1480px;
+  margin: 0 auto;
+  padding: 1rem;
+}
 
 /* Video Grid */
 #videoList {
@@ -127,7 +126,8 @@ header img {
 }
 
 /* Forms & Inputs */
-input, textarea {
+input,
+textarea {
   width: 100%;
   padding: 0.75rem;
   background-color: var(--color-bg);
@@ -137,7 +137,8 @@ input, textarea {
   transition: border-color 0.2s;
 }
 
-input:focus, textarea:focus {
+input:focus,
+textarea:focus {
   outline: none;
   border-color: var(--color-primary);
   ring: 2px var(--color-primary);
@@ -176,7 +177,8 @@ button:focus {
 }
 
 /* Notifications */
-#errorContainer, #successContainer {
+#errorContainer,
+#successContainer {
   border-radius: 0.5rem;
   padding: 1rem;
   margin-bottom: 1rem;
@@ -197,7 +199,8 @@ button:focus {
 }
 
 /* Modal Display */
-#playerSection, #playerModal {
+#playerSection,
+#playerModal {
   display: none;
 }
 
@@ -211,7 +214,7 @@ button:focus {
     grid-template-columns: 1fr;
     gap: 1rem;
   }
-  
+
   .container {
     padding: 0.75rem;
   }
@@ -230,4 +233,3 @@ footer a {
 footer a:hover {
   text-decoration: underline;
 }
-```