update

src/css/style.css

@@ -0,0 +1,70 @@
+body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
+    max-width: 800px;
+    margin: 20px auto;
+    padding: 0 20px;
+    background: #1a1a1a;
+    color: #ffffff;
+}
+
+video {
+    width: 100%;
+    max-width: 800px;
+    margin: 20px 0;
+    border-radius: 8px;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+    background: #000;
+}
+
+.info-container {
+    background: #2a2a2a;
+    padding: 15px;
+    border-radius: 8px;
+    margin: 15px 0;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
+}
+
+.progress-bar {
+    background: #3a3a3a;
+    height: 6px;
+    border-radius: 3px;
+    overflow: hidden;
+    margin: 10px 0;
+}
+
+.progress-bar-fill {
+    background: #2196F3;
+    height: 100%;
+    width: 0;
+    transition: width 0.3s ease;
+    border-radius: 3px;
+}
+
+.stats {
+    display: flex;
+    justify-content: space-between;
+    font-size: 14px;
+    color: #aaa;
+    margin-top: 8px;
+}
+
+.status {
+    color: #2196F3;
+    font-size: 14px;
+    margin-bottom: 8px;
+}
+
+h1 {
+    color: #fff;
+    font-size: 24px;
+    font-weight: 500;
+}
+
+.peers {
+    display: flex;
+    gap: 15px;
+}
+
+.speed {
+    color: #4CAF50;
+}