body{font-family:Inter,sans-serif;background-color:#000;color:#333}.site-logo{max-width:160px;height:auto;display:block}.my-dropdown-menu{position:absolute;z-index:1000}.my-dropdown-toggle{position:relative;z-index:1001}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#e0e0e0;border-radius:10px}::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:grey}.video-card-container{background-color:#000;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);overflow:hidden}.video-card-container:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.message-box{position:fixed;top:20px;left:50%;transform:translateX(-50%);background-color:#ef4444;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000;opacity:0;transition:opacity .3s ease-in-out}.category-menu,.category-overlay{position:fixed;top:0;height:100%}.message-box.show{opacity:1}.message-box.success{background-color:#10b981}.message-box.error{background-color:#ef4444}.category-overlay{left:0;width:100%;background-color:rgba(0,0,0,.5);z-index:40;display:none;cursor:pointer}.category-menu{right:0;width:45%;max-width:320px;background-color:#1a1a1a;color:#fff;z-index:50;padding:1rem 0;transform:translateX(100%);transition:transform .3s ease-in-out;box-shadow:-2px 0 10px rgba(0,0,0,.5);display:flex;flex-direction:column}.category-menu.open{transform:translateX(0)}.category-menu-header{padding:0 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;margin-bottom:.3rem}.category-menu-header h3{font-size:1.25rem;font-weight:700}.category-menu-list{list-style:none;padding:0;margin:0;overflow-y:auto}.category-menu-list a{display:block;padding:.3rem 1rem;font-size:.85rem;color:#d1d5db;transition:background-color .2s,color .2s}.category-menu-list a:hover{background-color:#2b2b2b;color:#1463f3}.category-menu-footer{padding:1rem;border-top:1px solid #333;text-align:center;margin-top:auto}.category-menu-footer a{display:inline-block;padding:.5rem 1rem;background-color:#1463f3;color:#000;font-weight:700;border-radius:9999px;transition:background-color .2s}.category-menu-footer a:hover{background-color:#e69100}.animate-flicker{animation:.3s infinite alternate flicker}@keyframes borderPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}}.animate-borderPulse{animation:1.5s ease-in-out infinite alternate borderPulse;top:8px;right:8px}@keyframes borderCycle{0%,100%{border-color:#ef4444}33%{border-color:#3b82f6}66%{border-color:#22c55e}}.border-cycle{position:absolute;top:8px;right:8px;animation:2s infinite borderCycle;background-color:transparent;border:2px solid;color:#fff}