.modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.9);backdrop-filter:blur(10px);justify-content:center;align-items:center;z-index:9999}.modal.active{display:flex}.modal-content{background:white;padding:20px;text-align:center;border-radius:20px;width:90%;max-width:400px}.modal-content h2{margin-bottom:10px}.modal-content button{margin:10px;padding:10px 15px;border:none;cursor:pointer}.btn-danger{background-color:white;color:black}.btn-danger:hover{background-color:#666}.btn-success{border-radius:5px;background-color:#222;color:white}.btn-success:hover{background-color:green}.buttons{display:flex;align-items:center;justify-content:center}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#222;color:#ddd;display:flex;flex-direction:column;min-height:100vh}a{color:#ddd;text-decoration:none}a:hover{color:white}input[type="checkbox"]{display:none}ul{list-style:none}.main-container{display:flex;flex:1;padding:20px}.sidebar{width:250px;background:#222;padding:15px;flex-shrink:0}.sidebar h2{margin-bottom:15px;border-bottom:1px solid #555}.sidebar li{margin-bottom:10px}.sidebar a{transition:background 0.3s,color 0.3s}.sidebar a:hover{transform:scale(1.03);background-color:#444}.content{flex-grow:1;padding-left:20px}@media (max-width:768px){.sidebar{display:none}.content{padding:10px}}.mob-head{display:none}.pc-head{width:100%;background-color:#222;display:flex;flex-direction:column;padding:10px}.pc-head-top{display:flex;align-items:center;justify-content:space-between}.pc-head-bottom{display:flex}.pc-logo{font-size:40px;font-weight:bold}.search-bar{flex-grow:1;margin:0 15px;display:flex;width:100%}.search-bar input{width:100%;color:white;padding:8px;border:solid white 2px;border-radius:9999px;outline:none;background:#222}.search-bar button{padding:8px 12px;border:none;background:#222;color:white;cursor:pointer;border-radius:0 5px 5px 0}.pc-navbar{display:flex;justify-content:center;background:#222;padding:10px;gap:5px}.navbar a{margin:0 15px;font-weight:bold}.pc-menu{display:flex;gap:5px}@media (max-width:768px){.pc-head{display:none}.mob-head{position:relative;display:flex;flex-direction:column;background:#222;padding:10px}.mob-head-top{display:flex}.mob-head-bottom{display:flex}.mob-logo{text-align:center;flex-grow:1;font-size:36px;font-weight:bold}.search,.hamburger{font-size:24px;cursor:pointer}#toggle-search:checked + .search-bar{display:block}.search-bar{display:none;width:100%;margin-top:10px}#toggle-hamburger:checked ~ .mob-navbar{display:block}.mob-navbar{display:none;background-color:#111;padding:10px 0}.mob-navbar ul.menu{list-style:none;margin:0;padding:0;text-align:center}.mob-navbar ul.menu>li{border-bottom:1px solid #333}.mob-navbar a,.mob-navbar label.submenu-toggle{display:block;padding:15px;color:white;text-decoration:none;font-size:18px}.mob-navbar a:hover,.mob-navbar label.submenu-toggle:hover{background-color:#222}.submenu{display:none;background-color:#222}#toggle-categories:checked ~ .submenu{display:block}.submenu li{border-bottom:1px solid #444}.submenu a{font-size:16px;padding-left:25px}}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(325px,1fr));gap:15px;justify-content:center}.video-card{display:flex;flex-direction:column;background:#f9f9f9;height:275px;border-radius:10px;align-items:center;justify-content:center}.video-card:hover{transform:scale(1.03)}.video-card-body{display:flex;padding:5px;align-items:center}.video-card-thumb{width:100%;border-radius:5px;padding:5px}.video-title{font-size:10px;font-weight:bold;color:black}.video-duration{font-size:15px;font-weight:bold;color:black;margin-left:5px}.video-info{font-size:1rem;padding:10px;font-weight:bold}.tag-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tag-container a{background-color:#ddd;color:#222;padding:4px 10px;border-radius:20px;transition:background 0.2s ease;display:inline-block;font-size:0.95rem}.tag-container a:hover{background-color:#bbb}.video-ads-wrapper{display:flex;gap:20px}.ads-sidebar{display:flex;flex-direction:column;gap:20px}.video-container{position:relative;width:100%;aspect-ratio:51/40}.video-container iframe{width:100%;height:100%}.pagination{display:flex;gap:5px;margin-top:20px;justify-content:center;align-items:center}.pagination a,.pagination span{display:inline-block;padding:8px 12px;text-decoration:none;font-weight:bold;border-radius:6px;border:1px solid #ccc;background-color:#f9f9f9;color:black;transition:background-color 0.3s,color 0.3s}.pagination a:hover{background-color:#e0e0e0}.pagination .current{background-color:#d1d1d1;color:black;border:1px solid #aaa}@media (max-width:768px){.video-grid{display:block;width:100%}.video-card{margin-bottom:15px}.ads-sidebar{display:none}}