body{font-family:Arial,sans-serif;background-color:#000000;color:#ffffff;margin:0;padding:20px;text-align:center;}.mode-selector{text-align:center;margin-bottom:20px;}.mode-selector label{margin:0 15px;cursor:pointer;font-weight:bold;}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:20px 0;}.channel-tile{background-color:#2c2c2c;border:1px solid #333;border-radius:8px;padding:10px;color:#e0e0e0;cursor:pointer;text-align:center;position:relative;}.channel-tile img{width:100%;height:auto;border-radius:8px;}.channel-tile:hover{background-color:#444;}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;background:rgba(0,0,0,0.7);display:none;justify-content:center;align-items:center;}.popup-content{background-color:#1e1e1e;padding:20px 30px;border-radius:10px;text-align:center;box-shadow:0 8px 16px rgba(0,0,0,0.5);max-width:400px;width:90%;color:#f0f0f0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;}.popup-content h3{margin-bottom:15px;color:#00aaff;font-size:20px;}.popup-content label{display:block;margin:10px 0 5px;font-weight:bold;color:#e0e0e0;}.popup-content select{width:100%;padding:8px;margin:5px 0 15px;border:1px solid #555;border-radius:5px;background-color:#2c2c2c;color:#e0e0e0;font-size:16px;text-align:center;text-align-last:center;}.popup-content button{width:100%;padding:12px;margin:10px 0;font-size:16px;font-weight:bold;border-radius:5px;border:none;cursor:pointer;transition:background-color 0.3s;}.popup-content #confirm-rewind{background-color:#007bff;color:#fff;}.popup-content #cancel-rewind{background-color:#444;color:#e0e0e0;}.popup-content button:hover{opacity:0.9;}#confirm-rewind{margin-bottom:10px;font-weight:bold;}.telegram-link,.contact-link{margin-top:20px;color:#00aaff;text-decoration:none;font-weight:bold;}.telegram-link:hover,.contact-link:hover{text-decoration:underline;}