@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.container{width:90%;max-width:1200px;margin:0 auto;padding:20px;background-color:#fff;min-height:100vh}body{background-color:#f8f9fa}.card{transition:transform .3s ease,box-shadow .3s ease;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1)}.card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.channel,.video{cursor:pointer}.video-container{position:relative;display:flex;flex-direction:column;padding:15px}.video-header{position:sticky;background-color:#fff;padding:10px 0;margin-bottom:15px;z-index:10;border-bottom:1px solid rgba(0,0,0,.125)}.card-title{font-family:"Quicksand",sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:.3px;color:#333}.card-text{font-family:"Poppins",sans-serif;font-size:.9rem;letter-spacing:.2px;color:#666}.video-content{display:grid;grid-template-columns:30% 70%;grid-gap:15px;gap:15px}.video-thumbnail{position:sticky;align-self:start}.video-timestamps{padding-top:5px}.timestamp-item{transition:background-color .3s ease;border-radius:4px}.timestamp-item:hover{background-color:#e9ecef!important}.timestamp-list{scrollbar-width:thin;scrollbar-color:#094 #f8f9fa}.timestamp-list::-webkit-scrollbar{width:8px}.timestamp-list::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.timestamp-list::-webkit-scrollbar-thumb{background-color:#094;border-radius:4px}.pagination{text-align:center;margin-top:20px}.pagination a{margin:0 5px;text-decoration:none;color:#007bff}.pagination a.active{font-weight:700;color:#0056b3}#search-input{border-radius:20px;padding:8px 15px}h4{position:relative;padding:.8rem 1.5rem;border-bottom:4px solid #094;margin-bottom:20px;font-family:"Quicksand",sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:.5px;color:#222;text-shadow:1px 1px 1px rgba(0,153,68,.2);background:linear-gradient(90deg,#222,#444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}h4:before{position:absolute;bottom:-4px;left:0;width:20%;height:4px;content:"";background:linear-gradient(90deg,#00cc5b,#094)}@media (max-width:768px){.container{width:100%;padding:10px}.player-wrapper iframe{width:100%;height:100%}.card-title{font-size:1.2rem}.card-text{font-size:.8rem}.video-header,.video-thumbnail{position:relative!important;top:0!important}.video-content{grid-template-columns:1fr}}.loader{color:#2d9dbc;font-size:20px;margin:100px auto;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;border:.25em solid rgba(45,157,188,.2);border-left-color:#2d9dbc;transform:translateZ(0)}.navbar-brand{font-family:"Quicksand",sans-serif;font-weight:700;font-size:1.3rem;letter-spacing:.5px;color:#094!important;transition:color .3s ease}.navbar-brand:hover{color:#00cc5b!important}