.card-title,.play-icon,.time-label,body{color:var(--text-color-white)}:root{--bg-color-dark:#121a2a;--bg-color-header:#141924;--bg-color-card:rgba(20, 25, 36, 0.8);--text-color-primary:#e0e0e0;--text-color-white:#ffffff;--highlight-color:#bb86fc;--sidebar-width:250px;--header-height:60px;--font-size-small:0.85rem}*,::after,::before{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,sans-serif;background-color:var(--bg-color-dark);overflow-x:hidden;padding-top:var(--header-height);transition:color .3s,background-color .3s}.header{background-color:var(--bg-color-header);padding:14px 16px;border-bottom:1px solid #333;position:fixed;width:100%;top:0;z-index:2}.header .icon-btn{font-size:1.2rem;color:var(--text-color-primary);margin-left:20px;cursor:pointer;transition:color .2s}.logo img{max-width:80px;height:auto}.sidebar{background-color:var(--bg-color-dark);width:var(--sidebar-width);position:fixed;top:var(--header-height);right:0;max-height:calc(100% - var(--header-height));transition:right .3s;z-index:1;display:flex;flex-direction:column;padding:15px 0}.card-img-top,.video-card{transition:transform .3s,box-shadow .3s}.sidebar .nav-link{color:#f1f1f1;background-color:#1a2238;font-size:.9rem;padding:10px 15px;border-radius:5px;transition:background-color .3s}.sidebar .nav-link:hover{background-color:#2c3450}.sidebar .nav-header{color:#f1f1f1;font-weight:700;padding:5px 15px;font-size:1rem}.video-card{position:relative;padding:8px}.video-card:hover .card-img-top{filter:brightness(.9) blur(5px)}.video-card .black-background{background-color:var(--bg-color-dark);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:8px;overflow:hidden}.video-card .shine-effect{position:absolute;top:0;left:-100%;width:300%;height:100%;background:linear-gradient(60deg,transparent 20%,rgba(255,255,255,.25) 40%,rgba(255,255,255,.1) 60%,transparent 80%);box-shadow:0 0 15px rgba(255,255,255,.15);z-index:2;animation:2.8s ease-in-out infinite shine}@keyframes shine{0%{left:-100%;opacity:.3}50%{left:100%;opacity:.7}100%{left:300%;opacity:.3}}.play-icon{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:2rem;display:none;z-index:1}.video-card:hover .play-icon{display:block}.card{border:none;border-radius:10px;overflow:hidden;background-color:var(--bg-color-card)}.card-img-top{border-radius:8px 8px 0 0;height:110px;width:100%;object-fit:cover;box-shadow:0 4px 8px rgba(0,0,0,.2)}.card-img-top:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,.3);filter:brightness(1.1)}.card-body{padding:5px}.card-title{font-size:var(--font-size-small);font-weight:350}.time-label{position:absolute;bottom:40px;right:5px;background-color:rgba(0,0,0,.6);padding:3px 6px;border-radius:3px;font-size:.7rem}#loading{display:none;padding:10px;color:var(--highlight-color);font-weight:700}.main-content{margin-right:var(--sidebar-width);transition:margin-right .3s}.main-content.sidebar-active{margin-right:0}@media (max-width:768px){.sidebar{right:calc(-1 * var(--sidebar-width))}.sidebar.active{right:0}.main-content{margin-right:0}#sidebar-toggle{display:block}}@media (min-width:769px){#sidebar-toggle{display:none}.sidebar{right:0}.main-content{margin-right:var(--sidebar-width)}.header .logo img{max-width:125px;height:auto}}