.video-card{background:#111;border-radius:14px;width:100%;overflow:hidden}.video-section{cursor:pointer;background:#000;width:100%;position:relative}.video-element{object-fit:contain;width:100%;height:auto;max-height:72vh;display:block}.video-icon-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-overlay-icon{color:#ffffffd1;filter:drop-shadow(0 2px 12px #000000b3)}.video-info-section{padding:14px 16px 12px;transition:opacity .25s}.video-author-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.video-author-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.video-author-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.video-maker-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.view-full-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:20px;flex-shrink:0;padding:7px 18px;font-family:inherit;font-size:.84rem;font-weight:700;line-height:1;transition:opacity .2s}.view-full-btn:active{opacity:.75}.video-title-text{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 9px;font-size:.88rem;line-height:1.45;display:-webkit-box;overflow:hidden}.video-genre-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.video-genre-tag{color:#60a5fa;background:#60a5fa1a;border:1px solid #60a5fa2e;border-radius:12px;padding:3px 9px;font-size:.74rem}.video-controls-section{border-top:1px solid #ffffff12;padding-top:10px}.video-progress-bar{background:#ffffff26;border-radius:2px;width:100%;height:3px;margin-bottom:10px;overflow:hidden}.video-progress-fill{background:#fff;border-radius:2px;height:100%;transition:width .1s linear}.video-controls-row{align-items:center;gap:10px;display:flex}.ctrl-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex}.ctrl-btn:active{opacity:.6}.heart-btn{color:var(--text-secondary);transition:color .2s,transform .15s}.heart-btn.favourited{color:#e8005a}.heart-btn:active{opacity:1;transform:scale(1.35)}.ctrl-time{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.82rem}.ctrl-spacer{flex:1}.video-title-link{color:inherit;text-decoration:none;display:block}.video-title-link:hover .video-title-text{text-underline-offset:3px;text-decoration:underline}