Recounting Template

templates/recounting.html

@@ -68,7 +68,6 @@
     max-width: 1600px; margin: 0 auto; padding: 24px 20px;
   }
 
-  /* Header */
   .header {
     display: flex; align-items: center; justify-content: space-between;
     padding: 18px 28px; margin-bottom: 24px;
@@ -125,7 +124,6 @@
     display: inline-block;
   }
 
-  /* Top row: two counter panels */
   .counters-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
@@ -172,7 +170,6 @@
     color: var(--accent3); background: rgba(255, 45, 120, 0.06);
   }
 
-  /* Bottom row: video + file browser */
   .bottom-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
@@ -237,7 +234,6 @@
   .video-toggle:hover { border-color: var(--accent); color: var(--text-primary); }
   .video-toggle.active { border-color: var(--accent4); color: var(--accent4); }
 
-  /* File browser panel */
   .file-panel {
     background: var(--glass);
     backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
@@ -305,7 +301,6 @@
   .folder-body { display: none; padding-left: 8px; }
   .folder-body.open { display: block; }
 
-  /* Buttons */
   .btn {
     font-family: 'Orbitron', sans-serif; font-size: 10px; letter-spacing: 2px;
     padding: 8px 16px; border-radius: 7px; cursor: pointer; font-weight: 600;
@@ -329,7 +324,6 @@
   .btn:disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
   .btn-row { display: flex; gap: 8px; margin-top: 12px; }
 
-  /* Footer */
   .footer {
     margin-top: 24px; text-align: center;
     font-size: 9px; letter-spacing: 2px; color: var(--text-secondary);
@@ -355,7 +349,6 @@
 <div class="orb orb-2"></div>
 
 <div class="container">
-  <!-- Header -->
   <div class="header">
     <div class="header-left">
       <div class="logo-icon">&#10006;</div>
@@ -376,7 +369,6 @@
     </div>
   </div>
 
-  <!-- Counter panels -->
   <div class="counters-row">
     <div class="panel">
       <span class="section-title" id="live-title">&#9673; Live Counter</span>
@@ -402,7 +394,6 @@
     </div>
   </div>
 
-  <!-- Bottom: video + file list -->
   <div class="bottom-row">
     <div class="video-panel">
       <div class="video-header">
@@ -503,8 +494,6 @@ function applyState(data) {
   }
 }
 
-// --- File list ---
-
 async function loadFiles() {
   const container = document.getElementById('file-list');
   try {
@@ -648,8 +637,6 @@ function downloadFile() {
   document.body.removeChild(a);
 }
 
-// --- Streaming ---
-
 async function startRecount() {
   if (!selectedFile) return;
   const btnStart = document.getElementById('btn-start');
@@ -765,8 +752,6 @@ function resetVideoToggle() {
   btn.classList.remove('active');
 }
 
-// --- Recount counter ---
-
 let lastRecountCount = null;
 let lastRecountTime = null;