.hyperlific-cb-videos-grid{margin:20px 0}.hyperlific-cb-grid{display:grid;grid-template-columns:repeat(var(--columns,4),1fr);gap:24px;margin:20px 0}@media (max-width:1200px){.hyperlific-cb-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hyperlific-cb-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:480px){.hyperlific-cb-grid{grid-template-columns:1fr}}.hyperlific-cb-video-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .1);transition:transform 0.2s ease,box-shadow 0.2s ease}.hyperlific-cb-video-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgb(0 0 0 / .15)}.hyperlific-cb-video-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}.hyperlific-cb-video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.hyperlific-cb-video-card:hover .hyperlific-cb-video-thumbnail img{transform:scale(1.05)}.hyperlific-cb-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.hyperlific-cb-thumbnail-placeholder svg{width:64px;height:64px;opacity:.8}.hyperlific-cb-genre-badge{position:absolute;top:10px;left:10px;background:rgb(0 0 0 / .8);color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.hyperlific-cb-progress-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgb(0 0 0 / .3);overflow:hidden}.hyperlific-cb-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%);transition:width 0.3s ease;box-shadow:0 0 8px rgb(245 158 11 / .6)}.hyperlific-cb-video-card:hover .hyperlific-cb-progress-fill{box-shadow:0 0 12px rgb(245 158 11 / .8)}.hyperlific-cb-rating-badge{display:inline-block;background:#f0f0f0;color:#333;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;margin-top:8px}.hyperlific-cb-video-info{padding:16px}.hyperlific-cb-video-title{margin:0 0 8px 0;font-size:18px;font-weight:600;line-height:1.3}.hyperlific-cb-video-title a{color:#333;text-decoration:none;transition:color 0.2s ease}.hyperlific-cb-video-title a:hover{color:#667eea}.hyperlific-cb-video-description{font-size:14px;color:#666;line-height:1.5;margin:8px 0}.hyperlific-cb-creator-info{font-size:13px;color:#888;margin:8px 0 0 0}.hyperlific-cb-creator-label{color:#aaa}.hyperlific-cb-creator-link{color:#667eea;text-decoration:none;font-weight:500}.hyperlific-cb-creator-link:hover{text-decoration:underline}.hyperlific-cb-video-single{max-width:1200px;margin:0 auto;padding:20px}.hyperlific-cb-video-player{margin-bottom:30px}.hyperlific-cb-video-placeholder{aspect-ratio:16/9;background:#f0f0f0;display:flex;align-items:center;justify-content:center;border-radius:8px}.hyperlific-cb-video-details{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.hyperlific-cb-video-details h1{margin:0 0 16px 0;font-size:32px;line-height:1.2}.hyperlific-cb-video-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.hyperlific-cb-meta-item{padding:6px 12px;background:#f5f5f5;border-radius:4px;font-size:14px;font-weight:500}.hyperlific-cb-meta-item.hyperlific-cb-genre{background:#667eea;color:#fff}.hyperlific-cb-video-details h2{font-size:20px;margin:24px 0 12px 0;color:#333}.hyperlific-cb-video-description p,.hyperlific-cb-video-credits p{line-height:1.6;color:#555}.hyperlific-cb-video-credits ul{list-style:none;padding:0;margin:0}.hyperlific-cb-video-credits li{padding:8px 0;border-bottom:1px solid #f0f0f0}.hyperlific-cb-creator-card{background:#f9f9f9;padding:20px;border-radius:8px;margin-top:12px}.hyperlific-cb-creator-card h3{margin:0 0 8px 0;font-size:18px}.hyperlific-cb-creator-since{color:#888;font-size:14px;margin:0 0 16px 0}.hyperlific-cb-tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hyperlific-cb-tag{background:#e0e7ff;color:#4c51bf;padding:4px 12px;border-radius:16px;font-size:13px;font-weight:500}.hyperlific-cb-notice{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:12px 16px;border-radius:4px;margin-top:12px;font-size:14px}.hyperlific-cb-creator-profile{max-width:1200px;margin:0 auto;padding:20px}.hyperlific-cb-creator-header{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .1);margin-bottom:30px}.hyperlific-cb-creator-name{margin:0 0 16px 0;font-size:36px}.hyperlific-cb-creator-stats{display:flex;gap:24px;color:#666}.hyperlific-cb-stat strong{color:#333;font-size:24px;margin-right:4px}.hyperlific-cb-creator-videos h2{font-size:24px;margin:30px 0 20px 0}.hyperlific-cb-video-date{font-size:13px;color:#888;margin:8px 0 0 0}.hyperlific-cb-pagination{margin:40px 0;text-align:center}.hyperlific-cb-pagination-list{display:flex;justify-content:center;align-items:center;gap:8px;list-style:none;padding:0;margin:0}.hyperlific-cb-pagination-link{display:block;padding:8px 14px;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;text-decoration:none;transition:all 0.2s ease;font-weight:500}.hyperlific-cb-pagination-link:hover{background:#667eea;color:#fff;border-color:#667eea}.hyperlific-cb-pagination-link.current{background:#667eea;color:#fff;border-color:#667eea}.hyperlific-cb-error{padding:20px;background:#fee;border:1px solid red;border-radius:4px;color:#c00;margin:20px 0}.hyperlific-cb-error strong{display:block;margin-bottom:8px}.hyperlific-cb-no-results{text-align:center;padding:40px 20px;color:#888}@media (prefers-color-scheme:dark){.hyperlific-cb-video-card{background:#1a1a1a}.hyperlific-cb-video-title a{color:#fff}.hyperlific-cb-video-description{color:#aaa}.hyperlific-cb-video-details,.hyperlific-cb-creator-header{background:#1a1a1a}.hyperlific-cb-video-details h1,.hyperlific-cb-video-details h2,.hyperlific-cb-creator-name{color:#fff}.hyperlific-cb-video-placeholder{background:#2a2a2a}.hyperlific-cb-meta-item{background:#2a2a2a;color:#ccc}}