.video-page-container{display:flex;height:100vh;width:100vw;background-color:#050505;color:#ffffff;margin:0;overflow:hidden}.video-sidebar{width:350px;background-color:rgba(15,15,15,.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;z-index:10}.video-sidebar-content{padding:2rem 1.5rem;padding-top:calc(var(--header-height, 80px) + 2rem);display:flex;flex-direction:column;height:100%}.video-sidebar-title{font-size:var(--font-size-h3);color:#ffffff;margin-top:0;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.75px;font-weight:600}.video-sidebar-subtitle{font-size:var(--font-size-base);color:#e2e8f0;margin-bottom:2rem;line-height:1.5}.chapter-list{display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.chapter-btn{background:transparent;border:1px solid transparent;border-left-width:2px;color:#e2e8f0;padding:1rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease-in-out;font-size:var(--font-size-base);margin-left:-2px}.chapter-title{font-weight:500}.chapter-time{font-size:var(--font-size-sm);color:rgba(255,255,255,.6);background:rgba(255,255,255,.05);padding:4px 8px;border-radius:var(--border-radius-sm,4px);transition:all .2s ease}.chapter-btn:hover{color:#ffffff;background-color:rgba(255,255,255,.1);text-shadow:0 0 .5px #ffffff,0 0 .5px #ffffff}.chapter-btn:hover .chapter-time{color:#ffffff;background:rgba(255,255,255,.15)}.chapter-btn.active{color:#ffffff;background-color:rgba(255,255,255,.15);border-left:2px solid #ffffff;font-weight:600}.video-main-area{flex:1 1;position:relative;display:flex;justify-content:center;align-items:center;background-color:#000000;padding-top:var(--header-height,80px)}.main-video-player{width:100%;height:100%;max-height:calc(100vh - var(--header-height, 80px));object-fit:contain;box-shadow:0 0 40px rgba(0,0,0,.5)}